@payai/x402-solana-react 1.0.2 → 1.0.4

package/dist/index.mjs

@@ -1,80 +1,80 @@
-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) {
+var _e = Object.defineProperty;
+var Oe = (r, n, t) => n in r ? _e(r, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[n] = t;
+var ve = (r, n, t) => Oe(r, typeof n != "symbol" ? n + "" : n, t);
+import { jsx as a, jsxs as b, Fragment as le } from "react/jsx-runtime";
+import * as F from "react";
+import { useState as J, useCallback as ye, useMemo as ce, useRef as He, useEffect as ne } from "react";
+import { ConnectionProvider as Xe, WalletProvider as Je, useWallet as Ye } from "@solana/wallet-adapter-react";
+import { WalletModalProvider as Ze, WalletMultiButton as qe } from "@solana/wallet-adapter-react-ui";
+import { WalletAdapterNetwork as Ne } from "@solana/wallet-adapter-base";
+import { PhantomWalletAdapter as Qe, SolflareWalletAdapter as Se } from "@solana/wallet-adapter-wallets";
+import { Connection as De, PublicKey as H, ComputeBudgetProgram as Ce, TransactionInstruction as er, SystemProgram as rr, TransactionMessage as tr, VersionedTransaction as nr, clusterApiUrl as ar } from "@solana/web3.js";
+import { getAssociatedTokenAddress as ue, getAccount as or, TOKEN_2022_PROGRAM_ID as Fe, TOKEN_PROGRAM_ID as sr, getMint as ir, createTransferCheckedInstruction as lr } from "@solana/spl-token";
+function dr(r) {
   return r === "solana" ? "EPjFWdd5AufqSSqeM2qN1xzybapC8G4wEGGkZwyTDt1v" : "4zMMC9srt5Ri5X14GAgXhaHii3GnPAEERYPJgZJDncDU";
 }
-function dr(r) {
+function cr(r) {
   return r === "solana" ? `https://mainnet.helius-rpc.com/?api-key=${process.env.VITE_HELIUS_API_KEY}` : "https://api.devnet.solana.com";
 }
-async function cr(r, n, t) {
+async function ur(r, n, t) {
   try {
-    const o = t || dr(n), i = new je(o, "confirmed"), l = new W(r), u = new W(lr(n)), c = await ce(
+    const o = t || cr(n), i = new De(o, "confirmed"), l = new H(r), u = new H(dr(n)), c = await ue(
       u,
       l
-    ), e = await ar(i, c);
+    ), e = await or(i, c);
     return (Number(e.amount) / 1e6).toFixed(2);
   } catch (o) {
     return console.error("Error fetching USDC balance:", o), "0.00";
   }
 }
-function De(r) {
+function ze(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);
+    for (n = 0; n < i; n++) r[n] && (t = ze(r[n])) && (o && (o += " "), o += t);
   } else for (t in r) r[t] && (o && (o += " "), o += t);
   return o;
 }
-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);
+function Ie() {
+  for (var r, n, t = 0, o = "", i = arguments.length; t < i; t++) (r = arguments[t]) && (n = ze(r)) && (o && (o += " "), o += n);
   return o;
 }
-const fe = "-", ur = (r) => {
-  const n = gr(r), {
+const xe = "-", br = (r) => {
+  const n = pr(r), {
     conflictingClassGroups: t,
     conflictingClassGroupModifiers: o
   } = r;
   return {
     getClassGroupId: (u) => {
-      const c = u.split(fe);
-      return c[0] === "" && c.length !== 1 && c.shift(), Ie(c, n) || br(u);
+      const c = u.split(xe);
+      return c[0] === "" && c.length !== 1 && c.shift(), Le(c, n) || gr(u);
     },
     getConflictingClassGroupIds: (u, c) => {
       const e = t[u] || [];
       return c && o[u] ? [...e, ...o[u]] : e;
     }
   };
-}, Ie = (r, n) => {
+}, Le = (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;
+  const t = r[0], o = n.nextPart.get(t), i = o ? Le(r.slice(1), o) : void 0;
   if (i)
     return i;
   if (n.validators.length === 0)
     return;
-  const l = r.join(fe);
+  const l = r.join(xe);
   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(":"));
+}, Ae = /^\[(.+)\]$/, gr = (r) => {
+  if (Ae.test(r)) {
+    const n = Ae.exec(r)[1], t = n == null ? void 0 : n.substring(0, n.indexOf(":"));
     if (t)
       return "arbitrary.." + t;
   }
-}, gr = (r) => {
+}, pr = (r) => {
   const {
     theme: n,
     prefix: t
@@ -82,19 +82,19 @@ const fe = "-", ur = (r) => {
     nextPart: /* @__PURE__ */ new Map(),
     validators: []
   };
-  return fr(Object.entries(r.classGroups), t).forEach(([l, u]) => {
-    ue(u, o, l, n);
+  return xr(Object.entries(r.classGroups), t).forEach(([l, u]) => {
+    be(u, o, l, n);
   }), o;
-}, ue = (r, n, t, o) => {
+}, be = (r, n, t, o) => {
   r.forEach((i) => {
     if (typeof i == "string") {
-      const l = i === "" ? n : Ae(n, i);
+      const l = i === "" ? n : Me(n, i);
       l.classGroupId = t;
       return;
     }
     if (typeof i == "function") {
-      if (pr(i)) {
-        ue(i(o), n, t, o);
+      if (fr(i)) {
+        be(i(o), n, t, o);
         return;
       }
       n.validators.push({
@@ -104,21 +104,21 @@ const fe = "-", ur = (r) => {
       return;
     }
     Object.entries(i).forEach(([l, u]) => {
-      ue(u, Ae(n, l), t, o);
+      be(u, Me(n, l), t, o);
     });
   });
-}, Ae = (r, n) => {
+}, Me = (r, n) => {
   let t = r;
-  return n.split(fe).forEach((o) => {
+  return n.split(xe).forEach((o) => {
     t.nextPart.has(o) || t.nextPart.set(o, {
       nextPart: /* @__PURE__ */ new Map(),
       validators: []
     }), t = t.nextPart.get(o);
   }), t;
-}, pr = (r) => r.isThemeGetter, fr = (r, n) => n ? r.map(([t, o]) => {
+}, fr = (r) => r.isThemeGetter, xr = (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) => {
+}) : r, hr = (r) => {
   if (r < 1)
     return {
       get: () => {
@@ -142,40 +142,40 @@ const fe = "-", ur = (r) => {
       t.has(l) ? t.set(l, u) : i(l, u);
     }
   };
-}, Le = "!", hr = (r) => {
+}, Re = "!", wr = (r) => {
   const {
     separator: n,
     experimentalParseClassName: t
   } = 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;
+    let p = 0, h = 0, x;
+    for (let m = 0; m < c.length; m++) {
+      let N = c[m];
+      if (p === 0) {
+        if (N === i && (o || c.slice(m, m + l) === n)) {
+          e.push(c.slice(h, m)), h = m + l;
           continue;
         }
         if (N === "/") {
-          g = w;
+          x = m;
           continue;
         }
       }
-      N === "[" ? f++ : N === "]" && f--;
+      N === "[" ? p++ : N === "]" && p--;
     }
-    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;
+    const g = e.length === 0 ? c : c.substring(h), s = g.startsWith(Re), A = s ? g.substring(1) : g, k = x && x > h ? x - h : void 0;
     return {
       modifiers: e,
-      hasImportantModifier: y,
-      baseClassName: F,
-      maybePostfixModifierPosition: m
+      hasImportantModifier: s,
+      baseClassName: A,
+      maybePostfixModifierPosition: k
     };
   };
   return t ? (c) => t({
     className: c,
     parseClassName: u
   }) : u;
-}, wr = (r) => {
+}, mr = (r) => {
   if (r.length <= 1)
     return r;
   const n = [];
@@ -183,122 +183,122 @@ const fe = "-", ur = (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) => {
+}, kr = (r) => ({
+  cache: hr(r.cacheSize),
+  parseClassName: wr(r),
+  ...br(r)
+}), vr = /\s+/, yr = (r, n) => {
   const {
     parseClassName: t,
     getClassGroupId: o,
     getConflictingClassGroupIds: i
-  } = n, l = [], u = r.trim().split(kr);
+  } = n, l = [], u = r.trim().split(vr);
   let c = "";
   for (let e = u.length - 1; e >= 0; e -= 1) {
-    const f = u[e], {
-      modifiers: x,
-      hasImportantModifier: g,
-      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);
+    const p = u[e], {
+      modifiers: h,
+      hasImportantModifier: x,
+      baseClassName: g,
+      maybePostfixModifierPosition: s
+    } = t(p);
+    let A = !!s, k = o(A ? g.substring(0, s) : g);
+    if (!k) {
+      if (!A) {
+        c = p + (c.length > 0 ? " " + c : c);
         continue;
       }
-      if (m = o(s), !m) {
-        c = f + (c.length > 0 ? " " + c : c);
+      if (k = o(g), !k) {
+        c = p + (c.length > 0 ? " " + c : c);
         continue;
       }
-      F = !1;
+      A = !1;
     }
-    const w = wr(x).join(":"), N = g ? w + Le : w, T = N + m;
-    if (l.includes(T))
+    const m = mr(h).join(":"), N = x ? m + Re : m, M = N + k;
+    if (l.includes(M))
       continue;
-    l.push(T);
-    const k = i(m, F);
-    for (let p = 0; p < k.length; ++p) {
-      const D = k[p];
-      l.push(N + D);
+    l.push(M);
+    const T = i(k, A);
+    for (let v = 0; v < T.length; ++v) {
+      const f = T[v];
+      l.push(N + f);
     }
-    c = f + (c.length > 0 ? " " + c : c);
+    c = p + (c.length > 0 ? " " + c : c);
   }
   return c;
 };
-function yr() {
+function Nr() {
   let r = 0, n, t, o = "";
   for (; r < arguments.length; )
-    (n = arguments[r++]) && (t = Re(n)) && (o && (o += " "), o += t);
+    (n = arguments[r++]) && (t = Be(n)) && (o && (o += " "), o += t);
   return o;
 }
-const Re = (r) => {
+const Be = (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);
+    r[o] && (n = Be(r[o])) && (t && (t += " "), t += n);
   return t;
 };
-function Nr(r, ...n) {
+function Cr(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);
+    const p = n.reduce((h, x) => x(h), r());
+    return t = kr(p), o = t.cache.get, i = t.cache.set, l = c, c(e);
   }
   function c(e) {
-    const f = o(e);
-    if (f)
-      return f;
-    const x = vr(e, t);
-    return i(e, x), x;
+    const p = o(e);
+    if (p)
+      return p;
+    const h = yr(e, t);
+    return i(e, h), h;
   }
   return function() {
-    return l(yr.apply(null, arguments));
+    return l(Nr.apply(null, arguments));
   };
 }
 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);
+}, $e = /^\[(?:([a-z-]+):)?(.+)\]$/i, Fr = /^\d+\/\d+$/, Ar = /* @__PURE__ */ new Set(["px", "full", "screen"]), Mr = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Tr = /\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$/, Er = /^(rgba?|hsla?|hwb|(ok)?(lab|lch))\(.+\)$/, Pr = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, jr = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, G = (r) => Y(r) || Ar.has(r) || Fr.test(r), V = (r) => Z(r, "length", Gr), Y = (r) => !!r && !Number.isNaN(Number(r)), de = (r) => Z(r, "number", Y), ee = (r) => !!r && Number.isInteger(Number(r)), Dr = (r) => r.endsWith("%") && Y(r.slice(0, -1)), w = (r) => $e.test(r), K = (r) => Mr.test(r), zr = /* @__PURE__ */ new Set(["length", "size", "percentage"]), Ir = (r) => Z(r, zr, Ge), Lr = (r) => Z(r, "position", Ge), Rr = /* @__PURE__ */ new Set(["image", "url"]), Br = (r) => Z(r, Rr, Vr), $r = (r) => Z(r, "", Ur), re = () => !0, Z = (r, n, t) => {
+  const o = $e.exec(r);
   return o ? o[1] ? typeof n == "string" ? o[1] === n : n.has(o[1]) : t(o[2]) : !1;
-}, $r = (r) => (
+}, Gr = (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.
-  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];
+  Tr.test(r) && !Er.test(r)
+), Ge = () => !1, Ur = (r) => Pr.test(r), Vr = (r) => jr.test(r), Kr = () => {
+  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"), p = C("grayscale"), h = C("hueRotate"), x = C("invert"), g = C("gap"), s = C("gradientColorStops"), A = C("gradientColorStopPositions"), k = C("inset"), m = C("margin"), N = C("opacity"), M = C("padding"), T = C("saturate"), v = C("scale"), f = C("sepia"), z = C("skew"), D = C("space"), E = C("translate"), I = () => ["auto", "contain", "none"], L = () => ["auto", "hidden", "clip", "visible", "scroll"], R = () => ["auto", w, n], y = () => [w, n], W = () => ["", G, V], _ = () => ["auto", Y, w], P = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], U = () => ["solid", "dashed", "dotted", "double", "none"], te = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], q = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], O = () => ["", "0", w], Q = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], j = () => [Y, w];
   return {
     cacheSize: 500,
     separator: ":",
     theme: {
-      colors: [S],
-      spacing: [B, V],
-      blur: ["none", "", K, h],
-      brightness: M(),
+      colors: [re],
+      spacing: [G, V],
+      blur: ["none", "", K, w],
+      brightness: j(),
       borderColor: [r],
-      borderRadius: ["none", "", "full", K, h],
-      borderSpacing: v(),
-      borderWidth: j(),
-      contrast: M(),
-      grayscale: G(),
-      hueRotate: M(),
-      invert: G(),
-      gap: v(),
+      borderRadius: ["none", "", "full", K, w],
+      borderSpacing: y(),
+      borderWidth: W(),
+      contrast: j(),
+      grayscale: O(),
+      hueRotate: j(),
+      invert: O(),
+      gap: y(),
       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()
+      gradientColorStopPositions: [Dr, V],
+      inset: R(),
+      margin: R(),
+      opacity: j(),
+      padding: y(),
+      saturate: j(),
+      scale: j(),
+      sepia: O(),
+      skew: j(),
+      space: y(),
+      translate: y()
     },
     classGroups: {
       // Layout
@@ -307,7 +307,7 @@ const C = (r) => {
        * @see https://tailwindcss.com/docs/aspect-ratio
        */
       aspect: [{
-        aspect: ["auto", "square", "video", h]
+        aspect: ["auto", "square", "video", w]
       }],
       /**
        * Container
@@ -326,14 +326,14 @@ const C = (r) => {
        * @see https://tailwindcss.com/docs/break-after
        */
       "break-after": [{
-        "break-after": se()
+        "break-after": Q()
       }],
       /**
        * Break Before
        * @see https://tailwindcss.com/docs/break-before
        */
       "break-before": [{
-        "break-before": se()
+        "break-before": Q()
       }],
       /**
        * Break Inside
@@ -392,49 +392,49 @@ const C = (r) => {
        * @see https://tailwindcss.com/docs/object-position
        */
       "object-position": [{
-        object: [...Q(), h]
+        object: [...P(), w]
       }],
       /**
        * Overflow
        * @see https://tailwindcss.com/docs/overflow
        */
       overflow: [{
-        overflow: $()
+        overflow: L()
       }],
       /**
        * Overflow X
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-x": [{
-        "overflow-x": $()
+        "overflow-x": L()
       }],
       /**
        * Overflow Y
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-y": [{
-        "overflow-y": $()
+        "overflow-y": L()
       }],
       /**
        * Overscroll Behavior
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       overscroll: [{
-        overscroll: L()
+        overscroll: I()
       }],
       /**
        * Overscroll Behavior X
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-x": [{
-        "overscroll-x": L()
+        "overscroll-x": I()
       }],
       /**
        * Overscroll Behavior Y
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-y": [{
-        "overscroll-y": L()
+        "overscroll-y": I()
       }],
       /**
        * Position
@@ -446,63 +446,63 @@ const C = (r) => {
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       inset: [{
-        inset: [m]
+        inset: [k]
       }],
       /**
        * Right / Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-x": [{
-        "inset-x": [m]
+        "inset-x": [k]
       }],
       /**
        * Top / Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-y": [{
-        "inset-y": [m]
+        "inset-y": [k]
       }],
       /**
        * Start
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       start: [{
-        start: [m]
+        start: [k]
       }],
       /**
        * End
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       end: [{
-        end: [m]
+        end: [k]
       }],
       /**
        * Top
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       top: [{
-        top: [m]
+        top: [k]
       }],
       /**
        * Right
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       right: [{
-        right: [m]
+        right: [k]
       }],
       /**
        * Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       bottom: [{
-        bottom: [m]
+        bottom: [k]
       }],
       /**
        * Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       left: [{
-        left: [m]
+        left: [k]
       }],
       /**
        * Visibility
@@ -514,7 +514,7 @@ const C = (r) => {
        * @see https://tailwindcss.com/docs/z-index
        */
       z: [{
-        z: ["auto", q, h]
+        z: ["auto", ee, w]
       }],
       // Flexbox and Grid
       /**
@@ -522,7 +522,7 @@ const C = (r) => {
        * @see https://tailwindcss.com/docs/flex-basis
        */
       basis: [{
-        basis: z()
+        basis: R()
       }],
       /**
        * Flex Direction
@@ -543,35 +543,35 @@ const C = (r) => {
        * @see https://tailwindcss.com/docs/flex
        */
       flex: [{
-        flex: ["1", "auto", "initial", "none", h]
+        flex: ["1", "auto", "initial", "none", w]
       }],
       /**
        * Flex Grow
        * @see https://tailwindcss.com/docs/flex-grow
        */
       grow: [{
-        grow: G()
+        grow: O()
       }],
       /**
        * Flex Shrink
        * @see https://tailwindcss.com/docs/flex-shrink
        */
       shrink: [{
-        shrink: G()
+        shrink: O()
       }],
       /**
        * Order
        * @see https://tailwindcss.com/docs/order
        */
       order: [{
-        order: ["first", "last", "none", q, h]
+        order: ["first", "last", "none", ee, w]
       }],
       /**
        * Grid Template Columns
        * @see https://tailwindcss.com/docs/grid-template-columns
        */
       "grid-cols": [{
-        "grid-cols": [S]
+        "grid-cols": [re]
       }],
       /**
        * Grid Column Start / End
@@ -579,29 +579,29 @@ const C = (r) => {
        */
       "col-start-end": [{
         col: ["auto", {
-          span: ["full", q, h]
-        }, h]
+          span: ["full", ee, w]
+        }, w]
       }],
       /**
        * Grid Column Start
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start": [{
-        "col-start": U()
+        "col-start": _()
       }],
       /**
        * Grid Column End
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-end": [{
-        "col-end": U()
+        "col-end": _()
       }],
       /**
        * Grid Template Rows
        * @see https://tailwindcss.com/docs/grid-template-rows
        */
       "grid-rows": [{
-        "grid-rows": [S]
+        "grid-rows": [re]
       }],
       /**
        * Grid Row Start / End
@@ -609,22 +609,22 @@ const C = (r) => {
        */
       "row-start-end": [{
         row: ["auto", {
-          span: [q, h]
-        }, h]
+          span: [ee, w]
+        }, w]
       }],
       /**
        * Grid Row Start
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start": [{
-        "row-start": U()
+        "row-start": _()
       }],
       /**
        * Grid Row End
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-end": [{
-        "row-end": U()
+        "row-end": _()
       }],
       /**
        * Grid Auto Flow
@@ -638,42 +638,42 @@ const C = (r) => {
        * @see https://tailwindcss.com/docs/grid-auto-columns
        */
       "auto-cols": [{
-        "auto-cols": ["auto", "min", "max", "fr", h]
+        "auto-cols": ["auto", "min", "max", "fr", w]
       }],
       /**
        * Grid Auto Rows
        * @see https://tailwindcss.com/docs/grid-auto-rows
        */
       "auto-rows": [{
-        "auto-rows": ["auto", "min", "max", "fr", h]
+        "auto-rows": ["auto", "min", "max", "fr", w]
       }],
       /**
        * Gap
        * @see https://tailwindcss.com/docs/gap
        */
       gap: [{
-        gap: [s]
+        gap: [g]
       }],
       /**
        * Gap X
        * @see https://tailwindcss.com/docs/gap
        */
       "gap-x": [{
-        "gap-x": [s]
+        "gap-x": [g]
       }],
       /**
        * Gap Y
        * @see https://tailwindcss.com/docs/gap
        */
       "gap-y": [{
-        "gap-y": [s]
+        "gap-y": [g]
       }],
       /**
        * Justify Content
        * @see https://tailwindcss.com/docs/justify-content
        */
       "justify-content": [{
-        justify: ["normal", ...O()]
+        justify: ["normal", ...q()]
       }],
       /**
        * Justify Items
@@ -694,7 +694,7 @@ const C = (r) => {
        * @see https://tailwindcss.com/docs/align-content
        */
       "align-content": [{
-        content: ["normal", ...O(), "baseline"]
+        content: ["normal", ...q(), "baseline"]
       }],
       /**
        * Align Items
@@ -715,7 +715,7 @@ const C = (r) => {
        * @see https://tailwindcss.com/docs/place-content
        */
       "place-content": [{
-        "place-content": [...O(), "baseline"]
+        "place-content": [...q(), "baseline"]
       }],
       /**
        * Place Items
@@ -737,133 +737,133 @@ const C = (r) => {
        * @see https://tailwindcss.com/docs/padding
        */
       p: [{
-        p: [T]
+        p: [M]
       }],
       /**
        * Padding X
        * @see https://tailwindcss.com/docs/padding
        */
       px: [{
-        px: [T]
+        px: [M]
       }],
       /**
        * Padding Y
        * @see https://tailwindcss.com/docs/padding
        */
       py: [{
-        py: [T]
+        py: [M]
       }],
       /**
        * Padding Start
        * @see https://tailwindcss.com/docs/padding
        */
       ps: [{
-        ps: [T]
+        ps: [M]
       }],
       /**
        * Padding End
        * @see https://tailwindcss.com/docs/padding
        */
       pe: [{
-        pe: [T]
+        pe: [M]
       }],
       /**
        * Padding Top
        * @see https://tailwindcss.com/docs/padding
        */
       pt: [{
-        pt: [T]
+        pt: [M]
       }],
       /**
        * Padding Right
        * @see https://tailwindcss.com/docs/padding
        */
       pr: [{
-        pr: [T]
+        pr: [M]
       }],
       /**
        * Padding Bottom
        * @see https://tailwindcss.com/docs/padding
        */
       pb: [{
-        pb: [T]
+        pb: [M]
       }],
       /**
        * Padding Left
        * @see https://tailwindcss.com/docs/padding
        */
       pl: [{
-        pl: [T]
+        pl: [M]
       }],
       /**
        * Margin
        * @see https://tailwindcss.com/docs/margin
        */
       m: [{
-        m: [w]
+        m: [m]
       }],
       /**
        * Margin X
        * @see https://tailwindcss.com/docs/margin
        */
       mx: [{
-        mx: [w]
+        mx: [m]
       }],
       /**
        * Margin Y
        * @see https://tailwindcss.com/docs/margin
        */
       my: [{
-        my: [w]
+        my: [m]
       }],
       /**
        * Margin Start
        * @see https://tailwindcss.com/docs/margin
        */
       ms: [{
-        ms: [w]
+        ms: [m]
       }],
       /**
        * Margin End
        * @see https://tailwindcss.com/docs/margin
        */
       me: [{
-        me: [w]
+        me: [m]
       }],
       /**
        * Margin Top
        * @see https://tailwindcss.com/docs/margin
        */
       mt: [{
-        mt: [w]
+        mt: [m]
       }],
       /**
        * Margin Right
        * @see https://tailwindcss.com/docs/margin
        */
       mr: [{
-        mr: [w]
+        mr: [m]
       }],
       /**
        * Margin Bottom
        * @see https://tailwindcss.com/docs/margin
        */
       mb: [{
-        mb: [w]
+        mb: [m]
       }],
       /**
        * Margin Left
        * @see https://tailwindcss.com/docs/margin
        */
       ml: [{
-        ml: [w]
+        ml: [m]
       }],
       /**
        * Space Between X
        * @see https://tailwindcss.com/docs/space
        */
       "space-x": [{
-        "space-x": [P]
+        "space-x": [D]
       }],
       /**
        * Space Between X Reverse
@@ -875,7 +875,7 @@ const C = (r) => {
        * @see https://tailwindcss.com/docs/space
        */
       "space-y": [{
-        "space-y": [P]
+        "space-y": [D]
       }],
       /**
        * Space Between Y Reverse
@@ -888,21 +888,21 @@ const C = (r) => {
        * @see https://tailwindcss.com/docs/width
        */
       w: [{
-        w: ["auto", "min", "max", "fit", "svw", "lvw", "dvw", h, n]
+        w: ["auto", "min", "max", "fit", "svw", "lvw", "dvw", w, n]
       }],
       /**
        * Min-Width
        * @see https://tailwindcss.com/docs/min-width
        */
       "min-w": [{
-        "min-w": [h, n, "min", "max", "fit"]
+        "min-w": [w, n, "min", "max", "fit"]
       }],
       /**
        * Max-Width
        * @see https://tailwindcss.com/docs/max-width
        */
       "max-w": [{
-        "max-w": [h, n, "none", "full", "min", "max", "fit", "prose", {
+        "max-w": [w, n, "none", "full", "min", "max", "fit", "prose", {
           screen: [K]
         }, K]
       }],
@@ -911,28 +911,28 @@ const C = (r) => {
        * @see https://tailwindcss.com/docs/height
        */
       h: [{
-        h: [h, n, "auto", "min", "max", "fit", "svh", "lvh", "dvh"]
+        h: [w, n, "auto", "min", "max", "fit", "svh", "lvh", "dvh"]
       }],
       /**
        * Min-Height
        * @see https://tailwindcss.com/docs/min-height
        */
       "min-h": [{
-        "min-h": [h, n, "min", "max", "fit", "svh", "lvh", "dvh"]
+        "min-h": [w, n, "min", "max", "fit", "svh", "lvh", "dvh"]
       }],
       /**
        * Max-Height
        * @see https://tailwindcss.com/docs/max-height
        */
       "max-h": [{
-        "max-h": [h, n, "min", "max", "fit", "svh", "lvh", "dvh"]
+        "max-h": [w, n, "min", "max", "fit", "svh", "lvh", "dvh"]
       }],
       /**
        * Size
        * @see https://tailwindcss.com/docs/size
        */
       size: [{
-        size: [h, n, "auto", "min", "max", "fit"]
+        size: [w, n, "auto", "min", "max", "fit"]
       }],
       // Typography
       /**
@@ -957,14 +957,14 @@ const C = (r) => {
        * @see https://tailwindcss.com/docs/font-weight
        */
       "font-weight": [{
-        font: ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black", le]
+        font: ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black", de]
       }],
       /**
        * Font Family
        * @see https://tailwindcss.com/docs/font-family
        */
       "font-family": [{
-        font: [S]
+        font: [re]
       }],
       /**
        * Font Variant Numeric
@@ -1001,35 +1001,35 @@ const C = (r) => {
        * @see https://tailwindcss.com/docs/letter-spacing
        */
       tracking: [{
-        tracking: ["tighter", "tight", "normal", "wide", "wider", "widest", h]
+        tracking: ["tighter", "tight", "normal", "wide", "wider", "widest", w]
       }],
       /**
        * Line Clamp
        * @see https://tailwindcss.com/docs/line-clamp
        */
       "line-clamp": [{
-        "line-clamp": ["none", J, le]
+        "line-clamp": ["none", Y, de]
       }],
       /**
        * Line Height
        * @see https://tailwindcss.com/docs/line-height
        */
       leading: [{
-        leading: ["none", "tight", "snug", "normal", "relaxed", "loose", B, h]
+        leading: ["none", "tight", "snug", "normal", "relaxed", "loose", G, w]
       }],
       /**
        * List Style Image
        * @see https://tailwindcss.com/docs/list-style-image
        */
       "list-image": [{
-        "list-image": ["none", h]
+        "list-image": ["none", w]
       }],
       /**
        * List Style Type
        * @see https://tailwindcss.com/docs/list-style-type
        */
       "list-style-type": [{
-        list: ["none", "disc", "decimal", h]
+        list: ["none", "disc", "decimal", w]
       }],
       /**
        * List Style Position
@@ -1084,21 +1084,21 @@ const C = (r) => {
        * @see https://tailwindcss.com/docs/text-decoration-style
        */
       "text-decoration-style": [{
-        decoration: [..._(), "wavy"]
+        decoration: [...U(), "wavy"]
       }],
       /**
        * Text Decoration Thickness
        * @see https://tailwindcss.com/docs/text-decoration-thickness
        */
       "text-decoration-thickness": [{
-        decoration: ["auto", "from-font", B, V]
+        decoration: ["auto", "from-font", G, V]
       }],
       /**
        * Text Underline Offset
        * @see https://tailwindcss.com/docs/text-underline-offset
        */
       "underline-offset": [{
-        "underline-offset": ["auto", B, h]
+        "underline-offset": ["auto", G, w]
       }],
       /**
        * Text Decoration Color
@@ -1129,14 +1129,14 @@ const C = (r) => {
        * @see https://tailwindcss.com/docs/text-indent
        */
       indent: [{
-        indent: v()
+        indent: y()
       }],
       /**
        * Vertical Alignment
        * @see https://tailwindcss.com/docs/vertical-align
        */
       "vertical-align": [{
-        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", h]
+        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", w]
       }],
       /**
        * Whitespace
@@ -1164,7 +1164,7 @@ const C = (r) => {
        * @see https://tailwindcss.com/docs/content
        */
       content: [{
-        content: ["none", h]
+        content: ["none", w]
       }],
       // Backgrounds
       /**
@@ -1201,7 +1201,7 @@ const C = (r) => {
        * @see https://tailwindcss.com/docs/background-position
        */
       "bg-position": [{
-        bg: [...Q(), Ir]
+        bg: [...P(), Lr]
       }],
       /**
        * Background Repeat
@@ -1217,7 +1217,7 @@ const C = (r) => {
        * @see https://tailwindcss.com/docs/background-size
        */
       "bg-size": [{
-        bg: ["auto", "cover", "contain", zr]
+        bg: ["auto", "cover", "contain", Ir]
       }],
       /**
        * Background Image
@@ -1226,7 +1226,7 @@ const C = (r) => {
       "bg-image": [{
         bg: ["none", {
           "gradient-to": ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
-        }, Rr]
+        }, Br]
       }],
       /**
        * Background Color
@@ -1240,42 +1240,42 @@ const C = (r) => {
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from-pos": [{
-        from: [F]
+        from: [A]
       }],
       /**
        * Gradient Color Stops Via Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via-pos": [{
-        via: [F]
+        via: [A]
       }],
       /**
        * Gradient Color Stops To Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to-pos": [{
-        to: [F]
+        to: [A]
       }],
       /**
        * Gradient Color Stops From
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from": [{
-        from: [y]
+        from: [s]
       }],
       /**
        * Gradient Color Stops Via
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via": [{
-        via: [y]
+        via: [s]
       }],
       /**
        * Gradient Color Stops To
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to": [{
-        to: [y]
+        to: [s]
       }],
       // Borders
       /**
@@ -1458,7 +1458,7 @@ const C = (r) => {
        * @see https://tailwindcss.com/docs/border-style
        */
       "border-style": [{
-        border: [..._(), "hidden"]
+        border: [...U(), "hidden"]
       }],
       /**
        * Divide Width X
@@ -1496,7 +1496,7 @@ const C = (r) => {
        * @see https://tailwindcss.com/docs/divide-style
        */
       "divide-style": [{
-        divide: _()
+        divide: U()
       }],
       /**
        * Border Color
@@ -1573,21 +1573,21 @@ const C = (r) => {
        * @see https://tailwindcss.com/docs/outline-style
        */
       "outline-style": [{
-        outline: ["", ..._()]
+        outline: ["", ...U()]
       }],
       /**
        * Outline Offset
        * @see https://tailwindcss.com/docs/outline-offset
        */
       "outline-offset": [{
-        "outline-offset": [B, h]
+        "outline-offset": [G, w]
       }],
       /**
        * Outline Width
        * @see https://tailwindcss.com/docs/outline-width
        */
       "outline-w": [{
-        outline: [B, V]
+        outline: [G, V]
       }],
       /**
        * Outline Color
@@ -1601,7 +1601,7 @@ const C = (r) => {
        * @see https://tailwindcss.com/docs/ring-width
        */
       "ring-w": [{
-        ring: j()
+        ring: W()
       }],
       /**
        * Ring Width Inset
@@ -1627,7 +1627,7 @@ const C = (r) => {
        * @see https://tailwindcss.com/docs/ring-offset-width
        */
       "ring-offset-w": [{
-        "ring-offset": [B, V]
+        "ring-offset": [G, V]
       }],
       /**
        * Ring Offset Color
@@ -1642,14 +1642,14 @@ const C = (r) => {
        * @see https://tailwindcss.com/docs/box-shadow
        */
       shadow: [{
-        shadow: ["", "inner", "none", K, Br]
+        shadow: ["", "inner", "none", K, $r]
       }],
       /**
        * Box Shadow Color
        * @see https://tailwindcss.com/docs/box-shadow-color
        */
       "shadow-color": [{
-        shadow: [S]
+        shadow: [re]
       }],
       /**
        * Opacity
@@ -1663,14 +1663,14 @@ const C = (r) => {
        * @see https://tailwindcss.com/docs/mix-blend-mode
        */
       "mix-blend": [{
-        "mix-blend": [...ee(), "plus-lighter", "plus-darker"]
+        "mix-blend": [...te(), "plus-lighter", "plus-darker"]
       }],
       /**
        * Background Blend Mode
        * @see https://tailwindcss.com/docs/background-blend-mode
        */
       "bg-blend": [{
-        "bg-blend": ee()
+        "bg-blend": te()
       }],
       // Filters
       /**
@@ -1707,42 +1707,42 @@ const C = (r) => {
        * @see https://tailwindcss.com/docs/drop-shadow
        */
       "drop-shadow": [{
-        "drop-shadow": ["", "none", K, h]
+        "drop-shadow": ["", "none", K, w]
       }],
       /**
        * Grayscale
        * @see https://tailwindcss.com/docs/grayscale
        */
       grayscale: [{
-        grayscale: [f]
+        grayscale: [p]
       }],
       /**
        * Hue Rotate
        * @see https://tailwindcss.com/docs/hue-rotate
        */
       "hue-rotate": [{
-        "hue-rotate": [x]
+        "hue-rotate": [h]
       }],
       /**
        * Invert
        * @see https://tailwindcss.com/docs/invert
        */
       invert: [{
-        invert: [g]
+        invert: [x]
       }],
       /**
        * Saturate
        * @see https://tailwindcss.com/docs/saturate
        */
       saturate: [{
-        saturate: [k]
+        saturate: [T]
       }],
       /**
        * Sepia
        * @see https://tailwindcss.com/docs/sepia
        */
       sepia: [{
-        sepia: [D]
+        sepia: [f]
       }],
       /**
        * Backdrop Filter
@@ -1778,21 +1778,21 @@ const C = (r) => {
        * @see https://tailwindcss.com/docs/backdrop-grayscale
        */
       "backdrop-grayscale": [{
-        "backdrop-grayscale": [f]
+        "backdrop-grayscale": [p]
       }],
       /**
        * Backdrop Hue Rotate
        * @see https://tailwindcss.com/docs/backdrop-hue-rotate
        */
       "backdrop-hue-rotate": [{
-        "backdrop-hue-rotate": [x]
+        "backdrop-hue-rotate": [h]
       }],
       /**
        * Backdrop Invert
        * @see https://tailwindcss.com/docs/backdrop-invert
        */
       "backdrop-invert": [{
-        "backdrop-invert": [g]
+        "backdrop-invert": [x]
       }],
       /**
        * Backdrop Opacity
@@ -1806,14 +1806,14 @@ const C = (r) => {
        * @see https://tailwindcss.com/docs/backdrop-saturate
        */
       "backdrop-saturate": [{
-        "backdrop-saturate": [k]
+        "backdrop-saturate": [T]
       }],
       /**
        * Backdrop Sepia
        * @see https://tailwindcss.com/docs/backdrop-sepia
        */
       "backdrop-sepia": [{
-        "backdrop-sepia": [D]
+        "backdrop-sepia": [f]
       }],
       // Tables
       /**
@@ -1864,35 +1864,35 @@ const C = (r) => {
        * @see https://tailwindcss.com/docs/transition-property
        */
       transition: [{
-        transition: ["none", "all", "", "colors", "opacity", "shadow", "transform", h]
+        transition: ["none", "all", "", "colors", "opacity", "shadow", "transform", w]
       }],
       /**
        * Transition Duration
        * @see https://tailwindcss.com/docs/transition-duration
        */
       duration: [{
-        duration: M()
+        duration: j()
       }],
       /**
        * Transition Timing Function
        * @see https://tailwindcss.com/docs/transition-timing-function
        */
       ease: [{
-        ease: ["linear", "in", "out", "in-out", h]
+        ease: ["linear", "in", "out", "in-out", w]
       }],
       /**
        * Transition Delay
        * @see https://tailwindcss.com/docs/transition-delay
        */
       delay: [{
-        delay: M()
+        delay: j()
       }],
       /**
        * Animation
        * @see https://tailwindcss.com/docs/animation
        */
       animate: [{
-        animate: ["none", "spin", "ping", "pulse", "bounce", h]
+        animate: ["none", "spin", "ping", "pulse", "bounce", w]
       }],
       // Transforms
       /**
@@ -1907,28 +1907,28 @@ const C = (r) => {
        * @see https://tailwindcss.com/docs/scale
        */
       scale: [{
-        scale: [p]
+        scale: [v]
       }],
       /**
        * Scale X
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-x": [{
-        "scale-x": [p]
+        "scale-x": [v]
       }],
       /**
        * Scale Y
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-y": [{
-        "scale-y": [p]
+        "scale-y": [v]
       }],
       /**
        * Rotate
        * @see https://tailwindcss.com/docs/rotate
        */
       rotate: [{
-        rotate: [q, h]
+        rotate: [ee, w]
       }],
       /**
        * Translate X
@@ -1949,21 +1949,21 @@ const C = (r) => {
        * @see https://tailwindcss.com/docs/skew
        */
       "skew-x": [{
-        "skew-x": [I]
+        "skew-x": [z]
       }],
       /**
        * Skew Y
        * @see https://tailwindcss.com/docs/skew
        */
       "skew-y": [{
-        "skew-y": [I]
+        "skew-y": [z]
       }],
       /**
        * 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", h]
+        origin: ["center", "top", "top-right", "right", "bottom-right", "bottom", "bottom-left", "left", "top-left", w]
       }],
       // Interactivity
       /**
@@ -1985,7 +1985,7 @@ const C = (r) => {
        * @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", h]
+        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", w]
       }],
       /**
        * Caret Color
@@ -2020,126 +2020,126 @@ const C = (r) => {
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-m": [{
-        "scroll-m": v()
+        "scroll-m": y()
       }],
       /**
        * Scroll Margin X
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mx": [{
-        "scroll-mx": v()
+        "scroll-mx": y()
       }],
       /**
        * Scroll Margin Y
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-my": [{
-        "scroll-my": v()
+        "scroll-my": y()
       }],
       /**
        * Scroll Margin Start
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-ms": [{
-        "scroll-ms": v()
+        "scroll-ms": y()
       }],
       /**
        * Scroll Margin End
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-me": [{
-        "scroll-me": v()
+        "scroll-me": y()
       }],
       /**
        * Scroll Margin Top
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mt": [{
-        "scroll-mt": v()
+        "scroll-mt": y()
       }],
       /**
        * Scroll Margin Right
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mr": [{
-        "scroll-mr": v()
+        "scroll-mr": y()
       }],
       /**
        * Scroll Margin Bottom
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mb": [{
-        "scroll-mb": v()
+        "scroll-mb": y()
       }],
       /**
        * Scroll Margin Left
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-ml": [{
-        "scroll-ml": v()
+        "scroll-ml": y()
       }],
       /**
        * Scroll Padding
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-p": [{
-        "scroll-p": v()
+        "scroll-p": y()
       }],
       /**
        * Scroll Padding X
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-px": [{
-        "scroll-px": v()
+        "scroll-px": y()
       }],
       /**
        * Scroll Padding Y
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-py": [{
-        "scroll-py": v()
+        "scroll-py": y()
       }],
       /**
        * Scroll Padding Start
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-ps": [{
-        "scroll-ps": v()
+        "scroll-ps": y()
       }],
       /**
        * Scroll Padding End
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pe": [{
-        "scroll-pe": v()
+        "scroll-pe": y()
       }],
       /**
        * Scroll Padding Top
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pt": [{
-        "scroll-pt": v()
+        "scroll-pt": y()
       }],
       /**
        * Scroll Padding Right
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pr": [{
-        "scroll-pr": v()
+        "scroll-pr": y()
       }],
       /**
        * Scroll Padding Bottom
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pb": [{
-        "scroll-pb": v()
+        "scroll-pb": y()
       }],
       /**
        * Scroll Padding Left
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pl": [{
-        "scroll-pl": v()
+        "scroll-pl": y()
       }],
       /**
        * Scroll Snap Align
@@ -2207,7 +2207,7 @@ const C = (r) => {
        * @see https://tailwindcss.com/docs/will-change
        */
       "will-change": [{
-        "will-change": ["auto", "scroll", "contents", "transform", h]
+        "will-change": ["auto", "scroll", "contents", "transform", w]
       }],
       // SVG
       /**
@@ -2222,7 +2222,7 @@ const C = (r) => {
        * @see https://tailwindcss.com/docs/stroke-width
        */
       "stroke-w": [{
-        stroke: [B, V, le]
+        stroke: [G, V, de]
       }],
       /**
        * Stroke
@@ -2297,11 +2297,11 @@ const C = (r) => {
       "font-size": ["leading"]
     }
   };
-}, Kr = /* @__PURE__ */ Nr(Vr);
+}, Wr = /* @__PURE__ */ Cr(Kr);
 function d(...r) {
-  return Kr(ze(r));
+  return Wr(Ie(r));
 }
-const ne = A.forwardRef(({ className: r, ...n }, t) => /* @__PURE__ */ a(
+const oe = F.forwardRef(({ className: r, ...n }, t) => /* @__PURE__ */ a(
   "div",
   {
     ref: t,
@@ -2312,8 +2312,8 @@ const ne = A.forwardRef(({ className: r, ...n }, t) => /* @__PURE__ */ a(
     ...n
   }
 ));
-ne.displayName = "Card";
-const be = A.forwardRef(({ className: r, ...n }, t) => /* @__PURE__ */ a(
+oe.displayName = "Card";
+const ge = F.forwardRef(({ className: r, ...n }, t) => /* @__PURE__ */ a(
   "div",
   {
     ref: t,
@@ -2321,8 +2321,8 @@ const be = A.forwardRef(({ className: r, ...n }, t) => /* @__PURE__ */ a(
     ...n
   }
 ));
-be.displayName = "CardHeader";
-const ge = A.forwardRef(({ className: r, ...n }, t) => /* @__PURE__ */ a(
+ge.displayName = "CardHeader";
+const pe = F.forwardRef(({ className: r, ...n }, t) => /* @__PURE__ */ a(
   "div",
   {
     ref: t,
@@ -2330,8 +2330,8 @@ const ge = A.forwardRef(({ className: r, ...n }, t) => /* @__PURE__ */ a(
     ...n
   }
 ));
-ge.displayName = "CardTitle";
-const pe = A.forwardRef(({ className: r, ...n }, t) => /* @__PURE__ */ a(
+pe.displayName = "CardTitle";
+const fe = F.forwardRef(({ className: r, ...n }, t) => /* @__PURE__ */ a(
   "div",
   {
     ref: t,
@@ -2339,10 +2339,10 @@ const pe = A.forwardRef(({ className: r, ...n }, t) => /* @__PURE__ */ a(
     ...n
   }
 ));
-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(
+fe.displayName = "CardDescription";
+const se = F.forwardRef(({ className: r, ...n }, t) => /* @__PURE__ */ a("div", { ref: t, className: d("p-6 pt-0", r), ...n }));
+se.displayName = "CardContent";
+const _r = F.forwardRef(({ className: r, ...n }, t) => /* @__PURE__ */ a(
   "div",
   {
     ref: t,
@@ -2350,58 +2350,58 @@ const Wr = A.forwardRef(({ className: r, ...n }, t) => /* @__PURE__ */ a(
     ...n
   }
 ));
-Wr.displayName = "CardFooter";
-function Me(r, n) {
+_r.displayName = "CardFooter";
+function Te(r, n) {
   if (typeof r == "function")
     return r(n);
   r != null && (r.current = n);
 }
-function _r(...r) {
+function Or(...r) {
   return (n) => {
     let t = !1;
     const o = r.map((i) => {
-      const l = Me(i, n);
+      const l = Te(i, n);
       return !t && typeof l == "function" && (t = !0), l;
     });
     if (t)
       return () => {
         for (let i = 0; i < o.length; i++) {
           const l = o[i];
-          typeof l == "function" ? l() : Me(r[i], null);
+          typeof l == "function" ? l() : Te(r[i], null);
         }
       };
   };
 }
 // @__NO_SIDE_EFFECTS__
-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);
+function Hr(r) {
+  const n = /* @__PURE__ */ Jr(r), t = F.forwardRef((o, i) => {
+    const { children: l, ...u } = o, c = F.Children.toArray(l), e = c.find(Zr);
     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 });
+      const p = e.props.children, h = c.map((x) => x === e ? F.Children.count(p) > 1 ? F.Children.only(null) : F.isValidElement(p) ? p.props.children : null : x);
+      return /* @__PURE__ */ a(n, { ...u, ref: i, children: F.isValidElement(p) ? F.cloneElement(p, void 0, h) : null });
     }
     return /* @__PURE__ */ a(n, { ...u, ref: i, children: l });
   });
   return t.displayName = `${r}.Slot`, t;
 }
-var Hr = /* @__PURE__ */ Or("Slot");
+var Xr = /* @__PURE__ */ Hr("Slot");
 // @__NO_SIDE_EFFECTS__
-function Xr(r) {
-  const n = A.forwardRef((t, o) => {
+function Jr(r) {
+  const n = F.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);
+    if (F.isValidElement(i)) {
+      const u = Qr(i), c = qr(l, i.props);
+      return i.type !== F.Fragment && (c.ref = o ? Or(o, u) : u), F.cloneElement(i, c);
     }
-    return A.Children.count(i) > 1 ? A.Children.only(null) : null;
+    return F.Children.count(i) > 1 ? F.Children.only(null) : null;
   });
   return n.displayName = `${r}.SlotClone`, n;
 }
-var Jr = Symbol("radix.slottable");
-function Yr(r) {
-  return A.isValidElement(r) && typeof r.type == "function" && "__radixId" in r.type && r.type.__radixId === Jr;
+var Yr = Symbol("radix.slottable");
+function Zr(r) {
+  return F.isValidElement(r) && typeof r.type == "function" && "__radixId" in r.type && r.type.__radixId === Yr;
 }
-function Zr(r, n) {
+function qr(r, n) {
   const t = { ...n };
   for (const o in n) {
     const i = r[o], l = n[o];
@@ -2412,40 +2412,40 @@ function Zr(r, n) {
   }
   return { ...r, ...t };
 }
-function qr(r) {
+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 Te = (r) => typeof r == "boolean" ? `${r}` : r === 0 ? "0" : r, Ee = ze, Ue = (r, n) => (t) => {
+const Ee = (r) => typeof r == "boolean" ? `${r}` : r === 0 ? "0" : r, Pe = Ie, Ue = (r, n) => (t) => {
   var o;
-  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({
+  if ((n == null ? void 0 : n.variants) == null) return Pe(r, t == null ? void 0 : t.class, t == null ? void 0 : t.className);
+  const { variants: i, defaultVariants: l } = n, u = Object.keys(i).map((p) => {
+    const h = t == null ? void 0 : t[p], x = l == null ? void 0 : l[p];
+    if (h === null) return null;
+    const g = Ee(h) || Ee(x);
+    return i[p][g];
+  }), c = t && Object.entries(t).reduce((p, h) => {
+    let [x, g] = h;
+    return g === void 0 || (p[x] = g), p;
+  }, {}), e = n == null || (o = n.compoundVariants) === null || o === void 0 ? void 0 : o.reduce((p, h) => {
+    let { class: x, className: g, ...s } = h;
+    return Object.entries(s).every((A) => {
+      let [k, m] = A;
+      return Array.isArray(m) ? m.includes({
         ...l,
         ...c
-      }[m]) : {
+      }[k]) : {
         ...l,
         ...c
-      }[m] === w;
+      }[k] === m;
     }) ? [
-      ...f,
-      g,
-      s
-    ] : f;
+      ...p,
+      x,
+      g
+    ] : p;
   }, []);
-  return Ee(r, u, e, t == null ? void 0 : t.class, t == null ? void 0 : t.className);
+  return Pe(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",
   {
@@ -2470,9 +2470,9 @@ const Te = (r) => typeof r == "boolean" ? `${r}` : r === 0 ? "0" : r, Ee = ze, U
       size: "default"
     }
   }
-), Ge = A.forwardRef(
+), Ve = F.forwardRef(
   ({ className: r, variant: n, size: t, asChild: o = !1, ...i }, l) => /* @__PURE__ */ a(
-    o ? Hr : "button",
+    o ? Xr : "button",
     {
       className: d(Sr({ variant: n, size: t, className: r })),
       ref: l,
@@ -2480,8 +2480,8 @@ const Te = (r) => typeof r == "boolean" ? `${r}` : r === 0 ? "0" : r, Ee = ze, U
     }
   )
 );
-Ge.displayName = "Button";
-const oe = A.forwardRef(
+Ve.displayName = "Button";
+const ie = F.forwardRef(
   ({ className: r, size: n = "md", variant: t = "default", ...o }, i) => {
     const l = {
       sm: "h-4 w-4",
@@ -2509,8 +2509,8 @@ const oe = A.forwardRef(
     );
   }
 );
-oe.displayName = "Spinner";
-const te = A.forwardRef(
+ie.displayName = "Spinner";
+const ae = F.forwardRef(
   ({
     amount: r,
     description: n,
@@ -2521,16 +2521,16 @@ const te = A.forwardRef(
     style: u,
     customText: c,
     ...e
-  }, f) => {
-    const x = (g) => new Intl.NumberFormat("en-US", {
+  }, p) => {
+    const h = (x) => new Intl.NumberFormat("en-US", {
       style: "currency",
       currency: "USD",
       minimumFractionDigits: 2
-    }).format(g);
+    }).format(x);
     return /* @__PURE__ */ a(
-      Ge,
+      Ve,
       {
-        ref: f,
+        ref: p,
         onClick: t,
         disabled: o || i,
         className: d(
@@ -2544,7 +2544,7 @@ const te = A.forwardRef(
         ...e,
         children: i ? /* @__PURE__ */ b("div", { className: "flex items-center gap-3", children: [
           /* @__PURE__ */ a(
-            oe,
+            ie,
             {
               size: "sm",
               variant: "default",
@@ -2552,13 +2552,13 @@ const te = A.forwardRef(
             }
           ),
           /* @__PURE__ */ a("span", { children: "Processing Payment..." })
-        ] }) : /* @__PURE__ */ a("span", { children: c || `Pay ${x(r)} USDC` })
+        ] }) : /* @__PURE__ */ a("span", { children: c || `Pay ${h(r)} USDC` })
       }
     );
   }
 );
-te.displayName = "PaymentButton";
-const Qr = Ue(
+ae.displayName = "PaymentButton";
+const et = 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: {
@@ -2574,10 +2574,10 @@ const Qr = Ue(
     }
   }
 );
-function Ve({ className: r, variant: n, ...t }) {
-  return /* @__PURE__ */ a("div", { className: d(Qr({ variant: n }), r), ...t });
+function Ke({ className: r, variant: n, ...t }) {
+  return /* @__PURE__ */ a("div", { className: d(et({ variant: n }), r), ...t });
 }
-const Ke = ({
+const We = ({
   wallet: r,
   balance: n,
   network: t,
@@ -2587,9 +2587,9 @@ const Ke = ({
   className: u,
   style: c
 }) => {
-  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(
+  var x;
+  const e = ((x = r == null ? void 0 : r.publicKey) == null ? void 0 : x.toString()) || (r == null ? void 0 : r.address), p = (g) => `${g.slice(0, 4)}...${g.slice(-4)}`, h = () => t === "solana" ? "Mainnet" : "Devnet";
+  return !r || !e ? /* @__PURE__ */ a(oe, { className: d("border-dashed", u), style: c, children: /* @__PURE__ */ a(se, { className: "p-4 text-center text-muted-foreground", children: /* @__PURE__ */ a("p", { className: "text-sm", children: "No wallet connected" }) }) }) : /* @__PURE__ */ a(
     "div",
     {
       className: d(
@@ -2620,7 +2620,7 @@ const Ke = ({
                     "text-sm font-mono",
                     l === "light" || l === "solana-light" ? "text-black" : "text-white"
                   ),
-                  children: f(e)
+                  children: p(e)
                 }
               )
             ] })
@@ -2647,11 +2647,11 @@ const Ke = ({
         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,
+            Ke,
             {
               variant: "outline",
               className: "text-xs border-slate-300 text-slate-700",
-              children: x()
+              children: h()
             }
           )
         ] })
@@ -2659,8 +2659,8 @@ const Ke = ({
     }
   );
 };
-Ke.displayName = "WalletSection";
-function et(r, n, t) {
+We.displayName = "WalletSection";
+function rt(r, n, t) {
   const o = Buffer.from(r.serialize()).toString("base64"), i = {
     x402Version: t,
     scheme: n.scheme,
@@ -2671,133 +2671,133 @@ function et(r, n, t) {
   };
   return Buffer.from(JSON.stringify(i)).toString("base64");
 }
-function rt(r) {
+function tt(r) {
   if (r === "solana")
     return "https://api.mainnet-beta.solana.com";
   if (r === "solana-devnet")
     return "https://api.devnet.solana.com";
   throw new Error(`Unexpected network: ${r}`);
 }
-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;
+async function nt(r, n, t, o) {
+  var E, I, L;
+  const i = new De(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 u = new W(l), c = ((L = r == null ? void 0 : r.publicKey) == null ? void 0 : L.toString()) || (r == null ? void 0 : r.address);
+  const u = new H(l), c = ((I = r == null ? void 0 : r.publicKey) == null ? void 0 : I.toString()) || (r == null ? void 0 : r.address);
   if (!c)
     throw new Error("Missing connected Solana wallet address or publicKey");
-  const e = new W(c);
+  const e = new H(c);
   if (!(t != null && t.payTo))
     throw new Error("Missing payTo in payment requirements");
-  const f = new W(t.payTo), x = [];
-  if (x.push(
-    Ne.setComputeUnitLimit({
+  const p = new H(t.payTo), h = [];
+  if (h.push(
+    Ce.setComputeUnitLimit({
       units: 4e4
       // Sufficient for SPL token transfer + ATA creation
     })
-  ), x.push(
-    Ne.setComputeUnitPrice({
+  ), h.push(
+    Ce.setComputeUnitPrice({
       microLamports: 1
       // Minimal price
     })
   ), !t.asset)
     throw new Error("Missing token mint for SPL transfer");
-  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,
+  const x = new H(t.asset), g = await i.getAccountInfo(x, "confirmed"), s = ((L = g == null ? void 0 : g.owner) == null ? void 0 : L.toBase58()) === Fe.toBase58() ? Fe : sr, A = await ir(i, x, void 0, s), k = await ue(
+    x,
     e,
     !1,
-    y
-  ), w = await ce(
-    g,
-    f,
+    s
+  ), m = await ue(
+    x,
+    p,
     !1,
-    y
+    s
   );
-  if (!await i.getAccountInfo(m, "confirmed"))
+  if (!await i.getAccountInfo(k, "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 i.getAccountInfo(w, "confirmed")) {
-    const z = new W(
+  if (!await i.getAccountInfo(m, "confirmed")) {
+    const R = new H(
       "ATokenGPvbdGVxr1b2hvZbsiqW5xWH25efTNsLJA8knL"
-    ), v = new Qe({
+    ), y = new er({
       keys: [
         { 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: er.programId, isSigner: !1, isWritable: !1 },
-        { pubkey: y, isSigner: !1, isWritable: !1 }
+        { pubkey: m, isSigner: !1, isWritable: !0 },
+        { pubkey: p, isSigner: !1, isWritable: !1 },
+        { pubkey: x, isSigner: !1, isWritable: !1 },
+        { pubkey: rr.programId, isSigner: !1, isWritable: !1 },
+        { pubkey: s, isSigner: !1, isWritable: !1 }
       ],
-      programId: z,
+      programId: R,
       data: Buffer.from([0])
       // CreateATA discriminator
     });
-    x.push(v);
+    h.push(y);
   }
-  const k = BigInt(t.maxAmountRequired);
-  x.push(
-    ir(
+  const T = BigInt(t.maxAmountRequired);
+  h.push(
+    lr(
+      k,
+      x,
       m,
-      g,
-      w,
       e,
-      k,
-      F.decimals,
+      T,
+      A.decimals,
       [],
-      y
+      s
     )
   );
-  const { blockhash: p } = await i.getLatestBlockhash("confirmed"), D = new rr({
+  const { blockhash: v } = await i.getLatestBlockhash("confirmed"), f = new tr({
     payerKey: u,
-    recentBlockhash: p,
-    instructions: x
-  }).compileToV0Message(), I = new tr(D);
+    recentBlockhash: v,
+    instructions: h
+  }).compileToV0Message(), z = new nr(f);
   if (typeof (r == null ? void 0 : r.signTransaction) != "function")
     throw new Error("Connected wallet does not support signTransaction");
-  const P = await r.signTransaction(I);
-  return et(
-    P,
+  const D = await r.signTransaction(z);
+  return rt(
+    D,
     t,
     n
   );
 }
-function nt(r, n, t, o = BigInt(0)) {
+function at(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")
+    const c = await u.json(), e = c.x402Version, p = c.accepts || [], h = p.find(
+      (s) => s.scheme === "exact" && (s.network === "solana-devnet" || s.network === "solana")
     );
-    if (!x)
+    if (!h)
       throw console.error(
         "❌ No suitable Solana payment requirements found. Available networks:",
-        f.map((y) => y.network)
+        p.map((s) => s.network)
       ), new Error("No suitable Solana payment requirements found");
-    if (o > BigInt(0) && BigInt(x.maxAmountRequired) > o)
+    if (o > BigInt(0) && BigInt(h.maxAmountRequired) > o)
       throw new Error("Payment amount exceeds maximum allowed");
-    const g = await tt(
+    const x = await nt(
       n,
       e,
-      x,
+      h,
       t
-    ), s = {
+    ), g = {
       ...l,
       headers: {
         ...(l == null ? void 0 : l.headers) || {},
-        "X-PAYMENT": g,
+        "X-PAYMENT": x,
         "Access-Control-Expose-Headers": "X-PAYMENT-RESPONSE"
       }
     };
-    return await r(i, s);
+    return await r(i, g);
   };
 }
-var at = class {
+var ot = class {
   constructor(r) {
-    ke(this, "paymentFetch");
-    const n = r.rpcUrl || rt(r.network);
-    this.paymentFetch = nt(
+    ve(this, "paymentFetch");
+    const n = r.rpcUrl || tt(r.network);
+    this.paymentFetch = at(
       fetch.bind(window),
       r.wallet,
       n,
@@ -2811,67 +2811,67 @@ var at = class {
     return this.paymentFetch(r, n);
   }
 };
-function ot(r) {
-  return new at(r);
-}
 function st(r) {
-  const [n, t] = X("idle"), [o, i] = X(null), [l, u] = X(null), [c, e] = X(!1), f = ve(() => {
+  return new ot(r);
+}
+function it(r) {
+  const [n, t] = J("idle"), [o, i] = J(null), [l, u] = J(null), [c, e] = J(!1), p = ye(() => {
     t("idle"), i(null), u(null), e(!1);
   }, []);
   return {
-    pay: ve(
-      async (g, s) => {
-        var y;
+    pay: ye(
+      async (x, g) => {
+        var s;
         try {
-          if (e(!0), t("pending"), i(null), r.maxPaymentAmount && g > r.maxPaymentAmount)
+          if (e(!0), t("pending"), i(null), r.maxPaymentAmount && x > r.maxPaymentAmount)
             throw new Error(
-              `Payment amount ${g} exceeds maximum allowed ${r.maxPaymentAmount}`
+              `Payment amount ${x} exceeds maximum allowed ${r.maxPaymentAmount}`
             );
-          const F = ((y = r.wallet.publicKey) == null ? void 0 : y.toString()) || r.wallet.address;
-          if (!F)
+          const A = ((s = r.wallet.publicKey) == null ? void 0 : s.toString()) || r.wallet.address;
+          if (!A)
             throw new Error("Wallet not connected");
-          const m = ot({
+          const k = st({
             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;
+          }), m = "https://x402.payai.network/api/solana/paid-content", N = r.apiEndpoint || m;
           console.log("Initiating x402 payment:", {
             endpoint: N,
-            isDemo: N === w,
-            amount: g,
-            description: s,
-            wallet: F,
+            isDemo: N === m,
+            amount: x,
+            description: g,
+            wallet: A,
             network: r.network
           });
-          const k = await m.fetch(N, {
+          const T = await k.fetch(N, {
             method: "POST",
             headers: {
               "Content-Type": "application/json"
             },
             body: JSON.stringify({
-              message: s,
-              amount: g
+              message: g,
+              amount: x
             })
           });
-          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)
+          if (!T.ok)
+            throw new Error(`Payment request failed: ${T.statusText}`);
+          let v;
+          const f = T.headers.get("content-type");
+          f && f.includes("application/json") ? v = await T.json() : v = { content: await T.text() }, console.log("Payment successful:", v);
+          const z = T.headers.get("X-PAYMENT-RESPONSE");
+          let D = `tx_${Date.now()}`;
+          if (z)
             try {
-              const E = JSON.parse(atob(I));
-              P = E.transactionId || E.signature || P, console.log("Payment details:", E);
+              const E = JSON.parse(atob(z));
+              D = E.transactionId || E.signature || D, console.log("Payment details:", E);
             } catch (E) {
               console.warn("Could not decode payment response:", E);
             }
-          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;
+          return u(D), t("success"), e(!1), D;
+        } catch (A) {
+          const k = A instanceof Error ? A : new Error("Payment failed");
+          return i(k), t("error"), e(!1), null;
         }
       },
       [r]
@@ -2880,10 +2880,10 @@ function st(r) {
     status: n,
     error: o,
     transactionId: l,
-    reset: f
+    reset: p
   };
 }
-const Pe = ({
+const je = ({
   amount: r,
   description: n,
   wallet: t,
@@ -2893,51 +2893,60 @@ const Pe = ({
   treasuryAddress: u,
   facilitatorUrl: c,
   theme: e = "solana-light",
-  showPaymentDetails: f = !0,
+  logoUrl: p = "https://raw.githubusercontent.com/PayAINetwork/x402-solana-react/main/src/components/ui/SolanaLogo.svg",
+  showPaymentDetails: h = !0,
   onDisconnect: x,
   classNames: g,
   customStyles: s,
-  maxPaymentAmount: y,
+  maxPaymentAmount: A,
   // enablePaymentCaching = false, // TODO: Implement in future
   // autoRetry = false, // TODO: Implement in future
-  onPaymentStart: F,
+  onPaymentStart: k,
   onPaymentSuccess: m,
-  onPaymentError: w,
-  onWalletConnect: N,
+  onPaymentError: N,
+  onWalletConnect: M,
   children: 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,
+  var he, we, me;
+  const v = Ye(), f = ce(() => t || {
+    publicKey: v.publicKey ? { toString: () => v.publicKey.toString() } : void 0,
+    signTransaction: v.signTransaction
+  }, [t, v.publicKey, v.signTransaction]), [z, D] = J(!1), [E, I] = J("0.00"), L = He(null), R = o === "solana" ? "Mainnet" : "Devnet", { pay: y, isLoading: W, status: _, error: P, transactionId: U, reset: te } = it({
+    wallet: f,
     network: o,
     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}`), () => {
+    maxPaymentAmount: A
+  }), q = () => {
+    x ? x() : !t && v.disconnect && v.disconnect();
+  }, O = t ? !!(t.publicKey || t.address) : !!(v.connected || v.publicKey);
+  ne(() => (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);
+  }), [e]), ne(() => {
+    var $, X;
+    const S = (($ = v.publicKey) == null ? void 0 : $.toString()) || ((X = t == null ? void 0 : t.publicKey) == null ? void 0 : X.toString()) || (t == null ? void 0 : t.address);
+    S && v.connected && (console.log("Wallet connected:", S), M == null || M(S), ur(S, o, i).then(I)), !v.connected && !t && I("0.00");
+  }, [
+    v.publicKey,
+    v.connected,
+    v.connecting,
+    t,
+    o,
+    i,
+    M
+  ]), ne(() => {
+    _ === "success" && U && (D(!0), m == null || m(U));
+  }, [_, U, m]), ne(() => {
+    P && (N == null || N(P));
+  }, [P, N]);
+  const Q = async () => {
+    k == null || k(), await y(r, n);
   };
-  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 = (() => {
+  if (z)
+    return /* @__PURE__ */ a(le, { children: T });
+  const j = P && (e === "dark" || e === "solana-dark" || e === "light" || e === "solana-light" || e === "seeker" || e === "seeker-2"), B = (() => {
     switch (e) {
       case "solana-dark":
         return {
@@ -3041,8 +3050,8 @@ const Pe = ({
         };
     }
   })();
-  if (!ee) {
-    const R = (() => {
+  if (!O) {
+    const $ = (() => {
       switch (e) {
         case "solana-dark":
           return {
@@ -3123,7 +3132,7 @@ const Pe = ({
       {
         className: d(
           "flex items-center justify-center min-h-screen p-4",
-          R.container,
+          $.container,
           g == null ? void 0 : g.container
         ),
         style: e === "dark" ? {
@@ -3140,11 +3149,11 @@ const Pe = ({
           ...s == null ? void 0 : s.container
         } : s == null ? void 0 : s.container,
         children: /* @__PURE__ */ b(
-          ne,
+          oe,
           {
             className: d(
               "w-full max-w-lg shadow-2xl border-0",
-              R.card,
+              $.card,
               g == null ? void 0 : g.card
             ),
             style: e === "seeker" ? { backgroundColor: "#171719", ...s == null ? void 0 : s.card } : e === "seeker-2" ? {
@@ -3153,19 +3162,19 @@ const Pe = ({
               ...s == null ? void 0 : s.card
             } : s == null ? void 0 : s.card,
             children: [
-              /* @__PURE__ */ b(be, { className: "pb-6", children: [
+              /* @__PURE__ */ b(ge, { 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",
+                      src: p,
+                      alt: "Logo",
                       className: "w-12 h-auto"
                     }
                   ) }) }),
                   /* @__PURE__ */ b("div", { children: [
                     /* @__PURE__ */ a(
-                      ge,
+                      pe,
                       {
                         className: d(
                           "text-l fw-bold pb-1",
@@ -3176,7 +3185,7 @@ const Pe = ({
                       }
                     ),
                     /* @__PURE__ */ a(
-                      pe,
+                      fe,
                       {
                         className: d(
                           "text-sm font-light",
@@ -3225,11 +3234,11 @@ const Pe = ({
                   )
                 ] })
               ] }),
-              /* @__PURE__ */ b(ae, { className: "space-y-6", children: [
+              /* @__PURE__ */ b(se, { className: "space-y-6", children: [
                 /* @__PURE__ */ b(
                   "div",
                   {
-                    className: d("p-6", R.paymentDetails),
+                    className: d("p-6", $.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: [
@@ -3342,22 +3351,37 @@ const Pe = ({
                       ]
                     }
                   ),
-                  /* @__PURE__ */ a("span", { className: d("text-sm", R.securityMessage), children: "Secure payment powered by Solana" })
+                  /* @__PURE__ */ a(
+                    "span",
+                    {
+                      className: d("text-sm", $.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,
+                    "div",
+                    {
+                      ref: L,
+                      className: "absolute opacity-0 pointer-events-none -z-10",
+                      children: /* @__PURE__ */ a(qe, {})
+                    }
+                  ),
+                  /* @__PURE__ */ a(
+                    ae,
                     {
                       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();
+                        var ke;
+                        const X = (ke = L.current) == null ? void 0 : ke.querySelector(
+                          "button"
+                        );
+                        X == null || X.click();
                       },
-                      className: d("w-full h-12", R.button),
+                      className: d("w-full h-12", $.button),
                       style: e === "dark" ? {
                         backgroundColor: "#FFFFFF1F",
                         boxShadow: "0 1px 0 0 rgba(255, 255, 255, 0.3) inset"
@@ -3368,7 +3392,7 @@ const Pe = ({
                     }
                   )
                 ] }),
-                /* @__PURE__ */ a("div", { className: "text-center", children: /* @__PURE__ */ b("p", { className: d("text-sm", R.helperText), children: [
+                /* @__PURE__ */ a("div", { className: "text-center", children: /* @__PURE__ */ b("p", { className: d("text-sm", $.helperText), children: [
                   "Don't have USDC?",
                   " ",
                   /* @__PURE__ */ b("a", { href: "#", className: "font-medium text-[#4ADE80] underline", children: [
@@ -3403,7 +3427,7 @@ const Pe = ({
     {
       className: d(
         "flex items-center justify-center min-h-screen p-4",
-        M.container,
+        B.container,
         g == null ? void 0 : g.container
       ),
       style: e === "dark" ? {
@@ -3420,11 +3444,11 @@ const Pe = ({
         ...s == null ? void 0 : s.container
       } : s == null ? void 0 : s.container,
       children: /* @__PURE__ */ b(
-        ne,
+        oe,
         {
           className: d(
             "w-full max-w-lg shadow-2xl border-0",
-            M.card,
+            B.card,
             g == null ? void 0 : g.card
           ),
           style: e === "seeker" ? {
@@ -3436,23 +3460,23 @@ const Pe = ({
             ...s == null ? void 0 : s.card
           } : s == null ? void 0 : s.card,
           children: [
-            /* @__PURE__ */ b(be, { className: "pb-6", children: [
+            /* @__PURE__ */ b(ge, { 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",
+                    src: p,
+                    alt: "Logo",
                     className: "w-12 h-auto"
                   }
                 ) }) }),
                 /* @__PURE__ */ b("div", { children: [
                   /* @__PURE__ */ a(
-                    ge,
+                    pe,
                     {
                       className: d(
                         "text-l fw-bold pb-1",
-                        M.title,
+                        B.title,
                         g == null ? void 0 : g.text
                       ),
                       style: s == null ? void 0 : s.text,
@@ -3460,7 +3484,7 @@ const Pe = ({
                     }
                   ),
                   /* @__PURE__ */ a(
-                    pe,
+                    fe,
                     {
                       className: d(
                         "text-sm font-light",
@@ -3481,7 +3505,7 @@ const Pe = ({
                   style: e === "seeker" ? { borderBottom: "1px solid #FFFFFF1F" } : e === "seeker-2" ? { borderBottom: "1px solid #FFFFFF1F" } : void 0
                 }
               ),
-              !G && /* @__PURE__ */ b("div", { className: "text-center", children: [
+              !j && /* @__PURE__ */ b("div", { className: "text-center", children: [
                 /* @__PURE__ */ a(
                   "h2",
                   {
@@ -3504,7 +3528,7 @@ const Pe = ({
                 )
               ] })
             ] }),
-            /* @__PURE__ */ a(ae, { className: "space-y-6", children: G ? /* @__PURE__ */ b(ie, { children: [
+            /* @__PURE__ */ a(se, { className: "space-y-6", children: j ? /* @__PURE__ */ b(le, { 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",
                 {
@@ -3523,115 +3547,208 @@ const Pe = ({
                   )
                 }
               ) }) }),
-              /* @__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: [
-                    "$",
-                    r.toFixed(2)
-                  ] })
-                ] }),
-                /* @__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" })
-                ] }),
-                /* @__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: [
-                    "$",
-                    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",
+              /* @__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: "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" })
+                  ),
+                  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: (P == null ? void 0 : P.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: [
+                            "$",
+                            r.toFixed(2)
+                          ]
+                        }
+                      )
+                    ] }),
+                    /* @__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: (he = f == null ? void 0 : f.publicKey) != null && he.toString() ? `${f.publicKey.toString().slice(0, 6)}...${f.publicKey.toString().slice(-4)}` : f != null && f.address ? `${f.address.slice(
+                            0,
+                            6
+                          )}...${f.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" || 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: [
+                            "$",
+                            E
+                          ]
+                        }
+                      )
+                    ] }),
+                    /* @__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: R
+                          }
+                        )
+                      ] })
+                    ] })
                   ] })
-                ] })
-              ] }) }),
-              /* @__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",
+                }
+              ),
+              /* @__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",
                       {
-                        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"
+                        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."
                       }
                     )
-                  }
-                ) }) }),
-                /* @__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." })
-              ] }),
+                  ]
+                }
+              ),
               /* @__PURE__ */ a(
-                te,
+                ae,
                 {
                   amount: r,
                   description: n,
                   onClick: () => {
-                    Q(), O();
+                    te(), Q();
                   },
-                  loading: z,
-                  disabled: z || !(p != null && p.publicKey),
+                  loading: W,
+                  disabled: W || !(f != null && f.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",
@@ -3653,54 +3770,69 @@ const Pe = ({
                   customText: "Try Again"
                 }
               ),
-              /* @__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"
+              /* @__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__ */ b(
+                      "span",
+                      {
+                        className: d(
+                          e === "dark" || e === "solana-dark" || e === "seeker" || e === "seeker-2" ? "text-gray-400" : "text-slate-600"
+                        ),
+                        children: [
+                          "Don't have USDC?",
+                          " "
+                        ]
+                      }
                     ),
-                    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",
+                    /* @__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",
                             {
-                              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"
+                              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__ */ b(le, { children: [
               /* @__PURE__ */ a(
-                Ke,
+                We,
                 {
-                  wallet: p,
-                  onDisconnect: _,
+                  wallet: f,
+                  onDisconnect: q,
                   theme: e,
                   className: d(
                     "mb-4",
@@ -3709,10 +3841,10 @@ const Pe = ({
                   style: e === "dark" || e === "solana-dark" ? { boxShadow: "0px 0px 16px 4px #000000 inset" } : void 0
                 }
               ),
-              f && (e === "seeker" || e === "seeker-2" ? /* @__PURE__ */ b(
+              h && (e === "seeker" || e === "seeker-2" ? /* @__PURE__ */ b(
                 "div",
                 {
-                  className: d("p-6", M.paymentDetails),
+                  className: d("p-6", B.paymentDetails),
                   style: {
                     backgroundColor: "rgba(0, 0, 0, 0.12)"
                   },
@@ -3738,13 +3870,16 @@ const Pe = ({
                     /* @__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__ */ a("div", { className: "text-sm text-white", children: (we = f == null ? void 0 : f.publicKey) != null && we.toString() ? `${f.publicKey.toString().slice(0, 6)}...${f.publicKey.toString().slice(-4)}` : f != null && f.address ? `${f.address.slice(
+                          0,
+                          6
+                        )}...${f.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
+                          E
                         ] })
                       ] }),
                       /* @__PURE__ */ b("div", { className: "flex items-center justify-between", children: [
@@ -3761,7 +3896,7 @@ const Pe = ({
                               style: { backgroundColor: "#95D2E6" }
                             }
                           ),
-                          /* @__PURE__ */ a("span", { className: "text-sm text-white", children: "Solana" })
+                          /* @__PURE__ */ a("span", { className: "text-sm text-white", children: R })
                         ] })
                       ] })
                     ] })
@@ -3770,7 +3905,7 @@ const Pe = ({
               ) : /* @__PURE__ */ b(
                 "div",
                 {
-                  className: d("p-6", M.paymentDetails),
+                  className: d("p-6", B.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: [
@@ -3826,7 +3961,10 @@ const Pe = ({
                               "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"
+                            children: (me = f == null ? void 0 : f.publicKey) != null && me.toString() ? `${f.publicKey.toString().slice(0, 6)}...${f.publicKey.toString().slice(-4)}` : f != null && f.address ? `${f.address.slice(
+                              0,
+                              6
+                            )}...${f.address.slice(-4)}` : "Not connected"
                           }
                         )
                       ] }),
@@ -3850,7 +3988,7 @@ const Pe = ({
                             ),
                             children: [
                               "$",
-                              P
+                              E
                             ]
                           }
                         )
@@ -3892,7 +4030,10 @@ const Pe = ({
                           /* @__PURE__ */ a(
                             "div",
                             {
-                              className: d("w-2 h-2 rounded-full", "bg-green-500")
+                              className: d(
+                                "w-2 h-2 rounded-full",
+                                "bg-green-500"
+                              )
                             }
                           ),
                           /* @__PURE__ */ a(
@@ -3902,7 +4043,7 @@ const Pe = ({
                                 "text-sm",
                                 e === "dark" || e === "solana-dark" ? "text-white" : "text-slate-900"
                               ),
-                              children: "Solana"
+                              children: R
                             }
                           )
                         ] })
@@ -3936,23 +4077,23 @@ const Pe = ({
                 /* @__PURE__ */ a(
                   "span",
                   {
-                    className: d("text-sm", M.securityMessage),
+                    className: d("text-sm", B.securityMessage),
                     style: e === "seeker" ? { color: "#FFFFFF66" } : e === "seeker-2" ? { color: "#FFFFFF66" } : void 0,
                     children: "Secure payment powered by Solana"
                   }
                 )
               ] }),
               /* @__PURE__ */ a(
-                te,
+                ae,
                 {
                   amount: r,
                   description: n,
-                  onClick: O,
-                  loading: z,
-                  disabled: z || !(p != null && p.publicKey),
+                  onClick: Q,
+                  loading: W,
+                  disabled: W || !(f != null && f.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,
+                    e === "dark" || e === "solana-dark" ? e === "dark" ? "bg-[#FFFFFF1F] rounded-full" : "bg-solana-gradient rounded-full" : B.button,
                     g == null ? void 0 : g.button
                   ),
                   style: e === "dark" ? {
@@ -3970,23 +4111,29 @@ const Pe = ({
                   } : s == null ? void 0 : s.button
                 }
               ),
-              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: [
+              P && /* @__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:" }),
                 " ",
-                j.message
+                P.message
               ] }) }),
-              /* @__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__ */ a("div", { className: "text-center", children: /* @__PURE__ */ b("p", { className: d("text-sm", B.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]"
+                      e === "seeker" || e === "seeker-2" ? "text-[#4ADE80]" : B.helperLink || "text-[#4ADE80]"
                     ),
                     style: e === "seeker" ? { color: "#4ADE80" } : e === "seeker-2" ? { color: "#4ADE80" } : void 0,
                     children: [
@@ -4020,30 +4167,23 @@ const Pe = ({
       )
     }
   );
-}, it = ({
+}, lt = ({
   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 });
+  const i = n ?? (o.network === "solana" ? Ne.Mainnet : Ne.Devnet), l = ce(
+    () => t || o.rpcUrl || ar(i),
+    [t, o.rpcUrl, i]
+  ), u = ce(
+    () => [new Qe(), new Se()],
+    []
+  );
+  return r ? /* @__PURE__ */ a(Xe, { endpoint: l, children: /* @__PURE__ */ a(Je, { wallets: u, autoConnect: !0, children: /* @__PURE__ */ a(Ze, { children: /* @__PURE__ */ a(je, { ...o }) }) }) }) : /* @__PURE__ */ a(je, { ...o });
 };
-it.displayName = "X402Paywall";
-const lt = ({
+lt.displayName = "X402Paywall";
+const dt = ({
   status: r,
   message: n,
   progress: t,
@@ -4062,13 +4202,13 @@ const lt = ({
         return {
           label: "Connecting",
           color: "bg-blue-100 text-blue-800",
-          icon: /* @__PURE__ */ a(oe, { size: "sm", variant: "default" })
+          icon: /* @__PURE__ */ a(ie, { size: "sm", variant: "default" })
         };
       case "pending":
         return {
           label: "Processing",
           color: "bg-yellow-100 text-yellow-800",
-          icon: /* @__PURE__ */ a(oe, { size: "sm", variant: "solana" })
+          icon: /* @__PURE__ */ a(ie, { size: "sm", variant: "solana" })
         };
       case "success":
         return {
@@ -4126,7 +4266,7 @@ const lt = ({
   })();
   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: [
+      /* @__PURE__ */ b(Ke, { className: d("flex items-center gap-1.5", u.color), children: [
         u.icon,
         /* @__PURE__ */ a("span", { children: u.label })
       ] }),
@@ -4141,21 +4281,21 @@ const lt = ({
     ) })
   ] });
 };
-lt.displayName = "PaymentStatus";
+dt.displayName = "PaymentStatus";
 export {
-  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,
+  Ke as Badge,
+  Ve as Button,
+  oe as Card,
+  se as CardContent,
+  fe as CardDescription,
+  ge as CardHeader,
+  pe as CardTitle,
+  ae as PaymentButton,
+  dt as PaymentStatus,
+  ie as Spinner,
+  We as WalletSection,
+  lt as X402Paywall,
   d as cn,
-  st as useX402Payment
+  it as useX402Payment
 };
 //# sourceMappingURL=index.mjs.map