@coolbuttons/react 1.0.0

package/README.md

@@ -0,0 +1,73 @@
+# @coolbuttons/react
+
+Production-ready button components for React applications.
+
+## Installation
+
+```bash
+npm install @coolbuttons/react
+```
+
+## Usage
+
+```jsx
+import { Claymorphic, GlassCard, NeumorphicSoft } from '@coolbuttons/react';
+
+export default function App() {
+  return (
+    <div>
+      <Claymorphic onClick={() => console.log('Clicked!')}>
+        Click Me
+      </Claymorphic>
+      
+      <GlassCard>
+        Glass Button
+      </GlassCard>
+      
+      <NeumorphicSoft>
+        Soft Button
+      </NeumorphicSoft>
+    </div>
+  );
+}
+```
+
+## Available Components
+
+- **Claymorphic** - Modern clay-like design with soft shadows
+- **GlassCard** - Glassmorphism design
+- **NeumorphicSoft** - Soft neumorphic design
+- **Brutalist** - Minimal brutalist design
+- **NeonBorder** - Neon border effect
+- **GradientShadow** - Gradient with shadow effect
+- **ModernMinimal** - Clean minimal design
+- **GlitchEffect** - Glitch animation effect
+- **LiquidGradient** - Liquid gradient design
+
+## Props
+
+All components accept the following props:
+
+- `children` (ReactNode) - Button text or content
+- `onClick` (function) - Click handler
+- `disabled` (boolean) - Disable state
+- `className` (string) - Additional CSS classes
+- `type` (string) - Button type: 'button' | 'submit' | 'reset'
+
+## Customization
+
+All components use Tailwind CSS classes and can be customized:
+
+```jsx
+<Claymorphic className="px-8 py-4">
+  Custom Button
+</Claymorphic>
+```
+
+## License
+
+MIT
+
+## Support
+
+For issues and questions, visit [GitHub](https://github.com/devchauhann/coolbuttons)

package/dist/index.esm.js

@@ -0,0 +1,874 @@
+import ie, { forwardRef as Y, createElement as T } from "react";
+var y = { exports: {} }, h = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var H;
+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) {
+      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,
+      props: l
+    };
+  }
+  return h.Fragment = c, h.jsx = p, h.jsxs = p, h;
+}
+var _ = {};
+/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * 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) {
+      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:
+          return "Fragment";
+        case J:
+          return "Profiler";
+        case V:
+          return "StrictMode";
+        case ee:
+          return "Suspense";
+        case re:
+          return "SuspenseList";
+        case ae:
+          return "Activity";
+      }
+      if (typeof r == "object")
+        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:
+            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;
+          case te:
+            return a = r.displayName || null, a !== null ? a : o(r.type) || "Memo";
+          case k:
+            a = r._payload, r = r._init;
+            try {
+              return o(r(a));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function c(r) {
+      return "" + r;
+    }
+    function p(r) {
+      try {
+        c(r);
+        var a = !1;
+      } catch {
+        a = !0;
+      }
+      if (a) {
+        a = console;
+        var n = a.error, s = typeof Symbol == "function" && Symbol.toStringTag && r[Symbol.toStringTag] || r.constructor.name || "Object";
+        return n.call(
+          a,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          s
+        ), c(r);
+      }
+    }
+    function x(r) {
+      if (r === E) return "<>";
+      if (typeof r == "object" && r !== null && r.$$typeof === k)
+        return "<...>";
+      try {
+        var a = o(r);
+        return a ? "<" + a + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function d() {
+      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;
+      }
+      return r.key !== void 0;
+    }
+    function b(r, a) {
+      function n() {
+        L || (L = !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
+        ));
+      }
+      n.isReactWarning = !0, Object.defineProperty(r, "key", {
+        get: n,
+        configurable: !0
+      });
+    }
+    function N() {
+      var r = o(this.type);
+      return C[r] || (C[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) {
+      var i = n.ref;
+      return r = {
+        $$typeof: P,
+        type: r,
+        key: a,
+        props: n,
+        _owner: s
+      }, (i !== void 0 ? i : null) !== null ? Object.defineProperty(r, "ref", {
+        enumerable: !1,
+        get: N
+      }) : Object.defineProperty(r, "ref", { enumerable: !1, value: null }), r._store = {}, Object.defineProperty(r._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: 0
+      }), Object.defineProperty(r, "_debugInfo", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: null
+      }), Object.defineProperty(r, "_debugStack", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: w
+      }), Object.defineProperty(r, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: z
+      }), Object.freeze && (Object.freeze(r.props), Object.freeze(r)), r;
+    }
+    function v(r, a, n, s, w, z) {
+      var i = a.children;
+      if (i !== void 0)
+        if (s)
+          if (ne(i)) {
+            for (s = 0; s < i.length; s++)
+              M(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) {
+          return se !== "key";
+        });
+        s = 0 < g.length ? "{key: someKey, " + g.join(": ..., ") + ": ...}" : "{key: someKey}", F[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} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`,
+          s,
+          i,
+          g,
+          i
+        ), F[i + s] = !0);
+      }
+      if (i = null, n !== void 0 && (p(n), i = "" + n), u(a) && (p(a.key), i = "" + a.key), "key" in a) {
+        n = {};
+        for (var I in a)
+          I !== "key" && (n[I] = a[I]);
+      } else n = a;
+      return i && b(
+        n,
+        typeof r == "function" ? r.displayName || r.name || "Unknown" : r
+      ), j(
+        r,
+        i,
+        n,
+        d(),
+        w,
+        z
+      );
+    }
+    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 S(r) {
+      return typeof r == "object" && r !== null && r.$$typeof === P;
+    }
+    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() {
+      return null;
+    };
+    m = {
+      react_stack_bottom_frame: function(r) {
+        return r();
+      }
+    };
+    var L, C = {}, G = m.react_stack_bottom_frame.bind(
+      m,
+      l
+    )(), D = A(x(l)), F = {};
+    _.Fragment = E, _.jsx = function(r, a, n) {
+      var s = 1e4 > R.recentlyCreatedOwnerStacks++;
+      return v(
+        r,
+        a,
+        n,
+        !1,
+        s ? Error("react-stack-top-frame") : G,
+        s ? A(x(r)) : D
+      );
+    }, _.jsxs = function(r, a, n) {
+      var s = 1e4 > R.recentlyCreatedOwnerStacks++;
+      return v(
+        r,
+        a,
+        n,
+        !0,
+        s ? Error("react-stack-top-frame") : G,
+        s ? A(x(r)) : D
+      );
+    };
+  })()), _;
+}
+var $;
+function ce() {
+  return $ || ($ = 1, process.env.NODE_ENV === "production" ? y.exports = le() : y.exports = de()), y.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;
+/**
+ * @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();
+/**
+ * @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 = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 2,
+  strokeLinecap: "round",
+  strokeLinejoin: "round"
+};
+/**
+ * @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 ue = Y(
+  ({
+    color: o = "currentColor",
+    size: c = 24,
+    strokeWidth: p = 2,
+    absoluteStrokeWidth: x,
+    className: d = "",
+    children: l,
+    iconNode: u,
+    ...b
+  }, N) => T(
+    "svg",
+    {
+      ref: N,
+      ...xe,
+      width: c,
+      height: c,
+      stroke: o,
+      strokeWidth: x ? Number(p) * 24 / Number(c) : p,
+      className: B("lucide", d),
+      ...b
+    },
+    [
+      ...u.map(([j, v]) => T(j, v)),
+      ...Array.isArray(l) ? l : [l]
+    ]
+  )
+);
+/**
+ * @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 f = (o, c) => {
+  const p = Y(
+    ({ className: x, ...d }, l) => T(ue, {
+      ref: l,
+      iconNode: c,
+      className: B(`lucide-${pe(o)}`, x),
+      ...d
+    })
+  );
+  return p.displayName = `${o}`, p;
+};
+/**
+ * @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 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);
+/**
+ * @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 = [
+  [
+    "path",
+    {
+      d: "M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z",
+      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" }) })
+] });
+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: [
+  /* @__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" }) })
+] });
+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" });
+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" })
+] });
+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: [
+  /* @__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: [
+  /* @__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" })
+] });
+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" });
+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" });
+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: [
+  /* @__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" });
+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" });
+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" })
+] });
+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" });
+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" });
+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" })
+] });
+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" })
+] });
+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" })
+] });
+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: [
+    /* @__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"
+  ] })
+] });
+t.GLASSMORPHIC;
+const gr = () => /* @__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" }),
+    "Amber Vitrum"
+  ] })
+] });
+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: [
+  /* @__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" });
+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: [
+  "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: [
+  /* @__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" }),
+  /* @__PURE__ */ e.jsx("style", { children: `
+        @keyframes spin {
+          from { transform: rotate(0deg); }
+          to { transform: rotate(360deg); }
+        }
+      ` })
+] });
+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" });
+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: [
+  /* @__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 }),
+  /* @__PURE__ */ e.jsx("span", { children: "Super Power" })
+] });
+t.ESSENTIAL;
+const Tr = () => /* @__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: [
+  /* @__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" });
+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: [
+  /* @__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" })
+] });
+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: [
+  /* @__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 }) });
+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" });
+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 })
+] });
+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" });
+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" });
+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" })
+] });
+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" });
+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" });
+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" });
+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 ]" });
+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; }
+        }
+      ` })
+] });
+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" });
+t.MINIMAL;
+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,
+  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
+};

package/dist/index.js

@@ -0,0 +1,91 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("react");var N={exports:{}},_={};/**
+ * @license React
+ * react-jsx-runtime.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var H;function se(){if(H)return _;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){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,props:l}}return _.Fragment=c,_.jsx=p,_.jsxs=p,_}var f={};/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var B;function ie(){return B||(B=1,process.env.NODE_ENV!=="production"&&(function(){function o(r){if(r==null)return null;if(typeof r=="function")return r.$$typeof===ae?null:r.displayName||r.name||null;if(typeof r=="string")return r;switch(r){case k:return"Fragment";case V:return"Profiler";case X:return"StrictMode";case K:return"Suspense";case ee:return"SuspenseList";case te:return"Activity"}if(typeof r=="object")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:return"Portal";case Z:return r.displayName||"Context";case J:return(r._context.displayName||"Context")+".Consumer";case Q:var a=r.render;return r=r.displayName,r||(r=a.displayName||a.name||"",r=r!==""?"ForwardRef("+r+")":"ForwardRef"),r;case re:return a=r.displayName||null,a!==null?a:o(r.type)||"Memo";case R:a=r._payload,r=r._init;try{return o(r(a))}catch{}}return null}function c(r){return""+r}function p(r){try{c(r);var a=!1}catch{a=!0}if(a){a=console;var n=a.error,s=typeof Symbol=="function"&&Symbol.toStringTag&&r[Symbol.toStringTag]||r.constructor.name||"Object";return n.call(a,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",s),c(r)}}function x(r){if(r===k)return"<>";if(typeof r=="object"&&r!==null&&r.$$typeof===R)return"<...>";try{var a=o(r);return a?"<"+a+">":"<...>"}catch{return"<...>"}}function d(){var r=A.A;return r===null?null:r.getOwner()}function l(){return Error("react-stack-top-frame")}function u(r){if(G.call(r,"key")){var a=Object.getOwnPropertyDescriptor(r,"key").get;if(a&&a.isReactWarning)return!1}return r.key!==void 0}function b(r,a){function n(){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))}n.isReactWarning=!0,Object.defineProperty(r,"key",{get:n,configurable:!0})}function j(){var r=o(this.type);return C[r]||(C[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 E(r,a,n,s,y,I){var i=n.ref;return r={$$typeof:P,type:r,key:a,props:n,_owner:s},(i!==void 0?i:null)!==null?Object.defineProperty(r,"ref",{enumerable:!1,get:j}):Object.defineProperty(r,"ref",{enumerable:!1,value:null}),r._store={},Object.defineProperty(r._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(r,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(r,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:y}),Object.defineProperty(r,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:I}),Object.freeze&&(Object.freeze(r.props),Object.freeze(r)),r}function m(r,a,n,s,y,I){var i=a.children;if(i!==void 0)if(s)if(oe(i)){for(s=0;s<i.length;s++)S(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 S(i);if(G.call(a,"key")){i=o(r);var g=Object.keys(a).filter(function(ne){return ne!=="key"});s=0<g.length?"{key: someKey, "+g.join(": ..., ")+": ...}":"{key: someKey}",F[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} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`,s,i,g,i),F[i+s]=!0)}if(i=null,n!==void 0&&(p(n),i=""+n),u(a)&&(p(a.key),i=""+a.key),"key"in a){n={};for(var M in a)M!=="key"&&(n[M]=a[M])}else n=a;return i&&b(n,typeof r=="function"?r.displayName||r.name||"Unknown":r),E(r,i,n,d(),y,I)}function S(r){T(r)?r._store&&(r._store.validated=1):typeof r=="object"&&r!==null&&r.$$typeof===R&&(r._payload.status==="fulfilled"?T(r._payload.value)&&r._payload.value._store&&(r._payload.value._store.validated=1):r._store&&(r._store.validated=1))}function T(r){return typeof r=="object"&&r!==null&&r.$$typeof===P}var w=h,P=Symbol.for("react.transitional.element"),W=Symbol.for("react.portal"),k=Symbol.for("react.fragment"),X=Symbol.for("react.strict_mode"),V=Symbol.for("react.profiler"),J=Symbol.for("react.consumer"),Z=Symbol.for("react.context"),Q=Symbol.for("react.forward_ref"),K=Symbol.for("react.suspense"),ee=Symbol.for("react.suspense_list"),re=Symbol.for("react.memo"),R=Symbol.for("react.lazy"),te=Symbol.for("react.activity"),ae=Symbol.for("react.client.reference"),A=w.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,G=Object.prototype.hasOwnProperty,oe=Array.isArray,z=console.createTask?console.createTask:function(){return null};w={react_stack_bottom_frame:function(r){return r()}};var O,C={},L=w.react_stack_bottom_frame.bind(w,l)(),D=z(x(l)),F={};f.Fragment=k,f.jsx=function(r,a,n){var s=1e4>A.recentlyCreatedOwnerStacks++;return m(r,a,n,!1,s?Error("react-stack-top-frame"):L,s?z(x(r)):D)},f.jsxs=function(r,a,n){var s=1e4>A.recentlyCreatedOwnerStacks++;return m(r,a,n,!0,s?Error("react-stack-top-frame"):L,s?z(x(r)):D)}})()),f}var U;function le(){return U||(U=1,process.env.NODE_ENV==="production"?N.exports=se():N.exports=ie()),N.exports}var e=le(),t=(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 de=()=>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 ce=()=>e.jsxs("div",{className:"p-10 relative group",children:[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"}),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 pe=()=>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 xe=()=>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 ue=()=>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 be=()=>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 ge=()=>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 he=()=>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 _e=()=>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 fe=()=>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;/**
+ * @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=o=>o.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase(),$=(...o)=>o.filter((c,p,x)=>!!c&&c.trim()!==""&&x.indexOf(c)===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 me={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"};/**
+ * @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=h.forwardRef(({color:o="currentColor",size:c=24,strokeWidth:p=2,absoluteStrokeWidth:x,className:d="",children:l,iconNode:u,...b},j)=>h.createElement("svg",{ref:j,...me,width:c,height:c,stroke:o,strokeWidth:x?Number(p)*24/Number(c):p,className:$("lucide",d),...b},[...u.map(([E,m])=>h.createElement(E,m)),...Array.isArray(l)?l:[l]]));/**
+ * @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 v=(o,c)=>{const p=h.forwardRef(({className:x,...d},l)=>h.createElement(we,{ref:l,iconNode:c,className:$(`lucide-${ve(o)}`,x),...d}));return p.displayName=`${o}`,p};/**
+ * @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 ye=[["path",{d:"M5 12h14",key:"1ays0h"}],["path",{d:"m12 5 7 7-7 7",key:"xquz4c"}]],Ne=v("ArrowRight",ye);/**
+ * @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 je=[["path",{d:"m9 18 6-6-6-6",key:"mthhwq"}]],q=v("ChevronRight",je);/**
+ * @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 Ee=[["path",{d:"M5 12h14",key:"1ays0h"}],["path",{d:"M12 5v14",key:"s699le"}]],ke=v("Plus",Ee);/**
+ * @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 Re=[["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"}]],Ae=v("Star",Re);/**
+ * @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 ze=[["path",{d:"M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z",key:"1xq2db"}]],Y=v("Zap",ze),Ie=()=>e.jsxs("button",{className:"flex items-center gap-1 p-1 bg-zinc-100 rounded-2xl group hover:bg-zinc-200 transition-colors",children:[e.jsx("div",{className:"bg-white p-2 rounded-xl shadow-sm group-hover:scale-95 transition-transform",children:e.jsx(Y,{size:18,className:"text-orange-500"})}),e.jsx("span",{className:"px-3 text-sm font-bold text-zinc-700",children:"Quick Start"}),e.jsx("div",{className:"pr-2",children:e.jsx(q,{size:16,className:"text-zinc-400 group-hover:translate-x-1 transition-transform"})})]});t.MINIMAL;const Me=()=>e.jsxs("button",{className:"relative px-8 py-3 bg-zinc-950 text-white font-bold rounded-xl overflow-hidden group",children:[e.jsx("span",{className:"relative z-10",children:"Neon Beam"}),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]"}),e.jsx("div",{className:"absolute inset-[2px] bg-zinc-950 rounded-xl"}),e.jsx("style",{children:"@keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }"})]});t.GRADIENT;const Se=()=>e.jsxs("button",{className:"relative px-8 py-3 bg-white text-zinc-900 font-bold group",children:[e.jsx("span",{className:"relative z-10",children:"Border Trace"}),e.jsx("span",{className:"absolute inset-0 border-2 border-zinc-100 group-hover:border-orange-500 transition-colors duration-300"}),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"}),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"}),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"}),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 Te=()=>e.jsxs("button",{className:"flex items-center gap-3 px-8 py-3 bg-zinc-900 text-white font-bold rounded-full group",children:[e.jsx(Ae,{className:"group-hover:animate-bounce text-orange-400",size:18}),e.jsx("span",{children:"Bouncy Star"})]});t.ANIMATED;const Pe=()=>e.jsxs("button",{className:"flex items-center gap-2 px-8 py-3 bg-zinc-900 text-white font-bold rounded-xl group",children:[e.jsx("span",{children:"Continue"}),e.jsx("div",{className:"w-0 overflow-hidden group-hover:w-4 transition-all duration-300",children:e.jsx(q,{size:18,className:"translate-x-[-10px] group-hover:translate-x-0 transition-transform duration-300"})})]});t.ANIMATED;const Ge=()=>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 Oe=()=>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 Ce=()=>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 Le=()=>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 De=()=>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 Fe=()=>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:[e.jsx("div",{className:"px-8 py-3 bg-zinc-950 rounded-2xl flex items-center justify-center",children: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"})}),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"})]});t.GRADIENT;const He=()=>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:[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"}),e.jsx("span",{className:"relative z-10",children:"Cyber_Slice"})]});t.EXPERIMENTAL;const Be=()=>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 Ue=()=>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 $e=()=>e.jsxs("button",{className:"relative px-8 py-3 bg-white text-zinc-900 font-bold rounded-lg group",children:[e.jsx("span",{className:"relative z-10",children:"Dash Spin"}),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 qe=()=>e.jsxs("div",{className:"p-16 relative group",children:[e.jsx("div",{className:"absolute inset-0 bg-indigo-500/5 blur-[100px] group-hover:bg-indigo-500/10 transition-colors"}),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 Ye=()=>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:[e.jsx("span",{className:"relative z-10 group-hover:text-white transition-colors duration-200",children:"Depth Slide"}),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"})]});t.RETRO;const We=()=>e.jsxs("button",{className:"relative px-8 py-3 bg-orange-500 text-white font-black rounded-lg overflow-hidden group",children:[e.jsx("span",{className:"relative z-10",children:"Danger Zone"}),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]"}),e.jsx("style",{children:`
+        @keyframes move-bg {
+          0% { background-position: 0 0; }
+          100% { background-position: 40px 0; }
+        }
+      `})]});t.RETRO;const Xe=()=>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 Ve=()=>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 Je=()=>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 Ze=()=>e.jsxs("button",{className:"flex px-1 items-center bg-zinc-100 rounded-full group hover:bg-zinc-900 transition-colors duration-300",children:[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"}),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 Qe=()=>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"}),Ke=()=>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 er=()=>e.jsxs("button",{className:"relative px-8 py-3 bg-zinc-900 text-white font-bold rounded-xl group",children:[e.jsx("span",{className:"relative z-10",children:"Aura Expand"}),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 rr=()=>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 tr=()=>e.jsxs("div",{className:"relative group",children:[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?"}),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"})]});t.MINIMAL;const ar=()=>e.jsxs("button",{className:"relative px-10 py-3 bg-indigo-500 text-white font-black rounded-full hover:scale-105 transition-all",children:[e.jsx("span",{className:"absolute inset-0 rounded-full bg-indigo-400 animate-ping opacity-20"}),e.jsx("span",{className:"relative",children:"Pulse Up"})]});t.ANIMATED;const or=()=>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 nr=()=>e.jsxs("button",{className:"relative px-8 py-3 bg-zinc-900 text-white font-black group overflow-hidden",children:[e.jsx("span",{className:"relative z-10",children:"Fragment_Nav"}),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 sr=()=>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 ir=()=>e.jsxs("div",{className:"relative p-1",children:[e.jsx("div",{className:"absolute inset-0 bg-white/10 blur-md rounded-2xl"}),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"})]});t.GLASSMORPHIC;const lr=()=>e.jsxs("button",{className:"px-8 py-3 bg-zinc-900 text-white font-bold rounded-2xl relative overflow-hidden group",children:[e.jsx("span",{className:"relative z-10",children:"Glass Core"}),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"})]});t.GLASSMORPHIC;const dr=()=>e.jsxs("div",{className:"p-10 relative",children:[e.jsx("div",{className:"absolute inset-0 bg-rose-500/5 blur-3xl rounded-full"}),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"})]});t.GLASSMORPHIC;const cr=()=>e.jsxs("div",{className:"relative p-10 group",children:[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"}),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:[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"}),e.jsx("span",{className:"relative",children:"Aurora Glass"})]})]});t.GLASSMORPHIC;const pr=()=>e.jsxs("div",{className:"relative p-10 group",children:[e.jsx("div",{className:"absolute inset-0 bg-purple-500/10 blur-[80px] group-hover:bg-purple-500/20 transition-all duration-700"}),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:[e.jsx("div",{className:"absolute inset-0 bg-gradient-to-tr from-white/10 via-transparent to-white/20"}),"Nebula Glass"]})]});t.GLASSMORPHIC;const xr=()=>e.jsxs("div",{className:"p-10 relative",children:[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]"}),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:[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"}),"Amber Vitrum"]})]});t.GLASSMORPHIC;const ur=()=>e.jsx("div",{className:"p-12 flex items-center justify-center",children: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:[e.jsx("span",{className:"relative z-10",children:"Mirror Glass"}),e.jsx("div",{className:"absolute top-0 left-0 w-full h-[1px] bg-gradient-to-r from-transparent via-white/80 to-transparent"}),e.jsx("div",{className:"absolute top-0 left-0 w-full h-full bg-gradient-to-br from-white/30 to-transparent"}),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 br=()=>e.jsxs("div",{className:"p-12 relative group",children:[e.jsx("div",{className:"absolute inset-4 bg-cyan-400/10 blur-[40px] rounded-3xl group-hover:scale-125 transition-transform duration-700"}),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 gr=()=>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 hr=()=>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 _r=()=>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"});t.EXPERIMENTAL;const fr=()=>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",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"}),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 vr=()=>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:[e.jsx("span",{className:"relative z-10 uppercase tracking-[0.2em] text-[10px]",children:"Whirlpool"}),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"}),e.jsx("div",{className:"absolute inset-[2px] bg-zinc-950 rounded-lg group-hover:opacity-90 transition-opacity"}),e.jsx("style",{children:`
+        @keyframes spin {
+          from { transform: rotate(0deg); }
+          to { transform: rotate(360deg); }
+        }
+      `})]});t.GRADIENT;const mr=()=>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:[e.jsx("span",{className:"relative z-10 uppercase tracking-[0.2em] text-[10px]",children:"Aurorean"}),e.jsx("style",{children:`
+        @keyframes gradient {
+          0% { background-position: 0% 50%; }
+          50% { background-position: 100% 50%; }
+          100% { background-position: 0% 50%; }
+        }
+      `})]});t.GRADIENT;const wr=()=>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:[e.jsx("span",{className:"absolute inset-0 bg-white/20 scale-x-0 group-hover:scale-x-100 transition-transform origin-left duration-500"}),e.jsx("span",{className:"relative",children:"Hot Action"})]}),yr=()=>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 Nr=()=>e.jsxs("button",{className:"relative px-8 py-3 bg-zinc-900 text-white font-mono rounded overflow-hidden group",children:[e.jsx("span",{className:"relative z-10",children:"GRID_NAV"}),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 jr=()=>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 Er=()=>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 kr=()=>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:[e.jsx("span",{className:"relative z-10 uppercase tracking-widest text-[11px]",children:"Pearl Holo"}),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"}),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]"}),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 Rr=()=>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:[e.jsx(Y,{className:"group-hover:scale-150 group-hover:rotate-12 transition-transform",size:18}),e.jsx("span",{children:"Super Power"})]});t.ESSENTIAL;const Ar=()=>e.jsxs("div",{className:"relative group",children:[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"}),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 zr=()=>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:[e.jsx("span",{children:"Indicator"}),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 Ir=()=>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 Mr=()=>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:[e.jsx("span",{className:"relative z-10 uppercase tracking-widest text-[10px]",children:"Deep Space"}),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 Sr=()=>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:[e.jsx("span",{className:"relative z-10 uppercase tracking-widest text-[10px]",children:"Star Void"}),e.jsx("div",{className:"absolute inset-0 bg-gradient-to-b from-indigo-900/40 via-zinc-950 to-zinc-950"}),e.jsx("div",{className:"absolute top-0 inset-x-0 h-px bg-gradient-to-r from-transparent via-white/30 to-transparent"}),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 Tr=()=>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 Pr=()=>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=()=>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 Or=()=>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:[e.jsx("span",{className:"relative z-10 uppercase tracking-widest text-[11px]",children:"Magma Flow"}),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"}),e.jsx("div",{className:"absolute inset-0 bg-[radial-gradient(circle_at_50%_50%,rgba(255,255,255,0.1),transparent_80%)]"}),e.jsx("div",{className:"absolute -inset-2 bg-orange-500/30 blur-2xl opacity-0 group-hover:opacity-100 group-hover:animate-pulse-slow"})]});t.GRADIENT;const Cr=()=>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:[e.jsx("span",{className:"relative z-10 group-hover:text-white transition-colors duration-300",children:"Liquid Fill"}),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 Lr=()=>e.jsx("div",{className:"p-10 flex items-center justify-center",children: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:[e.jsx("span",{className:"relative z-10",children:"Refractive Dark"}),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]"}),e.jsx("div",{className:"absolute inset-0 bg-gradient-to-br from-white/10 to-transparent"})]})});t.GLASSMORPHIC;const Dr=()=>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 Fr=()=>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 Hr=()=>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:e.jsx(ke,{size:24})});t.ANIMATED;const Br=()=>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 Ur=()=>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 $r=()=>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 qr=()=>e.jsxs("button",{className:"flex items-center gap-2 text-zinc-900 font-bold group",children:[e.jsx("span",{className:"group-hover:mr-2 transition-all",children:"Explore More"}),e.jsx(Ne,{className:"group-hover:translate-x-1 transition-transform",size:18})]});t.MINIMAL;const Yr=()=>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 Wr=()=>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:[e.jsxs("span",{className:"relative flex h-2 w-2",children:[e.jsx("span",{className:"animate-ping absolute inline-flex h-full w-full rounded-full bg-orange-400 opacity-75"}),e.jsx("span",{className:"relative inline-flex rounded-full h-2 w-2 bg-orange-500"})]}),"Live Status"]}),Xr=()=>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 Vr=()=>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 Jr=()=>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 Zr=()=>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 Qr=()=>e.jsxs("button",{className:"relative px-8 py-3 bg-zinc-950 text-emerald-400 font-bold rounded-full group",children:[e.jsx("span",{className:"relative z-10",children:"Pulse Ring"}),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"}),e.jsx("div",{className:"absolute inset-0 rounded-full bg-emerald-500/10 blur-md group-hover:bg-emerald-500/30 transition-all"})]});t.GRADIENT;const Kr=()=>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 et=()=>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 rt=()=>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"});t.NEUMORPHIC;const tt=()=>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 at=()=>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 ]"});t.RETRO;const ot=()=>e.jsxs("button",{className:"relative px-8 py-3 bg-zinc-900 text-white font-bold rounded-xl group overflow-hidden",children:[e.jsx("span",{className:"relative z-10",children:"Comet Tail"}),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]"}),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; }
+        }
+      `})]});t.ANIMATED;const nt=()=>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"});t.MINIMAL;exports.ArcadeGreen=fe;exports.BentoBox=Ie;exports.BorderBeam=Me;exports.BorderTrace=Se;exports.BouncyIcon=Te;exports.Brutalist=xe;exports.ButtonCategory=t;exports.ChevronExpand=Pe;exports.Classic90s=Ge;exports.ClaySoftPill=Oe;exports.Claymorphic=de;exports.ContrastFrame=Ce;exports.CyberBevel=Le;exports.CyberGlow=De;exports.CyberGradient=Fe;exports.CyberSlice=He;exports.Cyberpunk=Be;exports.DashRotate=$e;exports.DashedReveal=Ue;exports.DeepBlurGlass=qe;exports.DepthSlide=Ye;exports.DiagonalStripes=We;exports.DiamondCut=Xe;exports.DotPattern=Ve;exports.DoubleShadow=Je;exports.DualTone=Ze;exports.ElevatedFloat=Qe;exports.EtherealBlur=Ke;exports.ExpandingAura=er;exports.ExpandingPill=rr;exports.FloatingLabel=tr;exports.FloatingPulse=ar;exports.FloatingShadow=or;exports.FragmentButton=nr;exports.GhostReveal=sr;exports.GlassCard=ce;exports.GlassDouble=ir;exports.GlassFrostedInner=lr;exports.GlassFrostyPill=dr;exports.GlassFusion=cr;exports.GlassGlow=pr;exports.GlassInset=xr;exports.GlassReflective=ur;exports.GlassRefraction=br;exports.GlassStroke=gr;exports.GlitchEffect=he;exports.GlowGhost=hr;exports.GlowOutline=_r;exports.GooeyButton=fr;exports.GradientConic=vr;exports.GradientMorph=mr;exports.GradientPulse=wr;exports.GradientShadow=be;exports.GradientWave=yr;exports.GridOverlay=Nr;exports.HandDrawn=jr;exports.HighElevatedNeumorphic=Er;exports.Holographic=kr;exports.IconBounce=Rr;exports.IndependentShadow=Ar;exports.IndicatorButton=zr;exports.IndustrialPlate=Ir;exports.InnerGlow=Mr;exports.InnerGlowPill=Sr;exports.InnerShadowDepth=Tr;exports.InvertedMinimal=Pr;exports.InvertedRound=Gr;exports.LavaFlow=Or;exports.LiquidFill=Cr;exports.LiquidGradient=_e;exports.LiquidPrism=Lr;exports.LiquidWarp=Dr;exports.MagneticBorder=Fr;exports.MagneticCircle=Hr;exports.MagneticSoft=Br;exports.MagnifyHover=Ur;exports.MagnifyText=$r;exports.MinimalArrow=qr;exports.MinimalBadge=Yr;exports.MinimalPulse=Wr;exports.ModernMinimal=ge;exports.ModernPrimary=Xr;exports.MorphingShape=Vr;exports.NeoHardShadow=Jr;exports.NeonBorder=ue;exports.NeonPill=Zr;exports.NeonPulseRing=Qr;exports.NeumorphicConcave=Kr;exports.NeumorphicConcavePill=et;exports.NeumorphicDark=rt;exports.NeumorphicEmbossed=tt;exports.NeumorphicSoft=pe;exports.OldTerminal=at;exports.OutlineComet=ot;exports.OutlineGrow=nt;

package/package.json

@@ -0,0 +1,54 @@
+{
+  "name": "@coolbuttons/react",
+  "version": "1.0.0",
+  "description": "400+ production-ready button components for React",
+  "license": "MIT",
+  "main": "./dist/index.js",
+  "module": "./dist/index.esm.js",
+  "types": "./dist/types.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.esm.js",
+      "require": "./dist/index.js",
+      "types": "./dist/types.d.ts"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "vite build",
+    "dev": "vite build --watch",
+    "prepublishOnly": "npm run build"
+  },
+  "peerDependencies": {
+    "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
+    "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+  },
+  "devDependencies": {
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "typescript": "^5.0.0",
+    "vite": "^6.0.0"
+  },
+  "keywords": [
+    "buttons",
+    "react",
+    "components",
+    "ui",
+    "tailwindcss",
+    "claymorphic",
+    "neumorphic",
+    "glassmorphic"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/devchauhann/coolbuttons.git"
+  },
+  "bugs": {
+    "url": "https://github.com/devchauhann/coolbuttons/issues"
+  },
+  "homepage": "https://coolbuttons.dev"
+}