@payai/x402-solana-react 0.1.0-beta.7 → 1.0.0

package/dist/index.mjs

@@ -1,300 +1,304 @@
-var Re = Object.defineProperty;
-var je = (e, r, t) => r in e ? Re(e, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[r] = t;
-var ie = (e, r, t) => je(e, typeof r != "symbol" ? r + "" : r, t);
-import { jsx as l, jsxs as C, Fragment as Le } from "react/jsx-runtime";
-import * as k from "react";
-import { useState as $, useCallback as le, useEffect as Q } from "react";
-import { Connection as ge, PublicKey as V, ComputeBudgetProgram as ce, TransactionInstruction as Ge, SystemProgram as Be, TransactionMessage as Ue, VersionedTransaction as Oe } from "@solana/web3.js";
-import { getAssociatedTokenAddress as ee, getAccount as Ve, TOKEN_2022_PROGRAM_ID as de, TOKEN_PROGRAM_ID as We, getMint as _e, createTransferCheckedInstruction as $e } from "@solana/spl-token";
-function Fe(e) {
-  return e === "solana" ? "EPjFWdd5AufqSSqeM2qN1xzybapC8G4wEGGkZwyTDt1v" : "4zMMC9srt5Ri5X14GAgXhaHii3GnPAEERYPJgZJDncDU";
+var We = Object.defineProperty;
+var _e = (r, n, t) => n in r ? We(r, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[n] = t;
+var ke = (r, n, t) => _e(r, typeof n != "symbol" ? n + "" : n, t);
+import { jsx as a, jsxs as b, Fragment as ie } from "react/jsx-runtime";
+import * as A from "react";
+import { useState as X, useCallback as ve, useMemo as de, useRef as Oe, useEffect as re } from "react";
+import { ConnectionProvider as He, WalletProvider as Xe, useWallet as Je } from "@solana/wallet-adapter-react";
+import { WalletModalProvider as Ye, WalletMultiButton as Ze } from "@solana/wallet-adapter-react-ui";
+import { WalletAdapterNetwork as ye } from "@solana/wallet-adapter-base";
+import { PhantomWalletAdapter as qe, SolflareWalletAdapter as Se } from "@solana/wallet-adapter-wallets";
+import { Connection as je, PublicKey as W, ComputeBudgetProgram as Ne, TransactionInstruction as Qe, SystemProgram as er, TransactionMessage as rr, VersionedTransaction as tr, clusterApiUrl as nr } from "@solana/web3.js";
+import { getAssociatedTokenAddress as ce, getAccount as ar, TOKEN_2022_PROGRAM_ID as Ce, TOKEN_PROGRAM_ID as or, getMint as sr, createTransferCheckedInstruction as ir } from "@solana/spl-token";
+function lr(r) {
+  return r === "solana" ? "EPjFWdd5AufqSSqeM2qN1xzybapC8G4wEGGkZwyTDt1v" : "4zMMC9srt5Ri5X14GAgXhaHii3GnPAEERYPJgZJDncDU";
 }
-function De(e) {
-  return e === "solana" ? "https://api.mainnet-beta.solana.com" : "https://api.devnet.solana.com";
+function dr(r) {
+  return r === "solana" ? `https://mainnet.helius-rpc.com/?api-key=${process.env.VITE_HELIUS_API_KEY}` : "https://api.devnet.solana.com";
 }
-async function He(e, r, t) {
+async function cr(r, n, t) {
   try {
-    const o = t || De(r), n = new ge(o, "confirmed"), s = new V(e), i = new V(Fe(r)), a = await ee(
-      i,
-      s
-    ), d = await Ve(n, a);
-    return (Number(d.amount) / 1e6).toFixed(2);
+    const o = t || dr(n), i = new je(o, "confirmed"), l = new W(r), u = new W(lr(n)), c = await ce(
+      u,
+      l
+    ), e = await ar(i, c);
+    return (Number(e.amount) / 1e6).toFixed(2);
   } catch (o) {
     return console.error("Error fetching USDC balance:", o), "0.00";
   }
 }
-function he(e) {
-  var r, t, o = "";
-  if (typeof e == "string" || typeof e == "number") o += e;
-  else if (typeof e == "object") if (Array.isArray(e)) {
-    var n = e.length;
-    for (r = 0; r < n; r++) e[r] && (t = he(e[r])) && (o && (o += " "), o += t);
-  } else for (t in e) e[t] && (o && (o += " "), o += t);
+function De(r) {
+  var n, t, o = "";
+  if (typeof r == "string" || typeof r == "number") o += r;
+  else if (typeof r == "object") if (Array.isArray(r)) {
+    var i = r.length;
+    for (n = 0; n < i; n++) r[n] && (t = De(r[n])) && (o && (o += " "), o += t);
+  } else for (t in r) r[t] && (o && (o += " "), o += t);
   return o;
 }
-function xe() {
-  for (var e, r, t = 0, o = "", n = arguments.length; t < n; t++) (e = arguments[t]) && (r = he(e)) && (o && (o += " "), o += r);
+function ze() {
+  for (var r, n, t = 0, o = "", i = arguments.length; t < i; t++) (r = arguments[t]) && (n = De(r)) && (o && (o += " "), o += n);
   return o;
 }
-const re = "-", Ke = (e) => {
-  const r = Je(e), {
+const fe = "-", ur = (r) => {
+  const n = gr(r), {
     conflictingClassGroups: t,
     conflictingClassGroupModifiers: o
-  } = e;
+  } = r;
   return {
-    getClassGroupId: (i) => {
-      const a = i.split(re);
-      return a[0] === "" && a.length !== 1 && a.shift(), ye(a, r) || Xe(i);
+    getClassGroupId: (u) => {
+      const c = u.split(fe);
+      return c[0] === "" && c.length !== 1 && c.shift(), Ie(c, n) || br(u);
     },
-    getConflictingClassGroupIds: (i, a) => {
-      const d = t[i] || [];
-      return a && o[i] ? [...d, ...o[i]] : d;
+    getConflictingClassGroupIds: (u, c) => {
+      const e = t[u] || [];
+      return c && o[u] ? [...e, ...o[u]] : e;
     }
   };
-}, ye = (e, r) => {
-  var i;
-  if (e.length === 0)
-    return r.classGroupId;
-  const t = e[0], o = r.nextPart.get(t), n = o ? ye(e.slice(1), o) : void 0;
-  if (n)
-    return n;
-  if (r.validators.length === 0)
+}, Ie = (r, n) => {
+  var u;
+  if (r.length === 0)
+    return n.classGroupId;
+  const t = r[0], o = n.nextPart.get(t), i = o ? Ie(r.slice(1), o) : void 0;
+  if (i)
+    return i;
+  if (n.validators.length === 0)
     return;
-  const s = e.join(re);
-  return (i = r.validators.find(({
-    validator: a
-  }) => a(s))) == null ? void 0 : i.classGroupId;
-}, ue = /^\[(.+)\]$/, Xe = (e) => {
-  if (ue.test(e)) {
-    const r = ue.exec(e)[1], t = r == null ? void 0 : r.substring(0, r.indexOf(":"));
+  const l = r.join(fe);
+  return (u = n.validators.find(({
+    validator: c
+  }) => c(l))) == null ? void 0 : u.classGroupId;
+}, Fe = /^\[(.+)\]$/, br = (r) => {
+  if (Fe.test(r)) {
+    const n = Fe.exec(r)[1], t = n == null ? void 0 : n.substring(0, n.indexOf(":"));
     if (t)
       return "arbitrary.." + t;
   }
-}, Je = (e) => {
+}, gr = (r) => {
   const {
-    theme: r,
+    theme: n,
     prefix: t
-  } = e, o = {
+  } = r, o = {
     nextPart: /* @__PURE__ */ new Map(),
     validators: []
   };
-  return Ye(Object.entries(e.classGroups), t).forEach(([s, i]) => {
-    te(i, o, s, r);
+  return fr(Object.entries(r.classGroups), t).forEach(([l, u]) => {
+    ue(u, o, l, n);
   }), o;
-}, te = (e, r, t, o) => {
-  e.forEach((n) => {
-    if (typeof n == "string") {
-      const s = n === "" ? r : pe(r, n);
-      s.classGroupId = t;
+}, ue = (r, n, t, o) => {
+  r.forEach((i) => {
+    if (typeof i == "string") {
+      const l = i === "" ? n : Ae(n, i);
+      l.classGroupId = t;
       return;
     }
-    if (typeof n == "function") {
-      if (Ze(n)) {
-        te(n(o), r, t, o);
+    if (typeof i == "function") {
+      if (pr(i)) {
+        ue(i(o), n, t, o);
         return;
       }
-      r.validators.push({
-        validator: n,
+      n.validators.push({
+        validator: i,
         classGroupId: t
       });
       return;
     }
-    Object.entries(n).forEach(([s, i]) => {
-      te(i, pe(r, s), t, o);
+    Object.entries(i).forEach(([l, u]) => {
+      ue(u, Ae(n, l), t, o);
     });
   });
-}, pe = (e, r) => {
-  let t = e;
-  return r.split(re).forEach((o) => {
+}, Ae = (r, n) => {
+  let t = r;
+  return n.split(fe).forEach((o) => {
     t.nextPart.has(o) || t.nextPart.set(o, {
       nextPart: /* @__PURE__ */ new Map(),
       validators: []
     }), t = t.nextPart.get(o);
   }), t;
-}, Ze = (e) => e.isThemeGetter, Ye = (e, r) => r ? e.map(([t, o]) => {
-  const n = o.map((s) => typeof s == "string" ? r + s : typeof s == "object" ? Object.fromEntries(Object.entries(s).map(([i, a]) => [r + i, a])) : s);
-  return [t, n];
-}) : e, Qe = (e) => {
-  if (e < 1)
+}, pr = (r) => r.isThemeGetter, fr = (r, n) => n ? r.map(([t, o]) => {
+  const i = o.map((l) => typeof l == "string" ? n + l : typeof l == "object" ? Object.fromEntries(Object.entries(l).map(([u, c]) => [n + u, c])) : l);
+  return [t, i];
+}) : r, xr = (r) => {
+  if (r < 1)
     return {
       get: () => {
       },
       set: () => {
       }
     };
-  let r = 0, t = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map();
-  const n = (s, i) => {
-    t.set(s, i), r++, r > e && (r = 0, o = t, t = /* @__PURE__ */ new Map());
+  let n = 0, t = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map();
+  const i = (l, u) => {
+    t.set(l, u), n++, n > r && (n = 0, o = t, t = /* @__PURE__ */ new Map());
   };
   return {
-    get(s) {
-      let i = t.get(s);
-      if (i !== void 0)
-        return i;
-      if ((i = o.get(s)) !== void 0)
-        return n(s, i), i;
+    get(l) {
+      let u = t.get(l);
+      if (u !== void 0)
+        return u;
+      if ((u = o.get(l)) !== void 0)
+        return i(l, u), u;
     },
-    set(s, i) {
-      t.has(s) ? t.set(s, i) : n(s, i);
+    set(l, u) {
+      t.has(l) ? t.set(l, u) : i(l, u);
     }
   };
-}, we = "!", qe = (e) => {
+}, Le = "!", hr = (r) => {
   const {
-    separator: r,
+    separator: n,
     experimentalParseClassName: t
-  } = e, o = r.length === 1, n = r[0], s = r.length, i = (a) => {
-    const d = [];
-    let c = 0, p = 0, g;
-    for (let m = 0; m < a.length; m++) {
-      let y = a[m];
-      if (c === 0) {
-        if (y === n && (o || a.slice(m, m + s) === r)) {
-          d.push(a.slice(p, m)), p = m + s;
+  } = r, o = n.length === 1, i = n[0], l = n.length, u = (c) => {
+    const e = [];
+    let f = 0, x = 0, g;
+    for (let w = 0; w < c.length; w++) {
+      let N = c[w];
+      if (f === 0) {
+        if (N === i && (o || c.slice(w, w + l) === n)) {
+          e.push(c.slice(x, w)), x = w + l;
           continue;
         }
-        if (y === "/") {
-          g = m;
+        if (N === "/") {
+          g = w;
           continue;
         }
       }
-      y === "[" ? c++ : y === "]" && c--;
+      N === "[" ? f++ : N === "]" && f--;
     }
-    const u = d.length === 0 ? a : a.substring(p), f = u.startsWith(we), v = f ? u.substring(1) : u, h = g && g > p ? g - p : void 0;
+    const s = e.length === 0 ? c : c.substring(x), y = s.startsWith(Le), F = y ? s.substring(1) : s, m = g && g > x ? g - x : void 0;
     return {
-      modifiers: d,
-      hasImportantModifier: f,
-      baseClassName: v,
-      maybePostfixModifierPosition: h
+      modifiers: e,
+      hasImportantModifier: y,
+      baseClassName: F,
+      maybePostfixModifierPosition: m
     };
   };
-  return t ? (a) => t({
-    className: a,
-    parseClassName: i
-  }) : i;
-}, et = (e) => {
-  if (e.length <= 1)
-    return e;
-  const r = [];
+  return t ? (c) => t({
+    className: c,
+    parseClassName: u
+  }) : u;
+}, wr = (r) => {
+  if (r.length <= 1)
+    return r;
+  const n = [];
   let t = [];
-  return e.forEach((o) => {
-    o[0] === "[" ? (r.push(...t.sort(), o), t = []) : t.push(o);
-  }), r.push(...t.sort()), r;
-}, tt = (e) => ({
-  cache: Qe(e.cacheSize),
-  parseClassName: qe(e),
-  ...Ke(e)
-}), rt = /\s+/, ot = (e, r) => {
+  return r.forEach((o) => {
+    o[0] === "[" ? (n.push(...t.sort(), o), t = []) : t.push(o);
+  }), n.push(...t.sort()), n;
+}, mr = (r) => ({
+  cache: xr(r.cacheSize),
+  parseClassName: hr(r),
+  ...ur(r)
+}), kr = /\s+/, vr = (r, n) => {
   const {
     parseClassName: t,
     getClassGroupId: o,
-    getConflictingClassGroupIds: n
-  } = r, s = [], i = e.trim().split(rt);
-  let a = "";
-  for (let d = i.length - 1; d >= 0; d -= 1) {
-    const c = i[d], {
-      modifiers: p,
+    getConflictingClassGroupIds: i
+  } = n, l = [], u = r.trim().split(kr);
+  let c = "";
+  for (let e = u.length - 1; e >= 0; e -= 1) {
+    const f = u[e], {
+      modifiers: x,
       hasImportantModifier: g,
-      baseClassName: u,
-      maybePostfixModifierPosition: f
-    } = t(c);
-    let v = !!f, h = o(v ? u.substring(0, f) : u);
-    if (!h) {
-      if (!v) {
-        a = c + (a.length > 0 ? " " + a : a);
+      baseClassName: s,
+      maybePostfixModifierPosition: y
+    } = t(f);
+    let F = !!y, m = o(F ? s.substring(0, y) : s);
+    if (!m) {
+      if (!F) {
+        c = f + (c.length > 0 ? " " + c : c);
         continue;
       }
-      if (h = o(u), !h) {
-        a = c + (a.length > 0 ? " " + a : a);
+      if (m = o(s), !m) {
+        c = f + (c.length > 0 ? " " + c : c);
         continue;
       }
-      v = !1;
+      F = !1;
     }
-    const m = et(p).join(":"), y = g ? m + we : m, N = y + h;
-    if (s.includes(N))
+    const w = wr(x).join(":"), N = g ? w + Le : w, T = N + m;
+    if (l.includes(T))
       continue;
-    s.push(N);
-    const P = n(h, v);
-    for (let E = 0; E < P.length; ++E) {
-      const I = P[E];
-      s.push(y + I);
+    l.push(T);
+    const k = i(m, F);
+    for (let p = 0; p < k.length; ++p) {
+      const D = k[p];
+      l.push(N + D);
     }
-    a = c + (a.length > 0 ? " " + a : a);
+    c = f + (c.length > 0 ? " " + c : c);
   }
-  return a;
+  return c;
 };
-function nt() {
-  let e = 0, r, t, o = "";
-  for (; e < arguments.length; )
-    (r = arguments[e++]) && (t = ve(r)) && (o && (o += " "), o += t);
+function yr() {
+  let r = 0, n, t, o = "";
+  for (; r < arguments.length; )
+    (n = arguments[r++]) && (t = Re(n)) && (o && (o += " "), o += t);
   return o;
 }
-const ve = (e) => {
-  if (typeof e == "string")
-    return e;
-  let r, t = "";
-  for (let o = 0; o < e.length; o++)
-    e[o] && (r = ve(e[o])) && (t && (t += " "), t += r);
+const Re = (r) => {
+  if (typeof r == "string")
+    return r;
+  let n, t = "";
+  for (let o = 0; o < r.length; o++)
+    r[o] && (n = Re(r[o])) && (t && (t += " "), t += n);
   return t;
 };
-function st(e, ...r) {
-  let t, o, n, s = i;
-  function i(d) {
-    const c = r.reduce((p, g) => g(p), e());
-    return t = tt(c), o = t.cache.get, n = t.cache.set, s = a, a(d);
+function Nr(r, ...n) {
+  let t, o, i, l = u;
+  function u(e) {
+    const f = n.reduce((x, g) => g(x), r());
+    return t = mr(f), o = t.cache.get, i = t.cache.set, l = c, c(e);
   }
-  function a(d) {
-    const c = o(d);
-    if (c)
-      return c;
-    const p = ot(d, t);
-    return n(d, p), p;
+  function c(e) {
+    const f = o(e);
+    if (f)
+      return f;
+    const x = vr(e, t);
+    return i(e, x), x;
   }
   return function() {
-    return s(nt.apply(null, arguments));
+    return l(yr.apply(null, arguments));
   };
 }
-const w = (e) => {
-  const r = (t) => t[e] || [];
-  return r.isThemeGetter = !0, r;
-}, Ce = /^\[(?:([a-z-]+):)?(.+)\]$/i, at = /^\d+\/\d+$/, it = /* @__PURE__ */ new Set(["px", "full", "screen"]), lt = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, ct = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, dt = /^(rgba?|hsla?|hwb|(ok)?(lab|lch))\(.+\)$/, ut = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, pt = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, L = (e) => F(e) || it.has(e) || at.test(e), G = (e) => D(e, "length", wt), F = (e) => !!e && !Number.isNaN(Number(e)), q = (e) => D(e, "number", F), K = (e) => !!e && Number.isInteger(Number(e)), ft = (e) => e.endsWith("%") && F(e.slice(0, -1)), b = (e) => Ce.test(e), B = (e) => lt.test(e), bt = /* @__PURE__ */ new Set(["length", "size", "percentage"]), mt = (e) => D(e, bt, ke), gt = (e) => D(e, "position", ke), ht = /* @__PURE__ */ new Set(["image", "url"]), xt = (e) => D(e, ht, Ct), yt = (e) => D(e, "", vt), X = () => !0, D = (e, r, t) => {
-  const o = Ce.exec(e);
-  return o ? o[1] ? typeof r == "string" ? o[1] === r : r.has(o[1]) : t(o[2]) : !1;
-}, wt = (e) => (
+const C = (r) => {
+  const n = (t) => t[r] || [];
+  return n.isThemeGetter = !0, n;
+}, Be = /^\[(?:([a-z-]+):)?(.+)\]$/i, Cr = /^\d+\/\d+$/, Fr = /* @__PURE__ */ new Set(["px", "full", "screen"]), Ar = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Mr = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, Tr = /^(rgba?|hsla?|hwb|(ok)?(lab|lch))\(.+\)$/, Er = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Pr = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, B = (r) => J(r) || Fr.has(r) || Cr.test(r), V = (r) => Y(r, "length", $r), J = (r) => !!r && !Number.isNaN(Number(r)), le = (r) => Y(r, "number", J), q = (r) => !!r && Number.isInteger(Number(r)), jr = (r) => r.endsWith("%") && J(r.slice(0, -1)), h = (r) => Be.test(r), K = (r) => Ar.test(r), Dr = /* @__PURE__ */ new Set(["length", "size", "percentage"]), zr = (r) => Y(r, Dr, $e), Ir = (r) => Y(r, "position", $e), Lr = /* @__PURE__ */ new Set(["image", "url"]), Rr = (r) => Y(r, Lr, Gr), Br = (r) => Y(r, "", Ur), S = () => !0, Y = (r, n, t) => {
+  const o = Be.exec(r);
+  return o ? o[1] ? typeof n == "string" ? o[1] === n : n.has(o[1]) : t(o[2]) : !1;
+}, $r = (r) => (
   // `colorFunctionRegex` check is necessary because color functions can have percentages in them which which would be incorrectly classified as lengths.
   // For example, `hsl(0 0% 0%)` would be classified as a length without this check.
   // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
-  ct.test(e) && !dt.test(e)
-), ke = () => !1, vt = (e) => ut.test(e), Ct = (e) => pt.test(e), kt = () => {
-  const e = w("colors"), r = w("spacing"), t = w("blur"), o = w("brightness"), n = w("borderColor"), s = w("borderRadius"), i = w("borderSpacing"), a = w("borderWidth"), d = w("contrast"), c = w("grayscale"), p = w("hueRotate"), g = w("invert"), u = w("gap"), f = w("gradientColorStops"), v = w("gradientColorStopPositions"), h = w("inset"), m = w("margin"), y = w("opacity"), N = w("padding"), P = w("saturate"), E = w("scale"), I = w("sepia"), M = w("skew"), z = w("space"), U = w("translate"), R = () => ["auto", "contain", "none"], T = () => ["auto", "hidden", "clip", "visible", "scroll"], S = () => ["auto", b, r], x = () => [b, r], J = () => ["", L, G], W = () => ["auto", F, b], _ = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], O = () => ["solid", "dashed", "dotted", "double", "none"], se = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], Y = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], H = () => ["", "0", b], ae = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], j = () => [F, b];
+  Mr.test(r) && !Tr.test(r)
+), $e = () => !1, Ur = (r) => Er.test(r), Gr = (r) => Pr.test(r), Vr = () => {
+  const r = C("colors"), n = C("spacing"), t = C("blur"), o = C("brightness"), i = C("borderColor"), l = C("borderRadius"), u = C("borderSpacing"), c = C("borderWidth"), e = C("contrast"), f = C("grayscale"), x = C("hueRotate"), g = C("invert"), s = C("gap"), y = C("gradientColorStops"), F = C("gradientColorStopPositions"), m = C("inset"), w = C("margin"), N = C("opacity"), T = C("padding"), k = C("saturate"), p = C("scale"), D = C("sepia"), I = C("skew"), P = C("space"), E = C("translate"), L = () => ["auto", "contain", "none"], $ = () => ["auto", "hidden", "clip", "visible", "scroll"], z = () => ["auto", h, n], v = () => [h, n], j = () => ["", B, V], U = () => ["auto", J, h], Q = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], _ = () => ["solid", "dashed", "dotted", "double", "none"], ee = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], O = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], G = () => ["", "0", h], se = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], M = () => [J, h];
   return {
     cacheSize: 500,
     separator: ":",
     theme: {
-      colors: [X],
-      spacing: [L, G],
-      blur: ["none", "", B, b],
-      brightness: j(),
-      borderColor: [e],
-      borderRadius: ["none", "", "full", B, b],
-      borderSpacing: x(),
-      borderWidth: J(),
-      contrast: j(),
-      grayscale: H(),
-      hueRotate: j(),
-      invert: H(),
-      gap: x(),
-      gradientColorStops: [e],
-      gradientColorStopPositions: [ft, G],
-      inset: S(),
-      margin: S(),
-      opacity: j(),
-      padding: x(),
-      saturate: j(),
-      scale: j(),
-      sepia: H(),
-      skew: j(),
-      space: x(),
-      translate: x()
+      colors: [S],
+      spacing: [B, V],
+      blur: ["none", "", K, h],
+      brightness: M(),
+      borderColor: [r],
+      borderRadius: ["none", "", "full", K, h],
+      borderSpacing: v(),
+      borderWidth: j(),
+      contrast: M(),
+      grayscale: G(),
+      hueRotate: M(),
+      invert: G(),
+      gap: v(),
+      gradientColorStops: [r],
+      gradientColorStopPositions: [jr, V],
+      inset: z(),
+      margin: z(),
+      opacity: M(),
+      padding: v(),
+      saturate: M(),
+      scale: M(),
+      sepia: G(),
+      skew: M(),
+      space: v(),
+      translate: v()
     },
     classGroups: {
       // Layout
@@ -303,7 +307,7 @@ const w = (e) => {
        * @see https://tailwindcss.com/docs/aspect-ratio
        */
       aspect: [{
-        aspect: ["auto", "square", "video", b]
+        aspect: ["auto", "square", "video", h]
       }],
       /**
        * Container
@@ -315,21 +319,21 @@ const w = (e) => {
        * @see https://tailwindcss.com/docs/columns
        */
       columns: [{
-        columns: [B]
+        columns: [K]
       }],
       /**
        * Break After
        * @see https://tailwindcss.com/docs/break-after
        */
       "break-after": [{
-        "break-after": ae()
+        "break-after": se()
       }],
       /**
        * Break Before
        * @see https://tailwindcss.com/docs/break-before
        */
       "break-before": [{
-        "break-before": ae()
+        "break-before": se()
       }],
       /**
        * Break Inside
@@ -388,49 +392,49 @@ const w = (e) => {
        * @see https://tailwindcss.com/docs/object-position
        */
       "object-position": [{
-        object: [..._(), b]
+        object: [...Q(), h]
       }],
       /**
        * Overflow
        * @see https://tailwindcss.com/docs/overflow
        */
       overflow: [{
-        overflow: T()
+        overflow: $()
       }],
       /**
        * Overflow X
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-x": [{
-        "overflow-x": T()
+        "overflow-x": $()
       }],
       /**
        * Overflow Y
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-y": [{
-        "overflow-y": T()
+        "overflow-y": $()
       }],
       /**
        * Overscroll Behavior
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       overscroll: [{
-        overscroll: R()
+        overscroll: L()
       }],
       /**
        * Overscroll Behavior X
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-x": [{
-        "overscroll-x": R()
+        "overscroll-x": L()
       }],
       /**
        * Overscroll Behavior Y
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-y": [{
-        "overscroll-y": R()
+        "overscroll-y": L()
       }],
       /**
        * Position
@@ -442,63 +446,63 @@ const w = (e) => {
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       inset: [{
-        inset: [h]
+        inset: [m]
       }],
       /**
        * Right / Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-x": [{
-        "inset-x": [h]
+        "inset-x": [m]
       }],
       /**
        * Top / Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-y": [{
-        "inset-y": [h]
+        "inset-y": [m]
       }],
       /**
        * Start
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       start: [{
-        start: [h]
+        start: [m]
       }],
       /**
        * End
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       end: [{
-        end: [h]
+        end: [m]
       }],
       /**
        * Top
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       top: [{
-        top: [h]
+        top: [m]
       }],
       /**
        * Right
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       right: [{
-        right: [h]
+        right: [m]
       }],
       /**
        * Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       bottom: [{
-        bottom: [h]
+        bottom: [m]
       }],
       /**
        * Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       left: [{
-        left: [h]
+        left: [m]
       }],
       /**
        * Visibility
@@ -510,7 +514,7 @@ const w = (e) => {
        * @see https://tailwindcss.com/docs/z-index
        */
       z: [{
-        z: ["auto", K, b]
+        z: ["auto", q, h]
       }],
       // Flexbox and Grid
       /**
@@ -518,7 +522,7 @@ const w = (e) => {
        * @see https://tailwindcss.com/docs/flex-basis
        */
       basis: [{
-        basis: S()
+        basis: z()
       }],
       /**
        * Flex Direction
@@ -539,35 +543,35 @@ const w = (e) => {
        * @see https://tailwindcss.com/docs/flex
        */
       flex: [{
-        flex: ["1", "auto", "initial", "none", b]
+        flex: ["1", "auto", "initial", "none", h]
       }],
       /**
        * Flex Grow
        * @see https://tailwindcss.com/docs/flex-grow
        */
       grow: [{
-        grow: H()
+        grow: G()
       }],
       /**
        * Flex Shrink
        * @see https://tailwindcss.com/docs/flex-shrink
        */
       shrink: [{
-        shrink: H()
+        shrink: G()
       }],
       /**
        * Order
        * @see https://tailwindcss.com/docs/order
        */
       order: [{
-        order: ["first", "last", "none", K, b]
+        order: ["first", "last", "none", q, h]
       }],
       /**
        * Grid Template Columns
        * @see https://tailwindcss.com/docs/grid-template-columns
        */
       "grid-cols": [{
-        "grid-cols": [X]
+        "grid-cols": [S]
       }],
       /**
        * Grid Column Start / End
@@ -575,29 +579,29 @@ const w = (e) => {
        */
       "col-start-end": [{
         col: ["auto", {
-          span: ["full", K, b]
-        }, b]
+          span: ["full", q, h]
+        }, h]
       }],
       /**
        * Grid Column Start
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start": [{
-        "col-start": W()
+        "col-start": U()
       }],
       /**
        * Grid Column End
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-end": [{
-        "col-end": W()
+        "col-end": U()
       }],
       /**
        * Grid Template Rows
        * @see https://tailwindcss.com/docs/grid-template-rows
        */
       "grid-rows": [{
-        "grid-rows": [X]
+        "grid-rows": [S]
       }],
       /**
        * Grid Row Start / End
@@ -605,22 +609,22 @@ const w = (e) => {
        */
       "row-start-end": [{
         row: ["auto", {
-          span: [K, b]
-        }, b]
+          span: [q, h]
+        }, h]
       }],
       /**
        * Grid Row Start
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start": [{
-        "row-start": W()
+        "row-start": U()
       }],
       /**
        * Grid Row End
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-end": [{
-        "row-end": W()
+        "row-end": U()
       }],
       /**
        * Grid Auto Flow
@@ -634,42 +638,42 @@ const w = (e) => {
        * @see https://tailwindcss.com/docs/grid-auto-columns
        */
       "auto-cols": [{
-        "auto-cols": ["auto", "min", "max", "fr", b]
+        "auto-cols": ["auto", "min", "max", "fr", h]
       }],
       /**
        * Grid Auto Rows
        * @see https://tailwindcss.com/docs/grid-auto-rows
        */
       "auto-rows": [{
-        "auto-rows": ["auto", "min", "max", "fr", b]
+        "auto-rows": ["auto", "min", "max", "fr", h]
       }],
       /**
        * Gap
        * @see https://tailwindcss.com/docs/gap
        */
       gap: [{
-        gap: [u]
+        gap: [s]
       }],
       /**
        * Gap X
        * @see https://tailwindcss.com/docs/gap
        */
       "gap-x": [{
-        "gap-x": [u]
+        "gap-x": [s]
       }],
       /**
        * Gap Y
        * @see https://tailwindcss.com/docs/gap
        */
       "gap-y": [{
-        "gap-y": [u]
+        "gap-y": [s]
       }],
       /**
        * Justify Content
        * @see https://tailwindcss.com/docs/justify-content
        */
       "justify-content": [{
-        justify: ["normal", ...Y()]
+        justify: ["normal", ...O()]
       }],
       /**
        * Justify Items
@@ -690,7 +694,7 @@ const w = (e) => {
        * @see https://tailwindcss.com/docs/align-content
        */
       "align-content": [{
-        content: ["normal", ...Y(), "baseline"]
+        content: ["normal", ...O(), "baseline"]
       }],
       /**
        * Align Items
@@ -711,7 +715,7 @@ const w = (e) => {
        * @see https://tailwindcss.com/docs/place-content
        */
       "place-content": [{
-        "place-content": [...Y(), "baseline"]
+        "place-content": [...O(), "baseline"]
       }],
       /**
        * Place Items
@@ -733,133 +737,133 @@ const w = (e) => {
        * @see https://tailwindcss.com/docs/padding
        */
       p: [{
-        p: [N]
+        p: [T]
       }],
       /**
        * Padding X
        * @see https://tailwindcss.com/docs/padding
        */
       px: [{
-        px: [N]
+        px: [T]
       }],
       /**
        * Padding Y
        * @see https://tailwindcss.com/docs/padding
        */
       py: [{
-        py: [N]
+        py: [T]
       }],
       /**
        * Padding Start
        * @see https://tailwindcss.com/docs/padding
        */
       ps: [{
-        ps: [N]
+        ps: [T]
       }],
       /**
        * Padding End
        * @see https://tailwindcss.com/docs/padding
        */
       pe: [{
-        pe: [N]
+        pe: [T]
       }],
       /**
        * Padding Top
        * @see https://tailwindcss.com/docs/padding
        */
       pt: [{
-        pt: [N]
+        pt: [T]
       }],
       /**
        * Padding Right
        * @see https://tailwindcss.com/docs/padding
        */
       pr: [{
-        pr: [N]
+        pr: [T]
       }],
       /**
        * Padding Bottom
        * @see https://tailwindcss.com/docs/padding
        */
       pb: [{
-        pb: [N]
+        pb: [T]
       }],
       /**
        * Padding Left
        * @see https://tailwindcss.com/docs/padding
        */
       pl: [{
-        pl: [N]
+        pl: [T]
       }],
       /**
        * Margin
        * @see https://tailwindcss.com/docs/margin
        */
       m: [{
-        m: [m]
+        m: [w]
       }],
       /**
        * Margin X
        * @see https://tailwindcss.com/docs/margin
        */
       mx: [{
-        mx: [m]
+        mx: [w]
       }],
       /**
        * Margin Y
        * @see https://tailwindcss.com/docs/margin
        */
       my: [{
-        my: [m]
+        my: [w]
       }],
       /**
        * Margin Start
        * @see https://tailwindcss.com/docs/margin
        */
       ms: [{
-        ms: [m]
+        ms: [w]
       }],
       /**
        * Margin End
        * @see https://tailwindcss.com/docs/margin
        */
       me: [{
-        me: [m]
+        me: [w]
       }],
       /**
        * Margin Top
        * @see https://tailwindcss.com/docs/margin
        */
       mt: [{
-        mt: [m]
+        mt: [w]
       }],
       /**
        * Margin Right
        * @see https://tailwindcss.com/docs/margin
        */
       mr: [{
-        mr: [m]
+        mr: [w]
       }],
       /**
        * Margin Bottom
        * @see https://tailwindcss.com/docs/margin
        */
       mb: [{
-        mb: [m]
+        mb: [w]
       }],
       /**
        * Margin Left
        * @see https://tailwindcss.com/docs/margin
        */
       ml: [{
-        ml: [m]
+        ml: [w]
       }],
       /**
        * Space Between X
        * @see https://tailwindcss.com/docs/space
        */
       "space-x": [{
-        "space-x": [z]
+        "space-x": [P]
       }],
       /**
        * Space Between X Reverse
@@ -871,7 +875,7 @@ const w = (e) => {
        * @see https://tailwindcss.com/docs/space
        */
       "space-y": [{
-        "space-y": [z]
+        "space-y": [P]
       }],
       /**
        * Space Between Y Reverse
@@ -884,51 +888,51 @@ const w = (e) => {
        * @see https://tailwindcss.com/docs/width
        */
       w: [{
-        w: ["auto", "min", "max", "fit", "svw", "lvw", "dvw", b, r]
+        w: ["auto", "min", "max", "fit", "svw", "lvw", "dvw", h, n]
       }],
       /**
        * Min-Width
        * @see https://tailwindcss.com/docs/min-width
        */
       "min-w": [{
-        "min-w": [b, r, "min", "max", "fit"]
+        "min-w": [h, n, "min", "max", "fit"]
       }],
       /**
        * Max-Width
        * @see https://tailwindcss.com/docs/max-width
        */
       "max-w": [{
-        "max-w": [b, r, "none", "full", "min", "max", "fit", "prose", {
-          screen: [B]
-        }, B]
+        "max-w": [h, n, "none", "full", "min", "max", "fit", "prose", {
+          screen: [K]
+        }, K]
       }],
       /**
        * Height
        * @see https://tailwindcss.com/docs/height
        */
       h: [{
-        h: [b, r, "auto", "min", "max", "fit", "svh", "lvh", "dvh"]
+        h: [h, n, "auto", "min", "max", "fit", "svh", "lvh", "dvh"]
       }],
       /**
        * Min-Height
        * @see https://tailwindcss.com/docs/min-height
        */
       "min-h": [{
-        "min-h": [b, r, "min", "max", "fit", "svh", "lvh", "dvh"]
+        "min-h": [h, n, "min", "max", "fit", "svh", "lvh", "dvh"]
       }],
       /**
        * Max-Height
        * @see https://tailwindcss.com/docs/max-height
        */
       "max-h": [{
-        "max-h": [b, r, "min", "max", "fit", "svh", "lvh", "dvh"]
+        "max-h": [h, n, "min", "max", "fit", "svh", "lvh", "dvh"]
       }],
       /**
        * Size
        * @see https://tailwindcss.com/docs/size
        */
       size: [{
-        size: [b, r, "auto", "min", "max", "fit"]
+        size: [h, n, "auto", "min", "max", "fit"]
       }],
       // Typography
       /**
@@ -936,7 +940,7 @@ const w = (e) => {
        * @see https://tailwindcss.com/docs/font-size
        */
       "font-size": [{
-        text: ["base", B, G]
+        text: ["base", K, V]
       }],
       /**
        * Font Smoothing
@@ -953,14 +957,14 @@ const w = (e) => {
        * @see https://tailwindcss.com/docs/font-weight
        */
       "font-weight": [{
-        font: ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black", q]
+        font: ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black", le]
       }],
       /**
        * Font Family
        * @see https://tailwindcss.com/docs/font-family
        */
       "font-family": [{
-        font: [X]
+        font: [S]
       }],
       /**
        * Font Variant Numeric
@@ -997,35 +1001,35 @@ const w = (e) => {
        * @see https://tailwindcss.com/docs/letter-spacing
        */
       tracking: [{
-        tracking: ["tighter", "tight", "normal", "wide", "wider", "widest", b]
+        tracking: ["tighter", "tight", "normal", "wide", "wider", "widest", h]
       }],
       /**
        * Line Clamp
        * @see https://tailwindcss.com/docs/line-clamp
        */
       "line-clamp": [{
-        "line-clamp": ["none", F, q]
+        "line-clamp": ["none", J, le]
       }],
       /**
        * Line Height
        * @see https://tailwindcss.com/docs/line-height
        */
       leading: [{
-        leading: ["none", "tight", "snug", "normal", "relaxed", "loose", L, b]
+        leading: ["none", "tight", "snug", "normal", "relaxed", "loose", B, h]
       }],
       /**
        * List Style Image
        * @see https://tailwindcss.com/docs/list-style-image
        */
       "list-image": [{
-        "list-image": ["none", b]
+        "list-image": ["none", h]
       }],
       /**
        * List Style Type
        * @see https://tailwindcss.com/docs/list-style-type
        */
       "list-style-type": [{
-        list: ["none", "disc", "decimal", b]
+        list: ["none", "disc", "decimal", h]
       }],
       /**
        * List Style Position
@@ -1040,14 +1044,14 @@ const w = (e) => {
        * @see https://tailwindcss.com/docs/placeholder-color
        */
       "placeholder-color": [{
-        placeholder: [e]
+        placeholder: [r]
       }],
       /**
        * Placeholder Opacity
        * @see https://tailwindcss.com/docs/placeholder-opacity
        */
       "placeholder-opacity": [{
-        "placeholder-opacity": [y]
+        "placeholder-opacity": [N]
       }],
       /**
        * Text Alignment
@@ -1061,14 +1065,14 @@ const w = (e) => {
        * @see https://tailwindcss.com/docs/text-color
        */
       "text-color": [{
-        text: [e]
+        text: [r]
       }],
       /**
        * Text Opacity
        * @see https://tailwindcss.com/docs/text-opacity
        */
       "text-opacity": [{
-        "text-opacity": [y]
+        "text-opacity": [N]
       }],
       /**
        * Text Decoration
@@ -1080,28 +1084,28 @@ const w = (e) => {
        * @see https://tailwindcss.com/docs/text-decoration-style
        */
       "text-decoration-style": [{
-        decoration: [...O(), "wavy"]
+        decoration: [..._(), "wavy"]
       }],
       /**
        * Text Decoration Thickness
        * @see https://tailwindcss.com/docs/text-decoration-thickness
        */
       "text-decoration-thickness": [{
-        decoration: ["auto", "from-font", L, G]
+        decoration: ["auto", "from-font", B, V]
       }],
       /**
        * Text Underline Offset
        * @see https://tailwindcss.com/docs/text-underline-offset
        */
       "underline-offset": [{
-        "underline-offset": ["auto", L, b]
+        "underline-offset": ["auto", B, h]
       }],
       /**
        * Text Decoration Color
        * @see https://tailwindcss.com/docs/text-decoration-color
        */
       "text-decoration-color": [{
-        decoration: [e]
+        decoration: [r]
       }],
       /**
        * Text Transform
@@ -1125,14 +1129,14 @@ const w = (e) => {
        * @see https://tailwindcss.com/docs/text-indent
        */
       indent: [{
-        indent: x()
+        indent: v()
       }],
       /**
        * Vertical Alignment
        * @see https://tailwindcss.com/docs/vertical-align
        */
       "vertical-align": [{
-        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", b]
+        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", h]
       }],
       /**
        * Whitespace
@@ -1160,7 +1164,7 @@ const w = (e) => {
        * @see https://tailwindcss.com/docs/content
        */
       content: [{
-        content: ["none", b]
+        content: ["none", h]
       }],
       // Backgrounds
       /**
@@ -1183,7 +1187,7 @@ const w = (e) => {
        * @see https://tailwindcss.com/docs/background-opacity
        */
       "bg-opacity": [{
-        "bg-opacity": [y]
+        "bg-opacity": [N]
       }],
       /**
        * Background Origin
@@ -1197,7 +1201,7 @@ const w = (e) => {
        * @see https://tailwindcss.com/docs/background-position
        */
       "bg-position": [{
-        bg: [..._(), gt]
+        bg: [...Q(), Ir]
       }],
       /**
        * Background Repeat
@@ -1213,7 +1217,7 @@ const w = (e) => {
        * @see https://tailwindcss.com/docs/background-size
        */
       "bg-size": [{
-        bg: ["auto", "cover", "contain", mt]
+        bg: ["auto", "cover", "contain", zr]
       }],
       /**
        * Background Image
@@ -1222,56 +1226,56 @@ const w = (e) => {
       "bg-image": [{
         bg: ["none", {
           "gradient-to": ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
-        }, xt]
+        }, Rr]
       }],
       /**
        * Background Color
        * @see https://tailwindcss.com/docs/background-color
        */
       "bg-color": [{
-        bg: [e]
+        bg: [r]
       }],
       /**
        * Gradient Color Stops From Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from-pos": [{
-        from: [v]
+        from: [F]
       }],
       /**
        * Gradient Color Stops Via Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via-pos": [{
-        via: [v]
+        via: [F]
       }],
       /**
        * Gradient Color Stops To Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to-pos": [{
-        to: [v]
+        to: [F]
       }],
       /**
        * Gradient Color Stops From
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from": [{
-        from: [f]
+        from: [y]
       }],
       /**
        * Gradient Color Stops Via
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via": [{
-        via: [f]
+        via: [y]
       }],
       /**
        * Gradient Color Stops To
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to": [{
-        to: [f]
+        to: [y]
       }],
       // Borders
       /**
@@ -1279,189 +1283,189 @@ const w = (e) => {
        * @see https://tailwindcss.com/docs/border-radius
        */
       rounded: [{
-        rounded: [s]
+        rounded: [l]
       }],
       /**
        * Border Radius Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-s": [{
-        "rounded-s": [s]
+        "rounded-s": [l]
       }],
       /**
        * Border Radius End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-e": [{
-        "rounded-e": [s]
+        "rounded-e": [l]
       }],
       /**
        * Border Radius Top
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-t": [{
-        "rounded-t": [s]
+        "rounded-t": [l]
       }],
       /**
        * Border Radius Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-r": [{
-        "rounded-r": [s]
+        "rounded-r": [l]
       }],
       /**
        * Border Radius Bottom
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-b": [{
-        "rounded-b": [s]
+        "rounded-b": [l]
       }],
       /**
        * Border Radius Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-l": [{
-        "rounded-l": [s]
+        "rounded-l": [l]
       }],
       /**
        * Border Radius Start Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ss": [{
-        "rounded-ss": [s]
+        "rounded-ss": [l]
       }],
       /**
        * Border Radius Start End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-se": [{
-        "rounded-se": [s]
+        "rounded-se": [l]
       }],
       /**
        * Border Radius End End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ee": [{
-        "rounded-ee": [s]
+        "rounded-ee": [l]
       }],
       /**
        * Border Radius End Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-es": [{
-        "rounded-es": [s]
+        "rounded-es": [l]
       }],
       /**
        * Border Radius Top Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tl": [{
-        "rounded-tl": [s]
+        "rounded-tl": [l]
       }],
       /**
        * Border Radius Top Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tr": [{
-        "rounded-tr": [s]
+        "rounded-tr": [l]
       }],
       /**
        * Border Radius Bottom Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-br": [{
-        "rounded-br": [s]
+        "rounded-br": [l]
       }],
       /**
        * Border Radius Bottom Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-bl": [{
-        "rounded-bl": [s]
+        "rounded-bl": [l]
       }],
       /**
        * Border Width
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w": [{
-        border: [a]
+        border: [c]
       }],
       /**
        * Border Width X
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-x": [{
-        "border-x": [a]
+        "border-x": [c]
       }],
       /**
        * Border Width Y
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-y": [{
-        "border-y": [a]
+        "border-y": [c]
       }],
       /**
        * Border Width Start
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-s": [{
-        "border-s": [a]
+        "border-s": [c]
       }],
       /**
        * Border Width End
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-e": [{
-        "border-e": [a]
+        "border-e": [c]
       }],
       /**
        * Border Width Top
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-t": [{
-        "border-t": [a]
+        "border-t": [c]
       }],
       /**
        * Border Width Right
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-r": [{
-        "border-r": [a]
+        "border-r": [c]
       }],
       /**
        * Border Width Bottom
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-b": [{
-        "border-b": [a]
+        "border-b": [c]
       }],
       /**
        * Border Width Left
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-l": [{
-        "border-l": [a]
+        "border-l": [c]
       }],
       /**
        * Border Opacity
        * @see https://tailwindcss.com/docs/border-opacity
        */
       "border-opacity": [{
-        "border-opacity": [y]
+        "border-opacity": [N]
       }],
       /**
        * Border Style
        * @see https://tailwindcss.com/docs/border-style
        */
       "border-style": [{
-        border: [...O(), "hidden"]
+        border: [..._(), "hidden"]
       }],
       /**
        * Divide Width X
        * @see https://tailwindcss.com/docs/divide-width
        */
       "divide-x": [{
-        "divide-x": [a]
+        "divide-x": [c]
       }],
       /**
        * Divide Width X Reverse
@@ -1473,7 +1477,7 @@ const w = (e) => {
        * @see https://tailwindcss.com/docs/divide-width
        */
       "divide-y": [{
-        "divide-y": [a]
+        "divide-y": [c]
       }],
       /**
        * Divide Width Y Reverse
@@ -1485,119 +1489,119 @@ const w = (e) => {
        * @see https://tailwindcss.com/docs/divide-opacity
        */
       "divide-opacity": [{
-        "divide-opacity": [y]
+        "divide-opacity": [N]
       }],
       /**
        * Divide Style
        * @see https://tailwindcss.com/docs/divide-style
        */
       "divide-style": [{
-        divide: O()
+        divide: _()
       }],
       /**
        * Border Color
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color": [{
-        border: [n]
+        border: [i]
       }],
       /**
        * Border Color X
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-x": [{
-        "border-x": [n]
+        "border-x": [i]
       }],
       /**
        * Border Color Y
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-y": [{
-        "border-y": [n]
+        "border-y": [i]
       }],
       /**
        * Border Color S
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-s": [{
-        "border-s": [n]
+        "border-s": [i]
       }],
       /**
        * Border Color E
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-e": [{
-        "border-e": [n]
+        "border-e": [i]
       }],
       /**
        * Border Color Top
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-t": [{
-        "border-t": [n]
+        "border-t": [i]
       }],
       /**
        * Border Color Right
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-r": [{
-        "border-r": [n]
+        "border-r": [i]
       }],
       /**
        * Border Color Bottom
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-b": [{
-        "border-b": [n]
+        "border-b": [i]
       }],
       /**
        * Border Color Left
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-l": [{
-        "border-l": [n]
+        "border-l": [i]
       }],
       /**
        * Divide Color
        * @see https://tailwindcss.com/docs/divide-color
        */
       "divide-color": [{
-        divide: [n]
+        divide: [i]
       }],
       /**
        * Outline Style
        * @see https://tailwindcss.com/docs/outline-style
        */
       "outline-style": [{
-        outline: ["", ...O()]
+        outline: ["", ..._()]
       }],
       /**
        * Outline Offset
        * @see https://tailwindcss.com/docs/outline-offset
        */
       "outline-offset": [{
-        "outline-offset": [L, b]
+        "outline-offset": [B, h]
       }],
       /**
        * Outline Width
        * @see https://tailwindcss.com/docs/outline-width
        */
       "outline-w": [{
-        outline: [L, G]
+        outline: [B, V]
       }],
       /**
        * Outline Color
        * @see https://tailwindcss.com/docs/outline-color
        */
       "outline-color": [{
-        outline: [e]
+        outline: [r]
       }],
       /**
        * Ring Width
        * @see https://tailwindcss.com/docs/ring-width
        */
       "ring-w": [{
-        ring: J()
+        ring: j()
       }],
       /**
        * Ring Width Inset
@@ -1609,28 +1613,28 @@ const w = (e) => {
        * @see https://tailwindcss.com/docs/ring-color
        */
       "ring-color": [{
-        ring: [e]
+        ring: [r]
       }],
       /**
        * Ring Opacity
        * @see https://tailwindcss.com/docs/ring-opacity
        */
       "ring-opacity": [{
-        "ring-opacity": [y]
+        "ring-opacity": [N]
       }],
       /**
        * Ring Offset Width
        * @see https://tailwindcss.com/docs/ring-offset-width
        */
       "ring-offset-w": [{
-        "ring-offset": [L, G]
+        "ring-offset": [B, V]
       }],
       /**
        * Ring Offset Color
        * @see https://tailwindcss.com/docs/ring-offset-color
        */
       "ring-offset-color": [{
-        "ring-offset": [e]
+        "ring-offset": [r]
       }],
       // Effects
       /**
@@ -1638,35 +1642,35 @@ const w = (e) => {
        * @see https://tailwindcss.com/docs/box-shadow
        */
       shadow: [{
-        shadow: ["", "inner", "none", B, yt]
+        shadow: ["", "inner", "none", K, Br]
       }],
       /**
        * Box Shadow Color
        * @see https://tailwindcss.com/docs/box-shadow-color
        */
       "shadow-color": [{
-        shadow: [X]
+        shadow: [S]
       }],
       /**
        * Opacity
        * @see https://tailwindcss.com/docs/opacity
        */
       opacity: [{
-        opacity: [y]
+        opacity: [N]
       }],
       /**
        * Mix Blend Mode
        * @see https://tailwindcss.com/docs/mix-blend-mode
        */
       "mix-blend": [{
-        "mix-blend": [...se(), "plus-lighter", "plus-darker"]
+        "mix-blend": [...ee(), "plus-lighter", "plus-darker"]
       }],
       /**
        * Background Blend Mode
        * @see https://tailwindcss.com/docs/background-blend-mode
        */
       "bg-blend": [{
-        "bg-blend": se()
+        "bg-blend": ee()
       }],
       // Filters
       /**
@@ -1696,28 +1700,28 @@ const w = (e) => {
        * @see https://tailwindcss.com/docs/contrast
        */
       contrast: [{
-        contrast: [d]
+        contrast: [e]
       }],
       /**
        * Drop Shadow
        * @see https://tailwindcss.com/docs/drop-shadow
        */
       "drop-shadow": [{
-        "drop-shadow": ["", "none", B, b]
+        "drop-shadow": ["", "none", K, h]
       }],
       /**
        * Grayscale
        * @see https://tailwindcss.com/docs/grayscale
        */
       grayscale: [{
-        grayscale: [c]
+        grayscale: [f]
       }],
       /**
        * Hue Rotate
        * @see https://tailwindcss.com/docs/hue-rotate
        */
       "hue-rotate": [{
-        "hue-rotate": [p]
+        "hue-rotate": [x]
       }],
       /**
        * Invert
@@ -1731,14 +1735,14 @@ const w = (e) => {
        * @see https://tailwindcss.com/docs/saturate
        */
       saturate: [{
-        saturate: [P]
+        saturate: [k]
       }],
       /**
        * Sepia
        * @see https://tailwindcss.com/docs/sepia
        */
       sepia: [{
-        sepia: [I]
+        sepia: [D]
       }],
       /**
        * Backdrop Filter
@@ -1767,21 +1771,21 @@ const w = (e) => {
        * @see https://tailwindcss.com/docs/backdrop-contrast
        */
       "backdrop-contrast": [{
-        "backdrop-contrast": [d]
+        "backdrop-contrast": [e]
       }],
       /**
        * Backdrop Grayscale
        * @see https://tailwindcss.com/docs/backdrop-grayscale
        */
       "backdrop-grayscale": [{
-        "backdrop-grayscale": [c]
+        "backdrop-grayscale": [f]
       }],
       /**
        * Backdrop Hue Rotate
        * @see https://tailwindcss.com/docs/backdrop-hue-rotate
        */
       "backdrop-hue-rotate": [{
-        "backdrop-hue-rotate": [p]
+        "backdrop-hue-rotate": [x]
       }],
       /**
        * Backdrop Invert
@@ -1795,21 +1799,21 @@ const w = (e) => {
        * @see https://tailwindcss.com/docs/backdrop-opacity
        */
       "backdrop-opacity": [{
-        "backdrop-opacity": [y]
+        "backdrop-opacity": [N]
       }],
       /**
        * Backdrop Saturate
        * @see https://tailwindcss.com/docs/backdrop-saturate
        */
       "backdrop-saturate": [{
-        "backdrop-saturate": [P]
+        "backdrop-saturate": [k]
       }],
       /**
        * Backdrop Sepia
        * @see https://tailwindcss.com/docs/backdrop-sepia
        */
       "backdrop-sepia": [{
-        "backdrop-sepia": [I]
+        "backdrop-sepia": [D]
       }],
       // Tables
       /**
@@ -1824,21 +1828,21 @@ const w = (e) => {
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing": [{
-        "border-spacing": [i]
+        "border-spacing": [u]
       }],
       /**
        * Border Spacing X
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing-x": [{
-        "border-spacing-x": [i]
+        "border-spacing-x": [u]
       }],
       /**
        * Border Spacing Y
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing-y": [{
-        "border-spacing-y": [i]
+        "border-spacing-y": [u]
       }],
       /**
        * Table Layout
@@ -1860,35 +1864,35 @@ const w = (e) => {
        * @see https://tailwindcss.com/docs/transition-property
        */
       transition: [{
-        transition: ["none", "all", "", "colors", "opacity", "shadow", "transform", b]
+        transition: ["none", "all", "", "colors", "opacity", "shadow", "transform", h]
       }],
       /**
        * Transition Duration
        * @see https://tailwindcss.com/docs/transition-duration
        */
       duration: [{
-        duration: j()
+        duration: M()
       }],
       /**
        * Transition Timing Function
        * @see https://tailwindcss.com/docs/transition-timing-function
        */
       ease: [{
-        ease: ["linear", "in", "out", "in-out", b]
+        ease: ["linear", "in", "out", "in-out", h]
       }],
       /**
        * Transition Delay
        * @see https://tailwindcss.com/docs/transition-delay
        */
       delay: [{
-        delay: j()
+        delay: M()
       }],
       /**
        * Animation
        * @see https://tailwindcss.com/docs/animation
        */
       animate: [{
-        animate: ["none", "spin", "ping", "pulse", "bounce", b]
+        animate: ["none", "spin", "ping", "pulse", "bounce", h]
       }],
       // Transforms
       /**
@@ -1903,63 +1907,63 @@ const w = (e) => {
        * @see https://tailwindcss.com/docs/scale
        */
       scale: [{
-        scale: [E]
+        scale: [p]
       }],
       /**
        * Scale X
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-x": [{
-        "scale-x": [E]
+        "scale-x": [p]
       }],
       /**
        * Scale Y
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-y": [{
-        "scale-y": [E]
+        "scale-y": [p]
       }],
       /**
        * Rotate
        * @see https://tailwindcss.com/docs/rotate
        */
       rotate: [{
-        rotate: [K, b]
+        rotate: [q, h]
       }],
       /**
        * Translate X
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-x": [{
-        "translate-x": [U]
+        "translate-x": [E]
       }],
       /**
        * Translate Y
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-y": [{
-        "translate-y": [U]
+        "translate-y": [E]
       }],
       /**
        * Skew X
        * @see https://tailwindcss.com/docs/skew
        */
       "skew-x": [{
-        "skew-x": [M]
+        "skew-x": [I]
       }],
       /**
        * Skew Y
        * @see https://tailwindcss.com/docs/skew
        */
       "skew-y": [{
-        "skew-y": [M]
+        "skew-y": [I]
       }],
       /**
        * Transform Origin
        * @see https://tailwindcss.com/docs/transform-origin
        */
       "transform-origin": [{
-        origin: ["center", "top", "top-right", "right", "bottom-right", "bottom", "bottom-left", "left", "top-left", b]
+        origin: ["center", "top", "top-right", "right", "bottom-right", "bottom", "bottom-left", "left", "top-left", h]
       }],
       // Interactivity
       /**
@@ -1967,7 +1971,7 @@ const w = (e) => {
        * @see https://tailwindcss.com/docs/accent-color
        */
       accent: [{
-        accent: ["auto", e]
+        accent: ["auto", r]
       }],
       /**
        * Appearance
@@ -1981,14 +1985,14 @@ const w = (e) => {
        * @see https://tailwindcss.com/docs/cursor
        */
       cursor: [{
-        cursor: ["auto", "default", "pointer", "wait", "text", "move", "help", "not-allowed", "none", "context-menu", "progress", "cell", "crosshair", "vertical-text", "alias", "copy", "no-drop", "grab", "grabbing", "all-scroll", "col-resize", "row-resize", "n-resize", "e-resize", "s-resize", "w-resize", "ne-resize", "nw-resize", "se-resize", "sw-resize", "ew-resize", "ns-resize", "nesw-resize", "nwse-resize", "zoom-in", "zoom-out", b]
+        cursor: ["auto", "default", "pointer", "wait", "text", "move", "help", "not-allowed", "none", "context-menu", "progress", "cell", "crosshair", "vertical-text", "alias", "copy", "no-drop", "grab", "grabbing", "all-scroll", "col-resize", "row-resize", "n-resize", "e-resize", "s-resize", "w-resize", "ne-resize", "nw-resize", "se-resize", "sw-resize", "ew-resize", "ns-resize", "nesw-resize", "nwse-resize", "zoom-in", "zoom-out", h]
       }],
       /**
        * Caret Color
        * @see https://tailwindcss.com/docs/just-in-time-mode#caret-color-utilities
        */
       "caret-color": [{
-        caret: [e]
+        caret: [r]
       }],
       /**
        * Pointer Events
@@ -2016,126 +2020,126 @@ const w = (e) => {
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-m": [{
-        "scroll-m": x()
+        "scroll-m": v()
       }],
       /**
        * Scroll Margin X
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mx": [{
-        "scroll-mx": x()
+        "scroll-mx": v()
       }],
       /**
        * Scroll Margin Y
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-my": [{
-        "scroll-my": x()
+        "scroll-my": v()
       }],
       /**
        * Scroll Margin Start
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-ms": [{
-        "scroll-ms": x()
+        "scroll-ms": v()
       }],
       /**
        * Scroll Margin End
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-me": [{
-        "scroll-me": x()
+        "scroll-me": v()
       }],
       /**
        * Scroll Margin Top
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mt": [{
-        "scroll-mt": x()
+        "scroll-mt": v()
       }],
       /**
        * Scroll Margin Right
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mr": [{
-        "scroll-mr": x()
+        "scroll-mr": v()
       }],
       /**
        * Scroll Margin Bottom
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mb": [{
-        "scroll-mb": x()
+        "scroll-mb": v()
       }],
       /**
        * Scroll Margin Left
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-ml": [{
-        "scroll-ml": x()
+        "scroll-ml": v()
       }],
       /**
        * Scroll Padding
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-p": [{
-        "scroll-p": x()
+        "scroll-p": v()
       }],
       /**
        * Scroll Padding X
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-px": [{
-        "scroll-px": x()
+        "scroll-px": v()
       }],
       /**
        * Scroll Padding Y
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-py": [{
-        "scroll-py": x()
+        "scroll-py": v()
       }],
       /**
        * Scroll Padding Start
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-ps": [{
-        "scroll-ps": x()
+        "scroll-ps": v()
       }],
       /**
        * Scroll Padding End
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pe": [{
-        "scroll-pe": x()
+        "scroll-pe": v()
       }],
       /**
        * Scroll Padding Top
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pt": [{
-        "scroll-pt": x()
+        "scroll-pt": v()
       }],
       /**
        * Scroll Padding Right
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pr": [{
-        "scroll-pr": x()
+        "scroll-pr": v()
       }],
       /**
        * Scroll Padding Bottom
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pb": [{
-        "scroll-pb": x()
+        "scroll-pb": v()
       }],
       /**
        * Scroll Padding Left
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pl": [{
-        "scroll-pl": x()
+        "scroll-pl": v()
       }],
       /**
        * Scroll Snap Align
@@ -2203,7 +2207,7 @@ const w = (e) => {
        * @see https://tailwindcss.com/docs/will-change
        */
       "will-change": [{
-        "will-change": ["auto", "scroll", "contents", "transform", b]
+        "will-change": ["auto", "scroll", "contents", "transform", h]
       }],
       // SVG
       /**
@@ -2211,21 +2215,21 @@ const w = (e) => {
        * @see https://tailwindcss.com/docs/fill
        */
       fill: [{
-        fill: [e, "none"]
+        fill: [r, "none"]
       }],
       /**
        * Stroke Width
        * @see https://tailwindcss.com/docs/stroke-width
        */
       "stroke-w": [{
-        stroke: [L, G, q]
+        stroke: [B, V, le]
       }],
       /**
        * Stroke
        * @see https://tailwindcss.com/docs/stroke
        */
       stroke: [{
-        stroke: [e, "none"]
+        stroke: [r, "none"]
       }],
       // Accessibility
       /**
@@ -2293,156 +2297,156 @@ const w = (e) => {
       "font-size": ["leading"]
     }
   };
-}, Nt = /* @__PURE__ */ st(kt);
-function A(...e) {
-  return Nt(xe(e));
+}, Kr = /* @__PURE__ */ Nr(Vr);
+function d(...r) {
+  return Kr(ze(r));
 }
-const oe = k.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ l(
+const ne = A.forwardRef(({ className: r, ...n }, t) => /* @__PURE__ */ a(
   "div",
   {
     ref: t,
-    className: A(
+    className: d(
       "rounded-xl border bg-card text-card-foreground shadow",
-      e
+      r
     ),
-    ...r
+    ...n
   }
 ));
-oe.displayName = "Card";
-const Ne = k.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ l(
+ne.displayName = "Card";
+const be = A.forwardRef(({ className: r, ...n }, t) => /* @__PURE__ */ a(
   "div",
   {
     ref: t,
-    className: A("flex flex-col space-y-1.5 p-6", e),
-    ...r
+    className: d("flex flex-col space-y-1.5 p-6", r),
+    ...n
   }
 ));
-Ne.displayName = "CardHeader";
-const Ae = k.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ l(
+be.displayName = "CardHeader";
+const ge = A.forwardRef(({ className: r, ...n }, t) => /* @__PURE__ */ a(
   "div",
   {
     ref: t,
-    className: A("font-semibold leading-none tracking-tight", e),
-    ...r
+    className: d("font-semibold leading-none tracking-tight", r),
+    ...n
   }
 ));
-Ae.displayName = "CardTitle";
-const Pe = k.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ l(
+ge.displayName = "CardTitle";
+const pe = A.forwardRef(({ className: r, ...n }, t) => /* @__PURE__ */ a(
   "div",
   {
     ref: t,
-    className: A("text-sm text-muted-foreground", e),
-    ...r
+    className: d("text-sm text-muted-foreground", r),
+    ...n
   }
 ));
-Pe.displayName = "CardDescription";
-const ne = k.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ l("div", { ref: t, className: A("p-6 pt-0", e), ...r }));
-ne.displayName = "CardContent";
-const At = k.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ l(
+pe.displayName = "CardDescription";
+const ae = A.forwardRef(({ className: r, ...n }, t) => /* @__PURE__ */ a("div", { ref: t, className: d("p-6 pt-0", r), ...n }));
+ae.displayName = "CardContent";
+const Wr = A.forwardRef(({ className: r, ...n }, t) => /* @__PURE__ */ a(
   "div",
   {
     ref: t,
-    className: A("flex items-center p-6 pt-0", e),
-    ...r
+    className: d("flex items-center p-6 pt-0", r),
+    ...n
   }
 ));
-At.displayName = "CardFooter";
-function fe(e, r) {
-  if (typeof e == "function")
-    return e(r);
-  e != null && (e.current = r);
+Wr.displayName = "CardFooter";
+function Me(r, n) {
+  if (typeof r == "function")
+    return r(n);
+  r != null && (r.current = n);
 }
-function Pt(...e) {
-  return (r) => {
+function _r(...r) {
+  return (n) => {
     let t = !1;
-    const o = e.map((n) => {
-      const s = fe(n, r);
-      return !t && typeof s == "function" && (t = !0), s;
+    const o = r.map((i) => {
+      const l = Me(i, n);
+      return !t && typeof l == "function" && (t = !0), l;
     });
     if (t)
       return () => {
-        for (let n = 0; n < o.length; n++) {
-          const s = o[n];
-          typeof s == "function" ? s() : fe(e[n], null);
+        for (let i = 0; i < o.length; i++) {
+          const l = o[i];
+          typeof l == "function" ? l() : Me(r[i], null);
         }
       };
   };
 }
 // @__NO_SIDE_EFFECTS__
-function St(e) {
-  const r = /* @__PURE__ */ zt(e), t = k.forwardRef((o, n) => {
-    const { children: s, ...i } = o, a = k.Children.toArray(s), d = a.find(Mt);
-    if (d) {
-      const c = d.props.children, p = a.map((g) => g === d ? k.Children.count(c) > 1 ? k.Children.only(null) : k.isValidElement(c) ? c.props.children : null : g);
-      return /* @__PURE__ */ l(r, { ...i, ref: n, children: k.isValidElement(c) ? k.cloneElement(c, void 0, p) : null });
+function Or(r) {
+  const n = /* @__PURE__ */ Xr(r), t = A.forwardRef((o, i) => {
+    const { children: l, ...u } = o, c = A.Children.toArray(l), e = c.find(Yr);
+    if (e) {
+      const f = e.props.children, x = c.map((g) => g === e ? A.Children.count(f) > 1 ? A.Children.only(null) : A.isValidElement(f) ? f.props.children : null : g);
+      return /* @__PURE__ */ a(n, { ...u, ref: i, children: A.isValidElement(f) ? A.cloneElement(f, void 0, x) : null });
     }
-    return /* @__PURE__ */ l(r, { ...i, ref: n, children: s });
+    return /* @__PURE__ */ a(n, { ...u, ref: i, children: l });
   });
-  return t.displayName = `${e}.Slot`, t;
+  return t.displayName = `${r}.Slot`, t;
 }
-var Et = /* @__PURE__ */ St("Slot");
+var Hr = /* @__PURE__ */ Or("Slot");
 // @__NO_SIDE_EFFECTS__
-function zt(e) {
-  const r = k.forwardRef((t, o) => {
-    const { children: n, ...s } = t;
-    if (k.isValidElement(n)) {
-      const i = Rt(n), a = Tt(s, n.props);
-      return n.type !== k.Fragment && (a.ref = o ? Pt(o, i) : i), k.cloneElement(n, a);
+function Xr(r) {
+  const n = A.forwardRef((t, o) => {
+    const { children: i, ...l } = t;
+    if (A.isValidElement(i)) {
+      const u = qr(i), c = Zr(l, i.props);
+      return i.type !== A.Fragment && (c.ref = o ? _r(o, u) : u), A.cloneElement(i, c);
     }
-    return k.Children.count(n) > 1 ? k.Children.only(null) : null;
+    return A.Children.count(i) > 1 ? A.Children.only(null) : null;
   });
-  return r.displayName = `${e}.SlotClone`, r;
+  return n.displayName = `${r}.SlotClone`, n;
 }
-var It = Symbol("radix.slottable");
-function Mt(e) {
-  return k.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === It;
+var Jr = Symbol("radix.slottable");
+function Yr(r) {
+  return A.isValidElement(r) && typeof r.type == "function" && "__radixId" in r.type && r.type.__radixId === Jr;
 }
-function Tt(e, r) {
-  const t = { ...r };
-  for (const o in r) {
-    const n = e[o], s = r[o];
-    /^on[A-Z]/.test(o) ? n && s ? t[o] = (...a) => {
-      const d = s(...a);
-      return n(...a), d;
-    } : n && (t[o] = n) : o === "style" ? t[o] = { ...n, ...s } : o === "className" && (t[o] = [n, s].filter(Boolean).join(" "));
+function Zr(r, n) {
+  const t = { ...n };
+  for (const o in n) {
+    const i = r[o], l = n[o];
+    /^on[A-Z]/.test(o) ? i && l ? t[o] = (...c) => {
+      const e = l(...c);
+      return i(...c), e;
+    } : i && (t[o] = i) : o === "style" ? t[o] = { ...i, ...l } : o === "className" && (t[o] = [i, l].filter(Boolean).join(" "));
   }
-  return { ...e, ...t };
+  return { ...r, ...t };
 }
-function Rt(e) {
-  var o, n;
-  let r = (o = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : o.get, t = r && "isReactWarning" in r && r.isReactWarning;
-  return t ? e.ref : (r = (n = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : n.get, t = r && "isReactWarning" in r && r.isReactWarning, t ? e.props.ref : e.props.ref || e.ref);
+function qr(r) {
+  var o, i;
+  let n = (o = Object.getOwnPropertyDescriptor(r.props, "ref")) == null ? void 0 : o.get, t = n && "isReactWarning" in n && n.isReactWarning;
+  return t ? r.ref : (n = (i = Object.getOwnPropertyDescriptor(r, "ref")) == null ? void 0 : i.get, t = n && "isReactWarning" in n && n.isReactWarning, t ? r.props.ref : r.props.ref || r.ref);
 }
-const be = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, me = xe, Se = (e, r) => (t) => {
+const Te = (r) => typeof r == "boolean" ? `${r}` : r === 0 ? "0" : r, Ee = ze, Ue = (r, n) => (t) => {
   var o;
-  if ((r == null ? void 0 : r.variants) == null) return me(e, t == null ? void 0 : t.class, t == null ? void 0 : t.className);
-  const { variants: n, defaultVariants: s } = r, i = Object.keys(n).map((c) => {
-    const p = t == null ? void 0 : t[c], g = s == null ? void 0 : s[c];
-    if (p === null) return null;
-    const u = be(p) || be(g);
-    return n[c][u];
-  }), a = t && Object.entries(t).reduce((c, p) => {
-    let [g, u] = p;
-    return u === void 0 || (c[g] = u), c;
-  }, {}), d = r == null || (o = r.compoundVariants) === null || o === void 0 ? void 0 : o.reduce((c, p) => {
-    let { class: g, className: u, ...f } = p;
-    return Object.entries(f).every((v) => {
-      let [h, m] = v;
-      return Array.isArray(m) ? m.includes({
-        ...s,
-        ...a
-      }[h]) : {
-        ...s,
-        ...a
-      }[h] === m;
+  if ((n == null ? void 0 : n.variants) == null) return Ee(r, t == null ? void 0 : t.class, t == null ? void 0 : t.className);
+  const { variants: i, defaultVariants: l } = n, u = Object.keys(i).map((f) => {
+    const x = t == null ? void 0 : t[f], g = l == null ? void 0 : l[f];
+    if (x === null) return null;
+    const s = Te(x) || Te(g);
+    return i[f][s];
+  }), c = t && Object.entries(t).reduce((f, x) => {
+    let [g, s] = x;
+    return s === void 0 || (f[g] = s), f;
+  }, {}), e = n == null || (o = n.compoundVariants) === null || o === void 0 ? void 0 : o.reduce((f, x) => {
+    let { class: g, className: s, ...y } = x;
+    return Object.entries(y).every((F) => {
+      let [m, w] = F;
+      return Array.isArray(w) ? w.includes({
+        ...l,
+        ...c
+      }[m]) : {
+        ...l,
+        ...c
+      }[m] === w;
     }) ? [
-      ...c,
+      ...f,
       g,
-      u
-    ] : c;
+      s
+    ] : f;
   }, []);
-  return me(e, i, d, t == null ? void 0 : t.class, t == null ? void 0 : t.className);
-}, jt = Se(
+  return Ee(r, u, e, t == null ? void 0 : t.class, t == null ? void 0 : t.className);
+}, Sr = Ue(
   "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
   {
     variants: {
@@ -2466,92 +2470,95 @@ const be = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, me = xe, S
       size: "default"
     }
   }
-), Ee = k.forwardRef(
-  ({ className: e, variant: r, size: t, asChild: o = !1, ...n }, s) => /* @__PURE__ */ l(
-    o ? Et : "button",
+), Ge = A.forwardRef(
+  ({ className: r, variant: n, size: t, asChild: o = !1, ...i }, l) => /* @__PURE__ */ a(
+    o ? Hr : "button",
     {
-      className: A(jt({ variant: r, size: t, className: e })),
-      ref: s,
-      ...n
+      className: d(Sr({ variant: n, size: t, className: r })),
+      ref: l,
+      ...i
     }
   )
 );
-Ee.displayName = "Button";
-const Z = k.forwardRef(
-  ({ className: e, size: r = "md", variant: t = "default", ...o }, n) => {
-    const s = {
+Ge.displayName = "Button";
+const oe = A.forwardRef(
+  ({ className: r, size: n = "md", variant: t = "default", ...o }, i) => {
+    const l = {
       sm: "h-4 w-4",
       md: "h-6 w-6",
       lg: "h-8 w-8"
-    }, i = {
+    }, u = {
       default: "border-gray-200 border-t-gray-900",
       solana: "border-gray-200 border-t-solana-primary"
     };
-    return /* @__PURE__ */ l(
+    return /* @__PURE__ */ a(
       "div",
       {
-        ref: n,
-        className: A(
+        ref: i,
+        className: d(
           "inline-block animate-spin rounded-full border-2",
-          s[r],
-          i[t],
-          e
+          l[n],
+          u[t],
+          r
         ),
         role: "status",
         "aria-label": "Loading",
         ...o,
-        children: /* @__PURE__ */ l("span", { className: "sr-only", children: "Loading..." })
+        children: /* @__PURE__ */ a("span", { className: "sr-only", children: "Loading..." })
       }
     );
   }
 );
-Z.displayName = "Spinner";
-const ze = k.forwardRef(
+oe.displayName = "Spinner";
+const te = A.forwardRef(
   ({
-    amount: e,
-    description: r,
+    amount: r,
+    description: n,
     onClick: t,
     disabled: o = !1,
-    loading: n = !1,
-    className: s,
-    style: i,
-    ...a
-  }, d) => {
-    const c = (p) => new Intl.NumberFormat("en-US", {
+    loading: i = !1,
+    className: l,
+    style: u,
+    customText: c,
+    ...e
+  }, f) => {
+    const x = (g) => new Intl.NumberFormat("en-US", {
       style: "currency",
       currency: "USD",
       minimumFractionDigits: 2
-    }).format(p);
-    return /* @__PURE__ */ l(
-      Ee,
+    }).format(g);
+    return /* @__PURE__ */ a(
+      Ge,
       {
-        ref: d,
+        ref: f,
         onClick: t,
-        disabled: o || n,
-        className: A(
-          "w-full bg-solana-gradient hover:opacity-90 text-white font-semibold shadow-lg hover:shadow-xl transition-all duration-200 transform hover:scale-[1.02] rounded-xl",
-          o || n ? "opacity-50 cursor-not-allowed" : "",
-          s
+        disabled: o || i,
+        className: d(
+          "w-full hover:opacity-90 text-white font-normal shadow-lg hover:shadow-xl transition-all duration-200 transform hover:scale-[1.02] rounded-xl",
+          // Only apply bg-solana-gradient if no custom style is provided
+          !u && "bg-solana-gradient",
+          o || i ? "opacity-50 cursor-not-allowed" : "",
+          l
         ),
-        style: i,
-        ...a,
-        children: n ? /* @__PURE__ */ C("div", { className: "flex items-center gap-3", children: [
-          /* @__PURE__ */ l(Z, { size: "sm", variant: "default", className: "border-white/30 border-t-white" }),
-          /* @__PURE__ */ l("span", { children: "Processing Payment..." })
-        ] }) : /* @__PURE__ */ C("div", { className: "flex items-center justify-center gap-3", children: [
-          /* @__PURE__ */ l("svg", { className: "w-5 h-5", fill: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ l("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm3.5 6L12 10.5 8.5 8 12 5.5 15.5 8zM8.5 16L12 13.5 15.5 16 12 18.5 8.5 16z" }) }),
-          /* @__PURE__ */ C("span", { children: [
-            "Pay ",
-            c(e),
-            " USDC"
-          ] })
-        ] })
+        style: u,
+        ...e,
+        children: i ? /* @__PURE__ */ b("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ a(
+            oe,
+            {
+              size: "sm",
+              variant: "default",
+              className: "border-white/30 border-t-white"
+            }
+          ),
+          /* @__PURE__ */ a("span", { children: "Processing Payment..." })
+        ] }) : /* @__PURE__ */ a("span", { children: c || `Pay ${x(r)} USDC` })
       }
     );
   }
 );
-ze.displayName = "PaymentButton";
-const Lt = Se(
+te.displayName = "PaymentButton";
+const Qr = Ue(
   "inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
   {
     variants: {
@@ -2567,529 +2574,1588 @@ const Lt = Se(
     }
   }
 );
-function Ie({ className: e, variant: r, ...t }) {
-  return /* @__PURE__ */ l("div", { className: A(Lt({ variant: r }), e), ...t });
+function Ve({ className: r, variant: n, ...t }) {
+  return /* @__PURE__ */ a("div", { className: d(Qr({ variant: n }), r), ...t });
 }
-const Me = ({
-  status: e,
-  message: r,
-  progress: t,
-  className: o,
-  style: n
+const Ke = ({
+  wallet: r,
+  balance: n,
+  network: t,
+  showBalance: o = !0,
+  onDisconnect: i,
+  theme: l,
+  className: u,
+  style: c
 }) => {
-  const i = (() => {
-    switch (e) {
-      case "idle":
-        return {
-          label: "Ready",
-          color: "bg-gray-100 text-gray-800",
-          icon: null
-        };
-      case "connecting":
-        return {
-          label: "Connecting",
-          color: "bg-blue-100 text-blue-800",
-          icon: /* @__PURE__ */ l(Z, { size: "sm", variant: "default" })
-        };
-      case "pending":
-        return {
-          label: "Processing",
-          color: "bg-yellow-100 text-yellow-800",
-          icon: /* @__PURE__ */ l(Z, { size: "sm", variant: "solana" })
-        };
-      case "success":
-        return {
-          label: "Paid",
-          color: "bg-green-100 text-green-800",
-          icon: /* @__PURE__ */ l(
-            "svg",
-            {
-              className: "w-4 h-4",
-              fill: "none",
-              stroke: "currentColor",
-              viewBox: "0 0 24 24",
-              children: /* @__PURE__ */ l(
-                "path",
+  var g;
+  const e = ((g = r == null ? void 0 : r.publicKey) == null ? void 0 : g.toString()) || (r == null ? void 0 : r.address), f = (s) => `${s.slice(0, 4)}...${s.slice(-4)}`, x = () => t === "solana" ? "Mainnet" : "Devnet";
+  return !r || !e ? /* @__PURE__ */ a(ne, { className: d("border-dashed", u), style: c, children: /* @__PURE__ */ a(ae, { className: "p-4 text-center text-muted-foreground", children: /* @__PURE__ */ a("p", { className: "text-sm", children: "No wallet connected" }) }) }) : /* @__PURE__ */ a(
+    "div",
+    {
+      className: d(
+        "rounded-lg p-4 border",
+        l === "seeker" || l === "seeker-2" ? "border-[#FFFFFF1F]" : "bg-slate-50 border-slate-200",
+        u
+      ),
+      style: c,
+      children: /* @__PURE__ */ b("div", { className: "space-y-3", children: [
+        /* @__PURE__ */ b("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ b("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ a("div", { className: "w-10 h-10 bg-gradient-to-r from-blue-500 to-purple-500 rounded-full flex items-center justify-center", children: /* @__PURE__ */ a("span", { className: "text-white font-semibold text-sm", children: e.slice(0, 2).toUpperCase() }) }),
+            /* @__PURE__ */ b("div", { children: [
+              /* @__PURE__ */ a(
+                "div",
                 {
-                  strokeLinecap: "round",
-                  strokeLinejoin: "round",
-                  strokeWidth: 2,
-                  d: "M5 13l4 4L19 7"
+                  className: d(
+                    "text-xs font-medium drop-shadow-sm shadow-sm",
+                    l === "light" || l === "solana-light" ? "text-[#71717A]" : "text-[#FFFFFF66]"
+                  ),
+                  children: "Connected Wallet"
+                }
+              ),
+              /* @__PURE__ */ a(
+                "div",
+                {
+                  className: d(
+                    "text-sm font-mono",
+                    l === "light" || l === "solana-light" ? "text-black" : "text-white"
+                  ),
+                  children: f(e)
                 }
               )
+            ] })
+          ] }),
+          /* @__PURE__ */ a(
+            "button",
+            {
+              onClick: i,
+              className: d(
+                "text-sm font-medium transition-colors",
+                l === "light" || l === "solana-light" ? "text-red-500 hover:text-red-700" : "text-[#FFFFFF66] hover:opacity-80"
+              ),
+              children: "Disconnect"
             }
           )
-        };
-      case "error":
-        return {
-          label: "Failed",
-          color: "bg-red-100 text-red-800",
-          icon: /* @__PURE__ */ l(
-            "svg",
+        ] }),
+        o && n && /* @__PURE__ */ b("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ a("span", { className: "text-sm font-medium text-slate-600", children: "USDC Balance" }),
+          /* @__PURE__ */ b("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ a("span", { className: "text-lg font-bold text-slate-900", children: n }),
+            /* @__PURE__ */ a("span", { className: "text-xs font-semibold text-slate-500 bg-slate-200 px-2 py-1 rounded-md", children: "USDC" })
+          ] })
+        ] }),
+        t && /* @__PURE__ */ b("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ a("span", { className: "text-sm font-medium text-slate-600", children: "Network" }),
+          /* @__PURE__ */ a(
+            Ve,
             {
-              className: "w-4 h-4",
-              fill: "none",
-              stroke: "currentColor",
-              viewBox: "0 0 24 24",
-              children: /* @__PURE__ */ l(
-                "path",
-                {
-                  strokeLinecap: "round",
-                  strokeLinejoin: "round",
-                  strokeWidth: 2,
-                  d: "M6 18L18 6M6 6l12 12"
-                }
-              )
+              variant: "outline",
+              className: "text-xs border-slate-300 text-slate-700",
+              children: x()
             }
           )
-        };
-      default:
-        return {
-          label: "Unknown",
-          color: "bg-gray-100 text-gray-800",
-          icon: null
-        };
-    }
-  })();
-  return /* @__PURE__ */ C("div", { className: A("flex flex-col gap-2", o), style: n, children: [
-    /* @__PURE__ */ C("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ C(Ie, { className: A("flex items-center gap-1.5", i.color), children: [
-        i.icon,
-        /* @__PURE__ */ l("span", { children: i.label })
-      ] }),
-      r && /* @__PURE__ */ l("span", { className: "text-sm text-muted-foreground", children: r })
-    ] }),
-    t !== void 0 && t > 0 && /* @__PURE__ */ l("div", { className: "w-full bg-gray-200 rounded-full h-2 overflow-hidden", children: /* @__PURE__ */ l(
-      "div",
-      {
-        className: "bg-solana-gradient h-full transition-all duration-300",
-        style: { width: `${t}%` }
-      }
-    ) })
-  ] });
-};
-Me.displayName = "PaymentStatus";
-const Te = ({
-  wallet: e,
-  balance: r,
-  network: t,
-  showBalance: o = !0,
-  className: n,
-  style: s
-}) => {
-  var c;
-  const i = ((c = e == null ? void 0 : e.publicKey) == null ? void 0 : c.toString()) || (e == null ? void 0 : e.address), a = (p) => `${p.slice(0, 4)}...${p.slice(-4)}`, d = () => t === "solana" ? "Mainnet" : "Devnet";
-  return !e || !i ? /* @__PURE__ */ l(oe, { className: A("border-dashed", n), style: s, children: /* @__PURE__ */ l(ne, { className: "p-4 text-center text-muted-foreground", children: /* @__PURE__ */ l("p", { className: "text-sm", children: "No wallet connected" }) }) }) : /* @__PURE__ */ l("div", { className: A("bg-slate-50 rounded-lg p-4 border border-slate-200", n), style: s, children: /* @__PURE__ */ C("div", { className: "space-y-3", children: [
-    /* @__PURE__ */ C("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ C("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ l("div", { className: "w-2 h-2 bg-green-500 rounded-full" }),
-        /* @__PURE__ */ l("span", { className: "text-sm font-medium text-slate-600", children: "Connected Wallet" })
-      ] }),
-      /* @__PURE__ */ l("code", { className: "text-sm font-mono bg-white px-3 py-1.5 rounded-md border border-slate-300 text-slate-800", children: a(i) })
-    ] }),
-    o && r && /* @__PURE__ */ C("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ l("span", { className: "text-sm font-medium text-slate-600", children: "USDC Balance" }),
-      /* @__PURE__ */ C("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ l("span", { className: "text-lg font-bold text-slate-900", children: r }),
-        /* @__PURE__ */ l("span", { className: "text-xs font-semibold text-slate-500 bg-slate-200 px-2 py-1 rounded-md", children: "USDC" })
+        ] })
       ] })
-    ] }),
-    t && /* @__PURE__ */ C("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ l("span", { className: "text-sm font-medium text-slate-600", children: "Network" }),
-      /* @__PURE__ */ l(Ie, { variant: "outline", className: "text-xs border-slate-300 text-slate-700", children: d() })
-    ] })
-  ] }) });
+    }
+  );
 };
-Te.displayName = "WalletSection";
-function Gt(e, r, t) {
-  const o = Buffer.from(e.serialize()).toString("base64"), n = {
+Ke.displayName = "WalletSection";
+function et(r, n, t) {
+  const o = Buffer.from(r.serialize()).toString("base64"), i = {
     x402Version: t,
-    scheme: r.scheme,
-    network: r.network,
+    scheme: n.scheme,
+    network: n.network,
     payload: {
       transaction: o
     }
   };
-  return Buffer.from(JSON.stringify(n)).toString("base64");
+  return Buffer.from(JSON.stringify(i)).toString("base64");
 }
-function Bt(e) {
-  if (e === "solana")
+function rt(r) {
+  if (r === "solana")
     return "https://api.mainnet-beta.solana.com";
-  if (e === "solana-devnet")
+  if (r === "solana-devnet")
     return "https://api.devnet.solana.com";
-  throw new Error(`Unexpected network: ${e}`);
+  throw new Error(`Unexpected network: ${r}`);
 }
-async function Ut(e, r, t, o) {
-  var U, R, T;
-  const n = new ge(o, "confirmed"), s = (U = t == null ? void 0 : t.extra) == null ? void 0 : U.feePayer;
-  if (typeof s != "string" || !s)
+async function tt(r, n, t, o) {
+  var E, L, $;
+  const i = new je(o, "confirmed"), l = (E = t == null ? void 0 : t.extra) == null ? void 0 : E.feePayer;
+  if (typeof l != "string" || !l)
     throw new Error("Missing facilitator feePayer in payment requirements (extra.feePayer).");
-  const i = new V(s), a = ((R = e == null ? void 0 : e.publicKey) == null ? void 0 : R.toString()) || (e == null ? void 0 : e.address);
-  if (!a)
+  const u = new W(l), c = ((L = r == null ? void 0 : r.publicKey) == null ? void 0 : L.toString()) || (r == null ? void 0 : r.address);
+  if (!c)
     throw new Error("Missing connected Solana wallet address or publicKey");
-  const d = new V(a);
+  const e = new W(c);
   if (!(t != null && t.payTo))
     throw new Error("Missing payTo in payment requirements");
-  const c = new V(t.payTo), p = [];
-  if (p.push(
-    ce.setComputeUnitLimit({
+  const f = new W(t.payTo), x = [];
+  if (x.push(
+    Ne.setComputeUnitLimit({
       units: 4e4
       // Sufficient for SPL token transfer + ATA creation
     })
-  ), p.push(
-    ce.setComputeUnitPrice({
+  ), x.push(
+    Ne.setComputeUnitPrice({
       microLamports: 1
       // Minimal price
     })
   ), !t.asset)
     throw new Error("Missing token mint for SPL transfer");
-  const g = new V(t.asset), u = await n.getAccountInfo(g, "confirmed"), f = ((T = u == null ? void 0 : u.owner) == null ? void 0 : T.toBase58()) === de.toBase58() ? de : We, v = await _e(n, g, void 0, f), h = await ee(
+  const g = new W(t.asset), s = await i.getAccountInfo(g, "confirmed"), y = (($ = s == null ? void 0 : s.owner) == null ? void 0 : $.toBase58()) === Ce.toBase58() ? Ce : or, F = await sr(i, g, void 0, y), m = await ce(
     g,
-    d,
+    e,
     !1,
-    f
-  ), m = await ee(
+    y
+  ), w = await ce(
     g,
-    c,
+    f,
     !1,
-    f
+    y
   );
-  if (!await n.getAccountInfo(h, "confirmed"))
+  if (!await i.getAccountInfo(m, "confirmed"))
     throw new Error(
       `User does not have an Associated Token Account for ${t.asset}. Please create one first or ensure you have the required token.`
     );
-  if (!await n.getAccountInfo(m, "confirmed")) {
-    const S = new V(
+  if (!await i.getAccountInfo(w, "confirmed")) {
+    const z = new W(
       "ATokenGPvbdGVxr1b2hvZbsiqW5xWH25efTNsLJA8knL"
-    ), x = new Ge({
+    ), v = new Qe({
       keys: [
-        { pubkey: i, isSigner: !0, isWritable: !0 },
-        { pubkey: m, isSigner: !1, isWritable: !0 },
-        { pubkey: c, isSigner: !1, isWritable: !1 },
+        { pubkey: u, isSigner: !0, isWritable: !0 },
+        { pubkey: w, isSigner: !1, isWritable: !0 },
+        { pubkey: f, isSigner: !1, isWritable: !1 },
         { pubkey: g, isSigner: !1, isWritable: !1 },
-        { pubkey: Be.programId, isSigner: !1, isWritable: !1 },
-        { pubkey: f, isSigner: !1, isWritable: !1 }
+        { pubkey: er.programId, isSigner: !1, isWritable: !1 },
+        { pubkey: y, isSigner: !1, isWritable: !1 }
       ],
-      programId: S,
+      programId: z,
       data: Buffer.from([0])
       // CreateATA discriminator
     });
-    p.push(x);
+    x.push(v);
   }
-  const P = BigInt(t.maxAmountRequired);
-  p.push(
-    $e(
-      h,
-      g,
+  const k = BigInt(t.maxAmountRequired);
+  x.push(
+    ir(
       m,
-      d,
-      P,
-      v.decimals,
+      g,
+      w,
+      e,
+      k,
+      F.decimals,
       [],
-      f
+      y
     )
   );
-  const { blockhash: E } = await n.getLatestBlockhash("confirmed"), I = new Ue({
-    payerKey: i,
-    recentBlockhash: E,
-    instructions: p
-  }).compileToV0Message(), M = new Oe(I);
-  if (typeof (e == null ? void 0 : e.signTransaction) != "function")
+  const { blockhash: p } = await i.getLatestBlockhash("confirmed"), D = new rr({
+    payerKey: u,
+    recentBlockhash: p,
+    instructions: x
+  }).compileToV0Message(), I = new tr(D);
+  if (typeof (r == null ? void 0 : r.signTransaction) != "function")
     throw new Error("Connected wallet does not support signTransaction");
-  const z = await e.signTransaction(M);
-  return Gt(
-    z,
+  const P = await r.signTransaction(I);
+  return et(
+    P,
     t,
-    r
+    n
   );
 }
-function Ot(e, r, t, o = BigInt(0)) {
-  return async (n, s) => {
-    const i = await e(n, s);
-    if (i.status !== 402)
-      return i;
-    const a = await i.json(), d = a.x402Version, c = a.accepts || [], p = c.find(
-      (f) => f.scheme === "exact" && (f.network === "solana-devnet" || f.network === "solana")
+function nt(r, n, t, o = BigInt(0)) {
+  return async (i, l) => {
+    const u = await r(i, l);
+    if (u.status !== 402)
+      return u;
+    const c = await u.json(), e = c.x402Version, f = c.accepts || [], x = f.find(
+      (y) => y.scheme === "exact" && (y.network === "solana-devnet" || y.network === "solana")
     );
-    if (!p)
+    if (!x)
       throw console.error(
         "❌ No suitable Solana payment requirements found. Available networks:",
-        c.map((f) => f.network)
+        f.map((y) => y.network)
       ), new Error("No suitable Solana payment requirements found");
-    if (o > BigInt(0) && BigInt(p.maxAmountRequired) > o)
+    if (o > BigInt(0) && BigInt(x.maxAmountRequired) > o)
       throw new Error("Payment amount exceeds maximum allowed");
-    const g = await Ut(
-      r,
-      d,
-      p,
+    const g = await tt(
+      n,
+      e,
+      x,
       t
-    ), u = {
-      ...s,
+    ), s = {
+      ...l,
       headers: {
-        ...(s == null ? void 0 : s.headers) || {},
+        ...(l == null ? void 0 : l.headers) || {},
         "X-PAYMENT": g,
         "Access-Control-Expose-Headers": "X-PAYMENT-RESPONSE"
       }
     };
-    return await e(n, u);
+    return await r(i, s);
   };
 }
-var Vt = class {
-  constructor(e) {
-    ie(this, "paymentFetch");
-    const r = e.rpcUrl || Bt(e.network);
-    this.paymentFetch = Ot(
+var at = class {
+  constructor(r) {
+    ke(this, "paymentFetch");
+    const n = r.rpcUrl || rt(r.network);
+    this.paymentFetch = nt(
       fetch.bind(window),
-      e.wallet,
-      r,
-      e.maxPaymentAmount || BigInt(0)
+      r.wallet,
+      n,
+      r.maxPaymentAmount || BigInt(0)
     );
   }
   /**
    * Make a fetch request with automatic x402 payment handling
    */
-  async fetch(e, r) {
-    return this.paymentFetch(e, r);
+  async fetch(r, n) {
+    return this.paymentFetch(r, n);
   }
 };
-function Wt(e) {
-  return new Vt(e);
+function ot(r) {
+  return new at(r);
 }
-function _t(e) {
-  const [r, t] = $("idle"), [o, n] = $(null), [s, i] = $(null), [a, d] = $(!1), c = le(() => {
-    t("idle"), n(null), i(null), d(!1);
+function st(r) {
+  const [n, t] = X("idle"), [o, i] = X(null), [l, u] = X(null), [c, e] = X(!1), f = ve(() => {
+    t("idle"), i(null), u(null), e(!1);
   }, []);
   return {
-    pay: le(
-      async (g, u) => {
-        var f;
+    pay: ve(
+      async (g, s) => {
+        var y;
         try {
-          if (d(!0), t("pending"), n(null), e.maxPaymentAmount && g > e.maxPaymentAmount)
+          if (e(!0), t("pending"), i(null), r.maxPaymentAmount && g > r.maxPaymentAmount)
             throw new Error(
-              `Payment amount ${g} exceeds maximum allowed ${e.maxPaymentAmount}`
+              `Payment amount ${g} exceeds maximum allowed ${r.maxPaymentAmount}`
             );
-          const v = ((f = e.wallet.publicKey) == null ? void 0 : f.toString()) || e.wallet.address;
-          if (!v)
+          const F = ((y = r.wallet.publicKey) == null ? void 0 : y.toString()) || r.wallet.address;
+          if (!F)
             throw new Error("Wallet not connected");
-          const h = Wt({
-            wallet: e.wallet,
-            network: e.network,
-            rpcUrl: e.rpcUrl,
-            maxPaymentAmount: e.maxPaymentAmount ? BigInt(Math.floor(e.maxPaymentAmount * 1e6)) : void 0
-          }), m = "https://x402.payai.network/api/solana/paid-content", y = e.apiEndpoint || m;
+          const m = ot({
+            wallet: r.wallet,
+            network: r.network,
+            rpcUrl: r.rpcUrl,
+            maxPaymentAmount: r.maxPaymentAmount ? BigInt(Math.floor(r.maxPaymentAmount * 1e6)) : void 0
+          }), w = "https://x402.payai.network/api/solana/paid-content", N = r.apiEndpoint || w;
           console.log("Initiating x402 payment:", {
-            endpoint: y,
-            isDemo: y === m,
+            endpoint: N,
+            isDemo: N === w,
             amount: g,
-            description: u,
-            wallet: v,
-            network: e.network
+            description: s,
+            wallet: F,
+            network: r.network
           });
-          const P = await h.fetch(y, {
+          const k = await m.fetch(N, {
             method: "POST",
             headers: {
               "Content-Type": "application/json"
             },
             body: JSON.stringify({
-              message: u,
+              message: s,
               amount: g
             })
           });
-          if (!P.ok)
-            throw new Error(`Payment request failed: ${P.statusText}`);
-          const E = await P.json();
-          console.log("Payment successful:", E);
-          const I = P.headers.get("X-PAYMENT-RESPONSE");
-          let M = `tx_${Date.now()}`;
+          if (!k.ok)
+            throw new Error(`Payment request failed: ${k.statusText}`);
+          let p;
+          const D = k.headers.get("content-type");
+          D && D.includes("application/json") ? p = await k.json() : p = { content: await k.text() }, console.log("Payment successful:", p);
+          const I = k.headers.get("X-PAYMENT-RESPONSE");
+          let P = `tx_${Date.now()}`;
           if (I)
             try {
-              const z = JSON.parse(atob(I));
-              M = z.transactionId || z.signature || M, console.log("Payment details:", z);
-            } catch (z) {
-              console.warn("Could not decode payment response:", z);
+              const E = JSON.parse(atob(I));
+              P = E.transactionId || E.signature || P, console.log("Payment details:", E);
+            } catch (E) {
+              console.warn("Could not decode payment response:", E);
             }
-          return i(M), t("success"), d(!1), M;
-        } catch (v) {
-          const h = v instanceof Error ? v : new Error("Payment failed");
-          return n(h), t("error"), d(!1), null;
+          return u(P), t("success"), e(!1), P;
+        } catch (F) {
+          const m = F instanceof Error ? F : new Error("Payment failed");
+          return i(m), t("error"), e(!1), null;
         }
       },
-      [e]
+      [r]
     ),
-    isLoading: a,
-    status: r,
+    isLoading: c,
+    status: n,
     error: o,
-    transactionId: s,
-    reset: c
+    transactionId: l,
+    reset: f
   };
 }
-const $t = ({
-  amount: e,
-  description: r,
+const Pe = ({
+  amount: r,
+  description: n,
   wallet: t,
   network: o = "solana-devnet",
-  rpcUrl: n,
-  apiEndpoint: s,
-  treasuryAddress: i,
-  facilitatorUrl: a,
-  theme: d = "solana",
-  showBalance: c = !0,
-  showNetworkInfo: p = !0,
-  showPaymentDetails: g = !0,
-  classNames: u,
-  customStyles: f,
-  maxPaymentAmount: v,
+  rpcUrl: i,
+  apiEndpoint: l,
+  treasuryAddress: u,
+  facilitatorUrl: c,
+  theme: e = "solana-light",
+  showPaymentDetails: f = !0,
+  onDisconnect: x,
+  classNames: g,
+  customStyles: s,
+  maxPaymentAmount: y,
   // enablePaymentCaching = false, // TODO: Implement in future
   // autoRetry = false, // TODO: Implement in future
-  onPaymentStart: h,
+  onPaymentStart: F,
   onPaymentSuccess: m,
-  onPaymentError: y,
+  onPaymentError: w,
   onWalletConnect: N,
-  children: P
+  children: T
 }) => {
-  const [E, I] = $(!1), [M, z] = $("0.00"), { pay: U, isLoading: R, status: T, error: S, transactionId: x } = _t({
-    wallet: t,
+  var xe, he, we;
+  const k = Je(), p = de(() => t || {
+    publicKey: k.publicKey ? { toString: () => k.publicKey.toString() } : void 0,
+    signTransaction: k.signTransaction
+  }, [t, k.publicKey, k.signTransaction]), [D, I] = X(!1), [P, E] = X("0.00"), L = Oe(null), { pay: $, isLoading: z, status: v, error: j, transactionId: U, reset: Q } = st({
+    wallet: p,
     network: o,
-    rpcUrl: n,
-    apiEndpoint: s,
-    treasuryAddress: i,
-    facilitatorUrl: a,
-    maxPaymentAmount: v
-  });
-  Q(() => {
-    var O;
-    const _ = ((O = t.publicKey) == null ? void 0 : O.toString()) || t.address;
-    _ && (N == null || N(_), He(_, o, n).then(z));
-  }, [t, o, N]), Q(() => {
-    T === "success" && x && (I(!0), m == null || m(x));
-  }, [T, x, m]), Q(() => {
-    S && (y == null || y(S));
-  }, [S, y]);
-  const J = async () => {
-    h == null || h(), await U(e, r);
+    rpcUrl: i,
+    apiEndpoint: l,
+    treasuryAddress: u,
+    facilitatorUrl: c,
+    maxPaymentAmount: y
+  }), _ = () => {
+    x ? x() : !t && k.disconnect && k.disconnect();
+  }, ee = t ? t.publicKey || t.address : k.connected && k.publicKey;
+  re(() => (document.body.className = document.body.className.replace(/wallet-modal-theme-\w+/g, "").replace(/\s+/g, " ").trim(), e && (document.body.className += ` wallet-modal-theme-${e}`), () => {
+    document.body.className = document.body.className.replace(/wallet-modal-theme-\w+/g, "").replace(/\s+/g, " ").trim();
+  }), [e]), re(() => {
+    var R, H;
+    const Z = ((R = k.publicKey) == null ? void 0 : R.toString()) || ((H = t == null ? void 0 : t.publicKey) == null ? void 0 : H.toString()) || (t == null ? void 0 : t.address);
+    Z && k.connected && (console.log("Wallet connected:", Z), N == null || N(Z), cr(Z, o, i).then(E)), !k.connected && !t && E("0.00");
+  }, [k.publicKey, k.connected, k.connecting, t, o, i, N]), re(() => {
+    v === "success" && U && (I(!0), m == null || m(U));
+  }, [v, U, m]), re(() => {
+    j && (w == null || w(j));
+  }, [j, w]);
+  const O = async () => {
+    F == null || F(), await $(r, n);
   };
-  if (E)
-    return /* @__PURE__ */ l(Le, { children: P });
-  const W = () => {
-    switch (d) {
-      case "solana":
-        return "border-solana-primary/20";
+  if (D)
+    return /* @__PURE__ */ a(ie, { children: T });
+  const G = j && (e === "dark" || e === "solana-dark" || e === "light" || e === "solana-light" || e === "seeker" || e === "seeker-2"), M = (() => {
+    switch (e) {
+      case "solana-dark":
+        return {
+          container: "",
+          card: "!bg-[#171719] border-0 text-white rounded-xl",
+          icon: "bg-slate-600",
+          title: "",
+          button: "bg-solana-gradient hover:opacity-90 text-white rounded-full",
+          paymentDetails: "bg-[#0000001F] border-slate-600 text-white rounded-lg",
+          walletSection: "bg-[#0000001F] border-slate-600 text-white rounded-lg",
+          notice: "bg-amber-900/50 border-amber-700 text-white rounded-lg",
+          securityMessage: "text-slate-400",
+          helperText: "text-white",
+          helperLink: void 0
+        };
+      case "seeker":
+        return {
+          container: "",
+          card: "backdrop-blur-sm border-emerald-200 rounded-xl",
+          icon: "bg-gradient-to-r from-emerald-500 to-teal-500",
+          title: "text-white",
+          button: "bg-gradient-to-r from-emerald-500 to-teal-500 hover:from-emerald-600 hover:to-teal-600 text-white rounded-full",
+          paymentDetails: "rounded-lg",
+          notice: "bg-cyan-50 border-cyan-200 text-cyan-800 rounded-lg",
+          securityMessage: "text-white",
+          helperText: "text-white"
+        };
+      case "seeker-2":
+        return {
+          container: "",
+          card: "backdrop-blur-sm border-emerald-200 rounded-xl",
+          icon: "bg-gradient-to-r from-emerald-500 to-teal-500",
+          title: "text-white",
+          button: "bg-gradient-to-r from-emerald-500 to-teal-500 hover:from-emerald-600 hover:to-teal-600 text-white rounded-full",
+          paymentDetails: "rounded-lg",
+          notice: "bg-cyan-50 border-cyan-200 text-cyan-800 rounded-lg",
+          securityMessage: "text-white",
+          helperText: "text-white"
+        };
+      case "terminal":
+        return {
+          container: "bg-gradient-to-br from-gray-900 via-black to-gray-800",
+          card: "bg-black/90 backdrop-blur-sm border-green-400/30 text-green-400 rounded-xl",
+          icon: "bg-green-400 text-black",
+          title: "text-green-400 font-mono",
+          button: "bg-green-400 text-black hover:bg-green-300 font-mono rounded-full",
+          paymentDetails: "bg-gray-900/50 border-green-400/20 text-green-300 rounded-lg",
+          notice: "bg-yellow-900/50 border-yellow-400/30 text-yellow-300 rounded-lg"
+        };
+      case "solana-light":
+        return {
+          container: "bg-gradient-to-b from-white via-pink-50 via-purple-50 via-blue-50 to-cyan-50",
+          card: "bg-white/95 backdrop-blur-sm border border-slate-200 shadow-2xl rounded-2xl",
+          icon: "bg-gradient-to-r from-blue-600 to-purple-600",
+          title: "text-slate-900",
+          button: "bg-solana-gradient hover:opacity-90 text-white font-light rounded-full",
+          paymentDetails: "bg-slate-50 border border-slate-200 rounded-xl",
+          notice: "text-slate-600",
+          walletSection: "bg-slate-50 border border-slate-200 rounded-xl",
+          securityMessage: "text-slate-600",
+          helperText: "text-slate-600",
+          helperLink: "text-purple-600 underline"
+        };
       case "dark":
-        return "bg-card";
+        return {
+          container: "",
+          card: "!bg-[#171719] border-slate-700 text-white rounded-xl",
+          icon: "bg-slate-600",
+          title: "",
+          button: "bg-slate-600 hover:bg-slate-700 rounded-full",
+          paymentDetails: "bg-[#0000001F] border-slate-600 text-white rounded-lg",
+          walletSection: "bg-[#0000001F] border-slate-600 text-white rounded-lg",
+          notice: "bg-amber-900/50 border-amber-700 text-white rounded-lg",
+          securityMessage: "text-slate-400",
+          helperText: "text-white",
+          helperLink: void 0
+        };
       case "light":
-        return "bg-background";
+        return {
+          container: "bg-gradient-to-b from-white via-pink-50 via-purple-50 via-blue-50 to-cyan-50",
+          card: "bg-white/95 backdrop-blur-sm border border-slate-200 shadow-2xl rounded-2xl",
+          icon: "bg-gradient-to-r from-blue-600 to-purple-600",
+          title: "text-slate-900",
+          button: "bg-black hover:bg-gray-800 text-white font-light rounded-full",
+          paymentDetails: "bg-slate-50 border border-slate-200 rounded-xl",
+          notice: "text-slate-600",
+          walletSection: "bg-slate-50 border border-slate-200 rounded-xl",
+          securityMessage: "text-slate-600",
+          helperText: "text-slate-600",
+          helperLink: "text-purple-600 underline"
+        };
       default:
-        return "";
+        return {
+          container: "bg-gradient-to-br from-slate-900 via-slate-800 to-slate-900",
+          card: "bg-white/95 backdrop-blur-sm rounded-xl",
+          icon: "bg-slate-600",
+          title: "text-slate-900",
+          button: "bg-slate-600 hover:bg-slate-700 text-white rounded-full",
+          paymentDetails: "bg-slate-50 border-slate-200 rounded-lg",
+          notice: "bg-amber-50 border-amber-200 text-amber-800 rounded-lg"
+        };
     }
-  };
-  return /* @__PURE__ */ l(
+  })();
+  if (!ee) {
+    const R = (() => {
+      switch (e) {
+        case "solana-dark":
+          return {
+            container: "",
+            card: "!bg-[#171719] border-0 text-white rounded-xl",
+            button: "bg-solana-gradient hover:opacity-90 text-white rounded-full",
+            paymentDetails: "bg-[#0000001F] border-slate-600 text-white rounded-lg",
+            securityMessage: "text-slate-400",
+            helperText: "text-white"
+          };
+        case "seeker":
+          return {
+            container: "",
+            card: "backdrop-blur-sm border-emerald-200 rounded-xl",
+            button: "bg-gradient-to-r from-emerald-500 to-teal-500 hover:from-emerald-600 hover:to-teal-600 text-white rounded-full",
+            paymentDetails: "rounded-lg",
+            securityMessage: "text-white",
+            helperText: "text-white"
+          };
+        case "seeker-2":
+          return {
+            container: "",
+            card: "backdrop-blur-sm border-emerald-200 rounded-xl",
+            button: "bg-gradient-to-r from-emerald-500 to-teal-500 hover:from-emerald-600 hover:to-teal-600 text-white rounded-full",
+            paymentDetails: "rounded-lg",
+            securityMessage: "text-white",
+            helperText: "text-white"
+          };
+        case "terminal":
+          return {
+            container: "bg-gradient-to-br from-gray-900 via-black to-gray-800",
+            card: "bg-black/90 backdrop-blur-sm border-green-400/30 text-green-400 rounded-xl",
+            button: "bg-green-400 text-black hover:bg-green-300 font-mono rounded-full",
+            paymentDetails: "bg-gray-900/50 border-green-400/20 text-green-300 rounded-lg",
+            securityMessage: "text-green-300",
+            helperText: "text-green-300"
+          };
+        case "solana-light":
+          return {
+            container: "bg-gradient-to-b from-white via-pink-50 via-purple-50 via-blue-50 to-cyan-50",
+            card: "bg-white/95 backdrop-blur-sm border border-slate-200 shadow-2xl rounded-2xl",
+            button: "bg-solana-gradient hover:opacity-90 text-white font-light rounded-full",
+            paymentDetails: "bg-slate-50 border border-slate-200 rounded-xl",
+            securityMessage: "text-slate-600",
+            helperText: "text-slate-600"
+          };
+        case "dark":
+          return {
+            container: "",
+            card: "!bg-[#171719] border-slate-700 text-white rounded-xl",
+            button: "bg-slate-600 hover:bg-slate-700 rounded-full",
+            paymentDetails: "bg-[#0000001F] border-slate-600 text-white rounded-lg",
+            securityMessage: "text-slate-400",
+            helperText: "text-white"
+          };
+        case "light":
+          return {
+            container: "bg-gradient-to-b from-white via-pink-50 via-purple-50 via-blue-50 to-cyan-50",
+            card: "bg-white/95 backdrop-blur-sm border border-slate-200 shadow-2xl rounded-2xl",
+            button: "bg-black hover:bg-gray-800 text-white font-light rounded-full",
+            paymentDetails: "bg-slate-50 border border-slate-200 rounded-xl",
+            securityMessage: "text-slate-600",
+            helperText: "text-slate-600"
+          };
+        default:
+          return {
+            container: "bg-gradient-to-b from-white via-pink-50 via-purple-50 via-blue-50 to-cyan-50",
+            card: "bg-white/95 backdrop-blur-sm border border-slate-200 shadow-2xl rounded-2xl",
+            button: "bg-solana-gradient hover:opacity-90 text-white font-light rounded-full",
+            paymentDetails: "bg-slate-50 border border-slate-200 rounded-xl",
+            securityMessage: "text-slate-600",
+            helperText: "text-slate-600"
+          };
+      }
+    })();
+    return /* @__PURE__ */ a(
+      "div",
+      {
+        className: d(
+          "flex items-center justify-center min-h-screen p-4",
+          R.container,
+          g == null ? void 0 : g.container
+        ),
+        style: e === "dark" ? {
+          background: "linear-gradient(to bottom left, #db2777 0%, #9333ea 50%, #1e40af 100%)",
+          ...s == null ? void 0 : s.container
+        } : e === "light" ? {
+          background: "linear-gradient(135deg, rgba(255, 255, 255, 0.6) 0%, rgba(236, 72, 153, 0.4) 33%, rgba(147, 51, 234, 0.4) 66%, rgba(34, 211, 238, 0.4) 100%)",
+          ...s == null ? void 0 : s.container
+        } : e === "seeker" ? {
+          background: "radial-gradient(25% 200% at 50% 50%, #6CCEC6 0%, rgba(19, 77, 128, 0) 30%), radial-gradient(20% 20% at 50% 100%, rgba(66, 202, 189, 0.8) 0%, rgba(33, 100, 94, 0.8) 0%), linear-gradient(180deg, #001214 5%, #0D2734 100%)",
+          ...s == null ? void 0 : s.container
+        } : e === "seeker-2" ? {
+          background: "radial-gradient(25% 200% at 50% 50%, #6CCEC6 0%, rgba(19, 77, 128, 0) 30%), radial-gradient(20% 20% at 50% 100%, rgba(66, 202, 189, 0.8) 0%, rgba(33, 100, 94, 0.8) 0%), linear-gradient(180deg, #001214 5%, #0D2734 100%)",
+          ...s == null ? void 0 : s.container
+        } : s == null ? void 0 : s.container,
+        children: /* @__PURE__ */ b(
+          ne,
+          {
+            className: d(
+              "w-full max-w-lg shadow-2xl border-0",
+              R.card,
+              g == null ? void 0 : g.card
+            ),
+            style: e === "seeker" ? { backgroundColor: "#171719", ...s == null ? void 0 : s.card } : e === "seeker-2" ? {
+              backgroundColor: "rgba(29, 35, 35, 1)",
+              backdropFilter: "blur(12px)",
+              ...s == null ? void 0 : s.card
+            } : s == null ? void 0 : s.card,
+            children: [
+              /* @__PURE__ */ b(be, { className: "pb-6", children: [
+                /* @__PURE__ */ b("div", { className: "flex items-center space-x-4 mb-6", children: [
+                  /* @__PURE__ */ a("div", { className: "w-auto h-auto rounded-full p-[2px] flex items-center justify-center overflow-hidden", children: /* @__PURE__ */ a("div", { className: "w-full h-full rounded-full flex items-center justify-center", children: /* @__PURE__ */ a(
+                    "img",
+                    {
+                      src: "/src/components/ui/SolanaLogo.svg",
+                      alt: "Solana",
+                      className: "w-12 h-auto"
+                    }
+                  ) }) }),
+                  /* @__PURE__ */ b("div", { children: [
+                    /* @__PURE__ */ a(
+                      ge,
+                      {
+                        className: d(
+                          "text-l fw-bold pb-1",
+                          e === "dark" || e === "solana-dark" || e === "seeker" || e === "seeker-2" ? "text-white" : e === "terminal" ? "text-green-400 font-mono" : "text-slate-900",
+                          g == null ? void 0 : g.text
+                        ),
+                        children: "Premium Content XYZ"
+                      }
+                    ),
+                    /* @__PURE__ */ a(
+                      pe,
+                      {
+                        className: d(
+                          "text-sm font-light",
+                          e === "terminal" ? "text-green-300" : e === "seeker" || e === "seeker-2" || e === "dark" || e === "solana-dark" ? "text-white" : "text-[#71717A]",
+                          g == null ? void 0 : g.text
+                        ),
+                        children: "content.xyz"
+                      }
+                    )
+                  ] })
+                ] }),
+                /* @__PURE__ */ a(
+                  "div",
+                  {
+                    className: d(
+                      "border-b mb-6",
+                      e === "dark" || e === "solana-dark" ? "border-slate-600" : e === "seeker" || e === "seeker-2" ? "" : "border-slate-200"
+                    ),
+                    style: e === "seeker" || e === "seeker-2" ? { borderBottom: "1px solid #FFFFFF1F" } : void 0
+                  }
+                ),
+                /* @__PURE__ */ b("div", { className: "text-center", children: [
+                  /* @__PURE__ */ a(
+                    "h2",
+                    {
+                      className: d(
+                        "text-2xl font-normal mb-2",
+                        e === "dark" || e === "solana-dark" || e === "seeker" || e === "seeker-2" ? "text-white" : e === "terminal" ? "text-green-400 font-mono" : "text-slate-900"
+                      ),
+                      children: "Payment Required"
+                    }
+                  ),
+                  /* @__PURE__ */ b(
+                    "p",
+                    {
+                      className: d(
+                        "text-sm font-light",
+                        e === "dark" || e === "solana-dark" || e === "seeker" || e === "seeker-2" ? "text-white" : e === "terminal" ? "text-green-300" : "text-slate-600"
+                      ),
+                      children: [
+                        "Access to protected content. To access this content, please pay $",
+                        r.toFixed(2),
+                        " USDC"
+                      ]
+                    }
+                  )
+                ] })
+              ] }),
+              /* @__PURE__ */ b(ae, { className: "space-y-6", children: [
+                /* @__PURE__ */ b(
+                  "div",
+                  {
+                    className: d("p-6", R.paymentDetails),
+                    style: e === "seeker" || e === "seeker-2" ? { backgroundColor: "rgba(0, 0, 0, 0.12)" } : e === "dark" || e === "solana-dark" ? { boxShadow: "0px 0px 16px 4px #000000 inset" } : void 0,
+                    children: [
+                      /* @__PURE__ */ b("div", { className: "flex items-center justify-between mb-4", children: [
+                        /* @__PURE__ */ a(
+                          "span",
+                          {
+                            className: d(
+                              "text-sm",
+                              e === "dark" || e === "solana-dark" || e === "seeker" || e === "seeker-2" ? "text-white" : e === "terminal" ? "text-green-300" : "text-slate-900"
+                            ),
+                            children: "Amount"
+                          }
+                        ),
+                        /* @__PURE__ */ b(
+                          "div",
+                          {
+                            className: d(
+                              "text-xl font-bold",
+                              e === "light" || e === "solana-light" ? "text-purple-600" : e === "seeker" || e === "seeker-2" ? "" : e === "terminal" ? "text-green-400" : "text-[#21ECAB]"
+                            ),
+                            style: e === "seeker" || e === "seeker-2" ? { color: "#95D2E6" } : void 0,
+                            children: [
+                              "$",
+                              r.toFixed(2)
+                            ]
+                          }
+                        )
+                      ] }),
+                      /* @__PURE__ */ a(
+                        "div",
+                        {
+                          className: d(
+                            "border-t mb-4",
+                            e === "dark" || e === "solana-dark" ? "border-slate-600" : e === "seeker" || e === "seeker-2" ? "" : e === "terminal" ? "border-green-400/20" : "border-slate-200"
+                          ),
+                          style: e === "seeker" || e === "seeker-2" ? { borderTop: "1px solid #FFFFFF1F" } : void 0
+                        }
+                      ),
+                      /* @__PURE__ */ b("div", { className: "space-y-3", children: [
+                        /* @__PURE__ */ b("div", { className: "flex items-center justify-between", children: [
+                          /* @__PURE__ */ a(
+                            "span",
+                            {
+                              className: d(
+                                "text-sm",
+                                e === "dark" || e === "solana-dark" || e === "seeker" || e === "seeker-2" ? "text-white" : e === "terminal" ? "text-green-300" : "text-slate-900"
+                              ),
+                              children: "Currency"
+                            }
+                          ),
+                          /* @__PURE__ */ a(
+                            "div",
+                            {
+                              className: d(
+                                "text-sm",
+                                e === "dark" || e === "solana-dark" || e === "seeker" || e === "seeker-2" ? "text-white" : e === "terminal" ? "text-green-300" : "text-slate-900"
+                              ),
+                              children: "USDC"
+                            }
+                          )
+                        ] }),
+                        /* @__PURE__ */ b("div", { className: "flex items-center justify-between", children: [
+                          /* @__PURE__ */ a(
+                            "span",
+                            {
+                              className: d(
+                                "text-sm",
+                                e === "dark" || e === "solana-dark" || e === "seeker" || e === "seeker-2" ? "text-white" : e === "terminal" ? "text-green-300" : "text-slate-900"
+                              ),
+                              children: "Network"
+                            }
+                          ),
+                          /* @__PURE__ */ b("div", { className: "flex items-center space-x-2", children: [
+                            /* @__PURE__ */ a("div", { className: "w-2 h-2 rounded-full bg-green-500" }),
+                            /* @__PURE__ */ a(
+                              "span",
+                              {
+                                className: d(
+                                  "text-sm",
+                                  e === "dark" || e === "solana-dark" || e === "seeker" || e === "seeker-2" ? "text-white" : e === "terminal" ? "text-green-300" : "text-slate-900"
+                                ),
+                                children: o === "solana" ? "Mainnet" : "Devnet"
+                              }
+                            )
+                          ] })
+                        ] })
+                      ] })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ b("div", { className: "flex items-center justify-center space-x-2", children: [
+                  /* @__PURE__ */ b(
+                    "svg",
+                    {
+                      className: "w-4 h-4 text-green-500",
+                      fill: "none",
+                      stroke: "currentColor",
+                      viewBox: "0 0 24 24",
+                      strokeWidth: "2",
+                      children: [
+                        /* @__PURE__ */ a("path", { d: "M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4z" }),
+                        /* @__PURE__ */ a(
+                          "path",
+                          {
+                            d: "M9 12l2 2 4-4",
+                            strokeLinecap: "round",
+                            strokeLinejoin: "round"
+                          }
+                        )
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ a("span", { className: d("text-sm", R.securityMessage), children: "Secure payment powered by Solana" })
+                ] }),
+                /* @__PURE__ */ b("div", { className: "relative", children: [
+                  /* @__PURE__ */ a("div", { ref: L, className: "absolute opacity-0 pointer-events-none -z-10", children: /* @__PURE__ */ a(Ze, {}) }),
+                  /* @__PURE__ */ a(
+                    te,
+                    {
+                      amount: r,
+                      description: n,
+                      customText: "Connect Wallet",
+                      onClick: () => {
+                        var me;
+                        const H = (me = L.current) == null ? void 0 : me.querySelector("button");
+                        H == null || H.click();
+                      },
+                      className: d("w-full h-12", R.button),
+                      style: e === "dark" ? {
+                        backgroundColor: "#FFFFFF1F",
+                        boxShadow: "0 1px 0 0 rgba(255, 255, 255, 0.3) inset"
+                      } : e === "seeker" || e === "seeker-2" ? {
+                        background: "linear-gradient(0deg, #39A298, #39A298), radial-gradient(101.17% 101.67% at 50.28% 134.17%, rgba(255, 255, 255, 0.6) 0%, rgba(22, 188, 174, 0.6) 100%)",
+                        backgroundColor: "transparent"
+                      } : void 0
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ a("div", { className: "text-center", children: /* @__PURE__ */ b("p", { className: d("text-sm", R.helperText), children: [
+                  "Don't have USDC?",
+                  " ",
+                  /* @__PURE__ */ b("a", { href: "#", className: "font-medium text-[#4ADE80] underline", children: [
+                    "Get it here",
+                    /* @__PURE__ */ a(
+                      "svg",
+                      {
+                        className: "inline w-3 h-3 ml-1 text-[#4ADE80]",
+                        fill: "currentColor",
+                        viewBox: "0 0 20 20",
+                        children: /* @__PURE__ */ a(
+                          "path",
+                          {
+                            fillRule: "evenodd",
+                            d: "M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z",
+                            clipRule: "evenodd"
+                          }
+                        )
+                      }
+                    )
+                  ] })
+                ] }) })
+              ] })
+            ]
+          }
+        )
+      }
+    );
+  }
+  return /* @__PURE__ */ a(
     "div",
     {
-      className: A(
+      className: d(
         "flex items-center justify-center min-h-screen p-4",
-        "bg-gradient-to-br from-slate-900 via-slate-800 to-slate-900",
-        u == null ? void 0 : u.container
+        M.container,
+        g == null ? void 0 : g.container
       ),
-      style: f == null ? void 0 : f.container,
-      children: /* @__PURE__ */ C(
-        oe,
+      style: e === "dark" ? {
+        background: "radial-gradient(circle at center, #ec4899 0%, #3b82f6 50%, #9333ea 100%)",
+        ...s == null ? void 0 : s.container
+      } : e === "light" ? {
+        background: "linear-gradient(135deg, rgba(255, 255, 255, 0.6) 0%, rgba(236, 72, 153, 0.4) 33%, rgba(147, 51, 234, 0.4) 66%, rgba(34, 211, 238, 0.4) 100%)",
+        ...s == null ? void 0 : s.container
+      } : e === "seeker" ? {
+        background: "radial-gradient(25% 200% at 50% 50%, #6CCEC6 0%, rgba(19, 77, 128, 0) 30%), radial-gradient(20% 20% at 50% 100%, rgba(66, 202, 189, 0.8) 0%, rgba(33, 100, 94, 0.8) 0%), linear-gradient(180deg, #001214 5%, #0D2734 100%)",
+        ...s == null ? void 0 : s.container
+      } : e === "seeker-2" ? {
+        background: "radial-gradient(25% 200% at 50% 50%, #6CCEC6 0%, rgba(19, 77, 128, 0) 30%), radial-gradient(20% 20% at 50% 100%, rgba(66, 202, 189, 0.8) 0%, rgba(33, 100, 94, 0.8) 0%), linear-gradient(180deg, #001214 5%, #0D2734 100%)",
+        ...s == null ? void 0 : s.container
+      } : s == null ? void 0 : s.container,
+      children: /* @__PURE__ */ b(
+        ne,
         {
-          className: A(
-            "w-full max-w-lg shadow-2xl border-0 bg-white/95 backdrop-blur-sm",
-            W(),
-            u == null ? void 0 : u.card
+          className: d(
+            "w-full max-w-lg shadow-2xl border-0",
+            M.card,
+            g == null ? void 0 : g.card
           ),
-          style: f == null ? void 0 : f.card,
+          style: e === "seeker" ? {
+            backgroundColor: "#171719",
+            ...s == null ? void 0 : s.card
+          } : e === "seeker-2" ? {
+            backgroundColor: "rgba(29, 35, 35, 1)",
+            backdropFilter: "blur(12px)",
+            ...s == null ? void 0 : s.card
+          } : s == null ? void 0 : s.card,
           children: [
-            /* @__PURE__ */ C(Ne, { className: "text-center pb-6", children: [
-              /* @__PURE__ */ l("div", { className: "mx-auto w-16 h-16 bg-solana-gradient rounded-full flex items-center justify-center mb-4", children: /* @__PURE__ */ l("svg", { className: "w-8 h-8 text-white", fill: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ l("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z" }) }) }),
-              /* @__PURE__ */ l(Ae, { className: A("text-3xl font-bold bg-solana-gradient bg-clip-text text-transparent", u == null ? void 0 : u.text), style: f == null ? void 0 : f.text, children: "Unlock Premium Access" }),
-              /* @__PURE__ */ l(Pe, { className: "text-lg text-slate-600 mt-2", children: r })
-            ] }),
-            /* @__PURE__ */ C(ne, { className: "space-y-6", children: [
-              /* @__PURE__ */ l(
-                Te,
+            /* @__PURE__ */ b(be, { className: "pb-6", children: [
+              /* @__PURE__ */ b("div", { className: "flex items-center space-x-4 mb-6", children: [
+                /* @__PURE__ */ a("div", { className: "w-auto h-auto rounded-full p-[2px] flex items-center justify-center overflow-hidden", children: /* @__PURE__ */ a("div", { className: "w-full h-full rounded-full flex items-center justify-center", children: /* @__PURE__ */ a(
+                  "img",
+                  {
+                    src: "/src/components/ui/SolanaLogo.svg",
+                    alt: "Solana",
+                    className: "w-12 h-auto"
+                  }
+                ) }) }),
+                /* @__PURE__ */ b("div", { children: [
+                  /* @__PURE__ */ a(
+                    ge,
+                    {
+                      className: d(
+                        "text-l fw-bold pb-1",
+                        M.title,
+                        g == null ? void 0 : g.text
+                      ),
+                      style: s == null ? void 0 : s.text,
+                      children: "Premium Content XYZ"
+                    }
+                  ),
+                  /* @__PURE__ */ a(
+                    pe,
+                    {
+                      className: d(
+                        "text-sm font-light",
+                        e === "terminal" ? "text-green-300" : e === "seeker" || e === "seeker-2" ? "text-white" : "text-[#71717A]"
+                      ),
+                      children: "content.xyz"
+                    }
+                  )
+                ] })
+              ] }),
+              /* @__PURE__ */ a(
+                "div",
                 {
-                  wallet: t,
-                  balance: c ? M : void 0,
-                  network: p ? o : void 0,
-                  showBalance: c
+                  className: d(
+                    "border-b mb-6",
+                    e === "dark" || e === "solana-dark" ? "border-slate-600" : e === "seeker" || e === "seeker-2" ? "" : "border-slate-200"
+                  ),
+                  style: e === "seeker" ? { borderBottom: "1px solid #FFFFFF1F" } : e === "seeker-2" ? { borderBottom: "1px solid #FFFFFF1F" } : void 0
                 }
               ),
-              g && /* @__PURE__ */ C("div", { className: "bg-gradient-to-r from-slate-50 to-slate-100 rounded-xl p-6 border border-slate-200", children: [
-                /* @__PURE__ */ C("div", { className: "flex justify-between items-center mb-2", children: [
-                  /* @__PURE__ */ l("span", { className: "text-sm font-medium text-slate-600", children: "Payment Amount" }),
-                  /* @__PURE__ */ C("span", { className: "text-2xl font-bold text-slate-900", children: [
+              !G && /* @__PURE__ */ b("div", { className: "text-center", children: [
+                /* @__PURE__ */ a(
+                  "h2",
+                  {
+                    className: d(
+                      "text-2xl font-normal mb-2",
+                      e === "dark" || e === "solana-dark" || e === "seeker" || e === "seeker-2" ? "text-white" : "text-slate-900"
+                    ),
+                    children: "Payment Required"
+                  }
+                ),
+                /* @__PURE__ */ a(
+                  "p",
+                  {
+                    className: d(
+                      "text-sm font-light",
+                      e === "dark" || e === "solana-dark" || e === "seeker" || e === "seeker-2" ? "text-white" : "text-slate-600"
+                    ),
+                    children: "Access to protected content on base-sepolia. To access this content, please pay $0.01 Base Sepolia USDC"
+                  }
+                )
+              ] })
+            ] }),
+            /* @__PURE__ */ a(ae, { className: "space-y-6", children: G ? /* @__PURE__ */ b(ie, { children: [
+              /* @__PURE__ */ a("div", { className: "flex justify-center mb-4", children: /* @__PURE__ */ a("div", { className: "w-16 h-16 rounded-full bg-red-500 flex items-center justify-center", children: /* @__PURE__ */ a(
+                "svg",
+                {
+                  className: "w-8 h-8 text-white",
+                  fill: "none",
+                  stroke: "currentColor",
+                  viewBox: "0 0 24 24",
+                  strokeWidth: "3",
+                  children: /* @__PURE__ */ a(
+                    "path",
+                    {
+                      strokeLinecap: "round",
+                      strokeLinejoin: "round",
+                      d: "M6 18L18 6M6 6l12 12"
+                    }
+                  )
+                }
+              ) }) }),
+              /* @__PURE__ */ a("div", { className: "text-center mb-2", children: /* @__PURE__ */ a("h3", { className: d(
+                "text-2xl font-semibold",
+                e === "dark" || e === "solana-dark" || e === "seeker" || e === "seeker-2" ? "text-white" : "text-slate-900"
+              ), children: "Payment Failed" }) }),
+              /* @__PURE__ */ a("p", { className: d(
+                "text-center text-sm mb-6",
+                e === "dark" || e === "solana-dark" || e === "seeker" || e === "seeker-2" ? "text-gray-400" : "text-slate-600"
+              ), children: (j == null ? void 0 : j.message) || "It looks like your wallet doesn't have enough funds or the transaction was declined. Please review the details and try again." }),
+              /* @__PURE__ */ a("div", { className: d(
+                "rounded-lg p-6",
+                e === "dark" || e === "solana-dark" ? "bg-[#0000001F] border border-slate-600" : e === "seeker" || e === "seeker-2" ? "bg-[rgba(0,0,0,0.12)] border border-white/10" : "bg-slate-50 border border-slate-200"
+              ), children: /* @__PURE__ */ b("div", { className: "space-y-3", children: [
+                /* @__PURE__ */ b("div", { className: "flex items-center justify-between", children: [
+                  /* @__PURE__ */ a("span", { className: d(
+                    "text-sm",
+                    e === "dark" || e === "solana-dark" || e === "seeker" || e === "seeker-2" ? "text-white" : "text-slate-900"
+                  ), children: "Amount Paid" }),
+                  /* @__PURE__ */ b("span", { className: d(
+                    "text-sm font-semibold",
+                    e === "light" || e === "solana-light" ? "text-purple-600" : "text-green-500"
+                  ), children: [
                     "$",
-                    e.toFixed(2)
+                    r.toFixed(2)
                   ] })
                 ] }),
-                /* @__PURE__ */ C("div", { className: "flex justify-between items-center", children: [
-                  /* @__PURE__ */ l("span", { className: "text-xs text-slate-500", children: "Currency" }),
-                  /* @__PURE__ */ l("span", { className: "text-sm font-semibold text-slate-700 bg-slate-200 px-2 py-1 rounded-md", children: "USDC" })
+                /* @__PURE__ */ b("div", { className: "flex items-center justify-between", children: [
+                  /* @__PURE__ */ a("span", { className: d(
+                    "text-sm",
+                    e === "dark" || e === "solana-dark" || e === "seeker" || e === "seeker-2" ? "text-white" : "text-slate-900"
+                  ), children: "Wallet" }),
+                  /* @__PURE__ */ a("span", { className: d(
+                    "text-sm",
+                    e === "dark" || e === "solana-dark" || e === "seeker" || e === "seeker-2" ? "text-white" : "text-slate-900"
+                  ), children: (xe = p == null ? void 0 : p.publicKey) != null && xe.toString() ? `${p.publicKey.toString().slice(0, 6)}...${p.publicKey.toString().slice(-4)}` : p != null && p.address ? `${p.address.slice(0, 6)}...${p.address.slice(-4)}` : "Not connected" })
                 ] }),
-                v && /* @__PURE__ */ C("div", { className: "flex justify-between items-center mt-2", children: [
-                  /* @__PURE__ */ l("span", { className: "text-xs text-slate-500", children: "Maximum Amount" }),
-                  /* @__PURE__ */ C("span", { className: "text-xs text-slate-600", children: [
+                /* @__PURE__ */ b("div", { className: "flex items-center justify-between", children: [
+                  /* @__PURE__ */ a("span", { className: d(
+                    "text-sm",
+                    e === "dark" || e === "solana-dark" || e === "seeker" || e === "seeker-2" ? "text-white" : "text-slate-900"
+                  ), children: "Available Balance" }),
+                  /* @__PURE__ */ b("span", { className: d(
+                    "text-sm",
+                    e === "dark" || e === "solana-dark" || e === "seeker" || e === "seeker-2" ? "text-white" : "text-slate-900"
+                  ), children: [
                     "$",
-                    v.toFixed(2)
+                    P
+                  ] })
+                ] }),
+                /* @__PURE__ */ b("div", { className: "flex items-center justify-between", children: [
+                  /* @__PURE__ */ a("span", { className: d(
+                    "text-sm",
+                    e === "dark" || e === "solana-dark" || e === "seeker" || e === "seeker-2" ? "text-white" : "text-slate-900"
+                  ), children: "Currency" }),
+                  /* @__PURE__ */ a("span", { className: d(
+                    "text-sm",
+                    e === "dark" || e === "solana-dark" || e === "seeker" || e === "seeker-2" ? "text-white" : "text-slate-900"
+                  ), children: "USDC" })
+                ] }),
+                /* @__PURE__ */ b("div", { className: "flex items-center justify-between", children: [
+                  /* @__PURE__ */ a("span", { className: d(
+                    "text-sm",
+                    e === "dark" || e === "solana-dark" || e === "seeker" || e === "seeker-2" ? "text-white" : "text-slate-900"
+                  ), children: "Network" }),
+                  /* @__PURE__ */ b("div", { className: "flex items-center space-x-2", children: [
+                    /* @__PURE__ */ a("div", { className: "w-2 h-2 rounded-full bg-green-500" }),
+                    /* @__PURE__ */ a("span", { className: d(
+                      "text-sm",
+                      e === "dark" || e === "solana-dark" || e === "seeker" || e === "seeker-2" ? "text-white" : "text-slate-900"
+                    ), children: "Solana" })
                   ] })
                 ] })
+              ] }) }),
+              /* @__PURE__ */ b("div", { className: d(
+                "rounded-lg p-4 flex items-start space-x-3",
+                e === "dark" || e === "solana-dark" || e === "seeker" || e === "seeker-2" ? "bg-orange-900/50 border border-orange-700" : "bg-orange-50 border border-orange-200"
+              ), children: [
+                /* @__PURE__ */ a("div", { className: "flex-shrink-0", children: /* @__PURE__ */ a("div", { className: "w-6 h-6 rounded-full bg-orange-500 flex items-center justify-center", children: /* @__PURE__ */ a(
+                  "svg",
+                  {
+                    className: "w-4 h-4 text-white",
+                    fill: "none",
+                    stroke: "currentColor",
+                    viewBox: "0 0 24 24",
+                    strokeWidth: "2",
+                    children: /* @__PURE__ */ a(
+                      "path",
+                      {
+                        strokeLinecap: "round",
+                        strokeLinejoin: "round",
+                        d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"
+                      }
+                    )
+                  }
+                ) }) }),
+                /* @__PURE__ */ a("p", { className: d(
+                  "text-sm",
+                  e === "dark" || e === "solana-dark" || e === "seeker" || e === "seeker-2" ? "text-white" : "text-orange-800"
+                ), children: "Make sure your Solana wallet has enough USDC to cover the amount before retrying the transaction." })
               ] }),
-              T !== "idle" && /* @__PURE__ */ l(
-                Me,
+              /* @__PURE__ */ a(
+                te,
                 {
-                  status: T,
-                  message: S == null ? void 0 : S.message,
-                  className: u == null ? void 0 : u.status,
-                  style: f == null ? void 0 : f.status
+                  amount: r,
+                  description: n,
+                  onClick: () => {
+                    Q(), O();
+                  },
+                  loading: z,
+                  disabled: z || !(p != null && p.publicKey),
+                  className: d(
+                    "w-full h-12",
+                    e === "dark" || e === "solana-dark" ? e === "dark" ? "bg-[#FFFFFF1F] rounded-full" : "bg-solana-gradient rounded-full" : e === "light" ? "bg-black hover:bg-gray-800 text-white font-light rounded-full" : e === "solana-light" ? "bg-solana-gradient hover:opacity-90 text-white font-light rounded-full" : e === "seeker" || e === "seeker-2" ? "bg-gradient-to-r from-emerald-500 to-teal-500 hover:from-emerald-600 hover:to-teal-600 text-white rounded-full" : "bg-solana-gradient rounded-full",
+                    g == null ? void 0 : g.button
+                  ),
+                  style: e === "dark" ? {
+                    backgroundColor: "#FFFFFF1F",
+                    boxShadow: "0 1px 0 0 rgba(255, 255, 255, 0.3) inset",
+                    ...s == null ? void 0 : s.button
+                  } : e === "light" || e === "solana-light" ? s == null ? void 0 : s.button : e === "seeker" ? {
+                    background: "linear-gradient(0deg, #39A298, #39A298), radial-gradient(101.17% 101.67% at 50.28% 134.17%, rgba(255, 255, 255, 0.6) 0%, rgba(22, 188, 174, 0.6) 100%)",
+                    backgroundColor: "transparent",
+                    ...s == null ? void 0 : s.button
+                  } : e === "seeker-2" ? {
+                    background: "linear-gradient(0deg, #39A298, #39A298), radial-gradient(101.17% 101.67% at 50.28% 134.17%, rgba(255, 255, 255, 0.6) 0%, rgba(22, 188, 174, 0.6) 100%)",
+                    backgroundColor: "transparent",
+                    ...s == null ? void 0 : s.button
+                  } : s == null ? void 0 : s.button,
+                  customText: "Try Again"
                 }
               ),
-              /* @__PURE__ */ l(
-                ze,
+              /* @__PURE__ */ a("div", { className: "text-center", children: /* @__PURE__ */ b("p", { className: d(
+                "text-sm",
+                e === "dark" || e === "solana-dark" || e === "seeker" || e === "seeker-2" ? "text-white" : "text-slate-900"
+              ), children: [
+                /* @__PURE__ */ a("span", { className: d(
+                  e === "dark" || e === "solana-dark" || e === "seeker" || e === "seeker-2" ? "text-gray-400" : "text-slate-600"
+                ), children: "Don't have USDC? " }),
+                /* @__PURE__ */ b(
+                  "a",
+                  {
+                    href: "https://www.coinbase.com/how-to-buy/usdc",
+                    target: "_blank",
+                    rel: "noopener noreferrer",
+                    className: d(
+                      "font-medium hover:opacity-80",
+                      e === "light" || e === "solana-light" ? "text-purple-600" : "text-green-400 hover:text-green-300"
+                    ),
+                    children: [
+                      "Get it here",
+                      /* @__PURE__ */ a(
+                        "svg",
+                        {
+                          className: d(
+                            "inline w-3 h-3 ml-1",
+                            e === "light" || e === "solana-light" ? "text-purple-600" : "text-green-400"
+                          ),
+                          fill: "currentColor",
+                          viewBox: "0 0 20 20",
+                          children: /* @__PURE__ */ a(
+                            "path",
+                            {
+                              fillRule: "evenodd",
+                              d: "M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z",
+                              clipRule: "evenodd"
+                            }
+                          )
+                        }
+                      )
+                    ]
+                  }
+                )
+              ] }) })
+            ] }) : /* @__PURE__ */ b(ie, { children: [
+              /* @__PURE__ */ a(
+                Ke,
+                {
+                  wallet: p,
+                  onDisconnect: _,
+                  theme: e,
+                  className: d(
+                    "mb-4",
+                    (e === "dark" || e === "solana-dark") && "bg-[#0000001F] border-slate-600 text-white"
+                  ),
+                  style: e === "dark" || e === "solana-dark" ? { boxShadow: "0px 0px 16px 4px #000000 inset" } : void 0
+                }
+              ),
+              f && (e === "seeker" || e === "seeker-2" ? /* @__PURE__ */ b(
+                "div",
+                {
+                  className: d("p-6", M.paymentDetails),
+                  style: {
+                    backgroundColor: "rgba(0, 0, 0, 0.12)"
+                  },
+                  children: [
+                    /* @__PURE__ */ b("div", { className: "flex items-center justify-between mb-4", children: [
+                      /* @__PURE__ */ a("span", { className: "text-sm text-white", children: "Amount" }),
+                      /* @__PURE__ */ a(
+                        "div",
+                        {
+                          className: "text-xl font-bold",
+                          style: { color: "#95D2E6" },
+                          children: r.toFixed(2)
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ a(
+                      "div",
+                      {
+                        className: "border-t mb-4",
+                        style: { borderTop: "1px solid #FFFFFF1F" }
+                      }
+                    ),
+                    /* @__PURE__ */ b("div", { className: "space-y-3", children: [
+                      /* @__PURE__ */ b("div", { className: "flex items-center justify-between", children: [
+                        /* @__PURE__ */ a("span", { className: "text-sm text-white", children: "Wallet" }),
+                        /* @__PURE__ */ a("div", { className: "text-sm text-white", children: (he = p == null ? void 0 : p.publicKey) != null && he.toString() ? `${p.publicKey.toString().slice(0, 6)}...${p.publicKey.toString().slice(-4)}` : p != null && p.address ? `${p.address.slice(0, 6)}...${p.address.slice(-4)}` : "Not connected" })
+                      ] }),
+                      /* @__PURE__ */ b("div", { className: "flex items-center justify-between", children: [
+                        /* @__PURE__ */ a("span", { className: "text-sm text-white", children: "Available Balance" }),
+                        /* @__PURE__ */ b("div", { className: "text-sm text-white", children: [
+                          "$",
+                          P
+                        ] })
+                      ] }),
+                      /* @__PURE__ */ b("div", { className: "flex items-center justify-between", children: [
+                        /* @__PURE__ */ a("span", { className: "text-sm text-white", children: "Currency" }),
+                        /* @__PURE__ */ a("div", { className: "text-sm text-white", children: "USDC" })
+                      ] }),
+                      /* @__PURE__ */ b("div", { className: "flex items-center justify-between", children: [
+                        /* @__PURE__ */ a("span", { className: "text-sm text-white", children: "Network" }),
+                        /* @__PURE__ */ b("div", { className: "flex items-center space-x-2", children: [
+                          /* @__PURE__ */ a(
+                            "div",
+                            {
+                              className: "w-2 h-2 rounded-full",
+                              style: { backgroundColor: "#95D2E6" }
+                            }
+                          ),
+                          /* @__PURE__ */ a("span", { className: "text-sm text-white", children: "Solana" })
+                        ] })
+                      ] })
+                    ] })
+                  ]
+                }
+              ) : /* @__PURE__ */ b(
+                "div",
+                {
+                  className: d("p-6", M.paymentDetails),
+                  style: e === "dark" || e === "solana-dark" ? { boxShadow: "0px 0px 16px 4px #000000 inset" } : void 0,
+                  children: [
+                    /* @__PURE__ */ b("div", { className: "flex items-center justify-between mb-4", children: [
+                      /* @__PURE__ */ a(
+                        "span",
+                        {
+                          className: d(
+                            "text-sm",
+                            e === "dark" || e === "solana-dark" ? "text-white" : "text-black"
+                          ),
+                          children: "Amount"
+                        }
+                      ),
+                      /* @__PURE__ */ b(
+                        "div",
+                        {
+                          className: d(
+                            "text-xl font-bold",
+                            e === "light" || e === "solana-light" ? "text-purple-600" : "text-[#21ECAB]"
+                          ),
+                          children: [
+                            "$",
+                            r.toFixed(2)
+                          ]
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ a(
+                      "div",
+                      {
+                        className: d(
+                          "border-t mb-4",
+                          e === "dark" || e === "solana-dark" ? "border-slate-600" : "border-slate-200"
+                        )
+                      }
+                    ),
+                    /* @__PURE__ */ b("div", { className: "space-y-3", children: [
+                      /* @__PURE__ */ b("div", { className: "flex items-center justify-between", children: [
+                        /* @__PURE__ */ a(
+                          "span",
+                          {
+                            className: d(
+                              "text-sm",
+                              e === "dark" || e === "solana-dark" ? "text-white" : "text-black"
+                            ),
+                            children: "Wallet"
+                          }
+                        ),
+                        /* @__PURE__ */ a(
+                          "div",
+                          {
+                            className: d(
+                              "text-sm",
+                              e === "dark" || e === "solana-dark" ? "text-white" : "text-slate-900"
+                            ),
+                            children: (we = p == null ? void 0 : p.publicKey) != null && we.toString() ? `${p.publicKey.toString().slice(0, 6)}...${p.publicKey.toString().slice(-4)}` : p != null && p.address ? `${p.address.slice(0, 6)}...${p.address.slice(-4)}` : "Not connected"
+                          }
+                        )
+                      ] }),
+                      /* @__PURE__ */ b("div", { className: "flex items-center justify-between", children: [
+                        /* @__PURE__ */ a(
+                          "span",
+                          {
+                            className: d(
+                              "text-sm",
+                              e === "dark" || e === "solana-dark" ? "text-white" : "text-black"
+                            ),
+                            children: "Available Balance"
+                          }
+                        ),
+                        /* @__PURE__ */ b(
+                          "div",
+                          {
+                            className: d(
+                              "text-sm",
+                              e === "dark" || e === "solana-dark" ? "text-white" : "text-slate-900"
+                            ),
+                            children: [
+                              "$",
+                              P
+                            ]
+                          }
+                        )
+                      ] }),
+                      /* @__PURE__ */ b("div", { className: "flex items-center justify-between", children: [
+                        /* @__PURE__ */ a(
+                          "span",
+                          {
+                            className: d(
+                              "text-sm",
+                              e === "dark" || e === "solana-dark" ? "text-white" : "text-black"
+                            ),
+                            children: "Currency"
+                          }
+                        ),
+                        /* @__PURE__ */ a(
+                          "div",
+                          {
+                            className: d(
+                              "text-sm",
+                              e === "dark" || e === "solana-dark" ? "text-white" : "text-slate-900"
+                            ),
+                            children: "USDC"
+                          }
+                        )
+                      ] }),
+                      /* @__PURE__ */ b("div", { className: "flex items-center justify-between", children: [
+                        /* @__PURE__ */ a(
+                          "span",
+                          {
+                            className: d(
+                              "text-sm",
+                              e === "dark" || e === "solana-dark" ? "text-white" : "text-black"
+                            ),
+                            children: "Network"
+                          }
+                        ),
+                        /* @__PURE__ */ b("div", { className: "flex items-center space-x-2", children: [
+                          /* @__PURE__ */ a(
+                            "div",
+                            {
+                              className: d("w-2 h-2 rounded-full", "bg-green-500")
+                            }
+                          ),
+                          /* @__PURE__ */ a(
+                            "span",
+                            {
+                              className: d(
+                                "text-sm",
+                                e === "dark" || e === "solana-dark" ? "text-white" : "text-slate-900"
+                              ),
+                              children: "Solana"
+                            }
+                          )
+                        ] })
+                      ] })
+                    ] })
+                  ]
+                }
+              )),
+              /* @__PURE__ */ b("div", { className: "flex items-center justify-center space-x-2", children: [
+                /* @__PURE__ */ b(
+                  "svg",
+                  {
+                    className: "w-4 h-4 text-green-500",
+                    fill: "none",
+                    stroke: "currentColor",
+                    viewBox: "0 0 24 24",
+                    strokeWidth: "2",
+                    children: [
+                      /* @__PURE__ */ a("path", { d: "M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4z" }),
+                      /* @__PURE__ */ a(
+                        "path",
+                        {
+                          d: "M9 12l2 2 4-4",
+                          strokeLinecap: "round",
+                          strokeLinejoin: "round"
+                        }
+                      )
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ a(
+                  "span",
+                  {
+                    className: d("text-sm", M.securityMessage),
+                    style: e === "seeker" ? { color: "#FFFFFF66" } : e === "seeker-2" ? { color: "#FFFFFF66" } : void 0,
+                    children: "Secure payment powered by Solana"
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ a(
+                te,
                 {
-                  amount: e,
-                  description: r,
-                  onClick: J,
-                  loading: R,
-                  disabled: R,
-                  className: A("w-full h-12 text-lg font-semibold", u == null ? void 0 : u.button),
-                  style: f == null ? void 0 : f.button
+                  amount: r,
+                  description: n,
+                  onClick: O,
+                  loading: z,
+                  disabled: z || !(p != null && p.publicKey),
+                  className: d(
+                    "w-full h-12",
+                    e === "dark" || e === "solana-dark" ? e === "dark" ? "bg-[#FFFFFF1F] rounded-full" : "bg-solana-gradient rounded-full" : M.button,
+                    g == null ? void 0 : g.button
+                  ),
+                  style: e === "dark" ? {
+                    backgroundColor: "#FFFFFF1F",
+                    boxShadow: "0 1px 0 0 rgba(255, 255, 255, 0.3) inset",
+                    ...s == null ? void 0 : s.button
+                  } : e === "seeker" ? {
+                    background: "linear-gradient(0deg, #39A298, #39A298), radial-gradient(101.17% 101.67% at 50.28% 134.17%, rgba(255, 255, 255, 0.6) 0%, rgba(22, 188, 174, 0.6) 100%)",
+                    backgroundColor: "transparent",
+                    ...s == null ? void 0 : s.button
+                  } : e === "seeker-2" ? {
+                    background: "linear-gradient(0deg, #39A298, #39A298), radial-gradient(101.17% 101.67% at 50.28% 134.17%, rgba(255, 255, 255, 0.6) 0%, rgba(22, 188, 174, 0.6) 100%)",
+                    backgroundColor: "transparent",
+                    ...s == null ? void 0 : s.button
+                  } : s == null ? void 0 : s.button
                 }
               ),
-              S && /* @__PURE__ */ l("div", { className: "bg-red-50 border border-red-200 rounded-lg p-4", children: /* @__PURE__ */ C("p", { className: "text-sm text-red-800 text-center", children: [
-                /* @__PURE__ */ l("span", { className: "font-semibold", children: "Payment Error:" }),
+              j && /* @__PURE__ */ a("div", { className: "bg-red-50 border border-red-200 rounded-lg p-4", children: /* @__PURE__ */ b("p", { className: "text-sm text-red-800 text-center", children: [
+                /* @__PURE__ */ a("span", { className: "font-semibold", children: "Payment Error:" }),
                 " ",
-                S.message
+                j.message
               ] }) }),
-              /* @__PURE__ */ l("div", { className: "bg-amber-50 border border-amber-200 rounded-lg p-4", children: /* @__PURE__ */ C("p", { className: "text-xs text-amber-800 text-center", children: [
-                /* @__PURE__ */ l("span", { className: "font-semibold", children: "Live Payments:" }),
-                " Uses PayAI facilitator on Solana Mainnet.",
-                /* @__PURE__ */ l("br", {}),
-                "Requires real USDC balance. Test payments are refunded automatically."
+              /* @__PURE__ */ a("div", { className: "text-center", children: /* @__PURE__ */ b("p", { className: d("text-sm", M.helperText), children: [
+                /* @__PURE__ */ b("span", { style: e === "seeker" ? { color: "#FFFFFF66" } : e === "seeker-2" ? { color: "#FFFFFF66" } : void 0, children: [
+                  "Don't have USDC?",
+                  " "
+                ] }),
+                /* @__PURE__ */ b(
+                  "a",
+                  {
+                    href: "#",
+                    className: d(
+                      "font-medium",
+                      e === "seeker" || e === "seeker-2" ? "text-[#4ADE80]" : M.helperLink || "text-[#4ADE80]"
+                    ),
+                    style: e === "seeker" ? { color: "#4ADE80" } : e === "seeker-2" ? { color: "#4ADE80" } : void 0,
+                    children: [
+                      "Get it here",
+                      /* @__PURE__ */ a(
+                        "svg",
+                        {
+                          className: d(
+                            "inline w-3 h-3 ml-1",
+                            e === "light" ? "text-purple-600" : "text-[#4ADE80]"
+                          ),
+                          fill: "currentColor",
+                          viewBox: "0 0 20 20",
+                          children: /* @__PURE__ */ a(
+                            "path",
+                            {
+                              fillRule: "evenodd",
+                              d: "M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z",
+                              clipRule: "evenodd"
+                            }
+                          )
+                        }
+                      )
+                    ]
+                  }
+                )
               ] }) })
-            ] })
+            ] }) })
           ]
         }
       )
     }
   );
+}, it = ({
+  autoSetupProviders: r = !0,
+  providerNetwork: n,
+  providerEndpoint: t,
+  ...o
+}) => {
+  const i = n ?? (o.network === "solana" ? ye.Mainnet : ye.Devnet);
+  if (r) {
+    const l = de(
+      () => t || o.rpcUrl || nr(i),
+      [t, o.rpcUrl, i]
+    ), u = de(
+      () => [
+        new qe(),
+        new Se()
+      ],
+      []
+    );
+    return /* @__PURE__ */ a(He, { endpoint: l, children: /* @__PURE__ */ a(Xe, { wallets: u, autoConnect: !1, children: /* @__PURE__ */ a(Ye, { children: /* @__PURE__ */ a(Pe, { ...o }) }) }) });
+  }
+  return /* @__PURE__ */ a(Pe, { ...o });
+};
+it.displayName = "X402Paywall";
+const lt = ({
+  status: r,
+  message: n,
+  progress: t,
+  className: o,
+  style: i
+}) => {
+  const u = (() => {
+    switch (r) {
+      case "idle":
+        return {
+          label: "Ready",
+          color: "bg-gray-100 text-gray-800",
+          icon: null
+        };
+      case "connecting":
+        return {
+          label: "Connecting",
+          color: "bg-blue-100 text-blue-800",
+          icon: /* @__PURE__ */ a(oe, { size: "sm", variant: "default" })
+        };
+      case "pending":
+        return {
+          label: "Processing",
+          color: "bg-yellow-100 text-yellow-800",
+          icon: /* @__PURE__ */ a(oe, { size: "sm", variant: "solana" })
+        };
+      case "success":
+        return {
+          label: "Paid",
+          color: "bg-green-100 text-green-800",
+          icon: /* @__PURE__ */ a(
+            "svg",
+            {
+              className: "w-4 h-4",
+              fill: "none",
+              stroke: "currentColor",
+              viewBox: "0 0 24 24",
+              children: /* @__PURE__ */ a(
+                "path",
+                {
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  strokeWidth: 2,
+                  d: "M5 13l4 4L19 7"
+                }
+              )
+            }
+          )
+        };
+      case "error":
+        return {
+          label: "Failed",
+          color: "bg-red-100 text-red-800",
+          icon: /* @__PURE__ */ a(
+            "svg",
+            {
+              className: "w-4 h-4",
+              fill: "none",
+              stroke: "currentColor",
+              viewBox: "0 0 24 24",
+              children: /* @__PURE__ */ a(
+                "path",
+                {
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  strokeWidth: 2,
+                  d: "M6 18L18 6M6 6l12 12"
+                }
+              )
+            }
+          )
+        };
+      default:
+        return {
+          label: "Unknown",
+          color: "bg-gray-100 text-gray-800",
+          icon: null
+        };
+    }
+  })();
+  return /* @__PURE__ */ b("div", { className: d("flex flex-col gap-2", o), style: i, children: [
+    /* @__PURE__ */ b("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ b(Ve, { className: d("flex items-center gap-1.5", u.color), children: [
+        u.icon,
+        /* @__PURE__ */ a("span", { children: u.label })
+      ] }),
+      n && /* @__PURE__ */ a("span", { className: "text-sm text-muted-foreground", children: n })
+    ] }),
+    t !== void 0 && t > 0 && /* @__PURE__ */ a("div", { className: "w-full bg-gray-200 rounded-full h-2 overflow-hidden", children: /* @__PURE__ */ a(
+      "div",
+      {
+        className: "bg-solana-gradient h-full transition-all duration-300",
+        style: { width: `${t}%` }
+      }
+    ) })
+  ] });
 };
-$t.displayName = "X402Paywall";
+lt.displayName = "PaymentStatus";
 export {
-  Ie as Badge,
-  Ee as Button,
-  oe as Card,
-  ne as CardContent,
-  Pe as CardDescription,
-  Ne as CardHeader,
-  Ae as CardTitle,
-  ze as PaymentButton,
-  Me as PaymentStatus,
-  Z as Spinner,
-  Te as WalletSection,
-  $t as X402Paywall,
-  A as cn,
-  _t as useX402Payment
+  Ve as Badge,
+  Ge as Button,
+  ne as Card,
+  ae as CardContent,
+  pe as CardDescription,
+  be as CardHeader,
+  ge as CardTitle,
+  te as PaymentButton,
+  lt as PaymentStatus,
+  oe as Spinner,
+  Ke as WalletSection,
+  it as X402Paywall,
+  d as cn,
+  st as useX402Payment
 };
 //# sourceMappingURL=index.mjs.map