@sudobility/email-components 2.0.2 → 2.0.4

package/dist/index.esm.js

@@ -1,10 +1,10 @@
 import { jsx as N, jsxs as H } from "react/jsx-runtime";
-import { cn as j, Label as Or, useLayout as Nr } from "@sudobility/components";
-import * as h from "react";
-import { useRef as _r, useState as Pr, useEffect as Cr } from "react";
-import { ChevronRightIcon as wr, ChevronUpIcon as Ir, ChevronDownIcon as Mr } from "@heroicons/react/24/outline";
+import { cn as j, Label as Or } from "@sudobility/components";
+import * as y from "react";
+import { useRef as Nr, useState as _r, useEffect as Pr } from "react";
+import { ChevronRightIcon as Cr, ChevronUpIcon as wr, ChevronDownIcon as Ir } from "@heroicons/react/24/outline";
 import { textVariants as nr } from "@sudobility/design";
-const Ka = ({
+const za = ({
   className: e,
   children: t,
   disabled: r
@@ -23,7 +23,7 @@ const Ka = ({
     "aria-label": "SubscriberList",
     children: t || "SubscriberList Component"
   }
-), Za = ({
+), Ka = ({
   className: e,
   children: t,
   disabled: r
@@ -42,7 +42,7 @@ const Ka = ({
     "aria-label": "AbTestEmail",
     children: t || "AbTestEmail Component"
   }
-), Ja = ({
+), Za = ({
   className: e,
   children: t,
   disabled: r
@@ -63,13 +63,13 @@ const Ka = ({
   }
 );
 var Q = {}, x = {}, Oe = {}, rt;
-function Lr() {
+function Mr() {
   return rt || (rt = 1, Object.defineProperty(Oe, "__esModule", { value: !0 })), Oe;
 }
 var Ne = {}, P = {}, nt;
-function jr() {
+function Lr() {
   if (nt) return P;
-  nt = 1, Object.defineProperty(P, "__esModule", { value: !0 }), P.isIndexerErrorResponse = e, P.isIndexerSuccessResponse = t, P.isAddressValidationResponse = r, P.isEmailAccountsResponse = a, P.isRewardsResponse = i, P.isDelegatedToResponse = n, P.isDelegatedFromResponse = u, P.isNonceResponse = l, P.isEntitlementResponse = f, P.isSignInMessageResponse = d, P.isPointsResponse = c, P.isLeaderboardResponse = s, P.isSiteStatsResponse = g, P.isTemplateResponse = y, P.isTemplateListResponse = S, P.isTemplateDeleteResponse = R, P.isWebhookResponse = b, P.isWebhookListResponse = p, P.isWebhookDeleteResponse = A, P.isReferralCodeResponse = E, P.isReferralStatsResponse = T, P.isAuthenticationStatusResponse = _, P.isBlockStatusResponse = k, P.isNameServiceResponse = m, P.isNameResolutionResponse = le;
+  nt = 1, Object.defineProperty(P, "__esModule", { value: !0 }), P.isIndexerErrorResponse = e, P.isIndexerSuccessResponse = t, P.isAddressValidationResponse = r, P.isEmailAccountsResponse = a, P.isRewardsResponse = i, P.isDelegatedToResponse = n, P.isDelegatedFromResponse = u, P.isNonceResponse = l, P.isEntitlementResponse = f, P.isSignInMessageResponse = s, P.isPointsResponse = c, P.isLeaderboardResponse = d, P.isSiteStatsResponse = g, P.isTemplateResponse = E, P.isTemplateListResponse = S, P.isTemplateDeleteResponse = R, P.isWebhookResponse = b, P.isWebhookListResponse = A, P.isWebhookDeleteResponse = p, P.isReferralCodeResponse = h, P.isReferralStatsResponse = T, P.isAuthenticationStatusResponse = _, P.isBlockStatusResponse = k, P.isNameServiceResponse = m, P.isNameResolutionResponse = le;
   function e(o) {
     return !!(o && typeof o == "object" && "error" in o && "success" in o && !o.success);
   }
@@ -97,19 +97,19 @@ function jr() {
   function f(o) {
     return !!(o && typeof o == "object" && "success" in o && "data" in o && o.data && typeof o.data == "object" && "entitlement" in o.data && "verified" in o.data);
   }
-  function d(o) {
+  function s(o) {
     return !!(o && typeof o == "object" && "success" in o && "data" in o && o.data && typeof o.data == "object" && "message" in o.data && "walletAddress" in o.data);
   }
   function c(o) {
     return !!(o && typeof o == "object" && "success" in o && "data" in o && o.data && typeof o.data == "object" && "pointsEarned" in o.data && "walletAddress" in o.data);
   }
-  function s(o) {
+  function d(o) {
     return !!(o && typeof o == "object" && "success" in o && "data" in o && o.data && typeof o.data == "object" && "leaderboard" in o.data);
   }
   function g(o) {
     return !!(o && typeof o == "object" && "success" in o && "data" in o && o.data && typeof o.data == "object" && "totalPoints" in o.data);
   }
-  function y(o) {
+  function E(o) {
     return !!(o && typeof o == "object" && "success" in o && "data" in o && o.data && typeof o.data == "object" && "template" in o.data && "verified" in o.data && o.data.template && typeof o.data.template == "object" && "id" in o.data.template && "name" in o.data.template && "subject" in o.data.template && "body" in o.data.template);
   }
   function S(o) {
@@ -121,13 +121,13 @@ function jr() {
   function b(o) {
     return !!(o && typeof o == "object" && "success" in o && "data" in o && o.data && typeof o.data == "object" && "webhook" in o.data && "verified" in o.data && o.data.webhook && typeof o.data.webhook == "object" && "id" in o.data.webhook && "webhookUrl" in o.data.webhook);
   }
-  function p(o) {
+  function A(o) {
     return !!(o && typeof o == "object" && "success" in o && "data" in o && o.data && typeof o.data == "object" && "webhooks" in o.data && "total" in o.data && "hasMore" in o.data && "verified" in o.data && Array.isArray(o.data.webhooks));
   }
-  function A(o) {
+  function p(o) {
     return !!(o && typeof o == "object" && "success" in o && "data" in o && o.data && typeof o.data == "object" && "message" in o.data && "verified" in o.data);
   }
-  function E(o) {
+  function h(o) {
     return !!(o && typeof o == "object" && "success" in o && "data" in o && o.data && typeof o.data == "object" && "walletAddress" in o.data && "referralCode" in o.data && "createdAt" in o.data);
   }
   function T(o) {
@@ -148,10 +148,10 @@ function jr() {
   return P;
 }
 var at;
-function Dr() {
+function jr() {
   return at || (at = 1, (function(e) {
     Object.defineProperty(e, "__esModule", { value: !0 }), e.isIndexerSuccessResponse = e.isIndexerErrorResponse = e.isWebhookDeleteResponse = e.isWebhookListResponse = e.isWebhookResponse = e.isTemplateDeleteResponse = e.isTemplateListResponse = e.isTemplateResponse = e.isNameResolutionResponse = e.isNameServiceResponse = e.isBlockStatusResponse = e.isAuthenticationStatusResponse = e.isReferralStatsResponse = e.isReferralCodeResponse = e.isSiteStatsResponse = e.isLeaderboardResponse = e.isPointsResponse = e.isSignInMessageResponse = e.isEntitlementResponse = e.isNonceResponse = e.isDelegatedFromResponse = e.isDelegatedToResponse = e.isRewardsResponse = e.isEmailAccountsResponse = e.isAddressValidationResponse = void 0;
-    var t = jr();
+    var t = Lr();
     Object.defineProperty(e, "isAddressValidationResponse", { enumerable: !0, get: function() {
       return t.isAddressValidationResponse;
     } }), Object.defineProperty(e, "isEmailAccountsResponse", { enumerable: !0, get: function() {
@@ -299,26 +299,26 @@ function ue() {
   (function(m) {
     m.LEFT = "left", m.RIGHT = "right";
   })(f || (v.MediumView = f = {}));
-  var d;
+  var s;
   (function(m) {
     m.OPEN = "open", m.REPLY = "reply", m.FORWARD = "forward", m.DELETE = "delete", m.STAR = "star", m.UNSTAR = "unstar", m.MARK_READ = "mark_read", m.MARK_UNREAD = "mark_unread";
-  })(d || (v.EmailAction = d = {}));
+  })(s || (v.EmailAction = s = {}));
   var c;
   (function(m) {
     m.VIEW = "view", m.PURCHASE = "purchase", m.CANCEL = "cancel", m.RESTORE = "restore";
   })(c || (v.SubscriptionAction = c = {}));
-  var s;
+  var d;
   (function(m) {
     m.IDLE = "idle", m.LOADING = "loading", m.SUCCESS = "success", m.ERROR = "error";
-  })(s || (v.RequestStatus = s = {}));
+  })(d || (v.RequestStatus = d = {}));
   var g;
   (function(m) {
     m.INFO = "info", m.SUCCESS = "success", m.WARNING = "warning", m.ERROR = "error";
   })(g || (v.NotificationType = g = {}));
-  var y;
+  var E;
   (function(m) {
     m.DIRECT = "direct", m.ENS = "ens", m.SNS = "sns", m.CUSTOM = "custom";
-  })(y || (v.EmailAddressType = y = {}));
+  })(E || (v.EmailAddressType = E = {}));
   var S;
   (function(m) {
     m.ASC = "asc", m.DESC = "desc";
@@ -331,18 +331,18 @@ function ue() {
   (function(m) {
     m.UNKNOWN = "unknown", m.NONE = "none", m.WIFI = "wifi", m.CELLULAR_2G = "2g", m.CELLULAR_3G = "3g", m.CELLULAR_4G = "4g", m.CELLULAR_5G = "5g", m.ETHERNET = "ethernet";
   })(b || (v.ConnectionType = b = {}));
-  var p;
+  var A;
   (function(m) {
     m.UNKNOWN = "unknown", m.DISCONNECTED = "disconnected", m.CONNECTING = "connecting", m.CONNECTED = "connected", m.RECONNECTING = "reconnecting", m.VERIFIED = "verified", m.LIMITED = "limited", m.ERROR = "error";
-  })(p || (v.ConnectionState = p = {}));
-  var A;
+  })(A || (v.ConnectionState = A = {}));
+  var p;
   (function(m) {
     m.WEB = "web", m.REACT_NATIVE = "react_native", m.DESKTOP = "desktop";
-  })(A || (v.PlatformType = A = {}));
-  var E;
+  })(p || (v.PlatformType = p = {}));
+  var h;
   (function(m) {
     m.VALID = "valid", m.INVALID = "invalid", m.PENDING = "pending", m.UNKNOWN = "unknown";
-  })(E || (v.EmailValidationState = E = {}));
+  })(h || (v.EmailValidationState = h = {}));
   var T;
   (function(m) {
     m.AI_SEARCH = "ai_search", m.SMART_COMPOSE = "smart_compose", m.ADVANCED_FILTERS = "advanced_filters", m.DARK_MODE = "dark_mode", m.NOTIFICATIONS = "notifications", m.ANALYTICS = "analytics";
@@ -357,7 +357,7 @@ function ue() {
   })(k || (v.Currency = k = {})), v;
 }
 var Pe = {}, ot;
-function kr() {
+function Dr() {
   return ot || (ot = 1, (function(e) {
     Object.defineProperty(e, "__esModule", { value: !0 }), e.getWalletConnectionState = e.isWalletVerified = e.isWalletConnected = void 0;
     const t = ue(), r = (n) => n != null && !!n.walletAddress;
@@ -369,7 +369,7 @@ function kr() {
   })(Pe)), Pe;
 }
 var lt;
-function Ur() {
+function kr() {
   return lt || (lt = 1, (function(e) {
     Object.defineProperty(e, "__esModule", { value: !0 }), e.isWalletVerified = e.isWalletConnected = e.getWalletConnectionState = e.Theme = e.SubscriptionAction = e.SortOrder = e.RequestStatus = e.PlatformType = e.NotificationType = e.MobileView = e.MediumView = e.FontSize = e.FeatureFlag = e.ErrorType = e.EmailValidationState = e.EmailSortCriteria = e.EmailFolderUtils = e.EmailComposeType = e.EmailAddressType = e.EmailAction = e.Currency = e.ConnectionType = e.ConnectionState = e.ChainType = e.Chain = e.AuthStatus = void 0;
     var t = ue();
@@ -420,7 +420,7 @@ function Ur() {
     } }), Object.defineProperty(e, "Theme", { enumerable: !0, get: function() {
       return t.Theme;
     } });
-    var r = kr();
+    var r = Dr();
     Object.defineProperty(e, "getWalletConnectionState", { enumerable: !0, get: function() {
       return r.getWalletConnectionState;
     } }), Object.defineProperty(e, "isWalletConnected", { enumerable: !0, get: function() {
@@ -487,27 +487,27 @@ function Ye() {
 var $ = {}, W = {}, st;
 function ir() {
   if (st) return W;
-  st = 1, Object.defineProperty(W, "__esModule", { value: !0 }), W.AddressType = void 0, W.isENSName = a, W.isSNSName = i, W.getAddressType = n, W.isValidWalletAddress = u, W.isValidSignature = l, W.parseEmailAddress = f, W.formatWalletAddress = d, W.getChainDisplayName = c;
+  st = 1, Object.defineProperty(W, "__esModule", { value: !0 }), W.AddressType = void 0, W.isENSName = a, W.isSNSName = i, W.getAddressType = n, W.isValidWalletAddress = u, W.isValidSignature = l, W.parseEmailAddress = f, W.formatWalletAddress = s, W.getChainDisplayName = c;
   const e = ue(), t = Ye();
   var r;
-  (function(s) {
-    s.EVMAddress = "EVMAddress", s.SolanaAddress = "SolanaAddress", s.ENSName = "ENSName", s.SNSName = "SNSName";
+  (function(d) {
+    d.EVMAddress = "EVMAddress", d.SolanaAddress = "SolanaAddress", d.ENSName = "ENSName", d.SNSName = "SNSName";
   })(r || (W.AddressType = r = {}));
-  function a(s) {
-    const g = s.toLowerCase();
+  function a(d) {
+    const g = d.toLowerCase();
     if (!g.endsWith(".eth") && !g.endsWith(".box"))
       return !1;
-    const y = (g.endsWith(".eth"), g.slice(0, -4));
-    if (y.length === 0)
+    const E = (g.endsWith(".eth"), g.slice(0, -4));
+    if (E.length === 0)
       return !1;
-    const S = y.split("."), R = /^[a-z0-9]([a-z0-9-]*[a-z0-9])?$/;
+    const S = E.split("."), R = /^[a-z0-9]([a-z0-9-]*[a-z0-9])?$/;
     for (const b of S)
       if (b.length === 0 || !R.test(b) || b.includes("--"))
         return !1;
     return !0;
   }
-  function i(s) {
-    const g = s.toLowerCase(), S = [
+  function i(d) {
+    const g = d.toLowerCase(), S = [
       ".sol",
       ".abc",
       ".bonk",
@@ -516,81 +516,81 @@ function ir() {
       ".dao",
       ".defi",
       ".web3"
-    ].find((A) => g.endsWith(A));
+    ].find((p) => g.endsWith(p));
     if (!S)
       return !1;
     const R = g.slice(0, -S.length);
     if (R.length === 0)
       return !1;
-    const b = R.split("."), p = /^[a-z0-9]([a-z0-9-]*[a-z0-9])?$/;
-    for (const A of b)
-      if (A.length === 0 || !p.test(A) || A.includes("--"))
+    const b = R.split("."), A = /^[a-z0-9]([a-z0-9-]*[a-z0-9])?$/;
+    for (const p of b)
+      if (p.length === 0 || !A.test(p) || p.includes("--"))
         return !1;
     return !0;
   }
-  function n(s, g = void 0) {
-    if ((0, t.isEvmAddress)(s))
+  function n(d, g = void 0) {
+    if ((0, t.isEvmAddress)(d))
       return r.EVMAddress;
-    if ((0, t.isSolanaAddress)(s))
+    if ((0, t.isSolanaAddress)(d))
       return r.SolanaAddress;
-    if (g && s.includes(".")) {
+    if (g && d.includes(".")) {
       if (g === r.EVMAddress)
         return r.ENSName;
       if (g === r.SolanaAddress)
         return r.SNSName;
     }
   }
-  function u(s, g) {
-    if (!s || typeof s != "string")
+  function u(d, g) {
+    if (!d || typeof d != "string")
       return !1;
-    const y = n(s);
+    const E = n(d);
     switch (g) {
       case e.ChainType.EVM:
-        return y === r.EVMAddress || y === r.ENSName;
+        return E === r.EVMAddress || E === r.ENSName;
       case e.ChainType.SOLANA:
-        return y === r.SolanaAddress || y === r.SNSName;
+        return E === r.SolanaAddress || E === r.SNSName;
       default:
-        return !!y;
+        return !!E;
     }
   }
-  function l(s, g) {
-    if (!s || typeof s != "string")
+  function l(d, g) {
+    if (!d || typeof d != "string")
       return !1;
     switch (g) {
       case e.ChainType.EVM:
-        return /^0x[a-fA-F0-9]{130}$/.test(s);
+        return /^0x[a-fA-F0-9]{130}$/.test(d);
       case e.ChainType.SOLANA:
-        return /^[1-9A-HJ-NP-Za-km-z]{87,88}$/.test(s);
+        return /^[1-9A-HJ-NP-Za-km-z]{87,88}$/.test(d);
       default:
-        return s.length > 50;
+        return d.length > 50;
     }
   }
-  function f(s) {
-    if (!s || typeof s != "string")
+  function f(d) {
+    if (!d || typeof d != "string")
       return;
-    const g = s.split("@");
+    const g = d.split("@");
     if (g.length !== 2)
       return;
-    const [y, S] = g;
-    if (!y || !S)
+    const [E, S] = g;
+    if (!E || !S)
       return;
-    const R = n(y);
+    const R = n(E);
     return {
-      address: y,
+      address: E,
       domain: S,
       type: R
     };
   }
-  function d(s) {
-    if (!s || s.length < 10)
-      return s;
-    const g = n(s);
-    return (g === r.ENSName || g === r.SNSName) && s.length <= 20 ? s : `${s.slice(0, 6)}...${s.slice(-4)}`;
+  function s(d) {
+    if (!d || d.length < 10)
+      return d;
+    const g = n(d);
+    return (g === r.ENSName || g === r.SNSName) && d.length <= 20 ? d : `${d.slice(0, 6)}...${d.slice(-4)}`;
   }
-  function c(s) {
-    if (!s)
+  function c(d) {
+    if (!d)
       return "Unknown Chain";
-    switch (s) {
+    switch (d) {
       case e.ChainType.EVM:
         return "EVM Chain";
       case e.ChainType.SOLANA:
@@ -602,7 +602,7 @@ function ir() {
   return W;
 }
 var dt;
-function Wr() {
+function Ur() {
   if (dt) return $;
   dt = 1, Object.defineProperty($, "__esModule", { value: !0 }), $.validateDomain = t, $.validateMessage = r, $.validateAddress = a, $.validateAmount = i;
   const e = ir();
@@ -660,7 +660,7 @@ function Wr() {
   return $;
 }
 var ft;
-function Vr() {
+function Wr() {
   return ft || (ft = 1, (function(e) {
     Object.defineProperty(e, "__esModule", { value: !0 }), e.validateMessage = e.validateDomain = e.validateAmount = e.validateAddress = e.isSolanaRecipient = e.isSolanaAddress = e.isEvmRecipient = e.isEvmAddress = e.TransactionStatus = e.PROTOCOL_CONSTANTS = e.MessageType = void 0;
     var t = Ye();
@@ -679,7 +679,7 @@ function Vr() {
     } }), Object.defineProperty(e, "isSolanaRecipient", { enumerable: !0, get: function() {
       return t.isSolanaRecipient;
     } });
-    var r = Wr();
+    var r = Ur();
     Object.defineProperty(e, "validateAddress", { enumerable: !0, get: function() {
       return r.validateAddress;
     } }), Object.defineProperty(e, "validateAmount", { enumerable: !0, get: function() {
@@ -692,7 +692,7 @@ function Vr() {
   })(Ce)), Ce;
 }
 var we = {}, de = {}, mt;
-function Fr() {
+function Vr() {
   if (mt) return de;
   mt = 1, Object.defineProperty(de, "__esModule", { value: !0 }), de.StorageType = void 0;
   var e;
@@ -701,17 +701,17 @@ function Fr() {
   })(e || (de.StorageType = e = {})), de;
 }
 var gt;
-function Br() {
+function Fr() {
   return gt || (gt = 1, (function(e) {
     Object.defineProperty(e, "__esModule", { value: !0 }), e.StorageType = void 0;
-    var t = Fr();
+    var t = Vr();
     Object.defineProperty(e, "StorageType", { enumerable: !0, get: function() {
       return t.StorageType;
     } });
   })(we)), we;
 }
 var Ie = {}, ee = {}, bt;
-function qr() {
+function Br() {
   if (bt) return ee;
   bt = 1, Object.defineProperty(ee, "__esModule", { value: !0 }), ee.AnalyticsEventBuilder = ee.AnalyticsEvent = void 0;
   var e;
@@ -837,7 +837,7 @@ function qr() {
   return ee.AnalyticsEventBuilder = t, ee;
 }
 var Me = {}, ht;
-function Hr() {
+function qr() {
   return ht || (ht = 1, (function(e) {
     Object.defineProperty(e, "__esModule", { value: !0 }), e.ProcessedEventName = e.ContractType = e.ChainType = void 0;
     var t = ue();
@@ -855,7 +855,7 @@ function Hr() {
   })(Me)), Me;
 }
 var fe = {}, yt;
-function Gr() {
+function Hr() {
   if (yt) return fe;
   yt = 1, Object.defineProperty(fe, "__esModule", { value: !0 }), fe.NetworkError = void 0;
   class e extends Error {
@@ -866,7 +866,7 @@ function Gr() {
   return fe.NetworkError = e, fe;
 }
 var me = {}, Et;
-function Yr() {
+function Gr() {
   if (Et) return me;
   Et = 1, Object.defineProperty(me, "__esModule", { value: !0 }), me.WalletType = void 0;
   var e;
@@ -875,16 +875,16 @@ function Yr() {
   })(e || (me.WalletType = e = {})), me;
 }
 var St;
-function zr() {
+function Yr() {
   return St || (St = 1, (function(e) {
     Object.defineProperty(e, "__esModule", { value: !0 }), e.WalletType = e.NetworkError = e.ProcessedEventName = e.ContractType = e.ChainType = e.AnalyticsEventBuilder = e.AnalyticsEvent = void 0;
-    var t = qr();
+    var t = Br();
     Object.defineProperty(e, "AnalyticsEvent", { enumerable: !0, get: function() {
       return t.AnalyticsEvent;
     } }), Object.defineProperty(e, "AnalyticsEventBuilder", { enumerable: !0, get: function() {
       return t.AnalyticsEventBuilder;
     } });
-    var r = Hr();
+    var r = qr();
     Object.defineProperty(e, "ChainType", { enumerable: !0, get: function() {
       return r.ChainType;
     } }), Object.defineProperty(e, "ContractType", { enumerable: !0, get: function() {
@@ -892,18 +892,18 @@ function zr() {
     } }), Object.defineProperty(e, "ProcessedEventName", { enumerable: !0, get: function() {
       return r.ProcessedEventName;
     } });
-    var a = Gr();
+    var a = Hr();
     Object.defineProperty(e, "NetworkError", { enumerable: !0, get: function() {
       return a.NetworkError;
     } });
-    var i = Yr();
+    var i = Gr();
     Object.defineProperty(e, "WalletType", { enumerable: !0, get: function() {
       return i.WalletType;
     } });
   })(Ie)), Ie;
 }
 var te = {}, V = {}, pt;
-function Kr() {
+function zr() {
   if (pt) return V;
   pt = 1, Object.defineProperty(V, "__esModule", { value: !0 }), V.FeeType = V.ClaimType = V.ConfirmationStatus = void 0, V.isEVMResponse = i, V.isSolanaResponse = n, V.isMailboxErrorResponse = u;
   const e = ue();
@@ -931,7 +931,7 @@ function Kr() {
   return V;
 }
 var At;
-function Zr() {
+function Kr() {
   return At || (At = 1, (function(e) {
     var t = te && te.__createBinding || (Object.create ? (function(a, i, n, u) {
       u === void 0 && (u = n);
@@ -944,11 +944,11 @@ function Zr() {
     })), r = te && te.__exportStar || function(a, i) {
       for (var n in a) n !== "default" && !Object.prototype.hasOwnProperty.call(i, n) && t(i, a, n);
     };
-    Object.defineProperty(e, "__esModule", { value: !0 }), r(Kr(), e);
+    Object.defineProperty(e, "__esModule", { value: !0 }), r(zr(), e);
   })(te)), te;
 }
 var re = {}, D = {}, Rt;
-function Jr() {
+function Zr() {
   if (Rt) return D;
   Rt = 1, Object.defineProperty(D, "__esModule", { value: !0 }), D.ReviewRejectType = D.ApplicantType = D.SumsubReviewAnswer = D.SumsubReviewStatus = D.KYCApplicationStatus = D.KYCVerificationLevel = void 0;
   var e;
@@ -977,7 +977,7 @@ function Jr() {
   })(n || (D.ReviewRejectType = n = {})), D;
 }
 var vt;
-function Xr() {
+function Jr() {
   return vt || (vt = 1, (function(e) {
     var t = re && re.__createBinding || (Object.create ? (function(a, i, n, u) {
       u === void 0 && (u = n);
@@ -990,13 +990,13 @@ function Xr() {
     })), r = re && re.__exportStar || function(a, i) {
       for (var n in a) n !== "default" && !Object.prototype.hasOwnProperty.call(i, n) && t(i, a, n);
     };
-    Object.defineProperty(e, "__esModule", { value: !0 }), r(Jr(), e);
+    Object.defineProperty(e, "__esModule", { value: !0 }), r(Zr(), e);
   })(re)), re;
 }
 var ne = {}, C = {}, Tt;
-function Qr() {
+function Xr() {
   if (Tt) return C;
-  Tt = 1, Object.defineProperty(C, "__esModule", { value: !0 }), C.isWildduckWebSocketErrorResponse = C.isWildduckDisconnectMessage = C.isWildduckUpdateMessage = C.isWildduckDataMessage = C.isWildduckFetchRequest = C.isWildduckUnsubscribeRequest = C.isWildduckSubscribeRequest = void 0, C.createWildduckSubscribeRequest = l, C.createWildduckUnsubscribeRequest = f, C.createWildduckFetchMessagesRequest = d;
+  Tt = 1, Object.defineProperty(C, "__esModule", { value: !0 }), C.isWildduckWebSocketErrorResponse = C.isWildduckDisconnectMessage = C.isWildduckUpdateMessage = C.isWildduckDataMessage = C.isWildduckFetchRequest = C.isWildduckUnsubscribeRequest = C.isWildduckSubscribeRequest = void 0, C.createWildduckSubscribeRequest = l, C.createWildduckUnsubscribeRequest = f, C.createWildduckFetchMessagesRequest = s;
   const e = (c) => typeof c == "object" && c !== null && "type" in c && c.type === "subscribe" && "channel" in c && "data" in c;
   C.isWildduckSubscribeRequest = e;
   const t = (c) => typeof c == "object" && c !== null && "type" in c && c.type === "unsubscribe" && "channel" in c;
@@ -1011,11 +1011,11 @@ function Qr() {
   C.isWildduckDisconnectMessage = n;
   const u = (c) => typeof c == "object" && c !== null && "success" in c && c.success === !1 && "error" in c && "message" in c;
   C.isWildduckWebSocketErrorResponse = u;
-  function l(c, s) {
+  function l(c, d) {
     return {
       type: "subscribe",
       channel: c,
-      data: s
+      data: d
     };
   }
   function f(c) {
@@ -1025,20 +1025,20 @@ function Qr() {
       data: {}
     };
   }
-  function d(c, s) {
+  function s(c, d) {
     return {
       type: "fetch",
       channel: "messages",
       data: {
         mailboxId: c,
-        ...s && { cursor: s }
+        ...d && { cursor: d }
       }
     };
   }
   return C;
 }
 var Ot;
-function xr() {
+function Qr() {
   return Ot || (Ot = 1, (function(e) {
     var t = ne && ne.__createBinding || (Object.create ? (function(a, i, n, u) {
       u === void 0 && (u = n);
@@ -1051,7 +1051,7 @@ function xr() {
     })), r = ne && ne.__exportStar || function(a, i) {
       for (var n in a) n !== "default" && !Object.prototype.hasOwnProperty.call(i, n) && t(i, a, n);
     };
-    Object.defineProperty(e, "__esModule", { value: !0 }), r(ar(), e), r(Qr(), e);
+    Object.defineProperty(e, "__esModule", { value: !0 }), r(ar(), e), r(Xr(), e);
   })(ne)), ne;
 }
 var Nt;
@@ -1068,11 +1068,11 @@ function _t() {
     })), r = x && x.__exportStar || function(a, i) {
       for (var n in a) n !== "default" && !Object.prototype.hasOwnProperty.call(i, n) && t(i, a, n);
     };
-    Object.defineProperty(e, "__esModule", { value: !0 }), r(Lr(), e), r(Dr(), e), r(Ur(), e), r(Vr(), e), r(Br(), e), r(zr(), e), r(Zr(), e), r(Xr(), e), r(xr(), e);
+    Object.defineProperty(e, "__esModule", { value: !0 }), r(Mr(), e), r(jr(), e), r(kr(), e), r(Wr(), e), r(Fr(), e), r(Yr(), e), r(Kr(), e), r(Jr(), e), r(Qr(), e);
   })(x)), x;
 }
 var ae = {}, Le = {}, ge = {}, Pt;
-function $r() {
+function xr() {
   if (Pt) return ge;
   Pt = 1, Object.defineProperty(ge, "__esModule", { value: !0 }), ge.Web3UsernameValidator = void 0;
   const e = ue();
@@ -1167,12 +1167,12 @@ function $r() {
   ], ge;
 }
 var je = {}, Ct;
-function en() {
+function $r() {
   return Ct || (Ct = 1, (function(e) {
     Object.defineProperty(e, "__esModule", { value: !0 }), e.parseJson = e.createAssertion = e.isUrl = e.isEmail = e.isValidDate = e.isErrorResponse = e.isSuccessResponse = e.isApiResponse = e.optional = e.validateArray = e.hasRequiredProperties = e.isNullish = e.isArray = e.isObject = e.isBoolean = e.isNumber = e.isString = e.createValidator = void 0;
-    const t = (E, T) => (_) => {
+    const t = (h, T) => (_) => {
       try {
-        return E(_) ? { isValid: !0, data: _ } : { isValid: !1, error: `Invalid ${T}`, data: null };
+        return h(_) ? { isValid: !0, data: _ } : { isValid: !1, error: `Invalid ${T}`, data: null };
       } catch (k) {
         return {
           isValid: !1,
@@ -1182,57 +1182,57 @@ function en() {
       }
     };
     e.createValidator = t;
-    const r = (E) => typeof E == "string";
+    const r = (h) => typeof h == "string";
     e.isString = r;
-    const a = (E) => typeof E == "number" && !isNaN(E);
+    const a = (h) => typeof h == "number" && !isNaN(h);
     e.isNumber = a;
-    const i = (E) => typeof E == "boolean";
+    const i = (h) => typeof h == "boolean";
     e.isBoolean = i;
-    const n = (E) => typeof E == "object" && E !== null && !Array.isArray(E);
+    const n = (h) => typeof h == "object" && h !== null && !Array.isArray(h);
     e.isObject = n;
-    const u = (E) => Array.isArray(E);
+    const u = (h) => Array.isArray(h);
     e.isArray = u;
-    const l = (E) => E == null;
+    const l = (h) => h == null;
     e.isNullish = l;
-    const f = (E, T) => (0, e.isObject)(E) ? T.every((_) => _ in E) : !1;
+    const f = (h, T) => (0, e.isObject)(h) ? T.every((_) => _ in h) : !1;
     e.hasRequiredProperties = f;
-    const d = (E, T) => (0, e.isArray)(E) ? E.every(T) : !1;
-    e.validateArray = d;
-    const c = (E) => (T) => T === void 0 || E(T);
+    const s = (h, T) => (0, e.isArray)(h) ? h.every(T) : !1;
+    e.validateArray = s;
+    const c = (h) => (T) => T === void 0 || h(T);
     e.optional = c;
-    const s = (E) => (0, e.isObject)(E) && (0, e.isBoolean)(E.success);
-    e.isApiResponse = s;
-    const g = (E, T) => !(0, e.isApiResponse)(E) || !E.success ? !1 : T && "data" in E ? T(E.data) : !0;
+    const d = (h) => (0, e.isObject)(h) && (0, e.isBoolean)(h.success);
+    e.isApiResponse = d;
+    const g = (h, T) => !(0, e.isApiResponse)(h) || !h.success ? !1 : T && "data" in h ? T(h.data) : !0;
     e.isSuccessResponse = g;
-    const y = (E) => (0, e.isApiResponse)(E) && !E.success && "error" in E && (0, e.isString)(E.error);
-    e.isErrorResponse = y;
-    const S = (E) => {
-      if (!(0, e.isString)(E))
+    const E = (h) => (0, e.isApiResponse)(h) && !h.success && "error" in h && (0, e.isString)(h.error);
+    e.isErrorResponse = E;
+    const S = (h) => {
+      if (!(0, e.isString)(h))
         return !1;
-      const T = new Date(E);
+      const T = new Date(h);
       return !isNaN(T.getTime());
     };
     e.isValidDate = S;
-    const R = (E) => (0, e.isString)(E) ? /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(E) : !1;
+    const R = (h) => (0, e.isString)(h) ? /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(h) : !1;
     e.isEmail = R;
-    const b = (E) => {
-      if (!(0, e.isString)(E))
+    const b = (h) => {
+      if (!(0, e.isString)(h))
         return !1;
       try {
-        return new URL(E), !0;
+        return new URL(h), !0;
       } catch {
         return !1;
       }
     };
     e.isUrl = b;
-    const p = (E, T) => (_, k = T) => {
-      if (!E(_))
+    const A = (h, T) => (_, k = T) => {
+      if (!h(_))
         throw new TypeError(`Invalid ${k}: expected ${T}`);
     };
-    e.createAssertion = p;
-    const A = (E, T) => {
+    e.createAssertion = A;
+    const p = (h, T) => {
       try {
-        const _ = JSON.parse(E);
+        const _ = JSON.parse(h);
         return T ? T(_) ? { isValid: !0, data: _ } : {
           isValid: !1,
           error: "Parsed JSON does not match expected type",
@@ -1246,18 +1246,18 @@ function en() {
         };
       }
     };
-    e.parseJson = A;
+    e.parseJson = p;
   })(je)), je;
 }
 var wt;
-function tn() {
+function en() {
   return wt || (wt = 1, (function(e) {
     Object.defineProperty(e, "__esModule", { value: !0 }), e.validateArray = e.parseJson = e.optional = e.isValidDate = e.isUrl = e.isSuccessResponse = e.isString = e.isObject = e.isNumber = e.isNullish = e.isErrorResponse = e.isEmail = e.isBoolean = e.isArray = e.isApiResponse = e.hasRequiredProperties = e.createValidator = e.createAssertion = e.Web3UsernameValidator = void 0;
-    var t = $r();
+    var t = xr();
     Object.defineProperty(e, "Web3UsernameValidator", { enumerable: !0, get: function() {
       return t.Web3UsernameValidator;
     } });
-    var r = en();
+    var r = $r();
     Object.defineProperty(e, "createAssertion", { enumerable: !0, get: function() {
       return r.createAssertion;
     } }), Object.defineProperty(e, "createValidator", { enumerable: !0, get: function() {
@@ -1298,32 +1298,32 @@ function tn() {
   })(Le)), Le;
 }
 var De = {}, F = {}, It;
-function rn() {
+function tn() {
   if (It) return F;
   It = 1, Object.defineProperty(F, "__esModule", { value: !0 }), F.createMultiChainId = e, F.createUserMultiChainId = t, F.createChainStatsId = r, F.createDelegationId = a, F.normalizeAddress = i, F.formatBigInt = n, F.isZeroAddress = u, F.isTestNet = l, F.validateEventArgs = f;
-  function e(d, c, s) {
-    return `${d}-${c}-${s}`;
+  function e(s, c, d) {
+    return `${s}-${c}-${d}`;
   }
-  function t(d, c) {
-    return `${d}-${c.toLowerCase()}`;
+  function t(s, c) {
+    return `${s}-${c.toLowerCase()}`;
   }
-  function r(d) {
-    return `${d}-global`;
+  function r(s) {
+    return `${s}-global`;
   }
-  function a(d, c) {
-    return `${d.toLowerCase()}-${c}`;
+  function a(s, c) {
+    return `${s.toLowerCase()}-${c}`;
   }
-  function i(d) {
-    return d.toLowerCase();
+  function i(s) {
+    return s.toLowerCase();
   }
-  function n(d, c = 18) {
-    const s = BigInt(10 ** c), g = d / s, y = d % s;
-    return y === 0n ? g.toString() : `${g}.${y.toString().padStart(c, "0").replace(/0+$/, "")}`;
+  function n(s, c = 18) {
+    const d = BigInt(10 ** c), g = s / d, E = s % d;
+    return E === 0n ? g.toString() : `${g}.${E.toString().padStart(c, "0").replace(/0+$/, "")}`;
   }
-  function u(d) {
-    return d.toLowerCase() === "0x0000000000000000000000000000000000000000";
+  function u(s) {
+    return s.toLowerCase() === "0x0000000000000000000000000000000000000000";
   }
-  function l(d) {
+  function l(s) {
     const c = /* @__PURE__ */ new Set([
       31337,
       // Hardhat (local development)
@@ -1341,7 +1341,7 @@ function rn() {
       // Base Sepolia (if configured)
       43113
       // Avalanche Fuji (if configured)
-    ]), s = /* @__PURE__ */ new Set([
+    ]), d = /* @__PURE__ */ new Set([
       -102,
       // Solana Devnet
       -103,
@@ -1349,18 +1349,18 @@ function rn() {
       -104
       // Solana Localnet
     ]);
-    return c.has(d) || s.has(d);
+    return c.has(s) || d.has(s);
   }
-  function f(d, c) {
-    for (const s of c)
-      if (d[s] === void 0 || d[s] === null)
-        return console.error(`❌ Missing required field: ${String(s)}`), !1;
+  function f(s, c) {
+    for (const d of c)
+      if (s[d] === void 0 || s[d] === null)
+        return console.error(`❌ Missing required field: ${String(d)}`), !1;
     return !0;
   }
   return F;
 }
 var Mt;
-function nn() {
+function rn() {
   return Mt || (Mt = 1, (function(e) {
     Object.defineProperty(e, "__esModule", { value: !0 }), e.validateEventArgs = e.normalizeAddress = e.isZeroAddress = e.isTestNet = e.formatBigInt = e.createUserMultiChainId = e.createMultiChainId = e.createDelegationId = e.createChainStatsId = e.isSolanaAddress = e.isEvmAddress = e.parseEmailAddress = e.isValidWalletAddress = e.isValidSignature = e.isSNSName = e.isENSName = e.getChainDisplayName = e.getAddressType = e.formatWalletAddress = e.AddressType = void 0;
     var t = ir();
@@ -1389,7 +1389,7 @@ function nn() {
     } }), Object.defineProperty(e, "isSolanaAddress", { enumerable: !0, get: function() {
       return r.isSolanaAddress;
     } });
-    var a = rn();
+    var a = tn();
     Object.defineProperty(e, "createChainStatsId", { enumerable: !0, get: function() {
       return a.createChainStatsId;
     } }), Object.defineProperty(e, "createDelegationId", { enumerable: !0, get: function() {
@@ -1412,21 +1412,21 @@ function nn() {
   })(De)), De;
 }
 var ke = {}, q = {}, Lt;
-function an() {
+function nn() {
   if (Lt) return q;
   Lt = 1, Object.defineProperty(q, "__esModule", { value: !0 }), q.generateAuthMessage = t, q.isAuthExpired = r, q.getAuthStatusText = a, q.canAccessProtectedFeatures = i, q.isAuthStatusConnected = n, q.generateNonce = u, q.extractNonceFromMessage = l, q.isValidNonce = f;
   const e = ue();
-  function t(d, c) {
-    const s = c || `${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
-    return `Authenticate with ${d}
-Nonce: ${s}`;
+  function t(s, c) {
+    const d = c || `${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
+    return `Authenticate with ${s}
+Nonce: ${d}`;
   }
-  function r(d, c = 24) {
-    const s = new Date(d.getTime() + c * 60 * 60 * 1e3);
-    return /* @__PURE__ */ new Date() > s;
+  function r(s, c = 24) {
+    const d = new Date(s.getTime() + c * 60 * 60 * 1e3);
+    return /* @__PURE__ */ new Date() > d;
   }
-  function a(d) {
-    switch (d) {
+  function a(s) {
+    switch (s) {
       case e.AuthStatus.DISCONNECTED:
         return "Not connected";
       case e.AuthStatus.CONNECTED:
@@ -1437,28 +1437,28 @@ Nonce: ${s}`;
         return "Unknown status";
     }
   }
-  function i(d) {
-    return d === e.AuthStatus.VERIFIED;
+  function i(s) {
+    return s === e.AuthStatus.VERIFIED;
   }
-  function n(d) {
-    return d === e.AuthStatus.CONNECTED || d === e.AuthStatus.VERIFIED;
+  function n(s) {
+    return s === e.AuthStatus.CONNECTED || s === e.AuthStatus.VERIFIED;
   }
   function u() {
     return `${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
   }
-  function l(d) {
-    const c = d.match(/Nonce:\s*(.+)$/m);
+  function l(s) {
+    const c = s.match(/Nonce:\s*(.+)$/m);
     return c ? c[1].trim() : void 0;
   }
-  function f(d) {
-    if (!d || typeof d != "string" || d.length < 10)
+  function f(s) {
+    if (!s || typeof s != "string" || s.length < 10)
       return !1;
-    const c = d.split("-");
+    const c = s.split("-");
     if (c.length >= 2) {
-      const s = parseInt(c[0], 10);
-      if (!isNaN(s)) {
+      const d = parseInt(c[0], 10);
+      if (!isNaN(d)) {
         const g = Date.now() - 864e5;
-        if (s < g)
+        if (d < g)
           return !1;
       }
     }
@@ -1467,10 +1467,10 @@ Nonce: ${s}`;
   return q;
 }
 var jt;
-function un() {
+function an() {
   return jt || (jt = 1, (function(e) {
     Object.defineProperty(e, "__esModule", { value: !0 }), e.isValidNonce = e.isAuthStatusConnected = e.isAuthExpired = e.getAuthStatusText = e.generateNonce = e.generateAuthMessage = e.extractNonceFromMessage = e.canAccessProtectedFeatures = void 0;
-    var t = an();
+    var t = nn();
     Object.defineProperty(e, "canAccessProtectedFeatures", { enumerable: !0, get: function() {
       return t.canAccessProtectedFeatures;
     } }), Object.defineProperty(e, "extractNonceFromMessage", { enumerable: !0, get: function() {
@@ -1491,7 +1491,7 @@ function un() {
   })(ke)), ke;
 }
 var Ue = {}, We = {}, Dt;
-function on() {
+function un() {
   return Dt || (Dt = 1, (function(e) {
     Object.defineProperty(e, "__esModule", { value: !0 }), e.CLAIM_PERIOD_DAYS = e.USDC_DECIMALS = void 0, e.formatUSDC = t, e.parseUSDC = r, e.USDC_DECIMALS = 6, e.CLAIM_PERIOD_DAYS = 60;
     function t(a) {
@@ -1503,21 +1503,21 @@ function on() {
   })(We)), We;
 }
 var G = {}, kt;
-function ln() {
+function on() {
   if (kt) return G;
   kt = 1, Object.defineProperty(G, "__esModule", { value: !0 }), G.formatEmailDate = e, G.formatTimestamp = t, G.formatRelativeTime = r, G.parseDate = a, G.isDateInRange = i, G.addDays = n, G.addHours = u;
   function e(l) {
     const f = typeof l == "string" ? new Date(l) : l;
     if (isNaN(f.getTime()))
       return "Invalid date";
-    const d = /* @__PURE__ */ new Date(), c = d.getTime() - f.getTime(), s = Math.floor(c / (1e3 * 60 * 60 * 24));
-    return s === 0 ? f.toLocaleTimeString("en-US", {
+    const s = /* @__PURE__ */ new Date(), c = s.getTime() - f.getTime(), d = Math.floor(c / (1e3 * 60 * 60 * 24));
+    return d === 0 ? f.toLocaleTimeString("en-US", {
       hour: "numeric",
       minute: "2-digit",
       hour12: !0
-    }) : s === 1 ? "Yesterday" : s < 7 ? f.toLocaleDateString("en-US", {
+    }) : d === 1 ? "Yesterday" : d < 7 ? f.toLocaleDateString("en-US", {
       weekday: "long"
-    }) : f.getFullYear() === d.getFullYear() ? f.toLocaleDateString("en-US", {
+    }) : f.getFullYear() === s.getFullYear() ? f.toLocaleDateString("en-US", {
       month: "short",
       day: "numeric"
     }) : f.toLocaleDateString("en-US", {
@@ -1533,8 +1533,8 @@ function ln() {
     const f = typeof l == "string" || typeof l == "number" ? new Date(l) : l;
     if (isNaN(f.getTime()))
       return "Invalid date";
-    const c = (/* @__PURE__ */ new Date()).getTime() - f.getTime(), s = Math.floor(c / 1e3), g = Math.floor(s / 60), y = Math.floor(g / 60), S = Math.floor(y / 24), R = Math.floor(S / 7), b = Math.floor(S / 30), p = Math.floor(S / 365);
-    return s < 60 ? "just now" : g < 60 ? g === 1 ? "1 minute ago" : `${g} minutes ago` : y < 24 ? y === 1 ? "1 hour ago" : `${y} hours ago` : S < 7 ? S === 1 ? "1 day ago" : `${S} days ago` : R < 4 ? R === 1 ? "1 week ago" : `${R} weeks ago` : b < 12 ? b === 1 ? "1 month ago" : `${b} months ago` : p === 1 ? "1 year ago" : `${p} years ago`;
+    const c = (/* @__PURE__ */ new Date()).getTime() - f.getTime(), d = Math.floor(c / 1e3), g = Math.floor(d / 60), E = Math.floor(g / 60), S = Math.floor(E / 24), R = Math.floor(S / 7), b = Math.floor(S / 30), A = Math.floor(S / 365);
+    return d < 60 ? "just now" : g < 60 ? g === 1 ? "1 minute ago" : `${g} minutes ago` : E < 24 ? E === 1 ? "1 hour ago" : `${E} hours ago` : S < 7 ? S === 1 ? "1 day ago" : `${S} days ago` : R < 4 ? R === 1 ? "1 week ago" : `${R} weeks ago` : b < 12 ? b === 1 ? "1 month ago" : `${b} months ago` : A === 1 ? "1 year ago" : `${A} years ago`;
   }
   function a(l) {
     try {
@@ -1544,37 +1544,37 @@ function ln() {
       return null;
     }
   }
-  function i(l, f, d) {
-    return l >= f && l <= d;
+  function i(l, f, s) {
+    return l >= f && l <= s;
   }
   function n(l, f) {
-    const d = new Date(l);
-    return d.setDate(d.getDate() + f), d;
+    const s = new Date(l);
+    return s.setDate(s.getDate() + f), s;
   }
   function u(l, f) {
-    const d = new Date(l);
-    return d.setHours(d.getHours() + f), d;
+    const s = new Date(l);
+    return s.setHours(s.getHours() + f), s;
   }
   return G;
 }
 var w = {}, Ut;
-function cn() {
+function ln() {
   if (Ut) return w;
-  Ut = 1, Object.defineProperty(w, "__esModule", { value: !0 }), w.truncate = e, w.capitalize = t, w.toTitleCase = r, w.toKebabCase = a, w.toCamelCase = i, w.toSnakeCase = n, w.normalizeWhitespace = u, w.isBlank = l, w.isNotBlank = f, w.escapeHtml = d, w.stripHtml = c, w.getInitials = s, w.formatBytes = g, w.randomString = y, w.pluralize = S, w.formatNumber = R;
-  function e(b, p, A = "...") {
-    return !b || b.length <= p ? b : b.slice(0, p - A.length) + A;
+  Ut = 1, Object.defineProperty(w, "__esModule", { value: !0 }), w.truncate = e, w.capitalize = t, w.toTitleCase = r, w.toKebabCase = a, w.toCamelCase = i, w.toSnakeCase = n, w.normalizeWhitespace = u, w.isBlank = l, w.isNotBlank = f, w.escapeHtml = s, w.stripHtml = c, w.getInitials = d, w.formatBytes = g, w.randomString = E, w.pluralize = S, w.formatNumber = R;
+  function e(b, A, p = "...") {
+    return !b || b.length <= A ? b : b.slice(0, A - p.length) + p;
   }
   function t(b) {
     return b && b.charAt(0).toUpperCase() + b.slice(1);
   }
   function r(b) {
-    return b && b.toLowerCase().split(" ").map((p) => t(p)).join(" ");
+    return b && b.toLowerCase().split(" ").map((A) => t(A)).join(" ");
   }
   function a(b) {
     return b && b.replace(/([a-z])([A-Z])/g, "$1-$2").replace(/[\s_]+/g, "-").toLowerCase();
   }
   function i(b) {
-    return b && b.replace(/[-_\s]+(.)?/g, (p, A) => A ? A.toUpperCase() : "").replace(/^./, (p) => p.toLowerCase());
+    return b && b.replace(/[-_\s]+(.)?/g, (A, p) => p ? p.toUpperCase() : "").replace(/^./, (A) => A.toLowerCase());
   }
   function n(b) {
     return b && b.replace(/([a-z])([A-Z])/g, "$1_$2").replace(/[\s-]+/g, "_").toLowerCase();
@@ -1588,55 +1588,55 @@ function cn() {
   function f(b) {
     return !l(b);
   }
-  function d(b) {
+  function s(b) {
     if (!b)
       return b;
-    const p = {
+    const A = {
       "&": "&amp;",
       "<": "&lt;",
       ">": "&gt;",
       '"': "&quot;",
       "'": "&#39;"
     };
-    return b.replace(/[&<>"']/g, (A) => p[A]);
+    return b.replace(/[&<>"']/g, (p) => A[p]);
   }
   function c(b) {
     return b && b.replace(/<[^>]*>/g, "");
   }
-  function s(b, p = 2) {
-    return b ? b.trim().split(/\s+/).slice(0, p).map((T) => T.charAt(0).toUpperCase()).join("") : "";
+  function d(b, A = 2) {
+    return b ? b.trim().split(/\s+/).slice(0, A).map((T) => T.charAt(0).toUpperCase()).join("") : "";
   }
-  function g(b, p = 2) {
+  function g(b, A = 2) {
     if (b === 0)
       return "0 Bytes";
-    const A = 1024, E = p < 0 ? 0 : p, T = ["Bytes", "KB", "MB", "GB", "TB", "PB"], _ = Math.floor(Math.log(b) / Math.log(A));
-    return parseFloat((b / Math.pow(A, _)).toFixed(E)) + " " + T[_];
+    const p = 1024, h = A < 0 ? 0 : A, T = ["Bytes", "KB", "MB", "GB", "TB", "PB"], _ = Math.floor(Math.log(b) / Math.log(p));
+    return parseFloat((b / Math.pow(p, _)).toFixed(h)) + " " + T[_];
   }
-  function y(b, p = "alphanumeric") {
-    let A;
-    switch (p) {
+  function E(b, A = "alphanumeric") {
+    let p;
+    switch (A) {
       case "alpha":
-        A = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ";
+        p = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ";
         break;
       case "numeric":
-        A = "0123456789";
+        p = "0123456789";
         break;
       case "alphanumeric":
-        A = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789";
+        p = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789";
         break;
       case "hex":
-        A = "0123456789abcdef";
+        p = "0123456789abcdef";
         break;
       default:
-        A = p;
+        p = A;
     }
-    let E = "";
+    let h = "";
     for (let T = 0; T < b; T++)
-      E += A.charAt(Math.floor(Math.random() * A.length));
-    return E;
+      h += p.charAt(Math.floor(Math.random() * p.length));
+    return h;
   }
-  function S(b, p, A) {
-    return b === 1 ? p : A || `${p}s`;
+  function S(b, A, p) {
+    return b === 1 ? A : p || `${A}s`;
   }
   function R(b) {
     return b.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
@@ -1644,10 +1644,10 @@ function cn() {
   return w;
 }
 var Wt;
-function sn() {
+function cn() {
   return Wt || (Wt = 1, (function(e) {
     Object.defineProperty(e, "__esModule", { value: !0 }), e.truncate = e.toTitleCase = e.toSnakeCase = e.toKebabCase = e.toCamelCase = e.stripHtml = e.randomString = e.pluralize = e.normalizeWhitespace = e.isNotBlank = e.isBlank = e.getInitials = e.formatNumber = e.formatBytes = e.escapeHtml = e.capitalize = e.parseDate = e.isDateInRange = e.formatTimestamp = e.formatRelativeTime = e.formatEmailDate = e.addHours = e.addDays = e.parseUSDC = e.formatUSDC = e.USDC_DECIMALS = e.CLAIM_PERIOD_DAYS = void 0;
-    var t = on();
+    var t = un();
     Object.defineProperty(e, "CLAIM_PERIOD_DAYS", { enumerable: !0, get: function() {
       return t.CLAIM_PERIOD_DAYS;
     } }), Object.defineProperty(e, "USDC_DECIMALS", { enumerable: !0, get: function() {
@@ -1657,7 +1657,7 @@ function sn() {
     } }), Object.defineProperty(e, "parseUSDC", { enumerable: !0, get: function() {
       return t.parseUSDC;
     } });
-    var r = ln();
+    var r = on();
     Object.defineProperty(e, "addDays", { enumerable: !0, get: function() {
       return r.addDays;
     } }), Object.defineProperty(e, "addHours", { enumerable: !0, get: function() {
@@ -1673,7 +1673,7 @@ function sn() {
     } }), Object.defineProperty(e, "parseDate", { enumerable: !0, get: function() {
       return r.parseDate;
     } });
-    var a = cn();
+    var a = ln();
     Object.defineProperty(e, "capitalize", { enumerable: !0, get: function() {
       return a.capitalize;
     } }), Object.defineProperty(e, "escapeHtml", { enumerable: !0, get: function() {
@@ -1710,7 +1710,7 @@ function sn() {
   })(Ue)), Ue;
 }
 var Ve = {}, O = {}, Vt;
-function dn() {
+function sn() {
   if (Vt) return O;
   Vt = 1, Object.defineProperty(O, "__esModule", { value: !0 }), O.Z_INDEX = O.ANIMATION = O.NETWORK_IDS = O.WALLET_NAMES = O.CONTACT_INFO = O.ROUTES = O.SUCCESS_MESSAGES = O.ERROR_MESSAGES = O.TIME_FORMAT = O.SUBSCRIPTION_TIERS = O.EMAIL_CONFIG = O.STORAGE_KEYS = O.CHAIN_TYPE = O.AUTH_STATUS = O.API_RETRY_DELAY = O.API_RETRY_ATTEMPTS = O.API_TIMEOUT = void 0;
   const e = 3e4;
@@ -1765,7 +1765,7 @@ function dn() {
     RELATIVE: "relative"
   };
   O.TIME_FORMAT = f;
-  const d = {
+  const s = {
     WALLET_NOT_CONNECTED: "Please connect your wallet first",
     INVALID_ADDRESS: "Please enter a valid address",
     NETWORK_ERROR: "Network error. Please try again.",
@@ -1776,7 +1776,7 @@ function dn() {
     SESSION_EXPIRED: "Your session has expired. Please sign in again.",
     PERMISSION_DENIED: "You do not have permission to perform this action"
   };
-  O.ERROR_MESSAGES = d;
+  O.ERROR_MESSAGES = s;
   const c = {
     EMAIL_SENT: "Email sent successfully",
     EMAIL_DELETED: "Email deleted successfully",
@@ -1787,7 +1787,7 @@ function dn() {
     SUBSCRIPTION_ACTIVATED: "Subscription activated successfully"
   };
   O.SUCCESS_MESSAGES = c;
-  const s = {
+  const d = {
     HOME: "/",
     ABOUT: "/about",
     CONNECT: "/connect",
@@ -1800,13 +1800,13 @@ function dn() {
     WEB3_USERS: "/web3-users",
     WEB3_PROJECTS: "/web3-projects"
   };
-  O.ROUTES = s;
+  O.ROUTES = d;
   const g = {
     SUPPORT_EMAIL: "support@sudobility.com",
     CONTACT_EMAIL: "info@sudobility.com"
   };
   O.CONTACT_INFO = g;
-  const y = {
+  const E = {
     METAMASK: "MetaMask",
     WALLETCONNECT: "WalletConnect",
     COINBASE: "Coinbase Wallet",
@@ -1818,7 +1818,7 @@ function dn() {
     LEDGER: "Ledger",
     TREZOR: "Trezor"
   };
-  O.WALLET_NAMES = y;
+  O.WALLET_NAMES = E;
   const S = {
     ETHEREUM_MAINNET: 1,
     POLYGON: 137,
@@ -1847,7 +1847,7 @@ function dn() {
   return O.Z_INDEX = b, O;
 }
 var be = {}, Ft;
-function fn() {
+function dn() {
   return Ft || (Ft = 1, Object.defineProperty(be, "__esModule", { value: !0 }), be.STATUS_VALUES = void 0, be.STATUS_VALUES = {
     SUCCESS: "success",
     PENDING: "pending",
@@ -1856,10 +1856,10 @@ function fn() {
   }), be;
 }
 var Bt;
-function mn() {
+function fn() {
   return Bt || (Bt = 1, (function(e) {
     Object.defineProperty(e, "__esModule", { value: !0 }), e.STATUS_VALUES = e.Z_INDEX = e.ANIMATION = e.NETWORK_IDS = e.WALLET_NAMES = e.CONTACT_INFO = e.ROUTES = e.SUCCESS_MESSAGES = e.ERROR_MESSAGES = e.TIME_FORMAT = e.SUBSCRIPTION_TIERS = e.EMAIL_CONFIG = e.STORAGE_KEYS = e.CHAIN_TYPE = e.AUTH_STATUS = e.API_RETRY_DELAY = e.API_RETRY_ATTEMPTS = e.API_TIMEOUT = void 0;
-    var t = dn();
+    var t = sn();
     Object.defineProperty(e, "API_TIMEOUT", { enumerable: !0, get: function() {
       return t.API_TIMEOUT;
     } }), Object.defineProperty(e, "API_RETRY_ATTEMPTS", { enumerable: !0, get: function() {
@@ -1895,14 +1895,14 @@ function mn() {
     } }), Object.defineProperty(e, "Z_INDEX", { enumerable: !0, get: function() {
       return t.Z_INDEX;
     } });
-    var r = fn();
+    var r = dn();
     Object.defineProperty(e, "STATUS_VALUES", { enumerable: !0, get: function() {
       return r.STATUS_VALUES;
     } });
   })(Ve)), Ve;
 }
 var Fe = {}, I = {}, qt;
-function gn() {
+function mn() {
   if (qt) return I;
   qt = 1, Object.defineProperty(I, "__esModule", { value: !0 }), I.storageLogger = I.ensLogger = I.contractLogger = I.apiLogger = I.authLogger = I.logger = I.LogLevel = void 0;
   var e;
@@ -1916,34 +1916,34 @@ function gn() {
     formatTimestamp() {
       return (/* @__PURE__ */ new Date()).toISOString();
     }
-    formatMessage(d, c, s) {
-      const g = this.formatTimestamp(), y = s ? ` [${s}]` : "";
-      return `[${g}]${y} ${c}`;
+    formatMessage(s, c, d) {
+      const g = this.formatTimestamp(), E = d ? ` [${d}]` : "";
+      return `[${g}]${E} ${c}`;
     }
-    shouldLog(d) {
-      return this.isDevelopment ? !0 : d === e.ERROR || d === e.WARN;
+    shouldLog(s) {
+      return this.isDevelopment ? !0 : s === e.ERROR || s === e.WARN;
     }
-    error(d, c, s) {
-      this.shouldLog(e.ERROR) && (console.error(this.formatMessage(e.ERROR, d, c)), s && console.error(s));
+    error(s, c, d) {
+      this.shouldLog(e.ERROR) && (console.error(this.formatMessage(e.ERROR, s, c)), d && console.error(d));
     }
-    warn(d, c, s) {
-      this.shouldLog(e.WARN) && (console.warn(this.formatMessage(e.WARN, d, c)), s && console.warn(s));
+    warn(s, c, d) {
+      this.shouldLog(e.WARN) && (console.warn(this.formatMessage(e.WARN, s, c)), d && console.warn(d));
     }
-    info(d, c, s) {
-      this.shouldLog(e.INFO) && (console.log(this.formatMessage(e.INFO, d, c)), s && console.log(s));
+    info(s, c, d) {
+      this.shouldLog(e.INFO) && (console.log(this.formatMessage(e.INFO, s, c)), d && console.log(d));
     }
-    debug(d, c, s) {
-      this.shouldLog(e.DEBUG) && (console.log(this.formatMessage(e.DEBUG, d, c)), s && console.log(s));
+    debug(s, c, d) {
+      this.shouldLog(e.DEBUG) && (console.log(this.formatMessage(e.DEBUG, s, c)), d && console.log(d));
     }
     /**
      * Create a contextual logger that automatically includes context in all calls
      */
-    withContext(d) {
+    withContext(s) {
       return {
-        error: (c, s) => this.error(c, d, s),
-        warn: (c, s) => this.warn(c, d, s),
-        info: (c, s) => this.info(c, d, s),
-        debug: (c, s) => this.debug(c, d, s)
+        error: (c, d) => this.error(c, s, d),
+        warn: (c, d) => this.warn(c, s, d),
+        info: (c, d) => this.info(c, s, d),
+        debug: (c, d) => this.debug(c, s, d)
       };
     }
   }
@@ -1964,7 +1964,7 @@ var Ht;
 function ur() {
   return Ht || (Ht = 1, (function(e) {
     Object.defineProperty(e, "__esModule", { value: !0 }), e.storageLogger = e.ensLogger = e.contractLogger = e.apiLogger = e.authLogger = e.logger = e.LogLevel = void 0;
-    var t = gn();
+    var t = mn();
     Object.defineProperty(e, "LogLevel", { enumerable: !0, get: function() {
       return t.LogLevel;
     } }), Object.defineProperty(e, "logger", { enumerable: !0, get: function() {
@@ -1983,7 +1983,7 @@ function ur() {
   })(Fe)), Fe;
 }
 var Be = {}, ie = {}, Gt;
-function bn() {
+function gn() {
   if (Gt) return ie;
   Gt = 1, Object.defineProperty(ie, "__esModule", { value: !0 }), ie.createURLSearchParams = t, ie.createSearchParams = r, ie.searchParamsToString = a, ie.parseSearchParams = i;
   class e {
@@ -2002,8 +2002,8 @@ function bn() {
       const l = u.startsWith("?") ? u.slice(1) : u;
       if (l)
         for (const f of l.split("&")) {
-          const [d, c = ""] = f.split("=");
-          d && this.append(decodeURIComponent(d), decodeURIComponent(c));
+          const [s, c = ""] = f.split("=");
+          s && this.append(decodeURIComponent(s), decodeURIComponent(c));
         }
     }
     append(u, l) {
@@ -2030,14 +2030,14 @@ function bn() {
     toString() {
       const u = [];
       return this.params.forEach((l, f) => {
-        for (const d of l)
-          u.push(`${encodeURIComponent(f)}=${encodeURIComponent(d)}`);
+        for (const s of l)
+          u.push(`${encodeURIComponent(f)}=${encodeURIComponent(s)}`);
       }), u.join("&");
     }
     forEach(u) {
       this.params.forEach((l, f) => {
-        for (const d of l)
-          u(d, f);
+        for (const s of l)
+          u(s, f);
       });
     }
   }
@@ -2055,17 +2055,17 @@ function bn() {
   }
   function i(n) {
     const u = t(n), l = {};
-    return u.forEach((f, d) => {
-      l[d] = f;
+    return u.forEach((f, s) => {
+      l[s] = f;
     }), l;
   }
   return ie;
 }
 var Yt;
-function hn() {
+function bn() {
   return Yt || (Yt = 1, (function(e) {
     Object.defineProperty(e, "__esModule", { value: !0 }), e.parseSearchParams = e.searchParamsToString = e.createSearchParams = e.createURLSearchParams = void 0;
-    var t = bn();
+    var t = gn();
     Object.defineProperty(e, "createURLSearchParams", { enumerable: !0, get: function() {
       return t.createURLSearchParams;
     } }), Object.defineProperty(e, "createSearchParams", { enumerable: !0, get: function() {
@@ -2078,78 +2078,78 @@ function hn() {
   })(Be)), Be;
 }
 var M = {}, zt;
-function yn() {
+function hn() {
   if (zt) return M;
   zt = 1, Object.defineProperty(M, "__esModule", { value: !0 }), M.debounceAsync = M.clearExpiredCache = M.withCache = M.withTimeout = M.safeParallel = M.withLoadingState = M.safeAsync = void 0;
-  const e = ur(), t = async (c, s) => {
+  const e = ur(), t = async (c, d) => {
     try {
       return { data: await c(), success: !0 };
     } catch (g) {
-      const y = g instanceof Error ? g : new Error(String(g));
-      return e.logger.error(`Async operation failed: ${y.message}`, s, g), { error: y, success: !1 };
+      const E = g instanceof Error ? g : new Error(String(g));
+      return e.logger.error(`Async operation failed: ${E.message}`, d, g), { error: E, success: !1 };
     }
   };
   M.safeAsync = t;
-  const r = async (c, s, g, y) => {
-    s(!0), g(null);
+  const r = async (c, d, g, E) => {
+    d(!0), g(null);
     try {
       return await c();
     } catch (S) {
       const R = S instanceof Error ? S.message : String(S);
-      g(R), e.logger.error(`Operation failed: ${R}`, y, S);
+      g(R), e.logger.error(`Operation failed: ${R}`, E, S);
       return;
     } finally {
-      s(!1);
+      d(!1);
     }
   };
   M.withLoadingState = r;
-  const a = async (c, s) => {
+  const a = async (c, d) => {
     try {
-      return { data: await Promise.all(c.map((y) => y())), success: !0 };
+      return { data: await Promise.all(c.map((E) => E())), success: !0 };
     } catch (g) {
-      const y = g instanceof Error ? g : new Error(String(g));
-      return e.logger.error(`Parallel operations failed: ${y.message}`, s, g), { error: y, success: !1 };
+      const E = g instanceof Error ? g : new Error(String(g));
+      return e.logger.error(`Parallel operations failed: ${E.message}`, d, g), { error: E, success: !1 };
     }
   };
   M.safeParallel = a;
-  const i = async (c, s, g) => {
-    const y = new Promise((S, R) => setTimeout(() => R(new Error(`Operation timed out after ${s}ms`)), s));
+  const i = async (c, d, g) => {
+    const E = new Promise((S, R) => setTimeout(() => R(new Error(`Operation timed out after ${d}ms`)), d));
     try {
-      return await Promise.race([c(), y]);
+      return await Promise.race([c(), E]);
     } catch (S) {
       throw e.logger.error("Timeout operation failed", g, S), S;
     }
   };
   M.withTimeout = i;
-  const n = /* @__PURE__ */ new Map(), u = async (c, s, g = 300 * 1e3) => {
-    const y = n.get(c), S = Date.now();
-    if (y && S - y.timestamp < y.ttl)
-      return y.data;
-    const R = await s();
+  const n = /* @__PURE__ */ new Map(), u = async (c, d, g = 300 * 1e3) => {
+    const E = n.get(c), S = Date.now();
+    if (E && S - E.timestamp < E.ttl)
+      return E.data;
+    const R = await d();
     return n.set(c, { data: R, timestamp: S, ttl: g }), R;
   };
   M.withCache = u;
   const l = () => {
     const c = Date.now();
-    for (const [s, g] of n.entries())
-      c - g.timestamp >= g.ttl && n.delete(s);
+    for (const [d, g] of n.entries())
+      c - g.timestamp >= g.ttl && n.delete(d);
   };
   M.clearExpiredCache = l;
-  const f = /* @__PURE__ */ new Map(), d = (c, s, g) => (...y) => new Promise((S) => {
+  const f = /* @__PURE__ */ new Map(), s = (c, d, g) => (...E) => new Promise((S) => {
     const R = f.get(g);
     R && clearTimeout(R);
     const b = setTimeout(async () => {
       f.delete(g);
       try {
-        const p = await c(...y);
-        S(p);
-      } catch (p) {
-        e.logger.error("Debounced operation failed", g, p), S(void 0);
+        const A = await c(...E);
+        S(A);
+      } catch (A) {
+        e.logger.error("Debounced operation failed", g, A), S(void 0);
       }
-    }, s);
+    }, d);
     f.set(g, b);
   });
-  return M.debounceAsync = d, M;
+  return M.debounceAsync = s, M;
 }
 var Kt;
 function Zt() {
@@ -2165,18 +2165,18 @@ function Zt() {
     })), r = ae && ae.__exportStar || function(a, i) {
       for (var n in a) n !== "default" && !Object.prototype.hasOwnProperty.call(i, n) && t(i, a, n);
     };
-    Object.defineProperty(e, "__esModule", { value: !0 }), r(tn(), e), r(nn(), e), r(un(), e), r(sn(), e), r(mn(), e), r(ur(), e), r(hn(), e), r(yn(), e);
+    Object.defineProperty(e, "__esModule", { value: !0 }), r(en(), e), r(rn(), e), r(an(), e), r(cn(), e), r(fn(), e), r(ur(), e), r(bn(), e), r(hn(), e);
   })(ae)), ae;
 }
 var Jt;
-function En() {
+function yn() {
   return Jt || (Jt = 1, (function(e) {
     var t = Q && Q.__createBinding || (Object.create ? (function(n, u, l, f) {
       f === void 0 && (f = l);
-      var d = Object.getOwnPropertyDescriptor(u, l);
-      (!d || ("get" in d ? !u.__esModule : d.writable || d.configurable)) && (d = { enumerable: !0, get: function() {
+      var s = Object.getOwnPropertyDescriptor(u, l);
+      (!s || ("get" in s ? !u.__esModule : s.writable || s.configurable)) && (s = { enumerable: !0, get: function() {
         return u[l];
-      } }), Object.defineProperty(n, f, d);
+      } }), Object.defineProperty(n, f, s);
     }) : (function(n, u, l, f) {
       f === void 0 && (f = l), n[f] = u[l];
     })), r = Q && Q.__exportStar || function(n, u) {
@@ -2255,8 +2255,8 @@ function En() {
     } });
   })(Q)), Q;
 }
-var J = En();
-const Sn = (e) => e ? e.length <= 10 ? e : `${e.slice(0, 6)}...${e.slice(-4)}` : "", or = ({ addressType: e }) => {
+var J = yn();
+const En = (e) => e ? e.length <= 10 ? e : `${e.slice(0, 6)}...${e.slice(-4)}` : "", or = ({ addressType: e }) => {
   const t = () => {
     switch (e) {
       case J.AddressType.EVMAddress:
@@ -2294,84 +2294,90 @@ const Sn = (e) => e ? e.length <= 10 ? e : `${e.slice(0, 6)}...${e.slice(-4)}` :
       children: t()
     }
   );
-}, pn = ({
+}, Sn = ({
   domainEmails: e,
   isExpanded: t,
   selectedAccount: r,
   onAccountSelect: a,
-  onAccountSettings: i
+  onAccountSettings: i,
+  onTrack: n
 }) => {
-  const n = _r(null), [u, l] = Pr(void 0);
-  return Cr(() => {
-    if (n.current) {
-      const f = n.current.scrollHeight;
-      l(t ? f + 8 : 0);
+  const u = Nr(null), [l, f] = _r(void 0);
+  return Pr(() => {
+    if (u.current) {
+      const s = u.current.scrollHeight;
+      f(t ? s + 8 : 0);
     }
   }, [t, e]), /* @__PURE__ */ N(
     "div",
     {
       className: "overflow-hidden transition-all duration-300 ease-in-out",
-      style: { height: u !== void 0 ? `${u}px` : "auto" },
-      children: /* @__PURE__ */ N("div", { ref: n, className: "ml-6 mt-2 space-y-1", children: e.map((f) => /* @__PURE__ */ H(
+      style: { height: l !== void 0 ? `${l}px` : "auto" },
+      children: /* @__PURE__ */ N("div", { ref: u, className: "ml-6 mt-2 space-y-1", children: e.map((s) => /* @__PURE__ */ H(
         "button",
         {
-          onClick: () => a(f.address),
+          onClick: () => {
+            n?.("account_select"), a(s.address);
+          },
           className: j(
             "w-full flex items-center justify-between text-left px-3 py-2 rounded-lg transition-colors h-[44px]",
             nr.body.sm(),
-            r === f.address ? "bg-blue-100 dark:bg-blue-900/30 text-blue-700 dark:text-blue-300" : "hover:bg-gray-100 dark:hover:bg-gray-700"
+            r === s.address ? "bg-blue-100 dark:bg-blue-900/30 text-blue-700 dark:text-blue-300" : "hover:bg-gray-100 dark:hover:bg-gray-700"
           ),
           children: [
-            /* @__PURE__ */ N("span", { className: "truncate flex-1", children: f.name }),
-            /* @__PURE__ */ N(or, { addressType: f.addressType })
+            /* @__PURE__ */ N("span", { className: "truncate flex-1", children: s.name }),
+            /* @__PURE__ */ N(or, { addressType: s.addressType })
           ]
         },
-        f.address
+        s.address
       )) })
     }
   );
-}, Xa = ({
+}, Ja = ({
   walletGroups: e,
   selectedAccount: t,
   expandedWallets: r,
   onAccountSelect: a,
   onToggleWallet: i,
   onAccountSettings: n,
-  className: u = ""
-}) => /* @__PURE__ */ N("nav", { className: j("space-y-1", u), children: e.map((l) => /* @__PURE__ */ H("div", { children: [
+  className: u = "",
+  onTrack: l
+}) => /* @__PURE__ */ N("nav", { className: j("space-y-1", u), children: e.map((f) => /* @__PURE__ */ H("div", { children: [
   /* @__PURE__ */ H(
     "button",
     {
-      onClick: () => a(l.primaryEmail.address),
+      onClick: () => {
+        l?.("primary_account_select"), a(f.primaryEmail.address);
+      },
       className: j(
         "w-full flex items-center justify-between text-left px-3 py-2 rounded-lg transition-colors h-[44px]",
         nr.body.sm(),
-        t === l.primaryEmail.address && l.domainEmails.length === 0 ? "bg-blue-100 dark:bg-blue-900/30 text-blue-700 dark:text-blue-300" : "hover:bg-gray-100 dark:hover:bg-gray-700"
+        t === f.primaryEmail.address && f.domainEmails.length === 0 ? "bg-blue-100 dark:bg-blue-900/30 text-blue-700 dark:text-blue-300" : "hover:bg-gray-100 dark:hover:bg-gray-700"
       ),
-      style: l.customColor ? { backgroundColor: l.customColor } : void 0,
+      style: f.customColor ? { backgroundColor: f.customColor } : void 0,
       children: [
         /* @__PURE__ */ H("div", { className: "flex items-center flex-1 min-w-0", children: [
-          /* @__PURE__ */ N("span", { className: "truncate flex-1", children: Sn(l.walletAddress) }),
-          /* @__PURE__ */ N(or, { addressType: l.primaryEmail.addressType })
+          /* @__PURE__ */ N("span", { className: "truncate flex-1", children: En(f.walletAddress) }),
+          /* @__PURE__ */ N(or, { addressType: f.primaryEmail.addressType })
         ] }),
-        l.domainEmails.length > 0 && /* @__PURE__ */ N(
+        f.domainEmails.length > 0 && /* @__PURE__ */ N(
           "div",
           {
-            onClick: (f) => {
-              f.stopPropagation(), i(l.walletAddress);
+            onClick: (s) => {
+              s.stopPropagation(), l?.("toggle_wallet"), i(f.walletAddress);
             },
             className: "p-1 rounded-lg hover:bg-gray-200 dark:hover:bg-gray-600 transition-colors cursor-pointer",
             role: "button",
             tabIndex: 0,
-            onKeyDown: (f) => {
-              (f.key === "Enter" || f.key === " ") && (f.preventDefault(), f.stopPropagation(), i(l.walletAddress));
+            onKeyDown: (s) => {
+              (s.key === "Enter" || s.key === " ") && (s.preventDefault(), s.stopPropagation(), l?.("toggle_wallet"), i(f.walletAddress));
             },
             children: /* @__PURE__ */ N(
-              wr,
+              Cr,
               {
                 className: j(
                   "h-4 w-4 text-gray-500 transition-transform duration-300 ease-in-out",
-                  r.includes(l.walletAddress) ? "rotate-90" : "rotate-0"
+                  r.includes(f.walletAddress) ? "rotate-90" : "rotate-0"
                 )
               }
             )
@@ -2380,17 +2386,18 @@ const Sn = (e) => e ? e.length <= 10 ? e : `${e.slice(0, 6)}...${e.slice(-4)}` :
       ]
     }
   ),
-  l.domainEmails.length > 0 && /* @__PURE__ */ N(
-    pn,
+  f.domainEmails.length > 0 && /* @__PURE__ */ N(
+    Sn,
     {
-      domainEmails: l.domainEmails,
-      isExpanded: r.includes(l.walletAddress),
+      domainEmails: f.domainEmails,
+      isExpanded: r.includes(f.walletAddress),
       selectedAccount: t,
       onAccountSelect: a,
-      onAccountSettings: n
+      onAccountSettings: n,
+      onTrack: l
     }
   )
-] }, l.walletAddress)) }), Qa = ({
+] }, f.walletAddress)) }), Xa = ({
   className: e,
   children: t,
   disabled: r
@@ -2409,7 +2416,7 @@ const Sn = (e) => e ? e.length <= 10 ? e : `${e.slice(0, 6)}...${e.slice(-4)}` :
     "aria-label": "EmailAnalytics",
     children: t || "EmailAnalytics Component"
   }
-), xa = ({
+), Qa = ({
   className: e,
   children: t,
   disabled: r
@@ -2471,22 +2478,27 @@ const Sn = (e) => e ? e.length <= 10 ? e : `${e.slice(0, 6)}...${e.slice(-4)}` :
   onToggle: t,
   showLabel: r,
   hideLabel: a,
-  ...i
+  onTrack: i,
+  trackingLabel: n,
+  componentName: u = "CollapsibleEmailField",
+  ...l
 }) => /* @__PURE__ */ H("div", { children: [
   /* @__PURE__ */ H(
     "button",
     {
       type: "button",
-      onClick: t,
+      onClick: () => {
+        i?.({ action: "toggle", trackingLabel: n, componentName: u }), t();
+      },
       className: "flex items-center text-sm text-blue-600 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-300 mb-2",
       children: [
-        e ? /* @__PURE__ */ N(Ir, { className: "h-4 w-4 mr-1" }) : /* @__PURE__ */ N(Mr, { className: "h-4 w-4 mr-1" }),
+        e ? /* @__PURE__ */ N(wr, { className: "h-4 w-4 mr-1" }) : /* @__PURE__ */ N(Ir, { className: "h-4 w-4 mr-1" }),
         e ? a : r
       ]
     }
   ),
-  e && /* @__PURE__ */ N(lr, { ...i })
-] }), $a = ({
+  e && /* @__PURE__ */ N(lr, { ...l })
+] }), xa = ({
   to: e,
   onToChange: t,
   cc: r = "",
@@ -2496,13 +2508,16 @@ const Sn = (e) => e ? e.length <= 10 ? e : `${e.slice(0, 6)}...${e.slice(-4)}` :
   showCc: u = !1,
   showBcc: l = !1,
   onToggleCc: f,
-  onToggleBcc: d,
+  onToggleBcc: s,
   errors: c = {},
-  className: s = "",
+  className: d = "",
   labels: g = {},
-  placeholders: y = {}
+  placeholders: E = {},
+  onTrack: S,
+  trackingLabel: R,
+  componentName: b = "EmailInputGroup"
 }) => {
-  const S = {
+  const A = {
     to: "To",
     cc: "CC",
     bcc: "BCC",
@@ -2510,19 +2525,19 @@ const Sn = (e) => e ? e.length <= 10 ? e : `${e.slice(0, 6)}...${e.slice(-4)}` :
     removeCc: "Remove CC",
     addBcc: "Add BCC",
     removeBcc: "Remove BCC"
-  }, R = {
+  }, p = {
     to: "recipient@example.com",
     cc: "cc@example.com",
     bcc: "bcc@example.com"
-  }, b = { ...S, ...g }, p = { ...R, ...y };
-  return /* @__PURE__ */ H("div", { className: `space-y-4 ${s}`, children: [
+  }, h = { ...A, ...g }, T = { ...p, ...E };
+  return /* @__PURE__ */ H("div", { className: `space-y-4 ${d}`, children: [
     /* @__PURE__ */ N(
       lr,
       {
-        label: b.to,
+        label: h.to,
         value: e,
         onChange: t,
-        placeholder: p.to,
+        placeholder: T.to,
         required: !0,
         error: c.to
       }
@@ -2530,55 +2545,65 @@ const Sn = (e) => e ? e.length <= 10 ? e : `${e.slice(0, 6)}...${e.slice(-4)}` :
     f && a && /* @__PURE__ */ N(
       Xt,
       {
-        label: b.cc,
+        label: h.cc,
         value: r,
         onChange: a,
-        placeholder: p.cc,
+        placeholder: T.cc,
         error: c.cc,
         isVisible: u,
         onToggle: f,
-        showLabel: b.addCc,
-        hideLabel: b.removeCc
+        showLabel: h.addCc,
+        hideLabel: h.removeCc,
+        onTrack: S,
+        trackingLabel: R
       }
     ),
-    d && n && /* @__PURE__ */ N(
+    s && n && /* @__PURE__ */ N(
       Xt,
       {
-        label: b.bcc,
+        label: h.bcc,
         value: i,
         onChange: n,
-        placeholder: p.bcc,
+        placeholder: T.bcc,
         error: c.bcc,
         isVisible: l,
-        onToggle: d,
-        showLabel: b.addBcc,
-        hideLabel: b.removeBcc
+        onToggle: s,
+        showLabel: h.addBcc,
+        hideLabel: h.removeBcc,
+        onTrack: S,
+        trackingLabel: R
       }
     )
   ] });
-}, ei = ({
+}, $a = ({
   className: e,
   children: t,
   disabled: r = !1,
-  onClick: a
-}) => /* @__PURE__ */ N(
-  "div",
-  {
-    className: j(
-      "p-4 rounded-lg border transition-colors",
-      "bg-white dark:bg-gray-900",
-      "border-gray-200 dark:border-gray-700",
-      "text-gray-900 dark:text-white",
-      r && "opacity-50 cursor-not-allowed",
-      "hover:bg-gray-50 dark:hover:bg-gray-800",
-      e
-    ),
-    onClick: r ? void 0 : a,
-    role: "region",
-    "aria-label": "UemailUtemplate",
-    children: t || "UemailUtemplate Component"
-  }
-);
+  onClick: a,
+  onTrack: i
+}) => {
+  const n = () => {
+    r || (i?.("click"), a?.());
+  };
+  return /* @__PURE__ */ N(
+    "div",
+    {
+      className: j(
+        "p-4 rounded-lg border transition-colors",
+        "bg-white dark:bg-gray-900",
+        "border-gray-200 dark:border-gray-700",
+        "text-gray-900 dark:text-white",
+        r && "opacity-50 cursor-not-allowed",
+        "hover:bg-gray-50 dark:hover:bg-gray-800",
+        e
+      ),
+      onClick: n,
+      role: "region",
+      "aria-label": "UemailUtemplate",
+      children: t || "UemailUtemplate Component"
+    }
+  );
+};
 function L(e, t) {
   if (e === !1 || e === null || typeof e > "u")
     throw new Error(t);
@@ -2610,29 +2635,29 @@ function ze(e) {
   return t;
 }
 function cr(e, t, r = "/") {
-  return An(e, t, r, !1);
+  return pn(e, t, r, !1);
 }
-function An(e, t, r, a) {
+function pn(e, t, r, a) {
   let i = typeof t == "string" ? ze(t) : t, n = X(i.pathname || "/", r);
   if (n == null)
     return null;
   let u = sr(e);
-  Rn(u);
+  An(u);
   let l = null;
   for (let f = 0; l == null && f < u.length; ++f) {
-    let d = Ln(n);
-    l = In(
+    let s = Mn(n);
+    l = wn(
       u[f],
-      d,
+      s,
       a
     );
   }
   return l;
 }
 function sr(e, t = [], r = [], a = "", i = !1) {
-  let n = (u, l, f = i, d) => {
+  let n = (u, l, f = i, s) => {
     let c = {
-      relativePath: d === void 0 ? u.path || "" : d,
+      relativePath: s === void 0 ? u.path || "" : s,
       caseSensitive: u.caseSensitive === !0,
       childrenIndex: l,
       route: u
@@ -2645,21 +2670,21 @@ function sr(e, t = [], r = [], a = "", i = !1) {
         `Absolute route path "${c.relativePath}" nested under path "${a}" is not valid. An absolute child route path must start with the combined path of all its parent routes.`
       ), c.relativePath = c.relativePath.slice(a.length);
     }
-    let s = z([a, c.relativePath]), g = r.concat(c);
+    let d = z([a, c.relativePath]), g = r.concat(c);
     u.children && u.children.length > 0 && (L(
       // Our types know better, but runtime JS may not!
       // @ts-expect-error
       u.index !== !0,
-      `Index routes must not have child routes. Please remove all child routes from route path "${s}".`
+      `Index routes must not have child routes. Please remove all child routes from route path "${d}".`
     ), sr(
       u.children,
       t,
       g,
-      s,
+      d,
       f
     )), !(u.path == null && !u.index) && t.push({
-      path: s,
-      score: Cn(s, u.index),
+      path: d,
+      score: Pn(d, u.index),
       routesMeta: g
     });
   };
@@ -2686,23 +2711,23 @@ function dr(e) {
     (f) => e.startsWith("/") && f === "" ? "/" : f
   );
 }
-function Rn(e) {
+function An(e) {
   e.sort(
-    (t, r) => t.score !== r.score ? r.score - t.score : wn(
+    (t, r) => t.score !== r.score ? r.score - t.score : Cn(
       t.routesMeta.map((a) => a.childrenIndex),
       r.routesMeta.map((a) => a.childrenIndex)
     )
   );
 }
-var vn = /^:[\w-]+$/, Tn = 3, On = 2, Nn = 1, _n = 10, Pn = -2, Qt = (e) => e === "*";
-function Cn(e, t) {
+var Rn = /^:[\w-]+$/, vn = 3, Tn = 2, On = 1, Nn = 10, _n = -2, Qt = (e) => e === "*";
+function Pn(e, t) {
   let r = e.split("/"), a = r.length;
-  return r.some(Qt) && (a += Pn), t && (a += On), r.filter((i) => !Qt(i)).reduce(
-    (i, n) => i + (vn.test(n) ? Tn : n === "" ? Nn : _n),
+  return r.some(Qt) && (a += _n), t && (a += Tn), r.filter((i) => !Qt(i)).reduce(
+    (i, n) => i + (Rn.test(n) ? vn : n === "" ? On : Nn),
     a
   );
 }
-function wn(e, t) {
+function Cn(e, t) {
   return e.length === t.length && e.slice(0, -1).every((a, i) => a === t[i]) ? (
     // If two routes are siblings, we should try to match the earlier sibling
     // first. This allows people to have fine-grained control over the matching
@@ -2715,37 +2740,37 @@ function wn(e, t) {
     0
   );
 }
-function In(e, t, r = !1) {
+function wn(e, t, r = !1) {
   let { routesMeta: a } = e, i = {}, n = "/", u = [];
   for (let l = 0; l < a.length; ++l) {
-    let f = a[l], d = l === a.length - 1, c = n === "/" ? t : t.slice(n.length) || "/", s = Ae(
-      { path: f.relativePath, caseSensitive: f.caseSensitive, end: d },
+    let f = a[l], s = l === a.length - 1, c = n === "/" ? t : t.slice(n.length) || "/", d = Ae(
+      { path: f.relativePath, caseSensitive: f.caseSensitive, end: s },
       c
     ), g = f.route;
-    if (!s && d && r && !a[a.length - 1].route.index && (s = Ae(
+    if (!d && s && r && !a[a.length - 1].route.index && (d = Ae(
       {
         path: f.relativePath,
         caseSensitive: f.caseSensitive,
         end: !1
       },
       c
-    )), !s)
+    )), !d)
       return null;
-    Object.assign(i, s.params), u.push({
+    Object.assign(i, d.params), u.push({
       // TODO: Can this as be avoided?
       params: i,
-      pathname: z([n, s.pathname]),
-      pathnameBase: Wn(
-        z([n, s.pathnameBase])
+      pathname: z([n, d.pathname]),
+      pathnameBase: Un(
+        z([n, d.pathnameBase])
       ),
       route: g
-    }), s.pathnameBase !== "/" && (n = z([n, s.pathnameBase]));
+    }), d.pathnameBase !== "/" && (n = z([n, d.pathnameBase]));
   }
   return u;
 }
 function Ae(e, t) {
   typeof e == "string" && (e = { path: e, caseSensitive: !1, end: !0 });
-  let [r, a] = Mn(
+  let [r, a] = In(
     e.path,
     e.caseSensitive,
     e.end
@@ -2754,13 +2779,13 @@ function Ae(e, t) {
   let n = i[0], u = n.replace(/(.)\/+$/, "$1"), l = i.slice(1);
   return {
     params: a.reduce(
-      (d, { paramName: c, isOptional: s }, g) => {
+      (s, { paramName: c, isOptional: d }, g) => {
         if (c === "*") {
           let S = l[g] || "";
           u = n.slice(0, n.length - S.length).replace(/(.)\/+$/, "$1");
         }
-        const y = l[g];
-        return s && !y ? d[c] = void 0 : d[c] = (y || "").replace(/%2F/g, "/"), d;
+        const E = l[g];
+        return d && !E ? s[c] = void 0 : s[c] = (E || "").replace(/%2F/g, "/"), s;
       },
       {}
     ),
@@ -2769,7 +2794,7 @@ function Ae(e, t) {
     pattern: e
   };
 }
-function Mn(e, t = !1, r = !0) {
+function In(e, t = !1, r = !0) {
   Y(
     e === "*" || !e.endsWith("*") || e.endsWith("/*"),
     `Route path "${e}" will be treated as if it were "${e.replace(/\*$/, "/*")}" because the \`*\` character must always follow a \`/\` in the pattern. To get rid of this warning, please change the route path to "${e.replace(/\*$/, "/*")}".`
@@ -2780,7 +2805,7 @@ function Mn(e, t = !1, r = !0) {
   ).replace(/\/([\w-]+)\?(\/|$)/g, "(/$1)?$2");
   return e.endsWith("*") ? (a.push({ paramName: "*" }), i += e === "*" || e === "/*" ? "(.*)$" : "(?:\\/(.+)|\\/*)$") : r ? i += "\\/*$" : e !== "" && e !== "/" && (i += "(?:(?=\\/|$))"), [new RegExp(i, t ? void 0 : "i"), a];
 }
-function Ln(e) {
+function Mn(e) {
   try {
     return e.split("/").map((t) => decodeURIComponent(t).replace(/\//g, "%2F")).join("/");
   } catch (t) {
@@ -2797,15 +2822,15 @@ function X(e, t) {
   let r = t.endsWith("/") ? t.length - 1 : t.length, a = e.charAt(r);
   return a && a !== "/" ? null : e.slice(r) || "/";
 }
-var jn = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i, Dn = (e) => jn.test(e);
-function kn(e, t = "/") {
+var Ln = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i, jn = (e) => Ln.test(e);
+function Dn(e, t = "/") {
   let {
     pathname: r,
     search: a = "",
     hash: i = ""
   } = typeof e == "string" ? ze(e) : e, n;
   if (r)
-    if (Dn(r))
+    if (jn(r))
       n = r;
     else {
       if (r.includes("//")) {
@@ -2821,8 +2846,8 @@ function kn(e, t = "/") {
     n = t;
   return {
     pathname: n,
-    search: Vn(a),
-    hash: Fn(i)
+    search: Wn(a),
+    hash: Vn(i)
   };
 }
 function xt(e, t) {
@@ -2836,13 +2861,13 @@ function qe(e, t, r, a) {
     a
   )}].  Please separate it out to the \`to.${r}\` field. Alternatively you may provide the full path as a string in <Link to="..."> and the router will parse it for you.`;
 }
-function Un(e) {
+function kn(e) {
   return e.filter(
     (t, r) => r === 0 || t.route.path && t.route.path.length > 0
   );
 }
 function fr(e) {
-  let t = Un(e);
+  let t = kn(e);
   return t.map(
     (r, a) => a === t.length - 1 ? r.pathname : r.pathnameBase
   );
@@ -2863,20 +2888,20 @@ function mr(e, t, r, a = !1) {
   if (u == null)
     l = r;
   else {
-    let s = t.length - 1;
+    let d = t.length - 1;
     if (!a && u.startsWith("..")) {
       let g = u.split("/");
       for (; g[0] === ".."; )
-        g.shift(), s -= 1;
+        g.shift(), d -= 1;
       i.pathname = g.join("/");
     }
-    l = s >= 0 ? t[s] : "/";
+    l = d >= 0 ? t[d] : "/";
   }
-  let f = kn(i, l), d = u && u !== "/" && u.endsWith("/"), c = (n || u === ".") && r.endsWith("/");
-  return !f.pathname.endsWith("/") && (d || c) && (f.pathname += "/"), f;
+  let f = Dn(i, l), s = u && u !== "/" && u.endsWith("/"), c = (n || u === ".") && r.endsWith("/");
+  return !f.pathname.endsWith("/") && (s || c) && (f.pathname += "/"), f;
 }
-var z = (e) => e.join("/").replace(/\/\/+/g, "/"), Wn = (e) => e.replace(/\/+$/, "").replace(/^\/*/, "/"), Vn = (e) => !e || e === "?" ? "" : e.startsWith("?") ? e : "?" + e, Fn = (e) => !e || e === "#" ? "" : e.startsWith("#") ? e : "#" + e;
-function Bn(e) {
+var z = (e) => e.join("/").replace(/\/\/+/g, "/"), Un = (e) => e.replace(/\/+$/, "").replace(/^\/*/, "/"), Wn = (e) => !e || e === "?" ? "" : e.startsWith("?") ? e : "?" + e, Vn = (e) => !e || e === "#" ? "" : e.startsWith("#") ? e : "#" + e;
+function Fn(e) {
   return e != null && typeof e.status == "number" && typeof e.statusText == "string" && typeof e.internal == "boolean" && "data" in e;
 }
 Object.getOwnPropertyNames(Object.prototype).sort().join("\0");
@@ -2889,54 +2914,54 @@ var gr = [
 new Set(
   gr
 );
-var qn = [
+var Bn = [
   "GET",
   ...gr
 ];
-new Set(qn);
-var se = h.createContext(null);
+new Set(Bn);
+var se = y.createContext(null);
 se.displayName = "DataRouter";
-var Re = h.createContext(null);
+var Re = y.createContext(null);
 Re.displayName = "DataRouterState";
-h.createContext(!1);
-var br = h.createContext({
+y.createContext(!1);
+var br = y.createContext({
   isTransitioning: !1
 });
 br.displayName = "ViewTransition";
-var Hn = h.createContext(
+var qn = y.createContext(
   /* @__PURE__ */ new Map()
 );
-Hn.displayName = "Fetchers";
-var Gn = h.createContext(null);
-Gn.displayName = "Await";
-var K = h.createContext(
+qn.displayName = "Fetchers";
+var Hn = y.createContext(null);
+Hn.displayName = "Await";
+var K = y.createContext(
   null
 );
 K.displayName = "Navigation";
-var Ke = h.createContext(
+var Ke = y.createContext(
   null
 );
 Ke.displayName = "Location";
-var Z = h.createContext({
+var Z = y.createContext({
   outlet: null,
   matches: [],
   isDataRoute: !1
 });
 Z.displayName = "Route";
-var Ze = h.createContext(null);
+var Ze = y.createContext(null);
 Ze.displayName = "RouteError";
-function Yn(e, { relative: t } = {}) {
+function Gn(e, { relative: t } = {}) {
   L(
     ve(),
     // TODO: This error is probably because they somehow have 2 versions of the
     // router loaded. We can help them understand how to avoid that.
     "useHref() may be used only in the context of a <Router> component."
   );
-  let { basename: r, navigator: a } = h.useContext(K), { hash: i, pathname: n, search: u } = ye(e, { relative: t }), l = n;
+  let { basename: r, navigator: a } = y.useContext(K), { hash: i, pathname: n, search: u } = ye(e, { relative: t }), l = n;
   return r !== "/" && (l = n === "/" ? r : z([r, n])), a.createHref({ pathname: l, search: u, hash: i });
 }
 function ve() {
-  return h.useContext(Ke) != null;
+  return y.useContext(Ke) != null;
 }
 function oe() {
   return L(
@@ -2944,28 +2969,28 @@ function oe() {
     // TODO: This error is probably because they somehow have 2 versions of the
     // router loaded. We can help them understand how to avoid that.
     "useLocation() may be used only in the context of a <Router> component."
-  ), h.useContext(Ke).location;
+  ), y.useContext(Ke).location;
 }
 var hr = "You should call navigate() in a React.useEffect(), not when your component is first rendered.";
 function yr(e) {
-  h.useContext(K).static || h.useLayoutEffect(e);
+  y.useContext(K).static || y.useLayoutEffect(e);
 }
-function zn() {
-  let { isDataRoute: e } = h.useContext(Z);
-  return e ? ia() : Kn();
+function Yn() {
+  let { isDataRoute: e } = y.useContext(Z);
+  return e ? aa() : zn();
 }
-function Kn() {
+function zn() {
   L(
     ve(),
     // TODO: This error is probably because they somehow have 2 versions of the
     // router loaded. We can help them understand how to avoid that.
     "useNavigate() may be used only in the context of a <Router> component."
   );
-  let e = h.useContext(se), { basename: t, navigator: r } = h.useContext(K), { matches: a } = h.useContext(Z), { pathname: i } = oe(), n = JSON.stringify(fr(a)), u = h.useRef(!1);
+  let e = y.useContext(se), { basename: t, navigator: r } = y.useContext(K), { matches: a } = y.useContext(Z), { pathname: i } = oe(), n = JSON.stringify(fr(a)), u = y.useRef(!1);
   return yr(() => {
     u.current = !0;
-  }), h.useCallback(
-    (f, d = {}) => {
+  }), y.useCallback(
+    (f, s = {}) => {
       if (Y(u.current, hr), !u.current) return;
       if (typeof f == "number") {
         r.go(f);
@@ -2975,12 +3000,12 @@ function Kn() {
         f,
         JSON.parse(n),
         i,
-        d.relative === "path"
+        s.relative === "path"
       );
-      e == null && t !== "/" && (c.pathname = c.pathname === "/" ? t : z([t, c.pathname])), (d.replace ? r.replace : r.push)(
+      e == null && t !== "/" && (c.pathname = c.pathname === "/" ? t : z([t, c.pathname])), (s.replace ? r.replace : r.push)(
         c,
-        d.state,
-        d
+        s.state,
+        s
       );
     },
     [
@@ -2992,10 +3017,10 @@ function Kn() {
     ]
   );
 }
-h.createContext(null);
+y.createContext(null);
 function ye(e, { relative: t } = {}) {
-  let { matches: r } = h.useContext(Z), { pathname: a } = oe(), i = JSON.stringify(fr(r));
-  return h.useMemo(
+  let { matches: r } = y.useContext(Z), { pathname: a } = oe(), i = JSON.stringify(fr(r));
+  return y.useMemo(
     () => mr(
       e,
       JSON.parse(i),
@@ -3005,42 +3030,42 @@ function ye(e, { relative: t } = {}) {
     [e, i, a, t]
   );
 }
-function Zn(e, t, r, a, i) {
+function Kn(e, t, r, a, i) {
   L(
     ve(),
     // TODO: This error is probably because they somehow have 2 versions of the
     // router loaded. We can help them understand how to avoid that.
     "useRoutes() may be used only in the context of a <Router> component."
   );
-  let { navigator: n } = h.useContext(K), { matches: u } = h.useContext(Z), l = u[u.length - 1], f = l ? l.params : {}, d = l ? l.pathname : "/", c = l ? l.pathnameBase : "/", s = l && l.route;
+  let { navigator: n } = y.useContext(K), { matches: u } = y.useContext(Z), l = u[u.length - 1], f = l ? l.params : {}, s = l ? l.pathname : "/", c = l ? l.pathnameBase : "/", d = l && l.route;
   {
-    let A = s && s.path || "";
+    let p = d && d.path || "";
     Er(
-      d,
-      !s || A.endsWith("*") || A.endsWith("*?"),
-      `You rendered descendant <Routes> (or called \`useRoutes()\`) at "${d}" (under <Route path="${A}">) but the parent route path has no trailing "*". This means if you navigate deeper, the parent won't match anymore and therefore the child routes will never render.
+      s,
+      !d || p.endsWith("*") || p.endsWith("*?"),
+      `You rendered descendant <Routes> (or called \`useRoutes()\`) at "${s}" (under <Route path="${p}">) but the parent route path has no trailing "*". This means if you navigate deeper, the parent won't match anymore and therefore the child routes will never render.
 
-Please change the parent <Route path="${A}"> to <Route path="${A === "/" ? "*" : `${A}/*`}">.`
+Please change the parent <Route path="${p}"> to <Route path="${p === "/" ? "*" : `${p}/*`}">.`
     );
   }
-  let g = oe(), y;
-  y = g;
-  let S = y.pathname || "/", R = S;
+  let g = oe(), E;
+  E = g;
+  let S = E.pathname || "/", R = S;
   if (c !== "/") {
-    let A = c.replace(/^\//, "").split("/");
-    R = "/" + S.replace(/^\//, "").split("/").slice(A.length).join("/");
+    let p = c.replace(/^\//, "").split("/");
+    R = "/" + S.replace(/^\//, "").split("/").slice(p.length).join("/");
   }
   let b = cr(e, { pathname: R });
   return Y(
-    s || b != null,
-    `No routes matched location "${y.pathname}${y.search}${y.hash}" `
+    d || b != null,
+    `No routes matched location "${E.pathname}${E.search}${E.hash}" `
   ), Y(
     b == null || b[b.length - 1].route.element !== void 0 || b[b.length - 1].route.Component !== void 0 || b[b.length - 1].route.lazy !== void 0,
-    `Matched leaf route at location "${y.pathname}${y.search}${y.hash}" does not have an element or Component. This means it will render an <Outlet /> with a null value by default resulting in an "empty" page.`
-  ), $n(
+    `Matched leaf route at location "${E.pathname}${E.search}${E.hash}" does not have an element or Component. This means it will render an <Outlet /> with a null value by default resulting in an "empty" page.`
+  ), xn(
     b && b.map(
-      (A) => Object.assign({}, A, {
-        params: Object.assign({}, f, A.params),
+      (p) => Object.assign({}, p, {
+        params: Object.assign({}, f, p.params),
         pathname: z([
           c,
           // Re-encode pathnames that were decoded inside matchRoutes.
@@ -3048,18 +3073,18 @@ Please change the parent <Route path="${A}"> to <Route path="${A === "/" ? "*" :
           // `new URL()` internally and we need to prevent it from treating
           // them as separators
           n.encodeLocation ? n.encodeLocation(
-            A.pathname.replace(/\?/g, "%3F").replace(/#/g, "%23")
-          ).pathname : A.pathname
+            p.pathname.replace(/\?/g, "%3F").replace(/#/g, "%23")
+          ).pathname : p.pathname
         ]),
-        pathnameBase: A.pathnameBase === "/" ? c : z([
+        pathnameBase: p.pathnameBase === "/" ? c : z([
           c,
           // Re-encode pathnames that were decoded inside matchRoutes
           // Pre-encode `?` and `#` ahead of `encodeLocation` because it uses
           // `new URL()` internally and we need to prevent it from treating
           // them as separators
           n.encodeLocation ? n.encodeLocation(
-            A.pathnameBase.replace(/\?/g, "%3F").replace(/#/g, "%23")
-          ).pathname : A.pathnameBase
+            p.pathnameBase.replace(/\?/g, "%3F").replace(/#/g, "%23")
+          ).pathname : p.pathnameBase
         ])
       })
     ),
@@ -3069,14 +3094,14 @@ Please change the parent <Route path="${A}"> to <Route path="${A === "/" ? "*" :
     i
   );
 }
-function Jn() {
-  let e = aa(), t = Bn(e) ? `${e.status} ${e.statusText}` : e instanceof Error ? e.message : JSON.stringify(e), r = e instanceof Error ? e.stack : null, a = "rgba(200,200,200, 0.5)", i = { padding: "0.5rem", backgroundColor: a }, n = { padding: "2px 4px", backgroundColor: a }, u = null;
+function Zn() {
+  let e = na(), t = Fn(e) ? `${e.status} ${e.statusText}` : e instanceof Error ? e.message : JSON.stringify(e), r = e instanceof Error ? e.stack : null, a = "rgba(200,200,200, 0.5)", i = { padding: "0.5rem", backgroundColor: a }, n = { padding: "2px 4px", backgroundColor: a }, u = null;
   return console.error(
     "Error handled by React Router default ErrorBoundary:",
     e
-  ), u = /* @__PURE__ */ h.createElement(h.Fragment, null, /* @__PURE__ */ h.createElement("p", null, "💿 Hey developer 👋"), /* @__PURE__ */ h.createElement("p", null, "You can provide a way better UX than this when your app throws errors by providing your own ", /* @__PURE__ */ h.createElement("code", { style: n }, "ErrorBoundary"), " or", " ", /* @__PURE__ */ h.createElement("code", { style: n }, "errorElement"), " prop on your route.")), /* @__PURE__ */ h.createElement(h.Fragment, null, /* @__PURE__ */ h.createElement("h2", null, "Unexpected Application Error!"), /* @__PURE__ */ h.createElement("h3", { style: { fontStyle: "italic" } }, t), r ? /* @__PURE__ */ h.createElement("pre", { style: i }, r) : null, u);
+  ), u = /* @__PURE__ */ y.createElement(y.Fragment, null, /* @__PURE__ */ y.createElement("p", null, "💿 Hey developer 👋"), /* @__PURE__ */ y.createElement("p", null, "You can provide a way better UX than this when your app throws errors by providing your own ", /* @__PURE__ */ y.createElement("code", { style: n }, "ErrorBoundary"), " or", " ", /* @__PURE__ */ y.createElement("code", { style: n }, "errorElement"), " prop on your route.")), /* @__PURE__ */ y.createElement(y.Fragment, null, /* @__PURE__ */ y.createElement("h2", null, "Unexpected Application Error!"), /* @__PURE__ */ y.createElement("h3", { style: { fontStyle: "italic" } }, t), r ? /* @__PURE__ */ y.createElement("pre", { style: i }, r) : null, u);
 }
-var Xn = /* @__PURE__ */ h.createElement(Jn, null), Qn = class extends h.Component {
+var Jn = /* @__PURE__ */ y.createElement(Zn, null), Xn = class extends y.Component {
   constructor(e) {
     super(e), this.state = {
       location: e.location,
@@ -3105,7 +3130,7 @@ var Xn = /* @__PURE__ */ h.createElement(Jn, null), Qn = class extends h.Compone
     );
   }
   render() {
-    return this.state.error !== void 0 ? /* @__PURE__ */ h.createElement(Z.Provider, { value: this.props.routeContext }, /* @__PURE__ */ h.createElement(
+    return this.state.error !== void 0 ? /* @__PURE__ */ y.createElement(Z.Provider, { value: this.props.routeContext }, /* @__PURE__ */ y.createElement(
       Ze.Provider,
       {
         value: this.state.error,
@@ -3114,11 +3139,11 @@ var Xn = /* @__PURE__ */ h.createElement(Jn, null), Qn = class extends h.Compone
     )) : this.props.children;
   }
 };
-function xn({ routeContext: e, match: t, children: r }) {
-  let a = h.useContext(se);
-  return a && a.static && a.staticContext && (t.route.errorElement || t.route.ErrorBoundary) && (a.staticContext._deepestRenderedBoundaryId = t.route.id), /* @__PURE__ */ h.createElement(Z.Provider, { value: e }, r);
+function Qn({ routeContext: e, match: t, children: r }) {
+  let a = y.useContext(se);
+  return a && a.static && a.staticContext && (t.route.errorElement || t.route.ErrorBoundary) && (a.staticContext._deepestRenderedBoundaryId = t.route.id), /* @__PURE__ */ y.createElement(Z.Provider, { value: e }, r);
 }
-function $n(e, t = [], r = null, a = null, i = null) {
+function xn(e, t = [], r = null, a = null, i = null) {
   if (e == null) {
     if (!r)
       return null;
@@ -3132,7 +3157,7 @@ function $n(e, t = [], r = null, a = null, i = null) {
   let n = e, u = r?.errors;
   if (u != null) {
     let c = n.findIndex(
-      (s) => s.route.id && u?.[s.route.id] !== void 0
+      (d) => d.route.id && u?.[d.route.id] !== void 0
     );
     L(
       c >= 0,
@@ -3147,57 +3172,57 @@ function $n(e, t = [], r = null, a = null, i = null) {
   let l = !1, f = -1;
   if (r)
     for (let c = 0; c < n.length; c++) {
-      let s = n[c];
-      if ((s.route.HydrateFallback || s.route.hydrateFallbackElement) && (f = c), s.route.id) {
-        let { loaderData: g, errors: y } = r, S = s.route.loader && !g.hasOwnProperty(s.route.id) && (!y || y[s.route.id] === void 0);
-        if (s.route.lazy || S) {
+      let d = n[c];
+      if ((d.route.HydrateFallback || d.route.hydrateFallbackElement) && (f = c), d.route.id) {
+        let { loaderData: g, errors: E } = r, S = d.route.loader && !g.hasOwnProperty(d.route.id) && (!E || E[d.route.id] === void 0);
+        if (d.route.lazy || S) {
           l = !0, f >= 0 ? n = n.slice(0, f + 1) : n = [n[0]];
           break;
         }
       }
     }
-  let d = r && a ? (c, s) => {
+  let s = r && a ? (c, d) => {
     a(c, {
       location: r.location,
       params: r.matches?.[0]?.params ?? {},
-      errorInfo: s
+      errorInfo: d
     });
   } : void 0;
   return n.reduceRight(
-    (c, s, g) => {
-      let y, S = !1, R = null, b = null;
-      r && (y = u && s.route.id ? u[s.route.id] : void 0, R = s.route.errorElement || Xn, l && (f < 0 && g === 0 ? (Er(
+    (c, d, g) => {
+      let E, S = !1, R = null, b = null;
+      r && (E = u && d.route.id ? u[d.route.id] : void 0, R = d.route.errorElement || Jn, l && (f < 0 && g === 0 ? (Er(
         "route-fallback",
         !1,
         "No `HydrateFallback` element provided to render during initial hydration"
-      ), S = !0, b = null) : f === g && (S = !0, b = s.route.hydrateFallbackElement || null)));
-      let p = t.concat(n.slice(0, g + 1)), A = () => {
-        let E;
-        return y ? E = R : S ? E = b : s.route.Component ? E = /* @__PURE__ */ h.createElement(s.route.Component, null) : s.route.element ? E = s.route.element : E = c, /* @__PURE__ */ h.createElement(
-          xn,
+      ), S = !0, b = null) : f === g && (S = !0, b = d.route.hydrateFallbackElement || null)));
+      let A = t.concat(n.slice(0, g + 1)), p = () => {
+        let h;
+        return E ? h = R : S ? h = b : d.route.Component ? h = /* @__PURE__ */ y.createElement(d.route.Component, null) : d.route.element ? h = d.route.element : h = c, /* @__PURE__ */ y.createElement(
+          Qn,
           {
-            match: s,
+            match: d,
             routeContext: {
               outlet: c,
-              matches: p,
+              matches: A,
               isDataRoute: r != null
             },
-            children: E
+            children: h
           }
         );
       };
-      return r && (s.route.ErrorBoundary || s.route.errorElement || g === 0) ? /* @__PURE__ */ h.createElement(
-        Qn,
+      return r && (d.route.ErrorBoundary || d.route.errorElement || g === 0) ? /* @__PURE__ */ y.createElement(
+        Xn,
         {
           location: r.location,
           revalidation: r.revalidation,
           component: R,
-          error: y,
-          children: A(),
-          routeContext: { outlet: null, matches: p, isDataRoute: !0 },
-          onError: d
+          error: E,
+          children: p(),
+          routeContext: { outlet: null, matches: A, isDataRoute: !0 },
+          onError: s
         }
-      ) : A();
+      ) : p();
     },
     null
   );
@@ -3205,33 +3230,33 @@ function $n(e, t = [], r = null, a = null, i = null) {
 function Je(e) {
   return `${e} must be used within a data router.  See https://reactrouter.com/en/main/routers/picking-a-router.`;
 }
-function ea(e) {
-  let t = h.useContext(se);
+function $n(e) {
+  let t = y.useContext(se);
   return L(t, Je(e)), t;
 }
-function ta(e) {
-  let t = h.useContext(Re);
+function ea(e) {
+  let t = y.useContext(Re);
   return L(t, Je(e)), t;
 }
-function ra(e) {
-  let t = h.useContext(Z);
+function ta(e) {
+  let t = y.useContext(Z);
   return L(t, Je(e)), t;
 }
 function Xe(e) {
-  let t = ra(e), r = t.matches[t.matches.length - 1];
+  let t = ta(e), r = t.matches[t.matches.length - 1];
   return L(
     r.route.id,
     `${e} can only be used on routes that contain a unique "id"`
   ), r.route.id;
 }
-function na() {
+function ra() {
   return Xe(
     "useRouteId"
     /* UseRouteId */
   );
 }
-function aa() {
-  let e = h.useContext(Ze), t = ta(
+function na() {
+  let e = y.useContext(Ze), t = ea(
     "useRouteError"
     /* UseRouteError */
   ), r = Xe(
@@ -3240,17 +3265,17 @@ function aa() {
   );
   return e !== void 0 ? e : t.errors?.[r];
 }
-function ia() {
-  let { router: e } = ea(
+function aa() {
+  let { router: e } = $n(
     "useNavigate"
     /* UseNavigateStable */
   ), t = Xe(
     "useNavigate"
     /* UseNavigateStable */
-  ), r = h.useRef(!1);
+  ), r = y.useRef(!1);
   return yr(() => {
     r.current = !0;
-  }), h.useCallback(
+  }), y.useCallback(
     async (i, n = {}) => {
       Y(r.current, hr), r.current && (typeof i == "number" ? e.navigate(i) : await e.navigate(i, { fromRouteId: t, ...n }));
     },
@@ -3261,38 +3286,38 @@ var $t = {};
 function Er(e, t, r) {
   !t && !$t[e] && ($t[e] = !0, Y(!1, r));
 }
-h.memo(ua);
-function ua({
+y.memo(ia);
+function ia({
   routes: e,
   future: t,
   state: r,
   unstable_onError: a
 }) {
-  return Zn(e, void 0, r, a, t);
+  return Kn(e, void 0, r, a, t);
 }
 var Se = "get", pe = "application/x-www-form-urlencoded";
 function Te(e) {
   return e != null && typeof e.tagName == "string";
 }
-function oa(e) {
+function ua(e) {
   return Te(e) && e.tagName.toLowerCase() === "button";
 }
-function la(e) {
+function oa(e) {
   return Te(e) && e.tagName.toLowerCase() === "form";
 }
-function ca(e) {
+function la(e) {
   return Te(e) && e.tagName.toLowerCase() === "input";
 }
-function sa(e) {
+function ca(e) {
   return !!(e.metaKey || e.altKey || e.ctrlKey || e.shiftKey);
 }
-function da(e, t) {
+function sa(e, t) {
   return e.button === 0 && // Ignore everything but left clicks
   (!t || t === "_self") && // Let browser handle "target=_blank" etc.
-  !sa(e);
+  !ca(e);
 }
 var Ee = null;
-function fa() {
+function da() {
   if (Ee === null)
     try {
       new FormData(
@@ -3305,35 +3330,35 @@ function fa() {
     }
   return Ee;
 }
-var ma = /* @__PURE__ */ new Set([
+var fa = /* @__PURE__ */ new Set([
   "application/x-www-form-urlencoded",
   "multipart/form-data",
   "text/plain"
 ]);
 function He(e) {
-  return e != null && !ma.has(e) ? (Y(
+  return e != null && !fa.has(e) ? (Y(
     !1,
     `"${e}" is not a valid \`encType\` for \`<Form>\`/\`<fetcher.Form>\` and will default to "${pe}"`
   ), null) : e;
 }
-function ga(e, t) {
+function ma(e, t) {
   let r, a, i, n, u;
-  if (la(e)) {
+  if (oa(e)) {
     let l = e.getAttribute("action");
     a = l ? X(l, t) : null, r = e.getAttribute("method") || Se, i = He(e.getAttribute("enctype")) || pe, n = new FormData(e);
-  } else if (oa(e) || ca(e) && (e.type === "submit" || e.type === "image")) {
+  } else if (ua(e) || la(e) && (e.type === "submit" || e.type === "image")) {
     let l = e.form;
     if (l == null)
       throw new Error(
         'Cannot submit a <button> or <input type="submit"> without a <form>'
       );
     let f = e.getAttribute("formaction") || l.getAttribute("action");
-    if (a = f ? X(f, t) : null, r = e.getAttribute("formmethod") || l.getAttribute("method") || Se, i = He(e.getAttribute("formenctype")) || He(l.getAttribute("enctype")) || pe, n = new FormData(l, e), !fa()) {
-      let { name: d, type: c, value: s } = e;
+    if (a = f ? X(f, t) : null, r = e.getAttribute("formmethod") || l.getAttribute("method") || Se, i = He(e.getAttribute("formenctype")) || He(l.getAttribute("enctype")) || pe, n = new FormData(l, e), !da()) {
+      let { name: s, type: c, value: d } = e;
       if (c === "image") {
-        let g = d ? `${d}.` : "";
+        let g = s ? `${s}.` : "";
         n.append(`${g}x`, "0"), n.append(`${g}y`, "0");
-      } else d && n.append(d, s);
+      } else s && n.append(s, d);
     }
   } else {
     if (Te(e))
@@ -3349,7 +3374,7 @@ function Qe(e, t) {
   if (e === !1 || e === null || typeof e > "u")
     throw new Error(t);
 }
-function ba(e, t, r) {
+function ga(e, t, r) {
   let a = typeof e == "string" ? new URL(
     e,
     // This can be called during the SSR flow via PrefetchPageLinksImpl so
@@ -3358,7 +3383,7 @@ function ba(e, t, r) {
   ) : e;
   return a.pathname === "/" ? a.pathname = `_root.${r}` : t && X(a.pathname, t) === "/" ? a.pathname = `${t.replace(/\/$/, "")}/_root.${r}` : a.pathname = `${a.pathname.replace(/\/$/, "")}.${r}`, a;
 }
-async function ha(e, t) {
+async function ba(e, t) {
   if (e.id in t)
     return t[e.id];
   try {
@@ -3375,43 +3400,43 @@ async function ha(e, t) {
     });
   }
 }
-function ya(e) {
+function ha(e) {
   return e == null ? !1 : e.href == null ? e.rel === "preload" && typeof e.imageSrcSet == "string" && typeof e.imageSizes == "string" : typeof e.rel == "string" && typeof e.href == "string";
 }
-async function Ea(e, t, r) {
+async function ya(e, t, r) {
   let a = await Promise.all(
     e.map(async (i) => {
       let n = t.routes[i.route.id];
       if (n) {
-        let u = await ha(n, r);
+        let u = await ba(n, r);
         return u.links ? u.links() : [];
       }
       return [];
     })
   );
-  return Ra(
-    a.flat(1).filter(ya).filter((i) => i.rel === "stylesheet" || i.rel === "preload").map(
+  return Aa(
+    a.flat(1).filter(ha).filter((i) => i.rel === "stylesheet" || i.rel === "preload").map(
       (i) => i.rel === "stylesheet" ? { ...i, rel: "prefetch", as: "style" } : { ...i, rel: "prefetch" }
     )
   );
 }
 function er(e, t, r, a, i, n) {
-  let u = (f, d) => r[d] ? f.route.id !== r[d].route.id : !0, l = (f, d) => (
+  let u = (f, s) => r[s] ? f.route.id !== r[s].route.id : !0, l = (f, s) => (
     // param change, /users/123 -> /users/456
-    r[d].pathname !== f.pathname || // splat param changed, which is not present in match.path
+    r[s].pathname !== f.pathname || // splat param changed, which is not present in match.path
     // e.g. /files/images/avatar.jpg -> files/finances.xls
-    r[d].route.path?.endsWith("*") && r[d].params["*"] !== f.params["*"]
+    r[s].route.path?.endsWith("*") && r[s].params["*"] !== f.params["*"]
   );
   return n === "assets" ? t.filter(
-    (f, d) => u(f, d) || l(f, d)
-  ) : n === "data" ? t.filter((f, d) => {
+    (f, s) => u(f, s) || l(f, s)
+  ) : n === "data" ? t.filter((f, s) => {
     let c = a.routes[f.route.id];
     if (!c || !c.hasLoader)
       return !1;
-    if (u(f, d) || l(f, d))
+    if (u(f, s) || l(f, s))
       return !0;
     if (f.route.shouldRevalidate) {
-      let s = f.route.shouldRevalidate({
+      let d = f.route.shouldRevalidate({
         currentUrl: new URL(
           i.pathname + i.search + i.hash,
           window.origin
@@ -3421,14 +3446,14 @@ function er(e, t, r, a, i, n) {
         nextParams: f.params,
         defaultShouldRevalidate: !0
       });
-      if (typeof s == "boolean")
-        return s;
+      if (typeof d == "boolean")
+        return d;
     }
     return !0;
   }) : [];
 }
-function Sa(e, t, { includeHydrateFallback: r } = {}) {
-  return pa(
+function Ea(e, t, { includeHydrateFallback: r } = {}) {
+  return Sa(
     e.map((a) => {
       let i = t.routes[a.route.id];
       if (!i) return [];
@@ -3437,59 +3462,59 @@ function Sa(e, t, { includeHydrateFallback: r } = {}) {
     }).flat(1)
   );
 }
-function pa(e) {
+function Sa(e) {
   return [...new Set(e)];
 }
-function Aa(e) {
+function pa(e) {
   let t = {}, r = Object.keys(e).sort();
   for (let a of r)
     t[a] = e[a];
   return t;
 }
-function Ra(e, t) {
+function Aa(e, t) {
   let r = /* @__PURE__ */ new Set();
   return new Set(t), e.reduce((a, i) => {
-    let n = JSON.stringify(Aa(i));
+    let n = JSON.stringify(pa(i));
     return r.has(n) || (r.add(n), a.push({ key: n, link: i })), a;
   }, []);
 }
 function Sr() {
-  let e = h.useContext(se);
+  let e = y.useContext(se);
   return Qe(
     e,
     "You must render this element inside a <DataRouterContext.Provider> element"
   ), e;
 }
-function va() {
-  let e = h.useContext(Re);
+function Ra() {
+  let e = y.useContext(Re);
   return Qe(
     e,
     "You must render this element inside a <DataRouterStateContext.Provider> element"
   ), e;
 }
-var xe = h.createContext(void 0);
+var xe = y.createContext(void 0);
 xe.displayName = "FrameworkContext";
 function pr() {
-  let e = h.useContext(xe);
+  let e = y.useContext(xe);
   return Qe(
     e,
     "You must render this element inside a <HydratedRouter> element"
   ), e;
 }
-function Ta(e, t) {
-  let r = h.useContext(xe), [a, i] = h.useState(!1), [n, u] = h.useState(!1), { onFocus: l, onBlur: f, onMouseEnter: d, onMouseLeave: c, onTouchStart: s } = t, g = h.useRef(null);
-  h.useEffect(() => {
+function va(e, t) {
+  let r = y.useContext(xe), [a, i] = y.useState(!1), [n, u] = y.useState(!1), { onFocus: l, onBlur: f, onMouseEnter: s, onMouseLeave: c, onTouchStart: d } = t, g = y.useRef(null);
+  y.useEffect(() => {
     if (e === "render" && u(!0), e === "viewport") {
-      let R = (p) => {
-        p.forEach((A) => {
-          u(A.isIntersecting);
+      let R = (A) => {
+        A.forEach((p) => {
+          u(p.isIntersecting);
         });
       }, b = new IntersectionObserver(R, { threshold: 0.5 });
       return g.current && b.observe(g.current), () => {
         b.disconnect();
       };
     }
-  }, [e]), h.useEffect(() => {
+  }, [e]), y.useEffect(() => {
     if (a) {
       let R = setTimeout(() => {
         u(!0);
@@ -3499,7 +3524,7 @@ function Ta(e, t) {
       };
     }
   }, [a]);
-  let y = () => {
+  let E = () => {
     i(!0);
   }, S = () => {
     i(!1), u(!1);
@@ -3508,11 +3533,11 @@ function Ta(e, t) {
     n,
     g,
     {
-      onFocus: he(l, y),
+      onFocus: he(l, E),
       onBlur: he(f, S),
-      onMouseEnter: he(d, y),
+      onMouseEnter: he(s, E),
       onMouseLeave: he(c, S),
-      onTouchStart: he(s, y)
+      onTouchStart: he(d, E)
     }
   ] : [!1, g, {}];
 }
@@ -3521,18 +3546,18 @@ function he(e, t) {
     e && e(r), r.defaultPrevented || t(r);
   };
 }
-function Oa({ page: e, ...t }) {
-  let { router: r } = Sr(), a = h.useMemo(
+function Ta({ page: e, ...t }) {
+  let { router: r } = Sr(), a = y.useMemo(
     () => cr(r.routes, e, r.basename),
     [r.routes, e, r.basename]
   );
-  return a ? /* @__PURE__ */ h.createElement(_a, { page: e, matches: a, ...t }) : null;
+  return a ? /* @__PURE__ */ y.createElement(Na, { page: e, matches: a, ...t }) : null;
 }
-function Na(e) {
-  let { manifest: t, routeModules: r } = pr(), [a, i] = h.useState([]);
-  return h.useEffect(() => {
+function Oa(e) {
+  let { manifest: t, routeModules: r } = pr(), [a, i] = y.useState([]);
+  return y.useEffect(() => {
     let n = !1;
-    return Ea(e, t, r).then(
+    return ya(e, t, r).then(
       (u) => {
         n || i(u);
       }
@@ -3541,12 +3566,12 @@ function Na(e) {
     };
   }, [e, t, r]), a;
 }
-function _a({
+function Na({
   page: e,
   matches: t,
   ...r
 }) {
-  let a = oe(), { manifest: i, routeModules: n } = pr(), { basename: u } = Sr(), { loaderData: l, matches: f } = va(), d = h.useMemo(
+  let a = oe(), { manifest: i, routeModules: n } = pr(), { basename: u } = Sr(), { loaderData: l, matches: f } = Ra(), s = y.useMemo(
     () => er(
       e,
       t,
@@ -3556,7 +3581,7 @@ function _a({
       "data"
     ),
     [e, t, f, i, a]
-  ), c = h.useMemo(
+  ), c = y.useMemo(
     () => er(
       e,
       t,
@@ -3566,40 +3591,40 @@ function _a({
       "assets"
     ),
     [e, t, f, i, a]
-  ), s = h.useMemo(() => {
+  ), d = y.useMemo(() => {
     if (e === a.pathname + a.search + a.hash)
       return [];
     let S = /* @__PURE__ */ new Set(), R = !1;
-    if (t.forEach((p) => {
-      let A = i.routes[p.route.id];
-      !A || !A.hasLoader || (!d.some((E) => E.route.id === p.route.id) && p.route.id in l && n[p.route.id]?.shouldRevalidate || A.hasClientLoader ? R = !0 : S.add(p.route.id));
+    if (t.forEach((A) => {
+      let p = i.routes[A.route.id];
+      !p || !p.hasLoader || (!s.some((h) => h.route.id === A.route.id) && A.route.id in l && n[A.route.id]?.shouldRevalidate || p.hasClientLoader ? R = !0 : S.add(A.route.id));
     }), S.size === 0)
       return [];
-    let b = ba(e, u, "data");
+    let b = ga(e, u, "data");
     return R && S.size > 0 && b.searchParams.set(
       "_routes",
-      t.filter((p) => S.has(p.route.id)).map((p) => p.route.id).join(",")
+      t.filter((A) => S.has(A.route.id)).map((A) => A.route.id).join(",")
     ), [b.pathname + b.search];
   }, [
     u,
     l,
     a,
     i,
-    d,
+    s,
     t,
     e,
     n
-  ]), g = h.useMemo(
-    () => Sa(c, i),
+  ]), g = y.useMemo(
+    () => Ea(c, i),
     [c, i]
-  ), y = Na(c);
-  return /* @__PURE__ */ h.createElement(h.Fragment, null, s.map((S) => /* @__PURE__ */ h.createElement("link", { key: S, rel: "prefetch", as: "fetch", href: S, ...r })), g.map((S) => /* @__PURE__ */ h.createElement("link", { key: S, rel: "modulepreload", href: S, ...r })), y.map(({ key: S, link: R }) => (
+  ), E = Oa(c);
+  return /* @__PURE__ */ y.createElement(y.Fragment, null, d.map((S) => /* @__PURE__ */ y.createElement("link", { key: S, rel: "prefetch", as: "fetch", href: S, ...r })), g.map((S) => /* @__PURE__ */ y.createElement("link", { key: S, rel: "modulepreload", href: S, ...r })), E.map(({ key: S, link: R }) => (
     // these don't spread `linkProps` because they are full link descriptors
     // already with their own props
-    /* @__PURE__ */ h.createElement("link", { key: S, nonce: r.nonce, ...R })
+    /* @__PURE__ */ y.createElement("link", { key: S, nonce: r.nonce, ...R })
   )));
 }
-function Pa(...e) {
+function _a(...e) {
   return (t) => {
     e.forEach((r) => {
       typeof r == "function" ? r(t) : r != null && (r.current = t);
@@ -3612,7 +3637,7 @@ try {
   "7.9.6");
 } catch {
 }
-var Rr = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i, $e = h.forwardRef(
+var Rr = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i, $e = y.forwardRef(
   function({
     onClick: t,
     discover: r = "render",
@@ -3622,56 +3647,56 @@ var Rr = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i, $e = h.forwardRef(
     replace: u,
     state: l,
     target: f,
-    to: d,
+    to: s,
     preventScrollReset: c,
-    viewTransition: s,
+    viewTransition: d,
     ...g
-  }, y) {
-    let { basename: S } = h.useContext(K), R = typeof d == "string" && Rr.test(d), b, p = !1;
-    if (typeof d == "string" && R && (b = d, Ar))
+  }, E) {
+    let { basename: S } = y.useContext(K), R = typeof s == "string" && Rr.test(s), b, A = !1;
+    if (typeof s == "string" && R && (b = s, Ar))
       try {
-        let o = new URL(window.location.href), ce = d.startsWith("//") ? new URL(o.protocol + d) : new URL(d), tt = X(ce.pathname, S);
-        ce.origin === o.origin && tt != null ? d = tt + ce.search + ce.hash : p = !0;
+        let o = new URL(window.location.href), ce = s.startsWith("//") ? new URL(o.protocol + s) : new URL(s), tt = X(ce.pathname, S);
+        ce.origin === o.origin && tt != null ? s = tt + ce.search + ce.hash : A = !0;
       } catch {
         Y(
           !1,
-          `<Link to="${d}"> contains an invalid URL which will probably break when clicked - please update to a valid URL path.`
+          `<Link to="${s}"> contains an invalid URL which will probably break when clicked - please update to a valid URL path.`
         );
       }
-    let A = Yn(d, { relative: i }), [E, T, _] = Ta(
+    let p = Gn(s, { relative: i }), [h, T, _] = va(
       a,
       g
-    ), k = Ma(d, {
+    ), k = Ia(s, {
       replace: u,
       state: l,
       target: f,
       preventScrollReset: c,
       relative: i,
-      viewTransition: s
+      viewTransition: d
     });
     function m(o) {
       t && t(o), o.defaultPrevented || k(o);
     }
     let le = (
       // eslint-disable-next-line jsx-a11y/anchor-has-content
-      /* @__PURE__ */ h.createElement(
+      /* @__PURE__ */ y.createElement(
         "a",
         {
           ...g,
           ..._,
-          href: b || A,
-          onClick: p || n ? t : m,
-          ref: Pa(y, T),
+          href: b || p,
+          onClick: A || n ? t : m,
+          ref: _a(E, T),
           target: f,
           "data-discover": !R && r === "render" ? "true" : void 0
         }
       )
     );
-    return E && !R ? /* @__PURE__ */ h.createElement(h.Fragment, null, le, /* @__PURE__ */ h.createElement(Oa, { page: A })) : le;
+    return h && !R ? /* @__PURE__ */ y.createElement(y.Fragment, null, le, /* @__PURE__ */ y.createElement(Ta, { page: p })) : le;
   }
 );
 $e.displayName = "Link";
-var Ca = h.forwardRef(
+var Pa = y.forwardRef(
   function({
     "aria-current": t = "page",
     caseSensitive: r = !1,
@@ -3681,14 +3706,14 @@ var Ca = h.forwardRef(
     to: u,
     viewTransition: l,
     children: f,
-    ...d
+    ...s
   }, c) {
-    let s = ye(u, { relative: d.relative }), g = oe(), y = h.useContext(Re), { navigator: S, basename: R } = h.useContext(K), b = y != null && // Conditional usage is OK here because the usage of a data router is static
+    let d = ye(u, { relative: s.relative }), g = oe(), E = y.useContext(Re), { navigator: S, basename: R } = y.useContext(K), b = E != null && // Conditional usage is OK here because the usage of a data router is static
     // eslint-disable-next-line react-hooks/rules-of-hooks
-    Ua(s) && l === !0, p = S.encodeLocation ? S.encodeLocation(s).pathname : s.pathname, A = g.pathname, E = y && y.navigation && y.navigation.location ? y.navigation.location.pathname : null;
-    r || (A = A.toLowerCase(), E = E ? E.toLowerCase() : null, p = p.toLowerCase()), E && R && (E = X(E, R) || E);
-    const T = p !== "/" && p.endsWith("/") ? p.length - 1 : p.length;
-    let _ = A === p || !i && A.startsWith(p) && A.charAt(T) === "/", k = E != null && (E === p || !i && E.startsWith(p) && E.charAt(p.length) === "/"), m = {
+    ka(d) && l === !0, A = S.encodeLocation ? S.encodeLocation(d).pathname : d.pathname, p = g.pathname, h = E && E.navigation && E.navigation.location ? E.navigation.location.pathname : null;
+    r || (p = p.toLowerCase(), h = h ? h.toLowerCase() : null, A = A.toLowerCase()), h && R && (h = X(h, R) || h);
+    const T = A !== "/" && A.endsWith("/") ? A.length - 1 : A.length;
+    let _ = p === A || !i && p.startsWith(A) && p.charAt(T) === "/", k = h != null && (h === A || !i && h.startsWith(A) && h.charAt(A.length) === "/"), m = {
       isActive: _,
       isPending: k,
       isTransitioning: b
@@ -3700,10 +3725,10 @@ var Ca = h.forwardRef(
       b ? "transitioning" : null
     ].filter(Boolean).join(" ");
     let ce = typeof n == "function" ? n(m) : n;
-    return /* @__PURE__ */ h.createElement(
+    return /* @__PURE__ */ y.createElement(
       $e,
       {
-        ...d,
+        ...s,
         "aria-current": le,
         className: o,
         ref: c,
@@ -3715,8 +3740,8 @@ var Ca = h.forwardRef(
     );
   }
 );
-Ca.displayName = "NavLink";
-var wa = h.forwardRef(
+Pa.displayName = "NavLink";
+var Ca = y.forwardRef(
   ({
     discover: e = "render",
     fetcherKey: t,
@@ -3727,48 +3752,48 @@ var wa = h.forwardRef(
     method: u = Se,
     action: l,
     onSubmit: f,
-    relative: d,
+    relative: s,
     preventScrollReset: c,
-    viewTransition: s,
+    viewTransition: d,
     ...g
-  }, y) => {
-    let S = Da(), R = ka(l, { relative: d }), b = u.toLowerCase() === "get" ? "get" : "post", p = typeof l == "string" && Rr.test(l), A = (E) => {
-      if (f && f(E), E.defaultPrevented) return;
-      E.preventDefault();
-      let T = E.nativeEvent.submitter, _ = T?.getAttribute("formmethod") || u;
-      S(T || E.currentTarget, {
+  }, E) => {
+    let S = ja(), R = Da(l, { relative: s }), b = u.toLowerCase() === "get" ? "get" : "post", A = typeof l == "string" && Rr.test(l), p = (h) => {
+      if (f && f(h), h.defaultPrevented) return;
+      h.preventDefault();
+      let T = h.nativeEvent.submitter, _ = T?.getAttribute("formmethod") || u;
+      S(T || h.currentTarget, {
         fetcherKey: t,
         method: _,
         navigate: r,
         replace: i,
         state: n,
-        relative: d,
+        relative: s,
         preventScrollReset: c,
-        viewTransition: s
+        viewTransition: d
       });
     };
-    return /* @__PURE__ */ h.createElement(
+    return /* @__PURE__ */ y.createElement(
       "form",
       {
-        ref: y,
+        ref: E,
         method: b,
         action: R,
-        onSubmit: a ? f : A,
+        onSubmit: a ? f : p,
         ...g,
-        "data-discover": !p && e === "render" ? "true" : void 0
+        "data-discover": !A && e === "render" ? "true" : void 0
       }
     );
   }
 );
-wa.displayName = "Form";
-function Ia(e) {
+Ca.displayName = "Form";
+function wa(e) {
   return `${e} must be used within a data router.  See https://reactrouter.com/en/main/routers/picking-a-router.`;
 }
 function vr(e) {
-  let t = h.useContext(se);
-  return L(t, Ia(e)), t;
+  let t = y.useContext(se);
+  return L(t, wa(e)), t;
 }
-function Ma(e, {
+function Ia(e, {
   target: t,
   replace: r,
   state: a,
@@ -3776,14 +3801,14 @@ function Ma(e, {
   relative: n,
   viewTransition: u
 } = {}) {
-  let l = zn(), f = oe(), d = ye(e, { relative: n });
-  return h.useCallback(
+  let l = Yn(), f = oe(), s = ye(e, { relative: n });
+  return y.useCallback(
     (c) => {
-      if (da(c, t)) {
+      if (sa(c, t)) {
         c.preventDefault();
-        let s = r !== void 0 ? r : Ge(f) === Ge(d);
+        let d = r !== void 0 ? r : Ge(f) === Ge(s);
         l(e, {
-          replace: s,
+          replace: d,
           state: a,
           preventScrollReset: i,
           relative: n,
@@ -3794,7 +3819,7 @@ function Ma(e, {
     [
       f,
       l,
-      d,
+      s,
       r,
       a,
       t,
@@ -3805,24 +3830,24 @@ function Ma(e, {
     ]
   );
 }
-var La = 0, ja = () => `__${String(++La)}__`;
-function Da() {
+var Ma = 0, La = () => `__${String(++Ma)}__`;
+function ja() {
   let { router: e } = vr(
     "useSubmit"
     /* UseSubmit */
-  ), { basename: t } = h.useContext(K), r = na();
-  return h.useCallback(
+  ), { basename: t } = y.useContext(K), r = ra();
+  return y.useCallback(
     async (a, i = {}) => {
-      let { action: n, method: u, encType: l, formData: f, body: d } = ga(
+      let { action: n, method: u, encType: l, formData: f, body: s } = ma(
         a,
         t
       );
       if (i.navigate === !1) {
-        let c = i.fetcherKey || ja();
+        let c = i.fetcherKey || La();
         await e.fetch(c, r, i.action || n, {
           preventScrollReset: i.preventScrollReset,
           formData: f,
-          body: d,
+          body: s,
           formMethod: i.method || u,
           formEncType: i.encType || l,
           flushSync: i.flushSync
@@ -3831,7 +3856,7 @@ function Da() {
         await e.navigate(i.action || n, {
           preventScrollReset: i.preventScrollReset,
           formData: f,
-          body: d,
+          body: s,
           formMethod: i.method || u,
           formEncType: i.encType || l,
           replace: i.replace,
@@ -3844,23 +3869,23 @@ function Da() {
     [e, t, r]
   );
 }
-function ka(e, { relative: t } = {}) {
-  let { basename: r } = h.useContext(K), a = h.useContext(Z);
+function Da(e, { relative: t } = {}) {
+  let { basename: r } = y.useContext(K), a = y.useContext(Z);
   L(a, "useFormAction must be used inside a RouteContext");
   let [i] = a.matches.slice(-1), n = { ...ye(e || ".", { relative: t }) }, u = oe();
   if (e == null) {
     n.search = u.search;
     let l = new URLSearchParams(n.search), f = l.getAll("index");
     if (f.some((c) => c === "")) {
-      l.delete("index"), f.filter((s) => s).forEach((s) => l.append("index", s));
+      l.delete("index"), f.filter((d) => d).forEach((d) => l.append("index", d));
       let c = l.toString();
       n.search = c ? `?${c}` : "";
     }
   }
   return (!e || e === ".") && i.route.index && (n.search = n.search ? n.search.replace(/^\?/, "?index&") : "?index"), r !== "/" && (n.pathname = n.pathname === "/" ? r : z([r, n.pathname])), Ge(n);
 }
-function Ua(e, { relative: t } = {}) {
-  let r = h.useContext(br);
+function ka(e, { relative: t } = {}) {
+  let r = y.useContext(br);
   L(
     r != null,
     "`useViewTransitionState` must be used within `react-router-dom`'s `RouterProvider`.  Did you accidentally import `RouterProvider` from `react-router`?"
@@ -3883,24 +3908,24 @@ function Tr(e) {
   } else for (r in e) e[r] && (a && (a += " "), a += r);
   return a;
 }
-function Wa() {
+function Ua() {
   for (var e, t, r = 0, a = "", i = arguments.length; r < i; r++) (e = arguments[r]) && (t = Tr(e)) && (a && (a += " "), a += t);
   return a;
 }
-const tr = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, rr = Wa, et = (e, t) => (r) => {
+const tr = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, rr = Ua, et = (e, t) => (r) => {
   var a;
   if (t?.variants == null) return rr(e, r?.class, r?.className);
-  const { variants: i, defaultVariants: n } = t, u = Object.keys(i).map((d) => {
-    const c = r?.[d], s = n?.[d];
+  const { variants: i, defaultVariants: n } = t, u = Object.keys(i).map((s) => {
+    const c = r?.[s], d = n?.[s];
     if (c === null) return null;
-    const g = tr(c) || tr(s);
-    return i[d][g];
-  }), l = r && Object.entries(r).reduce((d, c) => {
-    let [s, g] = c;
-    return g === void 0 || (d[s] = g), d;
-  }, {}), f = t == null || (a = t.compoundVariants) === null || a === void 0 ? void 0 : a.reduce((d, c) => {
-    let { class: s, className: g, ...y } = c;
-    return Object.entries(y).every((S) => {
+    const g = tr(c) || tr(d);
+    return i[s][g];
+  }), l = r && Object.entries(r).reduce((s, c) => {
+    let [d, g] = c;
+    return g === void 0 || (s[d] = g), s;
+  }, {}), f = t == null || (a = t.compoundVariants) === null || a === void 0 ? void 0 : a.reduce((s, c) => {
+    let { class: d, className: g, ...E } = c;
+    return Object.entries(E).every((S) => {
       let [R, b] = S;
       return Array.isArray(b) ? b.includes({
         ...n,
@@ -3910,13 +3935,13 @@ const tr = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, rr = Wa, e
         ...l
       }[R] === b;
     }) ? [
-      ...d,
-      s,
+      ...s,
+      d,
       g
-    ] : d;
+    ] : s;
   }, []);
   return rr(e, u, f, r?.class, r?.className);
-}, Va = et("border-b transition-all duration-200", {
+}, Wa = et("border-b transition-all duration-200", {
   variants: {
     variant: {
       default: "bg-gradient-to-r from-green-100 to-blue-100 dark:from-green-900/20 dark:to-blue-900/20 border-green-200 dark:border-green-700",
@@ -3934,7 +3959,7 @@ const tr = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, rr = Wa, e
     variant: "default",
     size: "default"
   }
-}), Fa = et("font-semibold", {
+}), Va = et("font-semibold", {
   variants: {
     variant: {
       default: "text-green-800 dark:text-green-200",
@@ -3946,7 +3971,7 @@ const tr = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, rr = Wa, e
   defaultVariants: {
     variant: "default"
   }
-}), Ba = et(
+}), Fa = et(
   "inline-flex items-center justify-center px-6 py-2 rounded-lg font-medium transition-all duration-200 hover:transform hover:scale-105 focus:outline-none focus:ring-2 focus:ring-offset-2",
   {
     variants: {
@@ -3961,7 +3986,7 @@ const tr = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, rr = Wa, e
       variant: "default"
     }
   }
-), ti = ({
+), ei = ({
   className: e,
   variant: t = "default",
   size: r = "default",
@@ -3971,86 +3996,100 @@ const tr = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, rr = Wa, e
   showBadge: u = !0,
   badgeText: l = "FREE",
   onDismiss: f,
-  isDismissible: d = !1,
-  dismissAriaLabel: c = "Dismiss banner"
-}) => {
-  const { containerClass: s } = Nr();
-  return /* @__PURE__ */ N("div", { className: j(Va({ variant: t, size: r }), e), children: /* @__PURE__ */ N("div", { className: s, children: /* @__PURE__ */ H("div", { className: "flex flex-col sm:flex-row items-center justify-center gap-4 text-center relative", children: [
-    d && f && /* @__PURE__ */ N(
-      "button",
+  isDismissible: s = !1,
+  dismissAriaLabel: c = "Dismiss banner",
+  onTrack: d
+}) => /* @__PURE__ */ N("div", { className: j(Wa({ variant: t, size: r }), e), children: /* @__PURE__ */ N("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: /* @__PURE__ */ H("div", { className: "flex flex-col sm:flex-row items-center justify-center gap-4 text-center relative", children: [
+  s && f && /* @__PURE__ */ N(
+    "button",
+    {
+      onClick: () => {
+        d?.("dismiss"), f();
+      },
+      className: "absolute right-0 top-1/2 -translate-y-1/2 p-1 rounded-full hover:bg-black/10 dark:hover:bg-white/10 transition-colors",
+      "aria-label": c,
+      children: /* @__PURE__ */ N(
+        "svg",
+        {
+          className: "w-4 h-4 text-current opacity-60",
+          fill: "none",
+          stroke: "currentColor",
+          viewBox: "0 0 24 24",
+          children: /* @__PURE__ */ N(
+            "path",
+            {
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              strokeWidth: 2,
+              d: "M6 18L18 6M6 6l12 12"
+            }
+          )
+        }
+      )
+    }
+  ),
+  /* @__PURE__ */ H("div", { className: "flex items-center", children: [
+    u && /* @__PURE__ */ N(
+      "div",
       {
-        onClick: f,
-        className: "absolute right-0 top-1/2 -translate-y-1/2 p-1 rounded-full hover:bg-black/10 dark:hover:bg-white/10 transition-colors",
-        "aria-label": c,
-        children: /* @__PURE__ */ N(
-          "svg",
-          {
-            className: "w-4 h-4 text-current opacity-60",
-            fill: "none",
-            stroke: "currentColor",
-            viewBox: "0 0 24 24",
-            children: /* @__PURE__ */ N(
-              "path",
-              {
-                strokeLinecap: "round",
-                strokeLinejoin: "round",
-                strokeWidth: 2,
-                d: "M6 18L18 6M6 6l12 12"
-              }
-            )
-          }
-        )
+        className: j(
+          "text-xs font-bold px-3 py-1 rounded-full mr-3 transition-colors",
+          t === "vibrant" ? "bg-white text-blue-600" : "bg-green-500 text-white"
+        ),
+        children: l
       }
     ),
-    /* @__PURE__ */ H("div", { className: "flex items-center", children: [
-      u && /* @__PURE__ */ N(
-        "div",
-        {
-          className: j(
-            "text-xs font-bold px-3 py-1 rounded-full mr-3 transition-colors",
-            t === "vibrant" ? "bg-white text-blue-600" : "bg-green-500 text-white"
-          ),
-          children: l
-        }
-      ),
-      /* @__PURE__ */ N("span", { className: j(Fa({ variant: t })), children: a })
-    ] }),
-    /* @__PURE__ */ N($e, { to: n, className: j(Ba({ variant: t })), children: i })
-  ] }) }) });
-}, ri = ({
+    /* @__PURE__ */ N("span", { className: j(Va({ variant: t })), children: a })
+  ] }),
+  /* @__PURE__ */ N(
+    $e,
+    {
+      to: n,
+      className: j(Fa({ variant: t })),
+      onClick: () => d?.("cta_click"),
+      children: i
+    }
+  )
+] }) }) }), ti = ({
   className: e,
   children: t,
   disabled: r = !1,
-  onClick: a
-}) => /* @__PURE__ */ N(
-  "div",
-  {
-    className: j(
-      "p-4 rounded-lg border transition-colors",
-      "bg-white dark:bg-gray-900",
-      "border-gray-200 dark:border-gray-700",
-      "text-gray-900 dark:text-white",
-      r && "opacity-50 cursor-not-allowed",
-      "hover:bg-gray-50 dark:hover:bg-gray-800",
-      e
-    ),
-    onClick: r ? void 0 : a,
-    role: "region",
-    "aria-label": "UsubscriptionUplan",
-    children: t || "UsubscriptionUplan Component"
-  }
-);
+  onClick: a,
+  onTrack: i
+}) => {
+  const n = () => {
+    r || (i?.("click"), a?.());
+  };
+  return /* @__PURE__ */ N(
+    "div",
+    {
+      className: j(
+        "p-4 rounded-lg border transition-colors",
+        "bg-white dark:bg-gray-900",
+        "border-gray-200 dark:border-gray-700",
+        "text-gray-900 dark:text-white",
+        r && "opacity-50 cursor-not-allowed",
+        "hover:bg-gray-50 dark:hover:bg-gray-800",
+        e
+      ),
+      onClick: n,
+      role: "region",
+      "aria-label": "UsubscriptionUplan",
+      children: t || "UsubscriptionUplan Component"
+    }
+  );
+};
 export {
-  Za as AbTestEmail,
+  Ka as AbTestEmail,
   Xt as CollapsibleEmailField,
-  Ja as ContactCard,
-  Xa as EmailAccountsList,
-  Qa as EmailAnalytics,
-  xa as EmailCampaign,
+  Za as ContactCard,
+  Ja as EmailAccountsList,
+  Xa as EmailAnalytics,
+  Qa as EmailCampaign,
   lr as EmailInputField,
-  $a as EmailInputGroup,
-  ti as FreeEmailBanner,
-  Ka as SubscriberList,
-  ei as UemailUtemplate,
-  ri as UsubscriptionUplan
+  xa as EmailInputGroup,
+  ei as FreeEmailBanner,
+  za as SubscriberList,
+  $a as UemailUtemplate,
+  ti as UsubscriptionUplan
 };