@deframe-sdk/components 0.1.29 → 0.1.31

package/dist/index.mjs

@@ -1759,7 +1759,7 @@ var BannerNotification = (_a) => {
   const bannerClasses = twMerge(
     baseClasses,
     typeClasses[t],
-    variantTextClasses[v],
+    t === "toast" ? "text-white" : variantTextClasses[v],
     isExiting && "opacity-0 -translate-y-2",
     className
   );
@@ -7593,6 +7593,68 @@ var StrategyGridCard = ({
     ]
   }
 );
+var strategyCardClasses = [
+  "w-full",
+  "bg-[var(--deframe-widget-color-bg-secondary)]",
+  "border border-[color:var(--deframe-widget-color-border-secondary)]",
+  "rounded-[var(--deframe-widget-size-radius-md)]",
+  "p-[var(--deframe-widget-size-padding-x-md)]",
+  "flex flex-row items-center justify-between",
+  "gap-[var(--deframe-widget-size-gap-md)]",
+  "hover:border-[color:var(--deframe-widget-color-border-primary)]",
+  "transition-colors"
+].join(" ");
+var StrategyGridCardSimple = ({
+  logoUrl,
+  title,
+  chainName,
+  apyFormatted,
+  riskLevel,
+  onInvestClick,
+  labels
+}) => {
+  var _a, _b, _c, _d, _e;
+  const investLabel = (_a = labels == null ? void 0 : labels.investLabel) != null ? _a : "Depositar";
+  const riskBadgeMap = {
+    low: /* @__PURE__ */ jsx(LowRiskBadge, { label: (_b = labels == null ? void 0 : labels.riskLow) != null ? _b : "Risco Baixo" }),
+    medium: /* @__PURE__ */ jsx(MediumRiskBadge, { label: (_c = labels == null ? void 0 : labels.riskMedium) != null ? _c : "Risco M\xE9dio" }),
+    high: /* @__PURE__ */ jsx(HighRiskBadge, { label: (_d = labels == null ? void 0 : labels.riskHigh) != null ? _d : "Risco Alto" })
+  };
+  return /* @__PURE__ */ jsxs(
+    "article",
+    {
+      "data-slot": "strategy-grid-card-simple",
+      "data-test-id": "strategy-grid-card-simple",
+      className: strategyCardClasses,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-[var(--deframe-widget-size-gap-sm)] min-w-0", children: [
+          /* @__PURE__ */ jsx("div", { className: "w-10 h-10 rounded-full bg-[var(--deframe-widget-color-bg-tertiary)] flex items-center justify-center overflow-hidden shrink-0", children: /* @__PURE__ */ jsx("img", { alt: title, src: logoUrl, referrerPolicy: "no-referrer", className: "w-full h-full object-contain" }) }),
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col min-w-0", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-[length:var(--deframe-widget-font-size-sm)] [font-weight:var(--deframe-widget-font-weight-semibold)] text-[color:var(--deframe-widget-color-text-primary)] leading-[var(--deframe-widget-font-leading-sm)] font-[var(--deframe-widget-font-family)] truncate", children: title }),
+            /* @__PURE__ */ jsx("span", { className: "text-[length:var(--deframe-widget-font-size-xs)] text-[color:var(--deframe-widget-color-text-secondary)] leading-[var(--deframe-widget-font-leading-xs)]", children: chainName })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-[length:var(--deframe-widget-font-size-xs)] [font-weight:var(--deframe-widget-font-weight-medium)] uppercase tracking-[0.08em] text-[color:var(--deframe-widget-color-text-tertiary)]", children: (_e = labels == null ? void 0 : labels.apyLabel) != null ? _e : "Rendimento" }),
+          /* @__PURE__ */ jsx("span", { className: "text-[length:var(--deframe-widget-font-size-lg)] [font-weight:var(--deframe-widget-font-weight-bold)] text-[color:var(--deframe-widget-color-brand-primary)] font-[var(--deframe-widget-font-family)] leading-none mt-[2px]", children: apyFormatted })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-[var(--deframe-widget-size-gap-sm)] flex-shrink-0", children: [
+          /* @__PURE__ */ jsx("div", { className: "flex-shrink-0 whitespace-nowrap", children: riskBadgeMap[riskLevel] }),
+          /* @__PURE__ */ jsx(
+            PrimaryButton,
+            {
+              "data-test-id": "strategy-grid-card-simple-invest",
+              "aria-label": `${investLabel} ${title}`,
+              onClick: onInvestClick,
+              className: "h-9 text-[13px] px-[var(--deframe-widget-size-padding-x-md)]",
+              children: investLabel
+            }
+          )
+        ] })
+      ]
+    }
+  );
+};
 var BackButton = ({ onClick, ariaLabel = "Back", className }) => {
   const baseClasses = "w-12 h-12 rounded-[var(--deframe-widget-size-radius-full)] flex items-center justify-center text-[color:var(--deframe-widget-color-text-secondary)] hover:text-[color:var(--deframe-widget-color-brand-primary)] transition-colors cursor-pointer";
   return /* @__PURE__ */ jsx(
@@ -7754,551 +7816,1315 @@ var GroupedStrategyListView = ({
     ] })
   ] });
 };
-var DateLabel = ({ children }) => {
-  return /* @__PURE__ */ jsx("div", { className: "text-text-sm-mobile font-poppins text-[color:var(--deframe-widget-color-text-secondary)] dark:text-[color:var(--deframe-widget-color-text-secondary-dark)]", children });
-};
-var ArrowBadge = ({ isDeposit }) => {
-  return /* @__PURE__ */ jsx("div", { className: "absolute bottom-[-2px] right-[-2px] w-[15px] h-[15px] rounded-full bg-[var(--deframe-widget-color-bg-secondary)] dark:bg-[var(--deframe-widget-color-bg-secondary-dark)] flex items-center justify-center border border-[color:var(--deframe-widget-color-bg-secondary)] dark:border-[color:var(--deframe-widget-color-bg-secondary-dark)]", children: isDeposit ? /* @__PURE__ */ jsx(MdArrowDownward, { className: "w-3 h-3 text-[color:var(--deframe-widget-color-text-primary)] dark:text-[color:var(--deframe-widget-color-text-primary-dark)]" }) : /* @__PURE__ */ jsx(MdArrowUpward, { className: "w-3 h-3 text-[color:var(--deframe-widget-color-text-primary)] dark:text-[color:var(--deframe-widget-color-text-primary-dark)]" }) });
-};
-var TokenIconWithBadge2 = ({ src, alt, isDeposit }) => {
-  const fallbackText = encodeURIComponent((alt || "TOK").slice(0, 3).toUpperCase());
-  const fallbackSrc = `https://placehold.co/40x40?text=${fallbackText}`;
-  const resolvedSrc = src || fallbackSrc;
-  return /* @__PURE__ */ jsxs("div", { className: "relative flex-shrink-0", children: [
-    /* @__PURE__ */ jsx("div", { className: "w-10 h-10 rounded-xl bg-[var(--deframe-widget-color-bg-tertiary)] dark:bg-[var(--deframe-widget-color-bg-tertiary-dark)] flex items-center justify-center overflow-hidden", children: /* @__PURE__ */ jsx(
-      "img",
-      {
-        src: resolvedSrc,
-        alt,
-        className: "w-full h-full object-cover",
-        onError: (e) => {
-          e.target.src = fallbackSrc;
-        }
-      }
-    ) }),
-    /* @__PURE__ */ jsx(ArrowBadge, { isDeposit })
-  ] });
-};
-var SwapIconWithBadge = ({ src, alt }) => {
-  const fallbackText = encodeURIComponent((alt || "TOK").slice(0, 3).toUpperCase());
-  const fallbackSrc = `https://placehold.co/40x40?text=${fallbackText}`;
-  const resolvedSrc = src || fallbackSrc;
-  return /* @__PURE__ */ jsxs("div", { className: "relative flex-shrink-0", children: [
-    /* @__PURE__ */ jsx("div", { className: "w-10 h-10 rounded-xl bg-[var(--deframe-widget-color-bg-tertiary)] dark:bg-[var(--deframe-widget-color-bg-tertiary-dark)] flex items-center justify-center overflow-hidden", children: /* @__PURE__ */ jsx(
-      "img",
-      {
-        src: resolvedSrc,
-        alt,
-        className: "w-full h-full object-cover",
-        onError: (e) => {
-          e.target.src = fallbackSrc;
-        }
-      }
-    ) }),
-    /* @__PURE__ */ jsx("div", { className: "absolute bottom-[-2px] right-[-2px] w-[15px] h-[15px] rounded-full bg-[var(--deframe-widget-color-bg-secondary)] dark:bg-[var(--deframe-widget-color-bg-secondary-dark)] flex items-center justify-center border border-[color:var(--deframe-widget-color-bg-secondary)] dark:border-[color:var(--deframe-widget-color-bg-secondary-dark)]", children: /* @__PURE__ */ jsx(MdArrowUpward, { className: "w-3 h-3 text-[color:var(--deframe-widget-color-text-primary)] dark:text-[color:var(--deframe-widget-color-text-primary-dark)]" }) })
-  ] });
-};
-var AmountDisplay = ({ amount, usdAmount }) => {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(Label, { className: "text-accent-sm-mobile whitespace-nowrap", children: amount }),
-    usdAmount ? /* @__PURE__ */ jsx(Label, { variant: "secondary", className: "whitespace-nowrap", children: usdAmount }) : null
-  ] });
-};
-var HistoryListView = ({
-  groups,
-  showLoadMore,
-  onLoadMore,
-  loadMoreLabel,
-  itemClassName
+var DEFAULT_COLOR_TOKEN = "var(--deframe-widget-color-brand-primary)";
+var ImageBannerCard = ({
+  imageUrl,
+  alt,
+  onClick,
+  apyFormatted,
+  description,
+  colorToken = DEFAULT_COLOR_TOKEN
 }) => {
-  if (groups.length === 0) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxs("div", { className: "self-stretch flex flex-col gap-[16px]", children: [
-    groups.map((group) => /* @__PURE__ */ jsxs("div", { className: "self-stretch flex flex-col gap-sm", children: [
-      /* @__PURE__ */ jsx(DateLabel, { children: group.dateLabel }),
-      group.items.map((item) => /* @__PURE__ */ jsxs(
-        ListItem,
-        {
-          onClick: () => item.onClick(),
-          containerClassName: twMerge("!rounded-xs !border-0 !min-h-[72px]", itemClassName),
-          children: [
-            /* @__PURE__ */ jsx(ListItemLeftSide, { children: item.isSwap ? /* @__PURE__ */ jsx(SwapIconWithBadge, { src: item.iconUrl, alt: item.iconAlt }) : /* @__PURE__ */ jsx(
-              TokenIconWithBadge2,
-              {
-                src: item.iconUrl,
-                alt: item.iconAlt,
-                isDeposit: item.isDeposit
-              }
-            ) }),
-            /* @__PURE__ */ jsxs(ListItemContent, { children: [
-              /* @__PURE__ */ jsx(Label, { className: "text-text-lg-mobile", children: item.title }),
-              /* @__PURE__ */ jsx(Label, { variant: "secondary", className: "text-[color:var(--deframe-widget-color-text-tertiary)] dark:text-[color:var(--deframe-widget-color-text-tertiary-dark)]", children: item.subtitle }),
-              item.status === "PENDING" && item.statusLabel ? /* @__PURE__ */ jsx("div", { className: "mt-[6px]", children: /* @__PURE__ */ jsx(
-                ProcessingBadge,
+  const isClickable = !!onClick;
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      "data-slot": "image-banner-card",
+      "data-test-id": "image-banner-card",
+      "aria-label": alt,
+      onClick,
+      className: twMerge(
+        "relative w-full overflow-hidden text-left",
+        "rounded-[var(--deframe-widget-size-radius-md)]",
+        "border",
+        "transition-[transform,opacity] duration-150",
+        isClickable ? "cursor-pointer active:scale-[0.98]" : "cursor-default"
+      ),
+      style: {
+        background: `linear-gradient(to right, color-mix(in srgb, ${colorToken} 10%, #080a0e) 0%, #080a0e 55%, #050507 100%)`,
+        borderColor: `color-mix(in srgb, ${colorToken} 22%, transparent)`
+      },
+      children: /* @__PURE__ */ jsxs("div", { className: "relative flex flex-row items-stretch w-full", children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "flex flex-col gap-[var(--deframe-widget-size-gap-xs)] z-[1] px-[var(--deframe-widget-size-padding-x-md)] py-[var(--deframe-widget-size-padding-y-xl)]",
+            style: { flex: imageUrl ? "0 0 55%" : "1 1 auto" },
+            children: [
+              /* @__PURE__ */ jsx(
+                "span",
                 {
-                  label: item.statusLabel,
-                  title: item.statusTitle,
-                  size: "compact"
+                  "data-test-id": "image-banner-card-name",
+                  className: "text-[length:var(--deframe-widget-font-size-xs)] [font-weight:var(--deframe-widget-font-weight-medium)] font-[var(--deframe-widget-font-family)] uppercase tracking-[0.08em]",
+                  style: { color: `color-mix(in srgb, ${colorToken} 80%, var(--deframe-widget-color-text-secondary))` },
+                  children: alt
                 }
-              ) }) : null
-            ] }),
-            /* @__PURE__ */ jsx(ListItemRightSide, { children: /* @__PURE__ */ jsx(AmountDisplay, { amount: item.amountFormatted, usdAmount: item.amountUsd }) })
-          ]
-        },
-        item.id
-      ))
-    ] }, group.dateLabel)),
-    showLoadMore && /* @__PURE__ */ jsx("div", { className: "flex justify-center pt-sm", children: /* @__PURE__ */ jsx(TertiaryButton, { onClick: onLoadMore, children: loadMoreLabel }) })
-  ] });
-};
-var OverviewEarnWidgetTabSkeleton = () => {
-  return /* @__PURE__ */ jsxs("div", { className: "w-full flex flex-col gap-md", children: [
-    /* @__PURE__ */ jsx(Skeleton, { width: "100%", height: "40px", variant: "rect" }),
-    /* @__PURE__ */ jsxs("div", { className: "flex gap-sm", children: [
-      /* @__PURE__ */ jsx(Skeleton, { width: "100%", height: "144px", variant: "rect" }),
-      /* @__PURE__ */ jsx(Skeleton, { width: "100%", height: "144px", variant: "rect" })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "w-full", children: [
-      /* @__PURE__ */ jsx(Skeleton, { width: "128px", height: "20px", variant: "text", className: "mb-sm" }),
-      /* @__PURE__ */ jsx(Skeleton, { width: "100%", height: "80px", variant: "rect" })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "w-full", children: [
-      /* @__PURE__ */ jsx(Skeleton, { width: "96px", height: "20px", variant: "text", className: "mb-sm" }),
-      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-sm", children: [
-        /* @__PURE__ */ jsx(Skeleton, { width: "100%", height: "64px", variant: "rect" }),
-        /* @__PURE__ */ jsx(Skeleton, { width: "100%", height: "64px", variant: "rect" }),
-        /* @__PURE__ */ jsx(Skeleton, { width: "100%", height: "64px", variant: "rect" }),
-        /* @__PURE__ */ jsx(Skeleton, { width: "100%", height: "64px", variant: "rect" })
+              ),
+              apyFormatted && /* @__PURE__ */ jsxs("div", { "data-test-id": "image-banner-card-apy", className: "flex items-baseline gap-[4px]", children: [
+                /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    className: "text-[38px] [font-weight:var(--deframe-widget-font-weight-bold)] font-[var(--deframe-widget-font-family)] leading-[1]",
+                    style: { color: colorToken },
+                    children: apyFormatted
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    className: "text-[length:var(--deframe-widget-font-size-xs)] [font-weight:var(--deframe-widget-font-weight-semibold)] font-[var(--deframe-widget-font-family)] uppercase tracking-[0.1em]",
+                    style: { color: `color-mix(in srgb, ${colorToken} 60%, transparent)` },
+                    children: "APY"
+                  }
+                )
+              ] }),
+              description && /* @__PURE__ */ jsx(
+                "span",
+                {
+                  "data-test-id": "image-banner-card-description",
+                  className: "text-[length:var(--deframe-widget-font-size-xs)] leading-[var(--deframe-widget-font-leading-sm)] text-[color:var(--deframe-widget-color-text-tertiary)] font-[var(--deframe-widget-font-family)]",
+                  children: description
+                }
+              )
+            ]
+          }
+        ),
+        imageUrl && /* @__PURE__ */ jsxs(
+          "div",
+          {
+            "data-test-id": "image-banner-card-image-wrapper",
+            className: "relative flex-1 overflow-hidden",
+            style: { minHeight: 160 },
+            children: [
+              /* @__PURE__ */ jsx(
+                "img",
+                {
+                  "data-test-id": "image-banner-card-image",
+                  src: imageUrl,
+                  alt: "",
+                  "aria-hidden": "true",
+                  className: "absolute inset-0 w-full h-full object-cover object-center"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: "absolute inset-0",
+                  style: {
+                    background: "linear-gradient(to right, #080a0e 0%, transparent 40%)"
+                  }
+                }
+              )
+            ]
+          }
+        )
       ] })
-    ] })
-  ] });
+    }
+  );
 };
-var EarnOverviewView = ({
-  selectedTab,
-  onTabChange,
-  labels,
-  overview,
-  explore,
-  history
+var GRID_COLS = "grid grid-cols-[1fr_100px_130px] gap-x-[var(--deframe-widget-size-gap-md)]";
+var HISTORY_PAGE_SIZE = 5;
+var HISTORY_CONFIG = {
+  deposit: { label: "Depositado", color: "var(--deframe-widget-color-state-info)" },
+  withdraw: { label: "Sacado", color: "var(--deframe-widget-color-text-secondary)" },
+  interest: { label: "Juros Recebidos", color: "var(--deframe-widget-color-brand-primary)" }
+};
+var EarnHubStrategyCard = ({
+  logoUrl,
+  assetName,
+  network,
+  investedFormatted,
+  earningsFormatted,
+  isLoading,
+  onInvestClick,
+  onWithdrawClick,
+  history = [],
+  labels
 }) => {
-  return /* @__PURE__ */ jsx(BackgroundContainer, { className: "flex flex-col flex-1 min-h-0 px-0", children: /* @__PURE__ */ jsxs(Tabs, { value: selectedTab, onValueChange: onTabChange, variant: "default", className: "flex flex-col flex-1 min-h-0", children: [
-    /* @__PURE__ */ jsxs(TabsList, { className: "justify-between w-full", children: [
-      /* @__PURE__ */ jsx(TabsTrigger, { value: "overview", className: "flex-1", children: labels.tabs.overview }),
-      /* @__PURE__ */ jsx(TabsTrigger, { value: "explore", className: "flex-1", children: labels.tabs.explore }),
-      /* @__PURE__ */ jsx(TabsTrigger, { value: "history", className: "flex-1", children: labels.tabs.history })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "flex flex-col flex-1 w-full min-h-0 px-md pt-md", children: [
-      /* @__PURE__ */ jsx(TabsContent, { value: "overview", className: "flex flex-col flex-1 min-h-0", children: overview.isLoading ? /* @__PURE__ */ jsx(OverviewEarnWidgetTabSkeleton, {}) : /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(WalletBalances, { cards: overview.walletBalances }),
-        /* @__PURE__ */ jsx(GroupedStrategyListView, __spreadValues({}, overview.groupedStrategies))
-      ] }) }),
-      /* @__PURE__ */ jsxs(TabsContent, { value: "explore", children: [
-        /* @__PURE__ */ jsx("div", { className: "flex-shrink-0 w-full mb-4 h-12", children: /* @__PURE__ */ jsx(
-          SearchInput,
+  var _a, _b, _c, _d, _e;
+  const [expanded, setExpanded] = React6__default.useState(false);
+  const [showAll, setShowAll] = React6__default.useState(false);
+  const investLabel = (_a = labels == null ? void 0 : labels.investLabel) != null ? _a : "Depositar";
+  const withdrawLabel = (_b = labels == null ? void 0 : labels.withdrawLabel) != null ? _b : "Sacar";
+  const historyTitle = (_c = labels == null ? void 0 : labels.historyTitle) != null ? _c : "Hist\xF3rico";
+  const visibleHistory = showAll ? history : history.slice(0, HISTORY_PAGE_SIZE);
+  const hasMore = history.length > HISTORY_PAGE_SIZE && !showAll;
+  return /* @__PURE__ */ jsxs(
+    "li",
+    {
+      "data-slot": "earn-hub-strategy-card",
+      "data-test-id": "earn-hub-strategy-card",
+      className: "border-t border-[color:var(--deframe-widget-color-border-secondary)] list-none",
+      children: [
+        /* @__PURE__ */ jsxs(
+          "div",
           {
-            value: explore.searchValue,
-            onChange: (value) => explore.onSearchChange(value),
-            placeholder: explore.searchPlaceholder
+            "data-slot": "earn-hub-strategy-card-main",
+            onClick: () => setExpanded((v) => !v),
+            className: twMerge(
+              GRID_COLS,
+              "items-center cursor-pointer",
+              "px-[var(--deframe-widget-size-padding-x-md)] py-[13px]",
+              "transition-colors duration-150",
+              "hover:bg-[color:color-mix(in_srgb,var(--deframe-widget-color-bg-tertiary)_60%,transparent)]"
+            ),
+            children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-[var(--deframe-widget-size-gap-sm)] min-w-0", children: [
+                /* @__PURE__ */ jsx("div", { className: "w-[36px] h-[36px] rounded-full bg-[var(--deframe-widget-color-bg-tertiary)] flex items-center justify-center overflow-hidden shrink-0", children: /* @__PURE__ */ jsx("img", { alt: assetName, src: logoUrl, referrerPolicy: "no-referrer", className: "w-full h-full object-contain" }) }),
+                /* @__PURE__ */ jsxs("div", { className: "flex flex-col min-w-0", children: [
+                  /* @__PURE__ */ jsx("span", { className: "text-[length:var(--deframe-widget-font-size-sm)] [font-weight:var(--deframe-widget-font-weight-semibold)] text-[color:var(--deframe-widget-color-text-primary)] leading-[var(--deframe-widget-font-leading-sm)] font-[var(--deframe-widget-font-family)] truncate", children: assetName }),
+                  network && /* @__PURE__ */ jsx("span", { className: "text-[length:var(--deframe-widget-font-size-xs)] text-[color:var(--deframe-widget-color-text-secondary)] leading-[var(--deframe-widget-font-leading-xs)]", children: network })
+                ] })
+              ] }),
+              /* @__PURE__ */ jsx("div", { className: "flex justify-center", children: isLoading ? /* @__PURE__ */ jsx(Skeleton, { variant: "rect", width: 40, height: 16 }) : /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: "text-[length:var(--deframe-widget-font-size-md)] [font-weight:var(--deframe-widget-font-weight-bold)] font-[var(--deframe-widget-font-family)] leading-none",
+                  style: { color: "var(--deframe-widget-color-brand-primary)" },
+                  children: earningsFormatted
+                }
+              ) }),
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-[var(--deframe-widget-size-gap-xs)]", children: [
+                /* @__PURE__ */ jsx("div", { className: "flex flex-col items-end", children: isLoading ? /* @__PURE__ */ jsx(Skeleton, { variant: "rect", width: 60, height: 16 }) : investedFormatted ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                  /* @__PURE__ */ jsx("span", { className: "text-[length:var(--deframe-widget-font-size-sm)] [font-weight:var(--deframe-widget-font-weight-semibold)] text-[color:var(--deframe-widget-color-text-primary)] leading-[var(--deframe-widget-font-leading-sm)] font-[var(--deframe-widget-font-family)]", children: investedFormatted }),
+                  /* @__PURE__ */ jsx("span", { className: "text-[length:var(--deframe-widget-font-size-xs)] text-[color:var(--deframe-widget-color-text-secondary)] leading-[var(--deframe-widget-font-leading-xs)]", children: (_d = labels == null ? void 0 : labels.investedLabel) != null ? _d : "investido" })
+                ] }) : /* @__PURE__ */ jsx("span", { className: "text-[length:var(--deframe-widget-font-size-xs)] text-[color:var(--deframe-widget-color-text-tertiary)]", children: "\u2014" }) }),
+                /* @__PURE__ */ jsx(
+                  "svg",
+                  {
+                    width: "16",
+                    height: "16",
+                    viewBox: "0 0 16 16",
+                    fill: "none",
+                    "aria-hidden": "true",
+                    className: twMerge(
+                      "flex-shrink-0 text-[color:var(--deframe-widget-color-text-tertiary)] transition-transform duration-200",
+                      expanded && "rotate-180"
+                    ),
+                    children: /* @__PURE__ */ jsx("path", { d: "M4 6L8 10L12 6", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })
+                  }
+                )
+              ] })
+            ]
           }
-        ) }),
-        explore.isLoading ? /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
-          explore.loadingLabel,
-          /* @__PURE__ */ jsx(LoadingDots, {})
-        ] }) : explore.error ? /* @__PURE__ */ jsxs("div", { className: "p-4 text-center text-red-500", children: [
-          explore.errorLabel,
-          ": ",
-          explore.error.message
-        ] }) : explore.hasFilters && explore.strategies.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "w-full py-md bg-bg-default dark:bg-bg-default-dark rounded-lg flex flex-col gap-sm flex-shrink-0", children: [
-          /* @__PURE__ */ jsx(
-            ChipGroup,
-            {
-              options: explore.chipOptions,
-              selected: explore.selectedCategory,
-              onSelect: (value) => explore.onCategorySelect(value)
-            }
-          ),
-          /* @__PURE__ */ jsx(SearchEmptyState, { title: explore.emptySearchTitle, description: explore.emptySearchDescription })
-        ] }) : /* @__PURE__ */ jsxs("div", { className: "w-full py-md bg-bg-default dark:bg-bg-default-dark rounded-lg flex flex-col gap-sm flex-shrink-0", children: [
-          /* @__PURE__ */ jsx(
-            ChipGroup,
-            {
-              options: explore.chipOptions,
-              selected: explore.selectedCategory,
-              onSelect: (value) => explore.onCategorySelect(value)
-            }
-          ),
-          /* @__PURE__ */ jsx(TextHeading, { variant: "h5", children: explore.bestPerformanceLabel }),
-          /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-sm", children: explore.strategies.map((s) => /* @__PURE__ */ jsxs(ListItem, { onClick: () => s.onClick(), children: [
-            /* @__PURE__ */ jsx(ListItemLeftSide, { children: /* @__PURE__ */ jsx("img", { src: s.logoUrl, alt: s.subtitle, className: "w-10 h-10 rounded-full" }) }),
-            /* @__PURE__ */ jsxs(ListItemContent, { children: [
-              /* @__PURE__ */ jsx(TextBody, { children: s.title }),
-              /* @__PURE__ */ jsx(TextBody, { variant: "text-small", children: s.subtitle })
-            ] }),
-            /* @__PURE__ */ jsx(ListItemRightSide, { children: /* @__PURE__ */ jsx(TextBody, { children: s.apyFormatted }) })
-          ] }, s.id)) })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx(TabsContent, { value: "history", children: history.isLoading ? /* @__PURE__ */ jsx(HistoryListSkeleton, {}) : history.isEmpty ? /* @__PURE__ */ jsx("div", { className: "w-full h-[90vh] py-md bg-bg-default dark:bg-bg-default-dark rounded-lg flex flex-col justify-center items-center gap-sm overflow-hidden", children: /* @__PURE__ */ jsxs("div", { className: "w-full flex flex-col justify-center items-center gap-md", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex flex-col justify-center items-center gap-md text-center", children: [
-          /* @__PURE__ */ jsx("div", { className: "w-20 h-20 bg-bg-muted dark:bg-bg-muted-dark rounded-full flex justify-center items-center", children: /* @__PURE__ */ jsx(PiClockCountdownBold, { className: "w-10 h-10 text-text-tertiary dark:text-text-tertiary-dark" }) }),
-          /* @__PURE__ */ jsx(TextHeading, { variant: "h3", children: history.emptyTitle })
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: "self-stretch text-center", children: /* @__PURE__ */ jsx(TextBody, { variant: "text-small", children: history.emptyDescription }) })
-      ] }) }) : /* @__PURE__ */ jsx(
-        HistoryListView,
-        {
-          groups: history.groups,
-          showLoadMore: history.showLoadMore,
-          onLoadMore: () => history.onLoadMore(),
-          loadMoreLabel: history.loadMoreLabel
-        }
-      ) })
-    ] })
-  ] }) });
-};
-var EarnInvestmentSummaryView = ({
-  overviewDescription,
-  totalInvestedLabel,
-  totalInvestedValue,
-  totalReturnLabel,
-  totalReturnValue,
-  processingBadgeLabel,
-  processingBadgeTitle,
-  className
-}) => {
-  return /* @__PURE__ */ jsxs("section", { className: twMerge("flex flex-col gap-md p-lg bg-[var(--deframe-widget-color-bg-subtle)] rounded", className), children: [
-    /* @__PURE__ */ jsx(TextBody, { variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-secondary)] dark:text-[color:var(--deframe-widget-color-text-secondary-dark)]", children: overviewDescription }),
-    /* @__PURE__ */ jsx(
-      WalletBalances,
-      {
-        cards: [
+        ),
+        expanded && /* @__PURE__ */ jsxs(
+          "div",
           {
-            label: totalInvestedLabel,
-            value: totalInvestedValue,
-            badge: processingBadgeLabel ? /* @__PURE__ */ jsx(
-              ProcessingBadge,
-              {
-                label: processingBadgeLabel,
-                title: processingBadgeTitle
-              }
-            ) : void 0
-          },
-          { label: totalReturnLabel, value: totalReturnValue }
-        ],
-        variant: "raised",
-        className: "grid grid-cols-2 gap-md !mt-0"
-      }
-    )
-  ] });
+            "data-test-id": "earn-hub-strategy-card-detail",
+            className: "px-[var(--deframe-widget-size-padding-x-md)] pb-[var(--deframe-widget-size-padding-y-md)]",
+            children: [
+              /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  className: "flex gap-[var(--deframe-widget-size-gap-sm)] mb-[var(--deframe-widget-size-gap-md)]",
+                  onClick: (e) => e.stopPropagation(),
+                  children: [
+                    onWithdrawClick != null && /* @__PURE__ */ jsx(
+                      SecondaryButton,
+                      {
+                        className: "h-9 text-[13px] flex-1",
+                        onClick: onWithdrawClick,
+                        children: withdrawLabel
+                      }
+                    ),
+                    onInvestClick != null && /* @__PURE__ */ jsx(
+                      PrimaryButton,
+                      {
+                        className: "h-9 text-[13px] flex-1",
+                        onClick: onInvestClick,
+                        children: investLabel
+                      }
+                    )
+                  ]
+                }
+              ),
+              history.length > 0 && /* @__PURE__ */ jsxs("div", { "data-test-id": "earn-hub-strategy-card-history", children: [
+                /* @__PURE__ */ jsx("span", { className: "text-[length:var(--deframe-widget-font-size-xs)] [font-weight:var(--deframe-widget-font-weight-medium)] uppercase tracking-[0.08em] text-[color:var(--deframe-widget-color-text-tertiary)]", children: historyTitle }),
+                /* @__PURE__ */ jsx("ol", { className: "list-none m-0 p-0", children: visibleHistory.map((entry) => {
+                  var _a2;
+                  const config = (_a2 = HISTORY_CONFIG[entry.type]) != null ? _a2 : HISTORY_CONFIG.deposit;
+                  const isClickable = !!entry.onClick;
+                  return /* @__PURE__ */ jsxs(
+                    "li",
+                    {
+                      "data-test-id": "earn-hub-strategy-card-history-entry",
+                      onClick: entry.onClick ? () => entry.onClick() : void 0,
+                      className: twMerge(
+                        "flex items-center justify-between gap-[var(--deframe-widget-size-gap-md)]",
+                        "py-[10px]",
+                        "border-t border-[color:var(--deframe-widget-color-border-tertiary)]",
+                        isClickable && "cursor-pointer hover:bg-[color:color-mix(in_srgb,var(--deframe-widget-color-bg-tertiary)_40%,transparent)] rounded-[var(--deframe-widget-size-radius-xs)]"
+                      ),
+                      children: [
+                        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-[var(--deframe-widget-size-gap-sm)] min-w-0", children: [
+                          /* @__PURE__ */ jsx(
+                            "span",
+                            {
+                              className: "w-[6px] h-[6px] rounded-full flex-shrink-0",
+                              style: { background: config.color }
+                            }
+                          ),
+                          /* @__PURE__ */ jsx("span", { className: "text-[length:var(--deframe-widget-font-size-xs)] text-[color:var(--deframe-widget-color-text-tertiary)] font-[var(--deframe-widget-font-family)] leading-none flex-shrink-0", children: entry.date }),
+                          /* @__PURE__ */ jsx(
+                            "span",
+                            {
+                              className: "text-[length:var(--deframe-widget-font-size-xs)] [font-weight:var(--deframe-widget-font-weight-medium)] font-[var(--deframe-widget-font-family)] leading-none",
+                              style: { color: config.color },
+                              children: config.label
+                            }
+                          )
+                        ] }),
+                        /* @__PURE__ */ jsx("span", { className: "text-[length:var(--deframe-widget-font-size-xs)] [font-weight:var(--deframe-widget-font-weight-semibold)] text-[color:var(--deframe-widget-color-text-primary)] font-[var(--deframe-widget-font-family)] leading-none flex-shrink-0", children: entry.amount })
+                      ]
+                    },
+                    entry.id
+                  );
+                }) }),
+                hasMore && /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => setShowAll(true),
+                    className: twMerge(
+                      "mt-[var(--deframe-widget-size-gap-sm)] w-full",
+                      "text-[length:var(--deframe-widget-font-size-xs)] [font-weight:var(--deframe-widget-font-weight-medium)]",
+                      "text-[color:var(--deframe-widget-color-text-secondary)]",
+                      "font-[var(--deframe-widget-font-family)]",
+                      "hover:text-[color:var(--deframe-widget-color-brand-primary)]",
+                      "transition-colors duration-150 cursor-pointer",
+                      "py-[var(--deframe-widget-size-padding-y-xs)]",
+                      "border-t border-[color:var(--deframe-widget-color-border-tertiary)]",
+                      "outline-none bg-transparent border-x-0 border-b-0"
+                    ),
+                    children: (_e = labels == null ? void 0 : labels.showMoreLabel) != null ? _e : `Ver mais (${history.length - HISTORY_PAGE_SIZE} itens)`
+                  }
+                )
+              ] })
+            ]
+          }
+        )
+      ]
+    }
+  );
 };
-var EarnInvestedSectionView = ({
-  sectionTitle,
-  items,
-  onItemClick,
-  className
-}) => {
-  if (items.length === 0) {
-    return null;
-  }
+var SimpleEmptyState = () => {
   return /* @__PURE__ */ jsxs(
-    "section",
+    "div",
     {
-      className: twMerge(
-        "flex flex-col gap-[var(--deframe-widget-size-gap-md)] p-[var(--deframe-widget-size-padding-x-lg)]",
-        "bg-[var(--deframe-widget-color-bg-subtle)] rounded-[var(--deframe-widget-size-radius-sm)]",
-        className
-      ),
+      "data-slot": "earn-empty-state",
+      "data-test-id": "earn-empty-state",
+      className: "flex flex-col items-center justify-center gap-[var(--deframe-widget-size-gap-sm)] px-[var(--deframe-widget-size-padding-x-md)] py-[var(--deframe-widget-size-padding-y-xl)] border-t border-[color:var(--deframe-widget-color-border-secondary)]",
       children: [
-        /* @__PURE__ */ jsx(TextBody, { variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-secondary)]", children: sectionTitle }),
-        /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-[var(--deframe-widget-size-gap-md)]", children: items.map((item, index) => {
-          const isLast = index === items.length - 1;
-          return /* @__PURE__ */ jsxs(
-            "button",
-            {
-              type: "button",
-              onClick: () => onItemClick == null ? void 0 : onItemClick(item.strategyId),
-              className: twMerge(
-                "flex items-center gap-[var(--deframe-widget-size-gap-md)] p-[var(--deframe-widget-size-padding-x-md)] bg-[var(--deframe-widget-color-bg-raised)] rounded-[var(--deframe-widget-size-radius-sm)]",
-                "transition-colors cursor-pointer text-left w-full",
-                !isLast && "border-b border-[var(--deframe-widget-color-border-secondary)]"
-              ),
-              children: [
-                /* @__PURE__ */ jsx(
-                  "img",
-                  {
-                    src: item.logoUrl,
-                    alt: item.assetName,
-                    className: "w-10 h-10 rounded-[var(--deframe-widget-size-radius-full)] flex-shrink-0"
-                  }
-                ),
-                /* @__PURE__ */ jsxs("div", { className: "flex flex-col flex-1 min-w-0", children: [
-                  /* @__PURE__ */ jsx(TextBody, { className: "font-medium truncate", children: item.assetName }),
-                  /* @__PURE__ */ jsx(TextBody, { variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-tertiary)] truncate", children: item.subtitle })
-                ] }),
-                /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-end flex-shrink-0", children: [
-                  /* @__PURE__ */ jsx(TextBody, { className: "font-medium", children: item.balanceFormatted }),
-                  /* @__PURE__ */ jsx(TextBody, { variant: "text-small", children: item.profitFormatted })
-                ] })
-              ]
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "flex h-[48px] w-[48px] items-center justify-center rounded-full",
+            style: {
+              background: "color-mix(in srgb, var(--deframe-widget-color-brand-primary) 10%, transparent)",
+              color: "var(--deframe-widget-color-brand-primary)"
             },
-            item.strategyId
-          );
-        }) })
+            children: /* @__PURE__ */ jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: [
+              /* @__PURE__ */ jsx("circle", { cx: "12", cy: "8", r: "4", stroke: "currentColor", strokeWidth: "1.5" }),
+              /* @__PURE__ */ jsx("path", { d: "M4 20c0-4 3.6-7 8-7s8 3 8 7", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-[var(--deframe-widget-size-gap-xs)] text-center", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-[length:var(--deframe-widget-font-size-md)] [font-weight:var(--deframe-widget-font-weight-semibold)] text-[color:var(--deframe-widget-color-text-primary)] font-[var(--deframe-widget-font-family)]", children: "Nenhuma caixinha ativa" }),
+          /* @__PURE__ */ jsx("span", { className: "max-w-[240px] text-[length:var(--deframe-widget-font-size-sm)] leading-[var(--deframe-widget-font-leading-sm)] text-[color:var(--deframe-widget-color-text-tertiary)] font-[var(--deframe-widget-font-family)]", children: "Escolha uma das caixinhas acima para come\xE7ar a render." })
+        ] })
       ]
     }
   );
 };
-var EarnExploreGridView = ({
-  sectionTitle,
-  loadingLabel,
-  errorLabel,
-  emptySearchTitle,
-  emptySearchDescription,
+var EARN_CATEGORY_DEFINITIONS = [
+  {
+    id: "dolar",
+    imageUrl: "/mascot-usd.png",
+    alt: "Caixinha de D\xF3lar",
+    title: "Caixinha de D\xF3lar",
+    assetFilter: ["USDC", "USDT", "DAI", "thbill"]
+  },
+  {
+    id: "real",
+    imageUrl: "/mascot-brl.png",
+    alt: "Caixinha de Real",
+    title: "Caixinha de Real",
+    assetFilter: ["BRLA"]
+  }
+];
+var wrapperBaseClasses = [
+  "w-full max-w-[900px] mx-auto flex flex-col",
+  "gap-[var(--deframe-widget-size-gap-md)]"
+].join(" ");
+var statCardClasses = [
+  "w-full self-start flex flex-col gap-[var(--deframe-widget-size-gap-sm)]",
+  "bg-[var(--deframe-widget-color-bg-secondary)]",
+  "border border-[color:var(--deframe-widget-color-border-secondary)]",
+  "rounded-[var(--deframe-widget-size-radius-md)]",
+  "px-[var(--deframe-widget-size-padding-x-md)] py-[var(--deframe-widget-size-padding-y-md)]"
+].join(" ");
+var statCardLabelClasses = [
+  "text-[color:var(--deframe-widget-color-text-tertiary)]",
+  "text-[11px] [font-weight:var(--deframe-widget-font-weight-medium)]",
+  "uppercase tracking-[0.08em] [line-height:1.4]"
+].join(" ");
+var statCardValueDefaultClasses = [
+  "text-[color:var(--deframe-widget-color-text-primary)]",
+  "text-[28px] [font-weight:var(--deframe-widget-font-weight-bold)] [line-height:1.15]"
+].join(" ");
+var statCardValuePositiveClasses = [
+  "text-[color:var(--deframe-widget-color-brand-primary)]",
+  "text-[28px] [font-weight:var(--deframe-widget-font-weight-bold)] [line-height:1.15]"
+].join(" ");
+var statCardDescriptionClasses = [
+  "text-[color:var(--deframe-widget-color-text-secondary)]",
+  "text-[13px] [line-height:1.45]"
+].join(" ");
+var listPanelClasses = [
+  "w-full self-start flex flex-col",
+  "bg-[var(--deframe-widget-color-bg-secondary)]",
+  "border border-[color:var(--deframe-widget-color-border-secondary)]",
+  "rounded-[var(--deframe-widget-size-radius-md)]",
+  "overflow-hidden"
+].join(" ");
+var sectionHeaderClasses = [
+  "flex items-center justify-between",
+  "px-[var(--deframe-widget-size-padding-x-md)]",
+  "pt-[var(--deframe-widget-size-padding-y-md)]",
+  "pb-[var(--deframe-widget-size-padding-y-sm)]"
+].join(" ");
+var sectionTitleClasses = [
+  "text-[color:var(--deframe-widget-color-text-primary)]",
+  "text-[length:var(--deframe-widget-font-size-md)]",
+  "[font-weight:var(--deframe-widget-font-weight-semibold)]",
+  "font-[var(--deframe-widget-font-family)]",
+  "leading-[var(--deframe-widget-font-leading-md)]"
+].join(" ");
+var columnHeaderClasses = [
+  "text-[length:var(--deframe-widget-font-size-xs)]",
+  "[font-weight:var(--deframe-widget-font-weight-medium)]",
+  "uppercase tracking-[0.08em]",
+  "text-[color:var(--deframe-widget-color-text-tertiary)]",
+  "leading-[var(--deframe-widget-font-leading-xs)]"
+].join(" ");
+var GRID_COLS2 = "grid grid-cols-[1fr_100px_130px] gap-x-[var(--deframe-widget-size-gap-md)]";
+var BANNER_COLORS = [
+  "var(--deframe-widget-color-brand-primary)",
+  "var(--deframe-widget-color-brand-secondary)"
+];
+var STABLECOIN_SYMBOLS = /* @__PURE__ */ new Set(["USDC", "USDT", "DAI"]);
+var DEFAULT_POSITIONS = { positions: [], summary: { totalUnderlyingBalanceUSD: 0, totalProfitInUSD: 0 } };
+var defaultFormatCurrency = (amount) => `$${amount.toFixed(2)}`;
+var EarnDesktopViewSimple = ({
+  positions = DEFAULT_POSITIONS,
+  strategies = [],
+  historyItems = [],
+  formatCurrency = defaultFormatCurrency,
+  locale = "pt-BR",
+  onDeposit,
+  onWithdraw,
+  onDetails,
+  onHistoryDetail,
+  onHistory,
   isLoading,
-  error,
-  strategies,
-  searchBar,
-  chipGroup,
-  hasFilters,
-  onStrategyClick,
   className
 }) => {
-  const showEmptyState = hasFilters && strategies.length === 0;
-  if (isLoading) {
-    return /* @__PURE__ */ jsxs(
-      "section",
-      {
-        className: twMerge(
-          "flex flex-col gap-[var(--deframe-widget-size-gap-md)] p-[var(--deframe-widget-size-padding-x-lg)]",
-          "bg-[var(--deframe-widget-color-bg-subtle)] rounded-[var(--deframe-widget-size-radius-sm)]",
-          className
-        ),
-        children: [
-          /* @__PURE__ */ jsx(TextBody, { variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-secondary)]", children: sectionTitle }),
-          /* @__PURE__ */ jsxs("div", { className: "text-[color:var(--deframe-widget-color-text-secondary)] flex items-center gap-[var(--deframe-widget-size-gap-sm)]", children: [
-            loadingLabel,
-            /* @__PURE__ */ jsx(LoadingDots, {})
-          ] })
-        ]
+  const [activeCategoryId, setActiveCategoryId] = React6__default.useState(null);
+  const totalEarnings = React6__default.useMemo(
+    () => positions.positions.reduce((sum, p) => sum + p.spotPosition.profitInUSD, 0),
+    [positions.positions]
+  );
+  const statsCards = React6__default.useMemo(() => [
+    { label: "Total Investido", value: formatCurrency(positions.summary.totalUnderlyingBalanceUSD), badge: "Soma de todos os dep\xF3sitos ativos." },
+    { label: "Juros Acumulados", value: formatCurrency(totalEarnings), badge: "Rendimentos acumulados desde o in\xEDcio." }
+  ], [positions.summary.totalUnderlyingBalanceUSD, totalEarnings, formatCurrency]);
+  const categoryBanners = React6__default.useMemo(() => {
+    return EARN_CATEGORY_DEFINITIONS.map((cat) => {
+      var _a;
+      const upperFilter = new Set(cat.assetFilter.map((a) => a.toUpperCase()));
+      let bestApy = null;
+      for (const s of strategies) {
+        if (upperFilter.has(s.assetName.toUpperCase()) && s.apy > ((_a = bestApy == null ? void 0 : bestApy.apy) != null ? _a : 0)) {
+          bestApy = s;
+        }
       }
-    );
+      const isStablecoin = cat.assetFilter.some((a) => STABLECOIN_SYMBOLS.has(a.toUpperCase()));
+      return {
+        id: cat.id,
+        imageUrl: cat.imageUrl,
+        alt: cat.title,
+        apyFormatted: bestApy == null ? void 0 : bestApy.apyFormatted,
+        description: isStablecoin ? "Rendimento em stablecoins" : "Rendimento em reais",
+        handleClick: () => setActiveCategoryId(cat.id)
+      };
+    });
+  }, [strategies]);
+  const historyByAsset = React6__default.useMemo(() => {
+    var _a, _b, _c, _d;
+    const map = /* @__PURE__ */ new Map();
+    for (const item of historyItems) {
+      const isDeposit = item.type.includes("DEPOSIT");
+      const assetIn = (_a = item.amounts) == null ? void 0 : _a.assetIn;
+      const symbol = (_d = assetIn && "token" in assetIn ? (_c = (_b = assetIn.token) == null ? void 0 : _b.symbol) == null ? void 0 : _c.toUpperCase() : null) != null ? _d : "";
+      if (!symbol) continue;
+      const amount = assetIn && "amountInUSD" in assetIn && assetIn.amountInUSD ? formatCurrency(parseFloat(assetIn.amountInUSD)) : assetIn && "amountHumanized" in assetIn ? `${assetIn.amountHumanized} ${symbol}` : "";
+      const date = new Date(item.createdAt).toLocaleString(locale, {
+        day: "2-digit",
+        month: "2-digit",
+        year: "numeric",
+        hour: "2-digit",
+        minute: "2-digit"
+      });
+      const entry = {
+        id: item.id,
+        date,
+        type: isDeposit ? "deposit" : "withdraw",
+        amount,
+        onClick: onHistoryDetail ? () => onHistoryDetail(item.id, isDeposit) : void 0
+      };
+      if (!map.has(symbol)) map.set(symbol, []);
+      map.get(symbol).push(entry);
+    }
+    return map;
+  }, [historyItems, locale, formatCurrency, onHistoryDetail]);
+  const strategyRows = React6__default.useMemo(() => {
+    return positions.positions.filter((p) => p.spotPosition.underlyingBalanceUSD > 0.01).map((p) => {
+      var _a;
+      return {
+        logoUrl: p.strategy.logourl,
+        assetName: p.strategy.assetName,
+        network: p.strategy.network,
+        investedFormatted: formatCurrency(p.spotPosition.underlyingBalanceUSD),
+        earningsFormatted: `${(p.spotPosition.apy * 100).toFixed(2)}%`,
+        isLoading: false,
+        history: (_a = historyByAsset.get(p.strategy.assetName.toUpperCase())) != null ? _a : [],
+        onInvestClick: onDeposit ? () => onDeposit(p.strategy.id) : () => {
+        },
+        onWithdrawClick: onWithdraw ? () => onWithdraw(p.strategy.id) : () => {
+        },
+        onDetailsClick: onDetails ? () => onDetails(p.strategy.id) : () => {
+        }
+      };
+    });
+  }, [positions.positions, formatCurrency, historyByAsset, onDeposit, onWithdraw, onDetails]);
+  if (isLoading) {
+    return /* @__PURE__ */ jsxs("div", { "data-test-id": "earn-hub-view-simple-loading", className: twMerge(wrapperBaseClasses, className), children: [
+      /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-[var(--deframe-widget-size-gap-sm)]", children: [0, 1].map((i) => /* @__PURE__ */ jsx(Skeleton, { variant: "rect", width: "100%", height: 100 }, i)) }),
+      /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-[var(--deframe-widget-size-gap-sm)]", children: [0, 1].map((i) => /* @__PURE__ */ jsx(Skeleton, { variant: "rect", width: "100%", height: 160 }, i)) }),
+      /* @__PURE__ */ jsx(Skeleton, { variant: "rect", width: "100%", height: 200 })
+    ] });
   }
-  if (error) {
-    return /* @__PURE__ */ jsxs(
-      "section",
+  if (activeCategoryId) {
+    return /* @__PURE__ */ jsx(
+      GroupedStrategyListViewSimple,
       {
-        className: twMerge(
-          "flex flex-col gap-[var(--deframe-widget-size-gap-md)] p-[var(--deframe-widget-size-padding-x-lg)]",
-          "bg-[var(--deframe-widget-color-bg-subtle)] rounded-[var(--deframe-widget-size-radius-sm)]",
-          className
-        ),
-        children: [
-          /* @__PURE__ */ jsx(TextBody, { variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-secondary)]", children: sectionTitle }),
-          /* @__PURE__ */ jsx("div", { className: "text-[color:var(--deframe-widget-color-state-error)]", children: errorLabel })
-        ]
+        categoryId: activeCategoryId,
+        strategies,
+        isLoading,
+        onBack: () => setActiveCategoryId(null),
+        onDeposit,
+        onWithdraw,
+        className
       }
     );
   }
-  return /* @__PURE__ */ jsxs(
-    "section",
-    {
-      className: twMerge(
-        "flex flex-col gap-[var(--deframe-widget-size-gap-md)] p-[var(--deframe-widget-size-padding-x-lg)]",
-        "bg-[var(--deframe-widget-color-bg-subtle)] rounded-[var(--deframe-widget-size-radius-sm)]",
-        className
-      ),
-      children: [
-        /* @__PURE__ */ jsx(TextBody, { variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-secondary)]", children: sectionTitle }),
-        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-[var(--deframe-widget-size-gap-md)]", children: [
-          searchBar,
-          chipGroup
-        ] }),
-        showEmptyState && /* @__PURE__ */ jsx("div", { className: "lg:h-[440px] flex items-center justify-center", children: /* @__PURE__ */ jsx(SearchEmptyState, { title: emptySearchTitle, description: emptySearchDescription }) }),
-        !showEmptyState && /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs("div", { "data-test-id": "earn-hub-view-simple", className: twMerge(wrapperBaseClasses, className), children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        "data-test-id": "earn-hub-view-simple-header",
+        className: "flex items-center justify-between gap-[var(--deframe-widget-size-gap-md)]",
+        children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-[var(--deframe-widget-size-gap-xs)]", children: [
+          /* @__PURE__ */ jsx(
+            "h1",
+            {
+              "data-test-id": "earn-hub-view-simple-title",
+              className: "text-[color:var(--deframe-widget-color-text-primary)] text-[length:var(--deframe-widget-font-size-xxl)] [font-weight:var(--deframe-widget-font-weight-bold)] leading-[var(--deframe-widget-font-leading-xxl)] font-[var(--deframe-widget-font-family)]",
+              children: "Caixinha"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "p",
+            {
+              "data-test-id": "earn-hub-view-simple-subtitle",
+              className: "text-[color:var(--deframe-widget-color-text-secondary)] text-[length:var(--deframe-widget-font-size-sm)] leading-[var(--deframe-widget-font-leading-sm)] font-[var(--deframe-widget-font-family)]",
+              children: "Invista e deixe seu dinheiro render."
+            }
+          )
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        "data-test-id": "earn-hub-view-simple-stats",
+        className: "grid grid-cols-2 gap-[var(--deframe-widget-size-gap-sm)]",
+        children: statsCards.map((card, i) => /* @__PURE__ */ jsxs("article", { className: twMerge(statCardClasses, "self-stretch"), children: [
+          /* @__PURE__ */ jsx("p", { className: statCardLabelClasses, children: card.label }),
+          /* @__PURE__ */ jsx("p", { className: i > 0 ? statCardValuePositiveClasses : statCardValueDefaultClasses, children: card.value }),
+          /* @__PURE__ */ jsx("p", { className: statCardDescriptionClasses, children: card.badge })
+        ] }, card.label))
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        "data-test-id": "earn-hub-view-simple-categories",
+        className: "grid grid-cols-2 gap-[var(--deframe-widget-size-gap-sm)]",
+        children: categoryBanners.map((cat, i) => /* @__PURE__ */ jsx(
+          ImageBannerCard,
+          {
+            imageUrl: cat.imageUrl,
+            alt: cat.alt,
+            apyFormatted: cat.apyFormatted,
+            description: cat.description,
+            onClick: cat.handleClick,
+            colorToken: BANNER_COLORS[i % BANNER_COLORS.length]
+          },
+          cat.alt
+        ))
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: listPanelClasses, children: [
+      /* @__PURE__ */ jsxs("div", { className: sectionHeaderClasses, children: [
+        /* @__PURE__ */ jsx("h3", { "data-test-id": "earn-hub-view-simple-strategies-title", className: sectionTitleClasses, children: "Suas Caixinhas" }),
+        onHistory && /* @__PURE__ */ jsx("div", { className: "flex items-center gap-[var(--deframe-widget-size-gap-sm)] flex-shrink-0", children: /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            "aria-label": "Hist\xF3rico",
+            "data-test-id": "earn-hub-simple-history-button",
+            onClick: onHistory,
+            className: twMerge(
+              "inline-flex items-center justify-center",
+              "w-9 h-9",
+              "rounded-[var(--deframe-widget-size-radius-sm)]",
+              "border-none bg-transparent",
+              "cursor-pointer outline-none flex-shrink-0",
+              "text-[color:var(--deframe-widget-color-text-secondary)]",
+              "hover:bg-[color:color-mix(in_srgb,var(--deframe-widget-color-bg-tertiary)_92%,transparent)]",
+              "transition-[background] duration-150"
+            ),
+            children: /* @__PURE__ */ jsxs(
+              "svg",
+              {
+                viewBox: "0 0 24 24",
+                width: "20",
+                height: "20",
+                fill: "none",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                "aria-hidden": "true",
+                children: [
+                  /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
+                  /* @__PURE__ */ jsx("polyline", { points: "12 6 12 12 16 14" })
+                ]
+              }
+            )
+          }
+        ) })
+      ] }),
+      strategyRows.length === 0 ? /* @__PURE__ */ jsx(SimpleEmptyState, {}) : /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(
           "div",
           {
-            className: "explore-strategies-grid grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 gap-[var(--deframe-widget-size-gap-md)] overflow-y-auto pr-[var(--deframe-widget-size-padding-x-sm)] h-[440px] auto-rows-[136px]",
-            children: strategies.map((strategy) => /* @__PURE__ */ jsx(
-              StrategyGridCard,
+            "data-test-id": "earn-hub-view-simple-columns",
+            className: twMerge(
+              GRID_COLS2,
+              "px-[var(--deframe-widget-size-padding-x-md)] py-[var(--deframe-widget-size-padding-y-sm)]",
+              "border-t border-[color:var(--deframe-widget-color-border-secondary)]"
+            ),
+            children: ["CAIXINHA", "RENDIMENTO", "INVESTIDO"].map((label, i) => /* @__PURE__ */ jsx(
+              "span",
               {
-                logoUrl: strategy.logoUrl,
-                title: strategy.title,
-                subtitle: strategy.subtitle,
-                apyFormatted: strategy.apyFormatted,
-                apyLabel: strategy.apyLabel,
-                onClick: () => onStrategyClick == null ? void 0 : onStrategyClick(strategy.id)
+                className: twMerge(
+                  columnHeaderClasses,
+                  i === 1 && "text-center",
+                  i === 2 && "text-right"
+                ),
+                children: label
               },
-              strategy.id
+              label
             ))
           }
-        )
-      ]
-    }
-  );
+        ),
+        /* @__PURE__ */ jsx("ol", { "data-test-id": "earn-hub-view-simple-strategy-list", className: "list-none m-0 p-0", children: strategyRows.map((s) => /* @__PURE__ */ jsx(EarnHubStrategyCard, __spreadValues({}, s), s.assetName)) })
+      ] })
+    ] })
+  ] });
 };
-var EarnRecentTransactionsView = ({
-  sectionTitle,
-  viewAllLabel,
+var wrapperBaseClasses2 = [
+  "w-full flex flex-col",
+  "gap-[var(--deframe-widget-size-gap-md)]",
+  "font-[var(--deframe-widget-font-family)]"
+].join(" ");
+var titleClasses = [
+  "text-[color:var(--deframe-widget-color-text-primary)]",
+  "text-[length:var(--deframe-widget-font-size-xxl)]",
+  "[font-weight:var(--deframe-widget-font-weight-bold)]",
+  "leading-[var(--deframe-widget-font-leading-xxl)]",
+  "font-[var(--deframe-widget-font-family)]"
+].join(" ");
+var backButtonClasses = [
+  "inline-flex items-center gap-[var(--deframe-widget-size-gap-xs)]",
+  "text-[color:var(--deframe-widget-color-text-secondary)]",
+  "hover:text-[color:var(--deframe-widget-color-text-primary)]",
+  "text-[length:var(--deframe-widget-font-size-sm)]",
+  "[font-weight:var(--deframe-widget-font-weight-medium)]",
+  "transition-colors cursor-pointer",
+  "font-[var(--deframe-widget-font-family)]",
+  "border-none bg-transparent outline-none p-0"
+].join(" ");
+var emptyBoxClasses = [
+  "w-full flex flex-col items-center justify-center",
+  "gap-[var(--deframe-widget-size-gap-sm)]",
+  "px-[var(--deframe-widget-size-padding-x-md)]",
+  "py-[var(--deframe-widget-size-padding-y-xl)]",
+  "rounded-[var(--deframe-widget-size-radius-md)]",
+  "border border-dashed border-[color:var(--deframe-widget-color-border-secondary)]",
+  "bg-[color:var(--deframe-widget-color-bg-secondary)]"
+].join(" ");
+var GroupedStrategyListViewSimple = ({
+  categoryId,
+  strategies = [],
   isLoading,
-  hasMore,
-  hasItems,
-  historyList,
-  emptyTitle,
-  emptyDescription,
-  onViewAll,
+  onBack,
+  onDeposit,
+  onWithdraw,
   className
 }) => {
-  return /* @__PURE__ */ jsxs(
-    "section",
-    {
-      className: twMerge(
-        "flex flex-col gap-md p-lg",
-        "bg-[var(--deframe-widget-color-bg-subtle)] rounded",
-        className
-      ),
-      children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-          /* @__PURE__ */ jsx(TextBody, { variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-secondary)] dark:text-[color:var(--deframe-widget-color-text-secondary-dark)]", children: sectionTitle }),
-          hasMore && onViewAll && /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              onClick: onViewAll,
-              className: "text-brand-primary dark:text-brand-primary-dark hover:underline",
-              children: /* @__PURE__ */ jsx(TextBody, { variant: "text-small", children: viewAllLabel })
-            }
-          )
-        ] }),
-        isLoading ? /* @__PURE__ */ jsx(HistoryListSkeleton, {}) : hasItems ? historyList : /* @__PURE__ */ jsx(HistoryTabEmpty, { title: emptyTitle, description: emptyDescription })
-      ]
+  var _a;
+  const category = EARN_CATEGORY_DEFINITIONS.find((c) => c.id === categoryId);
+  const categoryTitle = (_a = category == null ? void 0 : category.title) != null ? _a : "Estrat\xE9gias";
+  const allClaimedAssets = React6__default.useMemo(() => {
+    const claimed = /* @__PURE__ */ new Set();
+    for (const cat of EARN_CATEGORY_DEFINITIONS) {
+      if (cat.assetFilter.length > 0) {
+        for (const symbol of cat.assetFilter) {
+          claimed.add(symbol.toUpperCase());
+        }
+      }
     }
-  );
-};
-var EarnDesktopView = ({
-  isLoading,
-  loadingSkeleton,
-  summary,
-  invested,
-  explore,
-  transactions
-}) => {
+    return claimed;
+  }, []);
+  const filteredStrategies = React6__default.useMemo(() => {
+    const assetFilter = category == null ? void 0 : category.assetFilter;
+    if (!assetFilter || assetFilter.length === 0) {
+      return strategies.filter((s) => !allClaimedAssets.has(s.assetName.toUpperCase()));
+    }
+    const upperFilter = new Set(assetFilter.map((a) => a.toUpperCase()));
+    return strategies.filter((s) => upperFilter.has(s.assetName.toUpperCase()));
+  }, [strategies, category, allClaimedAssets]);
   if (isLoading) {
-    if (loadingSkeleton) {
-      return /* @__PURE__ */ jsx(Fragment, { children: loadingSkeleton });
-    }
-    return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-[var(--deframe-widget-size-gap-md)] w-full flex-1 min-h-0 animate-pulse px-[var(--deframe-widget-size-padding-x-lg)] py-[var(--deframe-widget-size-padding-y-lg)]", children: [
-      /* @__PURE__ */ jsx("div", { className: "h-24 rounded bg-[var(--deframe-widget-color-bg-secondary)]" }),
-      /* @__PURE__ */ jsx("div", { className: "h-40 rounded bg-[var(--deframe-widget-color-bg-secondary)]" }),
-      /* @__PURE__ */ jsx("div", { className: "h-60 rounded bg-[var(--deframe-widget-color-bg-secondary)]" })
+    return /* @__PURE__ */ jsxs("div", { "data-test-id": "grouped-strategy-list-view-simple-loading", className: twMerge(wrapperBaseClasses2, className), children: [
+      /* @__PURE__ */ jsx(Skeleton, { variant: "rect", width: "40%", height: 24 }),
+      /* @__PURE__ */ jsx(Skeleton, { variant: "rect", width: "100%", height: 80 }),
+      /* @__PURE__ */ jsx(Skeleton, { variant: "rect", width: "100%", height: 80 })
     ] });
   }
-  return /* @__PURE__ */ jsxs("div", { className: "text-[color:var(--deframe-widget-color-text-primary)] flex flex-col relative overflow-y-auto w-full flex-1 min-h-0 pb-[var(--deframe-widget-size-padding-y-lg)] gap-[var(--deframe-widget-size-gap-md)]", children: [
-    /* @__PURE__ */ jsx(EarnInvestmentSummaryView, __spreadValues({}, summary)),
-    /* @__PURE__ */ jsx(EarnInvestedSectionView, __spreadValues({}, invested)),
-    /* @__PURE__ */ jsx(EarnExploreGridView, __spreadValues({}, explore)),
-    /* @__PURE__ */ jsx(EarnRecentTransactionsView, __spreadValues({}, transactions))
-  ] });
-};
-var EarnInvestmentDetailsView = (props) => {
-  if (props.isLoading) {
-    return /* @__PURE__ */ jsx(BackgroundContainer, { children: props.loadingSkeleton });
-  }
-  const {
-    title,
-    onBack,
-    tokenIcon,
-    fiatBalance,
-    profitAmount,
-    tokenAmount,
-    investedLabel,
-    earningsLabel,
-    summaryTitle,
-    summaryItems,
-    pastActivitiesTitle,
-    transactions,
-    onTransactionClick,
-    showMoreButton,
-    onLoadMore,
-    loadMoreLabel,
-    depositLabel,
-    onDeposit,
-    withdrawLabel,
-    onWithdraw
-  } = props;
-  return /* @__PURE__ */ jsxs(BackgroundContainer, { children: [
-    /* @__PURE__ */ jsxs(Navbar, { children: [
-      /* @__PURE__ */ jsx(BackButton, { onClick: onBack }),
-      /* @__PURE__ */ jsx(TextHeading, { variant: "h1", children: title })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "flex-1 flex flex-col min-h-0 px-[var(--deframe-widget-size-padding-x-md)] py-[var(--deframe-widget-size-padding-y-sm)] gap-[var(--deframe-widget-size-gap-md)]", children: [
-      /* @__PURE__ */ jsx(
-        EarnBalanceCard,
+  return /* @__PURE__ */ jsxs("div", { "data-test-id": "grouped-strategy-list-view-simple", className: twMerge(wrapperBaseClasses2, className), children: [
+    /* @__PURE__ */ jsxs("div", { "data-test-id": "grouped-strategy-list-view-simple-header", children: [
+      /* @__PURE__ */ jsxs(
+        "button",
         {
-          tokenIcon,
-          fiatBalance,
-          profitAmount,
-          tokenAmount,
-          investedLabel,
-          earningsLabel
+          type: "button",
+          "data-test-id": "grouped-strategy-list-view-simple-back",
+          "aria-label": "Voltar",
+          onClick: onBack,
+          className: backButtonClasses,
+          children: [
+            /* @__PURE__ */ jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { d: "M10 4L6 8L10 12", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }),
+            "Voltar"
+          ]
         }
       ),
+      /* @__PURE__ */ jsx("h2", { "data-test-id": "grouped-strategy-list-view-simple-title", className: twMerge(titleClasses, "mt-[var(--deframe-widget-size-gap-sm)]"), children: categoryTitle }),
       /* @__PURE__ */ jsx(
-        SummaryDetails,
+        TextBody,
         {
-          title: summaryTitle,
-          items: summaryItems,
-          defaultOpen: true,
-          className: "bg-[var(--deframe-widget-color-bg-secondary)] lg:!bg-[var(--deframe-widget-color-bg-primary)]"
+          "data-test-id": "grouped-strategy-list-view-simple-subtitle",
+          variant: "text-small",
+          className: "text-[color:var(--deframe-widget-color-text-secondary)] mt-[var(--deframe-widget-size-gap-xs)]",
+          children: "Escolha uma estrat\xE9gia para investir."
         }
-      ),
-      /* @__PURE__ */ jsxs("div", { className: "w-full rounded-[var(--deframe-widget-size-radius-sm)] flex flex-col gap-[var(--deframe-widget-size-gap-sm)] flex-shrink-0", children: [
-        /* @__PURE__ */ jsx(TextHeading, { variant: "h5", children: pastActivitiesTitle }),
-        /* @__PURE__ */ jsxs("div", { className: "investment-activities-list flex flex-col gap-[var(--deframe-widget-size-gap-sm)] overflow-y-auto max-h-[280px] pr-[var(--deframe-widget-size-padding-x-sm)]", children: [
-          transactions.map((tx) => /* @__PURE__ */ jsxs(
-            ListItem,
-            {
-              onClick: () => onTransactionClick(tx.id),
-              children: [
-                /* @__PURE__ */ jsx(ListItemLeftSide, { children: /* @__PURE__ */ jsx("img", { src: tokenIcon, alt: "Token", className: "w-10 h-10 rounded-[var(--deframe-widget-size-radius-full)]" }) }),
-                /* @__PURE__ */ jsxs(ListItemContent, { children: [
-                  /* @__PURE__ */ jsx(TextBody, { children: tx.action }),
-                  /* @__PURE__ */ jsx(TextBody, { variant: "text-small", children: tx.date })
-                ] }),
-                /* @__PURE__ */ jsxs(ListItemRightSide, { children: [
-                  /* @__PURE__ */ jsx(TextBody, { children: tx.usdAmount }),
-                  /* @__PURE__ */ jsx(TextBody, { variant: "text-small", children: tx.tokenAmount })
-                ] })
-              ]
-            },
-            `tx-history-${tx.id}`
-          )),
-          showMoreButton && /* @__PURE__ */ jsx("div", { className: "flex justify-center items-center w-full py-4 flex-shrink-0", children: /* @__PURE__ */ jsx(TertiaryButton, { onClick: onLoadMore, children: loadMoreLabel }) })
-        ] })
-      ] })
+      )
     ] }),
-    /* @__PURE__ */ jsx("div", { className: "sticky bottom-0 left-0 right-0 border-t border-[var(--deframe-widget-color-border-secondary)] px-[var(--deframe-widget-size-padding-x-md)] py-[var(--deframe-widget-size-padding-y-md)]", children: /* @__PURE__ */ jsxs("div", { className: "flex justify-between gap-[var(--deframe-widget-size-gap-md)]", children: [
-      /* @__PURE__ */ jsx(PrimaryButton, { onClick: onDeposit, className: "w-full", children: depositLabel }),
-      /* @__PURE__ */ jsx(PrimaryButton, { onClick: onWithdraw, className: "w-full", children: withdrawLabel })
-    ] }) })
+    filteredStrategies.length === 0 ? /* @__PURE__ */ jsx("div", { "data-test-id": "grouped-strategy-list-view-simple-empty", className: emptyBoxClasses, children: /* @__PURE__ */ jsx("span", { className: "text-[length:var(--deframe-widget-font-size-sm)] text-[color:var(--deframe-widget-color-text-tertiary)] font-[var(--deframe-widget-font-family)]", children: "Nenhuma estrat\xE9gia dispon\xEDvel no momento." }) }) : /* @__PURE__ */ jsx(
+      "div",
+      {
+        "data-test-id": "grouped-strategy-list-view-simple-items",
+        className: "flex flex-col gap-[var(--deframe-widget-size-gap-sm)]",
+        children: filteredStrategies.map((s) => /* @__PURE__ */ jsx(
+          StrategyGridCardSimple,
+          {
+            logoUrl: s.logourl,
+            title: s.assetName,
+            subtitle: s.assetName,
+            chainName: s.network,
+            apyFormatted: s.apyFormatted,
+            apyLabel: "Rendimento",
+            riskLevel: "low",
+            onInvestClick: onDeposit ? () => onDeposit(s.id) : () => {
+            },
+            onWithdrawClick: onWithdraw ? () => onWithdraw(s.id) : () => {
+            }
+          },
+          s.id
+        ))
+      }
+    )
   ] });
 };
-var EarnTokenSelectorView = ({
-  selectedToken,
-  onTokenClick,
-  onNetworkAndAssetClick,
-  onNetworkClick,
-  isLoading,
-  selectTokenLabel,
-  chainLabel,
-  chainImage,
-  chainDirectionLabel,
-  chainDisabledTitle,
-  isNetworkDisabled = false,
-  currentNetworkSelected
-}) => /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-[10px]", children: [
-  /* @__PURE__ */ jsx("div", { className: "flex gap-[10px] w-full", children: /* @__PURE__ */ jsx(
-    "button",
+var DateLabel = ({ children }) => {
+  return /* @__PURE__ */ jsx("div", { className: "text-text-sm-mobile font-poppins text-[color:var(--deframe-widget-color-text-secondary)] dark:text-[color:var(--deframe-widget-color-text-secondary-dark)]", children });
+};
+var ArrowBadge = ({ isDeposit }) => {
+  return /* @__PURE__ */ jsx("div", { className: "absolute bottom-[-2px] right-[-2px] w-[15px] h-[15px] rounded-full bg-[var(--deframe-widget-color-bg-secondary)] dark:bg-[var(--deframe-widget-color-bg-secondary-dark)] flex items-center justify-center border border-[color:var(--deframe-widget-color-bg-secondary)] dark:border-[color:var(--deframe-widget-color-bg-secondary-dark)]", children: isDeposit ? /* @__PURE__ */ jsx(MdArrowDownward, { className: "w-3 h-3 text-[color:var(--deframe-widget-color-text-primary)] dark:text-[color:var(--deframe-widget-color-text-primary-dark)]" }) : /* @__PURE__ */ jsx(MdArrowUpward, { className: "w-3 h-3 text-[color:var(--deframe-widget-color-text-primary)] dark:text-[color:var(--deframe-widget-color-text-primary-dark)]" }) });
+};
+var TokenIconWithBadge2 = ({ src, alt, isDeposit }) => {
+  const fallbackText = encodeURIComponent((alt || "TOK").slice(0, 3).toUpperCase());
+  const fallbackSrc = `https://placehold.co/40x40?text=${fallbackText}`;
+  const resolvedSrc = src || fallbackSrc;
+  return /* @__PURE__ */ jsxs("div", { className: "relative flex-shrink-0", children: [
+    /* @__PURE__ */ jsx("div", { className: "w-10 h-10 rounded-xl bg-[var(--deframe-widget-color-bg-tertiary)] dark:bg-[var(--deframe-widget-color-bg-tertiary-dark)] flex items-center justify-center overflow-hidden", children: /* @__PURE__ */ jsx(
+      "img",
+      {
+        src: resolvedSrc,
+        alt,
+        className: "w-full h-full object-cover",
+        onError: (e) => {
+          e.target.src = fallbackSrc;
+        }
+      }
+    ) }),
+    /* @__PURE__ */ jsx(ArrowBadge, { isDeposit })
+  ] });
+};
+var SwapIconWithBadge = ({ src, alt }) => {
+  const fallbackText = encodeURIComponent((alt || "TOK").slice(0, 3).toUpperCase());
+  const fallbackSrc = `https://placehold.co/40x40?text=${fallbackText}`;
+  const resolvedSrc = src || fallbackSrc;
+  return /* @__PURE__ */ jsxs("div", { className: "relative flex-shrink-0", children: [
+    /* @__PURE__ */ jsx("div", { className: "w-10 h-10 rounded-xl bg-[var(--deframe-widget-color-bg-tertiary)] dark:bg-[var(--deframe-widget-color-bg-tertiary-dark)] flex items-center justify-center overflow-hidden", children: /* @__PURE__ */ jsx(
+      "img",
+      {
+        src: resolvedSrc,
+        alt,
+        className: "w-full h-full object-cover",
+        onError: (e) => {
+          e.target.src = fallbackSrc;
+        }
+      }
+    ) }),
+    /* @__PURE__ */ jsx("div", { className: "absolute bottom-[-2px] right-[-2px] w-[15px] h-[15px] rounded-full bg-[var(--deframe-widget-color-bg-secondary)] dark:bg-[var(--deframe-widget-color-bg-secondary-dark)] flex items-center justify-center border border-[color:var(--deframe-widget-color-bg-secondary)] dark:border-[color:var(--deframe-widget-color-bg-secondary-dark)]", children: /* @__PURE__ */ jsx(MdArrowUpward, { className: "w-3 h-3 text-[color:var(--deframe-widget-color-text-primary)] dark:text-[color:var(--deframe-widget-color-text-primary-dark)]" }) })
+  ] });
+};
+var AmountDisplay = ({ amount, usdAmount }) => {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Label, { className: "text-accent-sm-mobile whitespace-nowrap", children: amount }),
+    usdAmount ? /* @__PURE__ */ jsx(Label, { variant: "secondary", className: "whitespace-nowrap", children: usdAmount }) : null
+  ] });
+};
+var HistoryListView = ({
+  groups,
+  showLoadMore,
+  onLoadMore,
+  loadMoreLabel,
+  itemClassName
+}) => {
+  if (groups.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "self-stretch flex flex-col gap-[16px]", children: [
+    groups.map((group) => /* @__PURE__ */ jsxs("div", { className: "self-stretch flex flex-col gap-sm", children: [
+      /* @__PURE__ */ jsx(DateLabel, { children: group.dateLabel }),
+      group.items.map((item) => /* @__PURE__ */ jsxs(
+        ListItem,
+        {
+          onClick: () => item.onClick(),
+          containerClassName: twMerge("!rounded-xs !border-0 !min-h-[72px]", itemClassName),
+          children: [
+            /* @__PURE__ */ jsx(ListItemLeftSide, { children: item.isSwap ? /* @__PURE__ */ jsx(SwapIconWithBadge, { src: item.iconUrl, alt: item.iconAlt }) : /* @__PURE__ */ jsx(
+              TokenIconWithBadge2,
+              {
+                src: item.iconUrl,
+                alt: item.iconAlt,
+                isDeposit: item.isDeposit
+              }
+            ) }),
+            /* @__PURE__ */ jsxs(ListItemContent, { children: [
+              /* @__PURE__ */ jsx(Label, { className: "text-text-lg-mobile", children: item.title }),
+              /* @__PURE__ */ jsx(Label, { variant: "secondary", className: "text-[color:var(--deframe-widget-color-text-tertiary)] dark:text-[color:var(--deframe-widget-color-text-tertiary-dark)]", children: item.subtitle }),
+              item.status === "PENDING" && item.statusLabel ? /* @__PURE__ */ jsx("div", { className: "mt-[6px]", children: /* @__PURE__ */ jsx(
+                ProcessingBadge,
+                {
+                  label: item.statusLabel,
+                  title: item.statusTitle,
+                  size: "compact"
+                }
+              ) }) : null
+            ] }),
+            /* @__PURE__ */ jsx(ListItemRightSide, { children: /* @__PURE__ */ jsx(AmountDisplay, { amount: item.amountFormatted, usdAmount: item.amountUsd }) })
+          ]
+        },
+        item.id
+      ))
+    ] }, group.dateLabel)),
+    showLoadMore && /* @__PURE__ */ jsx("div", { className: "flex justify-center pt-sm", children: /* @__PURE__ */ jsx(TertiaryButton, { onClick: onLoadMore, children: loadMoreLabel }) })
+  ] });
+};
+var OverviewEarnWidgetTabSkeleton = () => {
+  return /* @__PURE__ */ jsxs("div", { className: "w-full flex flex-col gap-md", children: [
+    /* @__PURE__ */ jsx(Skeleton, { width: "100%", height: "40px", variant: "rect" }),
+    /* @__PURE__ */ jsxs("div", { className: "flex gap-sm", children: [
+      /* @__PURE__ */ jsx(Skeleton, { width: "100%", height: "144px", variant: "rect" }),
+      /* @__PURE__ */ jsx(Skeleton, { width: "100%", height: "144px", variant: "rect" })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "w-full", children: [
+      /* @__PURE__ */ jsx(Skeleton, { width: "128px", height: "20px", variant: "text", className: "mb-sm" }),
+      /* @__PURE__ */ jsx(Skeleton, { width: "100%", height: "80px", variant: "rect" })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "w-full", children: [
+      /* @__PURE__ */ jsx(Skeleton, { width: "96px", height: "20px", variant: "text", className: "mb-sm" }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-sm", children: [
+        /* @__PURE__ */ jsx(Skeleton, { width: "100%", height: "64px", variant: "rect" }),
+        /* @__PURE__ */ jsx(Skeleton, { width: "100%", height: "64px", variant: "rect" }),
+        /* @__PURE__ */ jsx(Skeleton, { width: "100%", height: "64px", variant: "rect" }),
+        /* @__PURE__ */ jsx(Skeleton, { width: "100%", height: "64px", variant: "rect" })
+      ] })
+    ] })
+  ] });
+};
+var EarnOverviewView = ({
+  selectedTab,
+  onTabChange,
+  labels,
+  overview,
+  explore,
+  history
+}) => {
+  return /* @__PURE__ */ jsx(BackgroundContainer, { className: "flex flex-col flex-1 min-h-0 px-0", children: /* @__PURE__ */ jsxs(Tabs, { value: selectedTab, onValueChange: onTabChange, variant: "default", className: "flex flex-col flex-1 min-h-0", children: [
+    /* @__PURE__ */ jsxs(TabsList, { className: "justify-between w-full", children: [
+      /* @__PURE__ */ jsx(TabsTrigger, { value: "overview", className: "flex-1", children: labels.tabs.overview }),
+      /* @__PURE__ */ jsx(TabsTrigger, { value: "explore", className: "flex-1", children: labels.tabs.explore }),
+      /* @__PURE__ */ jsx(TabsTrigger, { value: "history", className: "flex-1", children: labels.tabs.history })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col flex-1 w-full min-h-0 px-md pt-md", children: [
+      /* @__PURE__ */ jsx(TabsContent, { value: "overview", className: "flex flex-col flex-1 min-h-0", children: overview.isLoading ? /* @__PURE__ */ jsx(OverviewEarnWidgetTabSkeleton, {}) : /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(WalletBalances, { cards: overview.walletBalances }),
+        /* @__PURE__ */ jsx(GroupedStrategyListView, __spreadValues({}, overview.groupedStrategies))
+      ] }) }),
+      /* @__PURE__ */ jsxs(TabsContent, { value: "explore", children: [
+        /* @__PURE__ */ jsx("div", { className: "flex-shrink-0 w-full mb-4 h-12", children: /* @__PURE__ */ jsx(
+          SearchInput,
+          {
+            value: explore.searchValue,
+            onChange: (value) => explore.onSearchChange(value),
+            placeholder: explore.searchPlaceholder
+          }
+        ) }),
+        explore.isLoading ? /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
+          explore.loadingLabel,
+          /* @__PURE__ */ jsx(LoadingDots, {})
+        ] }) : explore.error ? /* @__PURE__ */ jsxs("div", { className: "p-4 text-center text-red-500", children: [
+          explore.errorLabel,
+          ": ",
+          explore.error.message
+        ] }) : explore.hasFilters && explore.strategies.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "w-full py-md bg-bg-default dark:bg-bg-default-dark rounded-lg flex flex-col gap-sm flex-shrink-0", children: [
+          /* @__PURE__ */ jsx(
+            ChipGroup,
+            {
+              options: explore.chipOptions,
+              selected: explore.selectedCategory,
+              onSelect: (value) => explore.onCategorySelect(value)
+            }
+          ),
+          /* @__PURE__ */ jsx(SearchEmptyState, { title: explore.emptySearchTitle, description: explore.emptySearchDescription })
+        ] }) : /* @__PURE__ */ jsxs("div", { className: "w-full py-md bg-bg-default dark:bg-bg-default-dark rounded-lg flex flex-col gap-sm flex-shrink-0", children: [
+          /* @__PURE__ */ jsx(
+            ChipGroup,
+            {
+              options: explore.chipOptions,
+              selected: explore.selectedCategory,
+              onSelect: (value) => explore.onCategorySelect(value)
+            }
+          ),
+          /* @__PURE__ */ jsx(TextHeading, { variant: "h5", children: explore.bestPerformanceLabel }),
+          /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-sm", children: explore.strategies.map((s) => /* @__PURE__ */ jsxs(ListItem, { onClick: () => s.onClick(), children: [
+            /* @__PURE__ */ jsx(ListItemLeftSide, { children: /* @__PURE__ */ jsx("img", { src: s.logoUrl, alt: s.subtitle, className: "w-10 h-10 rounded-full" }) }),
+            /* @__PURE__ */ jsxs(ListItemContent, { children: [
+              /* @__PURE__ */ jsx(TextBody, { children: s.title }),
+              /* @__PURE__ */ jsx(TextBody, { variant: "text-small", children: s.subtitle })
+            ] }),
+            /* @__PURE__ */ jsx(ListItemRightSide, { children: /* @__PURE__ */ jsx(TextBody, { children: s.apyFormatted }) })
+          ] }, s.id)) })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(TabsContent, { value: "history", children: history.isLoading ? /* @__PURE__ */ jsx(HistoryListSkeleton, {}) : history.isEmpty ? /* @__PURE__ */ jsx("div", { className: "w-full h-[90vh] py-md bg-bg-default dark:bg-bg-default-dark rounded-lg flex flex-col justify-center items-center gap-sm overflow-hidden", children: /* @__PURE__ */ jsxs("div", { className: "w-full flex flex-col justify-center items-center gap-md", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col justify-center items-center gap-md text-center", children: [
+          /* @__PURE__ */ jsx("div", { className: "w-20 h-20 bg-bg-muted dark:bg-bg-muted-dark rounded-full flex justify-center items-center", children: /* @__PURE__ */ jsx(PiClockCountdownBold, { className: "w-10 h-10 text-text-tertiary dark:text-text-tertiary-dark" }) }),
+          /* @__PURE__ */ jsx(TextHeading, { variant: "h3", children: history.emptyTitle })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "self-stretch text-center", children: /* @__PURE__ */ jsx(TextBody, { variant: "text-small", children: history.emptyDescription }) })
+      ] }) }) : /* @__PURE__ */ jsx(
+        HistoryListView,
+        {
+          groups: history.groups,
+          showLoadMore: history.showLoadMore,
+          onLoadMore: () => history.onLoadMore(),
+          loadMoreLabel: history.loadMoreLabel
+        }
+      ) })
+    ] })
+  ] }) });
+};
+var EarnInvestmentSummaryView = ({
+  overviewDescription,
+  totalInvestedLabel,
+  totalInvestedValue,
+  totalReturnLabel,
+  totalReturnValue,
+  processingBadgeLabel,
+  processingBadgeTitle,
+  className
+}) => {
+  return /* @__PURE__ */ jsxs("section", { className: twMerge("flex flex-col gap-md p-lg bg-[var(--deframe-widget-color-bg-subtle)] rounded", className), children: [
+    /* @__PURE__ */ jsx(TextBody, { variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-secondary)] dark:text-[color:var(--deframe-widget-color-text-secondary-dark)]", children: overviewDescription }),
+    /* @__PURE__ */ jsx(
+      WalletBalances,
+      {
+        cards: [
+          {
+            label: totalInvestedLabel,
+            value: totalInvestedValue,
+            badge: processingBadgeLabel ? /* @__PURE__ */ jsx(
+              ProcessingBadge,
+              {
+                label: processingBadgeLabel,
+                title: processingBadgeTitle
+              }
+            ) : void 0
+          },
+          { label: totalReturnLabel, value: totalReturnValue }
+        ],
+        variant: "raised",
+        className: "grid grid-cols-2 gap-md !mt-0"
+      }
+    )
+  ] });
+};
+var EarnInvestedSectionView = ({
+  sectionTitle,
+  items,
+  onItemClick,
+  className
+}) => {
+  if (items.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs(
+    "section",
+    {
+      className: twMerge(
+        "flex flex-col gap-[var(--deframe-widget-size-gap-md)] p-[var(--deframe-widget-size-padding-x-lg)]",
+        "bg-[var(--deframe-widget-color-bg-subtle)] rounded-[var(--deframe-widget-size-radius-sm)]",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx(TextBody, { variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-secondary)]", children: sectionTitle }),
+        /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-[var(--deframe-widget-size-gap-md)]", children: items.map((item, index) => {
+          const isLast = index === items.length - 1;
+          return /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: () => onItemClick == null ? void 0 : onItemClick(item.strategyId),
+              className: twMerge(
+                "flex items-center gap-[var(--deframe-widget-size-gap-md)] p-[var(--deframe-widget-size-padding-x-md)] bg-[var(--deframe-widget-color-bg-raised)] rounded-[var(--deframe-widget-size-radius-sm)]",
+                "transition-colors cursor-pointer text-left w-full",
+                !isLast && "border-b border-[var(--deframe-widget-color-border-secondary)]"
+              ),
+              children: [
+                /* @__PURE__ */ jsx(
+                  "img",
+                  {
+                    src: item.logoUrl,
+                    alt: item.assetName,
+                    className: "w-10 h-10 rounded-[var(--deframe-widget-size-radius-full)] flex-shrink-0"
+                  }
+                ),
+                /* @__PURE__ */ jsxs("div", { className: "flex flex-col flex-1 min-w-0", children: [
+                  /* @__PURE__ */ jsx(TextBody, { className: "font-medium truncate", children: item.assetName }),
+                  /* @__PURE__ */ jsx(TextBody, { variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-tertiary)] truncate", children: item.subtitle })
+                ] }),
+                /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-end flex-shrink-0", children: [
+                  /* @__PURE__ */ jsx(TextBody, { className: "font-medium", children: item.balanceFormatted }),
+                  /* @__PURE__ */ jsx(TextBody, { variant: "text-small", children: item.profitFormatted })
+                ] })
+              ]
+            },
+            item.strategyId
+          );
+        }) })
+      ]
+    }
+  );
+};
+var EarnExploreGridView = ({
+  sectionTitle,
+  loadingLabel,
+  errorLabel,
+  emptySearchTitle,
+  emptySearchDescription,
+  isLoading,
+  error,
+  strategies,
+  searchBar,
+  chipGroup,
+  hasFilters,
+  onStrategyClick,
+  className
+}) => {
+  const showEmptyState = hasFilters && strategies.length === 0;
+  if (isLoading) {
+    return /* @__PURE__ */ jsxs(
+      "section",
+      {
+        className: twMerge(
+          "flex flex-col gap-[var(--deframe-widget-size-gap-md)] p-[var(--deframe-widget-size-padding-x-lg)]",
+          "bg-[var(--deframe-widget-color-bg-subtle)] rounded-[var(--deframe-widget-size-radius-sm)]",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsx(TextBody, { variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-secondary)]", children: sectionTitle }),
+          /* @__PURE__ */ jsxs("div", { className: "text-[color:var(--deframe-widget-color-text-secondary)] flex items-center gap-[var(--deframe-widget-size-gap-sm)]", children: [
+            loadingLabel,
+            /* @__PURE__ */ jsx(LoadingDots, {})
+          ] })
+        ]
+      }
+    );
+  }
+  if (error) {
+    return /* @__PURE__ */ jsxs(
+      "section",
+      {
+        className: twMerge(
+          "flex flex-col gap-[var(--deframe-widget-size-gap-md)] p-[var(--deframe-widget-size-padding-x-lg)]",
+          "bg-[var(--deframe-widget-color-bg-subtle)] rounded-[var(--deframe-widget-size-radius-sm)]",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsx(TextBody, { variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-secondary)]", children: sectionTitle }),
+          /* @__PURE__ */ jsx("div", { className: "text-[color:var(--deframe-widget-color-state-error)]", children: errorLabel })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    "section",
+    {
+      className: twMerge(
+        "flex flex-col gap-[var(--deframe-widget-size-gap-md)] p-[var(--deframe-widget-size-padding-x-lg)]",
+        "bg-[var(--deframe-widget-color-bg-subtle)] rounded-[var(--deframe-widget-size-radius-sm)]",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx(TextBody, { variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-secondary)]", children: sectionTitle }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-[var(--deframe-widget-size-gap-md)]", children: [
+          searchBar,
+          chipGroup
+        ] }),
+        showEmptyState && /* @__PURE__ */ jsx("div", { className: "lg:h-[440px] flex items-center justify-center", children: /* @__PURE__ */ jsx(SearchEmptyState, { title: emptySearchTitle, description: emptySearchDescription }) }),
+        !showEmptyState && /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "explore-strategies-grid grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 gap-[var(--deframe-widget-size-gap-md)] overflow-y-auto pr-[var(--deframe-widget-size-padding-x-sm)] h-[440px] auto-rows-[136px]",
+            children: strategies.map((strategy) => /* @__PURE__ */ jsx(
+              StrategyGridCard,
+              {
+                logoUrl: strategy.logoUrl,
+                title: strategy.title,
+                subtitle: strategy.subtitle,
+                apyFormatted: strategy.apyFormatted,
+                apyLabel: strategy.apyLabel,
+                onClick: () => onStrategyClick == null ? void 0 : onStrategyClick(strategy.id)
+              },
+              strategy.id
+            ))
+          }
+        )
+      ]
+    }
+  );
+};
+var EarnRecentTransactionsView = ({
+  sectionTitle,
+  viewAllLabel,
+  isLoading,
+  hasMore,
+  hasItems,
+  historyList,
+  emptyTitle,
+  emptyDescription,
+  onViewAll,
+  className
+}) => {
+  return /* @__PURE__ */ jsxs(
+    "section",
+    {
+      className: twMerge(
+        "flex flex-col gap-md p-lg",
+        "bg-[var(--deframe-widget-color-bg-subtle)] rounded",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ jsx(TextBody, { variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-secondary)] dark:text-[color:var(--deframe-widget-color-text-secondary-dark)]", children: sectionTitle }),
+          hasMore && onViewAll && /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: onViewAll,
+              className: "text-brand-primary dark:text-brand-primary-dark hover:underline",
+              children: /* @__PURE__ */ jsx(TextBody, { variant: "text-small", children: viewAllLabel })
+            }
+          )
+        ] }),
+        isLoading ? /* @__PURE__ */ jsx(HistoryListSkeleton, {}) : hasItems ? historyList : /* @__PURE__ */ jsx(HistoryTabEmpty, { title: emptyTitle, description: emptyDescription })
+      ]
+    }
+  );
+};
+var EarnDesktopView = ({
+  isLoading,
+  loadingSkeleton,
+  summary,
+  invested,
+  explore,
+  transactions
+}) => {
+  if (isLoading) {
+    if (loadingSkeleton) {
+      return /* @__PURE__ */ jsx(Fragment, { children: loadingSkeleton });
+    }
+    return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-[var(--deframe-widget-size-gap-md)] w-full flex-1 min-h-0 animate-pulse px-[var(--deframe-widget-size-padding-x-lg)] py-[var(--deframe-widget-size-padding-y-lg)]", children: [
+      /* @__PURE__ */ jsx("div", { className: "h-24 rounded bg-[var(--deframe-widget-color-bg-secondary)]" }),
+      /* @__PURE__ */ jsx("div", { className: "h-40 rounded bg-[var(--deframe-widget-color-bg-secondary)]" }),
+      /* @__PURE__ */ jsx("div", { className: "h-60 rounded bg-[var(--deframe-widget-color-bg-secondary)]" })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "text-[color:var(--deframe-widget-color-text-primary)] flex flex-col relative overflow-y-auto w-full flex-1 min-h-0 pb-[var(--deframe-widget-size-padding-y-lg)] gap-[var(--deframe-widget-size-gap-md)]", children: [
+    /* @__PURE__ */ jsx(EarnInvestmentSummaryView, __spreadValues({}, summary)),
+    /* @__PURE__ */ jsx(EarnInvestedSectionView, __spreadValues({}, invested)),
+    /* @__PURE__ */ jsx(EarnExploreGridView, __spreadValues({}, explore)),
+    /* @__PURE__ */ jsx(EarnRecentTransactionsView, __spreadValues({}, transactions))
+  ] });
+};
+var EarnInvestmentDetailsView = (props) => {
+  if (props.isLoading) {
+    return /* @__PURE__ */ jsx(BackgroundContainer, { children: props.loadingSkeleton });
+  }
+  const {
+    title,
+    onBack,
+    tokenIcon,
+    fiatBalance,
+    profitAmount,
+    tokenAmount,
+    investedLabel,
+    earningsLabel,
+    summaryTitle,
+    summaryItems,
+    pastActivitiesTitle,
+    transactions,
+    onTransactionClick,
+    showMoreButton,
+    onLoadMore,
+    loadMoreLabel,
+    depositLabel,
+    onDeposit,
+    withdrawLabel,
+    onWithdraw
+  } = props;
+  return /* @__PURE__ */ jsxs(BackgroundContainer, { children: [
+    /* @__PURE__ */ jsxs(Navbar, { children: [
+      /* @__PURE__ */ jsx(BackButton, { onClick: onBack }),
+      /* @__PURE__ */ jsx(TextHeading, { variant: "h1", children: title })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex-1 flex flex-col min-h-0 px-[var(--deframe-widget-size-padding-x-md)] py-[var(--deframe-widget-size-padding-y-sm)] gap-[var(--deframe-widget-size-gap-md)]", children: [
+      /* @__PURE__ */ jsx(
+        EarnBalanceCard,
+        {
+          tokenIcon,
+          fiatBalance,
+          profitAmount,
+          tokenAmount,
+          investedLabel,
+          earningsLabel
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        SummaryDetails,
+        {
+          title: summaryTitle,
+          items: summaryItems,
+          defaultOpen: true,
+          className: "bg-[var(--deframe-widget-color-bg-secondary)] lg:!bg-[var(--deframe-widget-color-bg-primary)]"
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "w-full rounded-[var(--deframe-widget-size-radius-sm)] flex flex-col gap-[var(--deframe-widget-size-gap-sm)] flex-shrink-0", children: [
+        /* @__PURE__ */ jsx(TextHeading, { variant: "h5", children: pastActivitiesTitle }),
+        /* @__PURE__ */ jsxs("div", { className: "investment-activities-list flex flex-col gap-[var(--deframe-widget-size-gap-sm)] overflow-y-auto max-h-[280px] pr-[var(--deframe-widget-size-padding-x-sm)]", children: [
+          transactions.map((tx) => /* @__PURE__ */ jsxs(
+            ListItem,
+            {
+              onClick: () => onTransactionClick(tx.id),
+              children: [
+                /* @__PURE__ */ jsx(ListItemLeftSide, { children: /* @__PURE__ */ jsx("img", { src: tokenIcon, alt: "Token", className: "w-10 h-10 rounded-[var(--deframe-widget-size-radius-full)]" }) }),
+                /* @__PURE__ */ jsxs(ListItemContent, { children: [
+                  /* @__PURE__ */ jsx(TextBody, { children: tx.action }),
+                  /* @__PURE__ */ jsx(TextBody, { variant: "text-small", children: tx.date })
+                ] }),
+                /* @__PURE__ */ jsxs(ListItemRightSide, { children: [
+                  /* @__PURE__ */ jsx(TextBody, { children: tx.usdAmount }),
+                  /* @__PURE__ */ jsx(TextBody, { variant: "text-small", children: tx.tokenAmount })
+                ] })
+              ]
+            },
+            `tx-history-${tx.id}`
+          )),
+          showMoreButton && /* @__PURE__ */ jsx("div", { className: "flex justify-center items-center w-full py-4 flex-shrink-0", children: /* @__PURE__ */ jsx(TertiaryButton, { onClick: onLoadMore, children: loadMoreLabel }) })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "sticky bottom-0 left-0 right-0 border-t border-[var(--deframe-widget-color-border-secondary)] px-[var(--deframe-widget-size-padding-x-md)] py-[var(--deframe-widget-size-padding-y-md)]", children: /* @__PURE__ */ jsxs("div", { className: "flex justify-between gap-[var(--deframe-widget-size-gap-md)]", children: [
+      /* @__PURE__ */ jsx(PrimaryButton, { onClick: onDeposit, className: "w-full", children: depositLabel }),
+      /* @__PURE__ */ jsx(PrimaryButton, { onClick: onWithdraw, className: "w-full", children: withdrawLabel })
+    ] }) })
+  ] });
+};
+var EarnTokenSelectorView = ({
+  selectedToken,
+  onTokenClick,
+  onNetworkAndAssetClick,
+  onNetworkClick,
+  isLoading,
+  selectTokenLabel,
+  chainLabel,
+  chainImage,
+  chainDirectionLabel,
+  chainDisabledTitle,
+  isNetworkDisabled = false,
+  currentNetworkSelected
+}) => /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-[10px]", children: [
+  /* @__PURE__ */ jsx("div", { className: "flex gap-[10px] w-full", children: /* @__PURE__ */ jsx(
+    "button",
     {
       type: "button",
       onClick: onNetworkAndAssetClick != null ? onNetworkAndAssetClick : onTokenClick,
@@ -9852,7 +10678,7 @@ function EarnFormSkeleton() {
     "px-[var(--deframe-widget-size-padding-x-md)]",
     "py-[var(--deframe-widget-size-padding-y-md)]"
   ].join(" ");
-  const titleClasses = [
+  const titleClasses2 = [
     "flex-1",
     "text-[15px]",
     "[font-weight:var(--deframe-widget-font-weight-semibold)]",
@@ -9882,7 +10708,7 @@ function EarnFormSkeleton() {
       "data-test-id": "earn-form-skeleton",
       className: "flex flex-col font-[var(--deframe-widget-font-family)]",
       children: [
-        /* @__PURE__ */ jsx("div", { "data-test-id": "earn-form-skeleton-header", className: headerClasses, children: /* @__PURE__ */ jsx("span", { className: titleClasses, children: "Deposit" }) }),
+        /* @__PURE__ */ jsx("div", { "data-test-id": "earn-form-skeleton-header", className: headerClasses, children: /* @__PURE__ */ jsx("span", { className: titleClasses2, children: "Deposit" }) }),
         /* @__PURE__ */ jsx("div", { "data-test-id": "earn-form-skeleton-divider", className: dividerClasses }),
         /* @__PURE__ */ jsx("div", { "data-test-id": "earn-form-skeleton-body", className: bodyClasses, children: /* @__PURE__ */ jsxs("div", { "data-test-id": "earn-form-skeleton-input-card", className: inputCardClasses, children: [
           /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-[var(--deframe-widget-size-gap-sm)]", children: [
@@ -9983,7 +10809,7 @@ function EarnFeedbackOverlaySimpleView({
     "flex flex-col items-center",
     "gap-[var(--deframe-widget-size-gap-sm)] text-center"
   );
-  const titleClasses = twMerge(
+  const titleClasses2 = twMerge(
     isLoading ? "[font-size:12px] [line-height:1.25] [letter-spacing:0.10em] uppercase [font-weight:var(--deframe-widget-font-weight-semibold)] font-[var(--deframe-widget-font-family)] text-[color:var(--deframe-widget-color-brand-primary)]" : "text-[22px] font-bold text-[color:var(--deframe-widget-color-text-primary)] leading-[1.25]"
   );
   const subtitleClasses = twMerge(
@@ -10028,7 +10854,7 @@ function EarnFeedbackOverlaySimpleView({
                       {
                         "data-test-id": "earn-feedback-title",
                         "data-slot": "earn-feedback-title",
-                        className: titleClasses,
+                        className: titleClasses2,
                         children: title
                       }
                     ),
@@ -11056,10 +11882,304 @@ function OnchainDepositFormView({
             children: submitLabel
           }
         )
-      ] })
+      ] })
+    }
+  );
+}
+var OnchainDepositFormSimpleView = ({
+  // Token selector
+  selectedToken,
+  onTokenClick,
+  selectedChain,
+  // Address
+  depositAddress,
+  onAddressCopy,
+  // Navigation
+  onBack,
+  onClose,
+  // Labels
+  labels,
+  // Tab switcher
+  activeTab,
+  cryptoHref,
+  pixHref
+}) => {
+  var _a;
+  const hasToken = selectedToken != null;
+  const showAddressSection = hasToken && !!depositAddress;
+  const panelBaseClasses = [
+    "relative flex flex-col overflow-hidden w-[420px]",
+    "rounded-[var(--deframe-widget-size-radius-md)]",
+    "border border-[color:var(--deframe-widget-color-border-secondary)]",
+    "font-[var(--deframe-widget-font-family)]"
+  ].join(" ");
+  const headerBaseClasses = [
+    "flex items-center",
+    "px-[var(--deframe-widget-size-padding-x-md)]",
+    "py-[var(--deframe-widget-size-padding-y-md)]"
+  ].join(" ");
+  const titleBaseClasses = [
+    "flex-1",
+    "text-[15px]",
+    "[font-weight:var(--deframe-widget-font-weight-semibold)]",
+    "text-[color:var(--deframe-widget-color-text-primary)]"
+  ].join(" ");
+  const dividerClasses = "h-px bg-[var(--deframe-widget-color-border-secondary)]";
+  const bodyBaseClasses = [
+    "flex flex-col",
+    "gap-[var(--deframe-widget-size-gap-md)]",
+    "px-[var(--deframe-widget-size-padding-x-md)]",
+    "py-[var(--deframe-widget-size-padding-y-md)]"
+  ].join(" ");
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "onchain-deposit-simple-panel",
+      "data-test-id": "onchain-deposit-form-simple-view",
+      className: panelBaseClasses,
+      children: [
+        /* @__PURE__ */ jsxs(
+          "header",
+          {
+            "data-slot": "onchain-deposit-simple-header",
+            "data-test-id": "onchain-deposit-form-simple-view-header",
+            className: headerBaseClasses,
+            children: [
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  "data-slot": "onchain-deposit-simple-title",
+                  "data-test-id": "onchain-deposit-form-simple-view-title",
+                  className: titleBaseClasses,
+                  children: labels.title
+                }
+              ),
+              onClose && /* @__PURE__ */ jsx(
+                CloseButton_default,
+                {
+                  onClick: onClose,
+                  ariaLabel: "Close deposit panel",
+                  testId: "onchain-deposit-form-simple-view-close"
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            "data-slot": "onchain-deposit-simple-divider",
+            "data-test-id": "onchain-deposit-form-simple-view-divider",
+            className: dividerClasses
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "nav",
+          {
+            "data-slot": "onchain-deposit-simple-tabs",
+            "data-test-id": "onchain-deposit-form-simple-view-tabs",
+            className: "px-[var(--deframe-widget-size-padding-x-md)] py-[var(--deframe-widget-size-padding-y-sm)]",
+            children: /* @__PURE__ */ jsxs(
+              "div",
+              {
+                role: "tablist",
+                "data-test-id": "onchain-deposit-form-simple-view-tablist",
+                className: twMerge(
+                  "inline-flex w-full rounded-[var(--deframe-widget-size-radius-md)]",
+                  "bg-[var(--deframe-widget-color-bg-secondary)]",
+                  "border border-[color:var(--deframe-widget-color-border-secondary)]",
+                  "p-[3px] gap-[2px]"
+                ),
+                children: [
+                  /* @__PURE__ */ jsx(
+                    "a",
+                    {
+                      href: cryptoHref != null ? cryptoHref : "/dashboard/deposit/onchain",
+                      role: "tab",
+                      "aria-selected": activeTab === "crypto",
+                      "aria-current": activeTab === "crypto" ? "page" : void 0,
+                      "aria-label": "Cripto",
+                      "data-test-id": "onchain-deposit-form-simple-view-tab-crypto",
+                      className: twMerge(
+                        "inline-flex flex-1 items-center justify-center",
+                        "gap-[var(--deframe-widget-size-gap-xs)]",
+                        "rounded-[var(--deframe-widget-size-radius-sm)]",
+                        "border-[length:var(--deframe-widget-size-border-sm)] border-solid border-transparent",
+                        "outline-none whitespace-nowrap transition-[background,color,border-color] duration-150",
+                        "font-[var(--deframe-widget-font-family)] [font-weight:var(--deframe-widget-font-weight-medium)]",
+                        "py-[5px] px-[var(--deframe-widget-size-padding-x-lg)]",
+                        "[font-size:var(--deframe-widget-font-size-md)] [line-height:var(--deframe-widget-font-leading-md)]",
+                        activeTab === "crypto" ? "text-[color:var(--deframe-widget-color-brand-primary)]" : "text-[color:var(--deframe-widget-color-text-secondary)] hover:bg-[var(--deframe-widget-color-bg-tertiary)]"
+                      ),
+                      children: "Cripto"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    "a",
+                    {
+                      href: pixHref != null ? pixHref : "/dashboard/deposit/onramp",
+                      role: "tab",
+                      "aria-selected": activeTab === "pix",
+                      "aria-current": activeTab === "pix" ? "page" : void 0,
+                      "aria-label": "PIX",
+                      "data-test-id": "onchain-deposit-form-simple-view-tab-pix",
+                      className: twMerge(
+                        "inline-flex flex-1 items-center justify-center",
+                        "gap-[var(--deframe-widget-size-gap-xs)]",
+                        "rounded-[var(--deframe-widget-size-radius-sm)]",
+                        "border-[length:var(--deframe-widget-size-border-sm)] border-solid border-transparent",
+                        "outline-none whitespace-nowrap transition-[background,color,border-color] duration-150",
+                        "font-[var(--deframe-widget-font-family)] [font-weight:var(--deframe-widget-font-weight-medium)]",
+                        "py-[5px] px-[var(--deframe-widget-size-padding-x-lg)]",
+                        "[font-size:var(--deframe-widget-font-size-md)] [line-height:var(--deframe-widget-font-leading-md)]",
+                        activeTab === "pix" ? "text-[color:var(--deframe-widget-color-brand-primary)]" : "text-[color:var(--deframe-widget-color-text-secondary)] hover:bg-[var(--deframe-widget-color-bg-tertiary)]"
+                      ),
+                      children: "PIX"
+                    }
+                  )
+                ]
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            "data-slot": "onchain-deposit-simple-divider-tabs",
+            "data-test-id": "onchain-deposit-form-simple-view-divider-tabs",
+            className: dividerClasses
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            "data-slot": "onchain-deposit-simple-body",
+            "data-test-id": "onchain-deposit-form-simple-view-body",
+            className: bodyBaseClasses,
+            children: [
+              /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  "data-slot": "onchain-deposit-simple-token-card",
+                  "data-test-id": "onchain-deposit-form-simple-view-token-card",
+                  className: twMerge(
+                    "rounded-[var(--deframe-widget-size-radius-sm)]",
+                    "border border-[color:var(--deframe-widget-color-border-secondary)]",
+                    "bg-[var(--deframe-widget-color-bg-secondary)]",
+                    "px-[var(--deframe-widget-size-padding-x-md)] py-[var(--deframe-widget-size-padding-y-md)]"
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      EarnTokenSelectorSimpleView,
+                      {
+                        selectedToken,
+                        onTokenClick,
+                        onNetworkAndAssetClick: onTokenClick,
+                        isLoading: false,
+                        selectTokenLabel: "SELECIONE AQUI",
+                        chainLabel: (_a = selectedChain == null ? void 0 : selectedChain.name) != null ? _a : "",
+                        chainImage: selectedChain == null ? void 0 : selectedChain.iconUrl
+                      }
+                    ),
+                    !hasToken && /* @__PURE__ */ jsx(
+                      "p",
+                      {
+                        "data-slot": "onchain-deposit-simple-empty-hint",
+                        "data-test-id": "onchain-deposit-form-simple-view-empty-hint",
+                        className: "mt-[var(--deframe-widget-size-gap-sm)] text-[13px] text-[color:var(--deframe-widget-color-text-tertiary)] font-[var(--deframe-widget-font-family)]",
+                        children: labels.tokenPlaceholder
+                      }
+                    )
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsx(AnimatePresence, { children: showAddressSection && /* @__PURE__ */ jsxs(
+                motion.div,
+                {
+                  "data-slot": "onchain-deposit-simple-address-section",
+                  "data-test-id": "onchain-deposit-form-simple-view-address-section",
+                  initial: { opacity: 0, height: 0 },
+                  animate: { opacity: 1, height: "auto" },
+                  exit: { opacity: 0, height: 0 },
+                  transition: { duration: 0.2, ease: "easeOut" },
+                  style: { overflow: "hidden" },
+                  className: "flex flex-col gap-[var(--deframe-widget-size-gap-md)]",
+                  children: [
+                    /* @__PURE__ */ jsxs(
+                      "div",
+                      {
+                        "data-slot": "onchain-deposit-simple-address-card",
+                        "data-test-id": "onchain-deposit-form-simple-view-address-card",
+                        className: twMerge(
+                          "rounded-[var(--deframe-widget-size-radius-sm)]",
+                          "border border-[color:var(--deframe-widget-color-border-secondary)]",
+                          "bg-[var(--deframe-widget-color-bg-secondary)]",
+                          "px-[var(--deframe-widget-size-padding-x-md)] pt-[var(--deframe-widget-size-padding-y-sm)] pb-[var(--deframe-widget-size-padding-y-md)]"
+                        ),
+                        children: [
+                          /* @__PURE__ */ jsx(
+                            "p",
+                            {
+                              "data-test-id": "onchain-deposit-form-simple-view-address-label",
+                              className: "mb-[var(--deframe-widget-size-gap-sm)] text-[13px] text-[color:var(--deframe-widget-color-text-tertiary)] font-[var(--deframe-widget-font-family)]",
+                              children: "Endere\xE7o de dep\xF3sito"
+                            }
+                          ),
+                          /* @__PURE__ */ jsx(
+                            AddressDisplay,
+                            {
+                              address: depositAddress,
+                              onCopy: onAddressCopy
+                            }
+                          )
+                        ]
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      EarnInlineNotificationSimpleView,
+                      {
+                        variant: "warning",
+                        message: labels.warnBannerTokenChain
+                      }
+                    )
+                  ]
+                }
+              ) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "footer",
+          {
+            "data-slot": "onchain-deposit-simple-footer",
+            "data-test-id": "onchain-deposit-form-simple-view-footer",
+            className: "px-[var(--deframe-widget-size-padding-x-md)] pb-[var(--deframe-widget-size-padding-y-md)]",
+            children: /* @__PURE__ */ jsx(
+              SecondaryButton,
+              {
+                type: "button",
+                className: [
+                  "w-full h-12 rounded-[var(--deframe-widget-size-radius-sm)]",
+                  "text-[15px] text-[color:var(--deframe-widget-color-text-secondary)]",
+                  "border-[color:var(--deframe-widget-color-border-secondary)]",
+                  "outline-none",
+                  "transition-[background,color,border-color] duration-150",
+                  "hover:opacity-100",
+                  "hover:bg-[color:color-mix(in_srgb,var(--deframe-widget-color-bg-tertiary)_60%,transparent)]",
+                  "hover:text-[color:var(--deframe-widget-color-text-primary)]"
+                ].join(" "),
+                onClick: onBack,
+                "aria-label": labels.backLabel,
+                "data-test-id": "onchain-deposit-form-simple-view-cancel",
+                children: labels.backLabel
+              }
+            )
+          }
+        )
+      ]
     }
   );
-}
+};
 
 // src/utils/truncate-address.ts
 function truncateAddress(address, startChars = 6, endChars = 4) {
@@ -11193,333 +12313,703 @@ function OnchainDepositSuccessView({
           /* @__PURE__ */ jsxs(
             "div",
             {
-              className: "w-full mt-4 bg-[var(--deframe-widget-color-bg-tertiary)] rounded",
-              "data-test-id": "onchain-deposit-success-details",
-              children: [
-                /* @__PURE__ */ jsxs(
-                  "button",
+              className: "w-full mt-4 bg-[var(--deframe-widget-color-bg-tertiary)] rounded",
+              "data-test-id": "onchain-deposit-success-details",
+              children: [
+                /* @__PURE__ */ jsxs(
+                  "button",
+                  {
+                    onClick: () => setShowDetails(!showDetails),
+                    className: "flex justify-between items-center w-full text-left cursor-pointer p-4",
+                    "aria-label": labels.detailsTitle,
+                    "data-test-id": "onchain-deposit-success-details-toggle",
+                    children: [
+                      /* @__PURE__ */ jsx("span", { className: "text-[length:var(--deframe-widget-font-size-sm)] font-semibold", children: labels.detailsTitle }),
+                      /* @__PURE__ */ jsx(
+                        MdOutlineExpandMore,
+                        {
+                          className: twMerge(
+                            "transition-transform text-[color:var(--deframe-widget-color-text-secondary)]",
+                            showDetails && "rotate-180"
+                          )
+                        }
+                      )
+                    ]
+                  }
+                ),
+                showDetails && /* @__PURE__ */ jsxs("div", { className: "px-4 pb-4", children: [
+                  /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-4 w-full", children: [
+                    /* @__PURE__ */ jsx("p", { className: "text-[length:var(--deframe-widget-font-size-sm)] text-[color:var(--deframe-widget-color-text-primary)] font-medium", children: labels.estimatedTimeLabel }),
+                    /* @__PURE__ */ jsx("span", { className: "text-[length:var(--deframe-widget-font-size-sm)] text-[color:var(--deframe-widget-color-text-secondary)]", children: labels.estimatedTimeValue })
+                  ] }),
+                  /* @__PURE__ */ jsx("div", { className: "mt-4 flex flex-col", children: labels.steps.map((step, index) => {
+                    var _a, _b;
+                    return /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
+                      /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center", children: [
+                        /* @__PURE__ */ jsx("div", { className: "w-6 h-6 rounded-full bg-[var(--deframe-widget-color-bg-tertiary)] flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx(IoCheckmarkOutline, { className: "w-4 h-4 text-[color:var(--deframe-widget-color-state-success)]" }) }),
+                        index < labels.steps.length - 1 && /* @__PURE__ */ jsx("div", { className: "w-[2px] h-6 bg-[var(--deframe-widget-color-state-success)]" })
+                      ] }),
+                      /* @__PURE__ */ jsxs("div", { className: twMerge("flex flex-col", index < labels.steps.length - 1 && "pb-2"), children: [
+                        /* @__PURE__ */ jsx("span", { className: "text-[12px] text-[color:var(--deframe-widget-color-text-secondary)]", children: step.label }),
+                        /* @__PURE__ */ jsx(
+                          "span",
+                          {
+                            className: twMerge(
+                              "text-[12px] font-semibold",
+                              step.statusText && "text-[color:var(--deframe-widget-color-state-success)]"
+                            ),
+                            children: (_b = step.statusText) != null ? _b : (_a = labels.steps[index]) == null ? void 0 : _a.label
+                          }
+                        )
+                      ] })
+                    ] }, step.label);
+                  }) })
+                ] })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: "w-full mt-8", children: /* @__PURE__ */ jsx(PrimaryButton, { onClick: onViewHistory, "data-test-id": "onchain-deposit-success-action", children: labels.viewHistoryLabel }) })
+        ] }) })
+      ]
+    }
+  );
+}
+var OnchainDepositSuccessSimpleView = ({
+  onClose
+}) => {
+  React6.useEffect(() => {
+    if (!onClose) return;
+    const timer = setTimeout(onClose, 5e3);
+    return () => clearTimeout(timer);
+  }, [onClose]);
+  return /* @__PURE__ */ jsx("div", { "data-test-id": "onchain-deposit-success-simple-view", children: /* @__PURE__ */ jsx(
+    EarnFeedbackOverlaySimpleView,
+    {
+      variant: "success",
+      title: "Dep\xF3sito Confirmado!",
+      subtitle: "Seu saldo foi atualizado."
+    }
+  ) });
+};
+function OnchainWithdrawFormView({
+  selectedToken,
+  onTokenClick,
+  isProcessing,
+  chainCount,
+  selectedChain,
+  onNetworkClick,
+  formattedBalance,
+  amount,
+  onAmountChange,
+  isAmountInputDisabled,
+  onMaxClick,
+  showMaxButton,
+  formattedAmountUsd,
+  destinationNetwork,
+  destinationAddress,
+  onDestinationAddressChange,
+  txDetails,
+  isBelowMinAmount,
+  walletError,
+  transferError,
+  showWarning,
+  warningLabel,
+  isSubmitDisabled,
+  onSubmit,
+  submitLabel,
+  onBack,
+  labels,
+  className
+}) {
+  const [showTxDetails, setShowTxDetails] = useState(false);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: twMerge(
+        "w-full max-w-[620px] relative bg-[var(--deframe-widget-color-bg-primary)] lg:bg-[var(--deframe-widget-color-bg-secondary)] overflow-hidden mx-auto lg:my-[75px] rounded p-6 lg:p-12",
+        className
+      ),
+      "data-test-id": "onchain-withdraw-form-view",
+      children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col w-full px-2 py-0.5 rounded gap-1", children: [
+        /* @__PURE__ */ jsx(
+          SecondaryButton,
+          {
+            onClick: onBack,
+            className: "mb-4 !border-0 max-w-[84px]",
+            "aria-label": labels.backLabel,
+            children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx(MdOutlineArrowBack, { className: "w-5 h-5 text-[color:var(--deframe-widget-color-text-primary)]" }),
+              /* @__PURE__ */ jsx("span", { className: "text-[length:var(--deframe-widget-font-size-sm)] text-[color:var(--deframe-widget-color-text-primary)]", children: labels.backLabel })
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsx(TextHeading, { variant: "h2", children: labels.title }),
+        /* @__PURE__ */ jsx(TextBody, { variant: "text-small", children: labels.subtitle }),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "my-4 p-[var(--deframe-widget-size-padding-x-md)] w-full bg-[var(--deframe-widget-color-bg-tertiary)] rounded",
+            "data-test-id": "onchain-withdraw-token-card",
+            children: /* @__PURE__ */ jsxs("div", { className: "flex flex-row gap-[var(--deframe-widget-size-gap-md)] items-center", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-[var(--deframe-widget-size-gap-sm)] flex-1", children: [
+                /* @__PURE__ */ jsxs(
+                  "button",
+                  {
+                    onClick: onTokenClick,
+                    disabled: isProcessing,
+                    className: "h-[56px] border border-[var(--deframe-widget-color-border-secondary)] rounded overflow-hidden transition-colors flex items-center px-[var(--deframe-widget-size-padding-x-sm)] py-[6px] w-full cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed",
+                    "data-test-id": "onchain-withdraw-token-button",
+                    "aria-label": labels.tokenPlaceholder,
+                    children: [
+                      selectedToken ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-[var(--deframe-widget-size-gap-sm)] flex-1", children: [
+                        /* @__PURE__ */ jsx(
+                          "img",
+                          {
+                            src: selectedToken.logoURI || "",
+                            alt: selectedToken.symbol,
+                            className: "w-6 h-6 rounded-full object-cover"
+                          }
+                        ),
+                        /* @__PURE__ */ jsx("div", { className: "text-left", children: /* @__PURE__ */ jsx(TextBody, { variant: "text-large", className: "font-semibold", children: selectedToken.symbol }) })
+                      ] }) : /* @__PURE__ */ jsx("div", { className: "flex items-center gap-[var(--deframe-widget-size-gap-sm)] flex-1", children: /* @__PURE__ */ jsx(TextBody, { variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-secondary)]", children: labels.tokenPlaceholder }) }),
+                      /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center w-[18px] h-[18px]", children: /* @__PURE__ */ jsx(MdOutlineArrowDropDown, { className: "w-3 h-3 text-[color:var(--deframe-widget-color-text-tertiary)]" }) })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsxs(TextBody, { variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-tertiary)]", children: [
+                  labels.balancePrefix,
+                  ": ",
+                  formattedBalance
+                ] }),
+                /* @__PURE__ */ jsxs("div", { className: "flex flex-row items-center gap-[var(--deframe-widget-size-gap-xs)]", children: [
+                  /* @__PURE__ */ jsx(TextBody, { variant: "text-small", className: "tracking-wide text-[color:var(--deframe-widget-color-text-tertiary)]", children: labels.chainDirectionLabel }),
+                  chainCount === 0 || !selectedChain ? /* @__PURE__ */ jsxs(
+                    "button",
+                    {
+                      disabled: true,
+                      className: "ml-6 bg-[var(--deframe-widget-color-bg-tertiary)] rounded-full flex items-center gap-[var(--deframe-widget-size-gap-xs)] px-[var(--deframe-widget-size-padding-x-sm)] py-[var(--deframe-widget-size-padding-y-xs)] opacity-50 cursor-not-allowed",
+                      "data-test-id": "onchain-withdraw-chain-disabled",
+                      children: [
+                        /* @__PURE__ */ jsx("span", { className: "text-[length:var(--deframe-widget-font-size-sm)] text-[color:var(--deframe-widget-color-text-secondary)]", children: labels.chainPlaceholder }),
+                        /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center w-[18px] h-[18px]", children: /* @__PURE__ */ jsx(MdOutlineArrowDropDown, { className: "w-3 h-3 text-[color:var(--deframe-widget-color-text-tertiary)]" }) })
+                      ]
+                    }
+                  ) : chainCount > 1 ? /* @__PURE__ */ jsxs(
+                    "button",
+                    {
+                      onClick: onNetworkClick,
+                      className: "ml-6 bg-[var(--deframe-widget-color-bg-tertiary)] border border-[var(--deframe-widget-color-border-tertiary)] rounded-full flex items-center gap-[var(--deframe-widget-size-gap-xs)] px-[var(--deframe-widget-size-padding-x-sm)] py-[var(--deframe-widget-size-padding-y-xs)] transition-colors cursor-pointer",
+                      "data-test-id": "onchain-withdraw-chain-dropdown",
+                      "aria-label": labels.chainPlaceholder,
+                      children: [
+                        /* @__PURE__ */ jsx(
+                          "img",
+                          {
+                            src: selectedChain.iconUrl,
+                            alt: selectedChain.name,
+                            className: "w-3 h-3 rounded-full object-cover"
+                          }
+                        ),
+                        /* @__PURE__ */ jsx("span", { className: "text-[length:var(--deframe-widget-font-size-sm)] text-[color:var(--deframe-widget-color-text-secondary)]", children: selectedChain.name }),
+                        /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center w-[18px] h-[18px]", children: /* @__PURE__ */ jsx(MdOutlineArrowDropDown, { className: "w-3 h-3 text-[color:var(--deframe-widget-color-text-tertiary)]" }) })
+                      ]
+                    }
+                  ) : /* @__PURE__ */ jsxs(
+                    "div",
+                    {
+                      className: "ml-6 bg-[var(--deframe-widget-color-bg-tertiary)] border border-[var(--deframe-widget-color-border-tertiary)] rounded-lg flex items-center gap-[var(--deframe-widget-size-gap-xs)] px-[var(--deframe-widget-size-padding-x-sm)] py-[var(--deframe-widget-size-padding-y-xs)]",
+                      "data-test-id": "onchain-withdraw-chain-static",
+                      children: [
+                        /* @__PURE__ */ jsx(
+                          "img",
+                          {
+                            src: selectedChain.iconUrl,
+                            alt: selectedChain.name,
+                            className: "w-3 h-3 rounded-full object-cover"
+                          }
+                        ),
+                        /* @__PURE__ */ jsx("span", { className: "text-[length:var(--deframe-widget-font-size-sm)] text-[color:var(--deframe-widget-color-text-secondary)]", children: selectedChain.name })
+                      ]
+                    }
+                  )
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "flex flex-col flex-1 items-end justify-center gap-[var(--deframe-widget-size-gap-xs)] relative", children: [
+                /* @__PURE__ */ jsx(
+                  Input2,
+                  {
+                    id: "withdraw-amount-input",
+                    placeholder: "0.00",
+                    inputMode: "decimal",
+                    autoComplete: "off",
+                    "aria-label": "Amount to withdraw",
+                    min: "0",
+                    step: "any",
+                    type: "number",
+                    value: amount,
+                    onChange: (e) => onAmountChange(e.target.value),
+                    onWheel: (event) => {
+                      event.currentTarget.blur();
+                    },
+                    disabled: isAmountInputDisabled,
+                    className: "text-h2-mobile font-extrabold bg-transparent outline-none text-right w-full min-w-[120px] placeholder:text-[color:var(--deframe-widget-color-placeholder-primary)] text-[color:var(--deframe-widget-color-text-primary)] [appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none disabled:opacity-50 disabled:cursor-not-allowed",
+                    "data-test-id": "onchain-withdraw-amount-input"
+                  }
+                ),
+                /* @__PURE__ */ jsx(TextBody, { variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-tertiary)]", children: formattedAmountUsd }),
+                showMaxButton && /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    onClick: onMaxClick,
+                    className: "absolute top-0 right-0 text-[length:var(--deframe-widget-font-size-xs)] text-[color:var(--deframe-widget-color-brand-primary)] cursor-pointer -translate-y-6",
+                    "data-test-id": "onchain-withdraw-max-button",
+                    "aria-label": "Max",
+                    children: "Max"
+                  }
+                )
+              ] })
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "mb-4", "data-test-id": "onchain-withdraw-destination-network", children: [
+          /* @__PURE__ */ jsx(TextBody, { variant: "text-small", className: "mb-2", children: labels.destinationNetworkLabel }),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: twMerge(
+                "flex items-center gap-2 border border-[var(--deframe-widget-color-border-secondary)] rounded p-4 w-full",
+                !destinationNetwork ? "opacity-50 cursor-not-allowed" : "bg-[var(--deframe-widget-color-bg-tertiary)]"
+              ),
+              children: destinationNetwork ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx(
+                  "img",
                   {
-                    onClick: () => setShowDetails(!showDetails),
-                    className: "flex justify-between items-center w-full text-left cursor-pointer p-4",
-                    "aria-label": labels.detailsTitle,
-                    "data-test-id": "onchain-deposit-success-details-toggle",
-                    children: [
-                      /* @__PURE__ */ jsx("span", { className: "text-[length:var(--deframe-widget-font-size-sm)] font-semibold", children: labels.detailsTitle }),
-                      /* @__PURE__ */ jsx(
-                        MdOutlineExpandMore,
-                        {
-                          className: twMerge(
-                            "transition-transform text-[color:var(--deframe-widget-color-text-secondary)]",
-                            showDetails && "rotate-180"
-                          )
-                        }
-                      )
-                    ]
+                    src: destinationNetwork.iconUrl,
+                    alt: destinationNetwork.name,
+                    className: "w-5 h-5 rounded-full object-cover"
                   }
                 ),
-                showDetails && /* @__PURE__ */ jsxs("div", { className: "px-4 pb-4", children: [
-                  /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-4 w-full", children: [
-                    /* @__PURE__ */ jsx("p", { className: "text-[length:var(--deframe-widget-font-size-sm)] text-[color:var(--deframe-widget-color-text-primary)] font-medium", children: labels.estimatedTimeLabel }),
-                    /* @__PURE__ */ jsx("span", { className: "text-[length:var(--deframe-widget-font-size-sm)] text-[color:var(--deframe-widget-color-text-secondary)]", children: labels.estimatedTimeValue })
-                  ] }),
-                  /* @__PURE__ */ jsx("div", { className: "mt-4 flex flex-col", children: labels.steps.map((step, index) => {
-                    var _a, _b;
-                    return /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
-                      /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center", children: [
-                        /* @__PURE__ */ jsx("div", { className: "w-6 h-6 rounded-full bg-[var(--deframe-widget-color-bg-tertiary)] flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx(IoCheckmarkOutline, { className: "w-4 h-4 text-[color:var(--deframe-widget-color-state-success)]" }) }),
-                        index < labels.steps.length - 1 && /* @__PURE__ */ jsx("div", { className: "w-[2px] h-6 bg-[var(--deframe-widget-color-state-success)]" })
-                      ] }),
-                      /* @__PURE__ */ jsxs("div", { className: twMerge("flex flex-col", index < labels.steps.length - 1 && "pb-2"), children: [
-                        /* @__PURE__ */ jsx("span", { className: "text-[12px] text-[color:var(--deframe-widget-color-text-secondary)]", children: step.label }),
-                        /* @__PURE__ */ jsx(
-                          "span",
-                          {
-                            className: twMerge(
-                              "text-[12px] font-semibold",
-                              step.statusText && "text-[color:var(--deframe-widget-color-state-success)]"
-                            ),
-                            children: (_b = step.statusText) != null ? _b : (_a = labels.steps[index]) == null ? void 0 : _a.label
-                          }
-                        )
-                      ] })
-                    ] }, step.label);
-                  }) })
-                ] })
-              ]
+                /* @__PURE__ */ jsx("span", { children: destinationNetwork.name }),
+                /* @__PURE__ */ jsx("span", { className: "ml-auto text-[length:var(--deframe-widget-font-size-xs)] text-[color:var(--deframe-widget-color-text-secondary)]", children: labels.destinationNetworkSameHint })
+              ] }) : /* @__PURE__ */ jsx("span", { className: "text-[color:var(--deframe-widget-color-text-secondary)]", children: labels.destinationNetworkEmpty })
             }
-          ),
-          /* @__PURE__ */ jsx("div", { className: "w-full mt-8", children: /* @__PURE__ */ jsx(PrimaryButton, { onClick: onViewHistory, "data-test-id": "onchain-deposit-success-action", children: labels.viewHistoryLabel }) })
-        ] }) })
-      ]
+          )
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "mb-4", "data-test-id": "onchain-withdraw-destination-address", children: /* @__PURE__ */ jsx(
+          Input2,
+          {
+            type: "text",
+            label: labels.destinationAddressLabel,
+            placeholder: labels.destinationAddressPlaceholder,
+            value: destinationAddress,
+            onChange: (e) => onDestinationAddressChange(e.target.value),
+            disabled: isProcessing,
+            className: "w-full px-4 py-3 bg-[var(--deframe-widget-color-bg-secondary)] border border-[var(--deframe-widget-color-border-secondary)] rounded outline-none disabled:opacity-50 disabled:cursor-not-allowed"
+          }
+        ) }),
+        /* @__PURE__ */ jsx(BannerNotification, { message: labels.infoBanner, variant: "info", className: "gap-3" }),
+        isBelowMinAmount && /* @__PURE__ */ jsx(BannerNotification, { message: labels.minAmountWarning, variant: "warning", className: "gap-3" }),
+        txDetails !== null && /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "my-4 p-6 w-full bg-[var(--deframe-widget-color-bg-tertiary)] rounded",
+            "data-test-id": "onchain-withdraw-tx-details",
+            children: [
+              /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  onClick: () => setShowTxDetails((v) => !v),
+                  className: "flex justify-between items-center w-full text-left cursor-pointer",
+                  "aria-label": labels.txDetailsTitle,
+                  "data-test-id": "onchain-withdraw-tx-details-toggle",
+                  children: [
+                    /* @__PURE__ */ jsx(TextBody, { variant: "text-large", className: "font-semibold", children: labels.txDetailsTitle }),
+                    /* @__PURE__ */ jsx(MdOutlineExpandMore, { className: twMerge("transition-transform", showTxDetails && "rotate-180") })
+                  ]
+                }
+              ),
+              showTxDetails && /* @__PURE__ */ jsxs("div", { className: "mt-4 space-y-3", children: [
+                /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center", children: [
+                  /* @__PURE__ */ jsx(TextBody, { variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-secondary)]", children: labels.txDetailsAmountLabel }),
+                  /* @__PURE__ */ jsx(TextBody, { variant: "text-small", className: "font-semibold", children: txDetails.formattedAmount })
+                ] }),
+                /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center", children: [
+                  /* @__PURE__ */ jsx(TextBody, { variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-secondary)]", children: labels.txDetailsFeeLabel }),
+                  /* @__PURE__ */ jsx(TextBody, { variant: "text-small", className: "font-semibold", children: txDetails.formattedFee })
+                ] }),
+                /* @__PURE__ */ jsxs("div", { className: "border-t border-[var(--deframe-widget-color-border-secondary)] pt-3 flex justify-between items-center", children: [
+                  /* @__PURE__ */ jsx(TextBody, { variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-secondary)]", children: labels.txDetailsReceiveLabel }),
+                  /* @__PURE__ */ jsx(TextBody, { variant: "text-large", className: "font-bold", children: txDetails.formattedReceive })
+                ] })
+              ] })
+            ]
+          }
+        ),
+        walletError && /* @__PURE__ */ jsx("div", { className: "mb-4", children: /* @__PURE__ */ jsx(BannerNotification, { message: walletError, variant: "error" }) }),
+        transferError && /* @__PURE__ */ jsx("div", { className: "mb-4", children: /* @__PURE__ */ jsx(BannerNotification, { message: transferError, variant: "error", className: "gap-3" }) }),
+        showWarning && /* @__PURE__ */ jsx("div", { className: "mb-4", children: /* @__PURE__ */ jsx(BannerNotification, { message: warningLabel, variant: "warning" }) }),
+        /* @__PURE__ */ jsx(PrimaryButton, { disabled: isSubmitDisabled, onClick: onSubmit, "data-test-id": "onchain-withdraw-submit", children: isProcessing ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          submitLabel,
+          " ",
+          /* @__PURE__ */ jsx(LoadingDots, {})
+        ] }) : submitLabel })
+      ] })
     }
   );
 }
-function OnchainWithdrawFormView({
+var OnchainWithdrawFormSimpleView = ({
+  // Token selector
   selectedToken,
   onTokenClick,
-  isProcessing,
-  chainCount,
   selectedChain,
-  onNetworkClick,
-  formattedBalance,
+  // Amount
   amount,
   onAmountChange,
-  isAmountInputDisabled,
-  onMaxClick,
-  showMaxButton,
   formattedAmountUsd,
-  destinationNetwork,
+  formattedBalance,
+  // Percentage (new optional props)
+  onPercentageClick,
+  maxLabel,
+  // Destination address
   destinationAddress,
   onDestinationAddressChange,
-  txDetails,
+  // Errors
   isBelowMinAmount,
   walletError,
   transferError,
-  showWarning,
-  warningLabel,
+  // Submit
   isSubmitDisabled,
+  isProcessing,
   onSubmit,
   submitLabel,
+  // Navigation
   onBack,
-  labels,
-  className
-}) {
-  const [showTxDetails, setShowTxDetails] = useState(false);
-  return /* @__PURE__ */ jsx(
+  onClose,
+  // Labels
+  labels
+}) => {
+  var _a;
+  const hasToken = selectedToken != null;
+  const hasAmountError = !!walletError || isBelowMinAmount;
+  const hasAddressError = !!transferError;
+  const isSubmitDisabledInternal = !hasToken || isSubmitDisabled || isProcessing || !amount || amount === "0" || amount === "" || !destinationAddress.trim();
+  const [cardHovered, setCardHovered] = React6__default.useState(false);
+  const hideTimerRef = React6__default.useRef(void 0);
+  function handleHoverStart() {
+    clearTimeout(hideTimerRef.current);
+    setCardHovered(true);
+  }
+  function handleHoverEnd() {
+    hideTimerRef.current = setTimeout(() => setCardHovered(false), 150);
+  }
+  React6__default.useEffect(() => () => clearTimeout(hideTimerRef.current), []);
+  const panelBaseClasses = [
+    "relative flex flex-col overflow-hidden w-[420px]",
+    "rounded-[var(--deframe-widget-size-radius-md)]",
+    "border border-[color:var(--deframe-widget-color-border-secondary)]",
+    "font-[var(--deframe-widget-font-family)]"
+  ].join(" ");
+  const headerBaseClasses = [
+    "flex items-center",
+    "px-[var(--deframe-widget-size-padding-x-md)]",
+    "py-[var(--deframe-widget-size-padding-y-md)]"
+  ].join(" ");
+  const titleBaseClasses = [
+    "flex-1",
+    "text-[15px]",
+    "[font-weight:var(--deframe-widget-font-weight-semibold)]",
+    "text-[color:var(--deframe-widget-color-text-primary)]"
+  ].join(" ");
+  const dividerClasses = "h-px bg-[var(--deframe-widget-color-border-secondary)]";
+  const bodyBaseClasses = [
+    "flex flex-col",
+    "gap-[var(--deframe-widget-size-gap-md)]",
+    "px-[var(--deframe-widget-size-padding-x-md)]",
+    "py-[var(--deframe-widget-size-padding-y-md)]"
+  ].join(" ");
+  const inputCardClasses = twMerge(
+    "rounded-[var(--deframe-widget-size-radius-sm)]",
+    "border",
+    "px-[var(--deframe-widget-size-padding-x-md)] py-[var(--deframe-widget-size-padding-y-md)]",
+    "transition-[border-color,background] duration-200",
+    hasAmountError ? "border-[color:color-mix(in_srgb,var(--deframe-widget-color-state-error)_32%,transparent)] bg-[color:color-mix(in_srgb,var(--deframe-widget-color-state-error)_16%,transparent)]" : "border-[color:var(--deframe-widget-color-border-secondary)] bg-[var(--deframe-widget-color-bg-secondary)]"
+  );
+  const addressCardClasses = twMerge(
+    "rounded-[var(--deframe-widget-size-radius-sm)]",
+    "border",
+    "px-[var(--deframe-widget-size-padding-x-md)] py-[var(--deframe-widget-size-padding-y-md)]",
+    "transition-[border-color,background] duration-200",
+    hasAddressError ? "border-[color:color-mix(in_srgb,var(--deframe-widget-color-state-error)_32%,transparent)] bg-[color:color-mix(in_srgb,var(--deframe-widget-color-state-error)_16%,transparent)]" : "border-[color:var(--deframe-widget-color-border-secondary)] bg-[var(--deframe-widget-color-bg-secondary)]"
+  );
+  const footerBaseClasses = [
+    "flex gap-[var(--deframe-widget-size-gap-sm)]",
+    "px-[var(--deframe-widget-size-padding-x-md)]",
+    "pb-[var(--deframe-widget-size-padding-y-md)]"
+  ].join(" ");
+  const cancelButtonClasses = [
+    "flex-1 h-12 rounded-[var(--deframe-widget-size-radius-sm)]",
+    "text-[15px] text-[color:var(--deframe-widget-color-text-secondary)]",
+    "border-[color:var(--deframe-widget-color-border-secondary)]",
+    "outline-none",
+    "transition-[background,color,border-color] duration-150",
+    "hover:opacity-100",
+    "hover:bg-[color:color-mix(in_srgb,var(--deframe-widget-color-bg-tertiary)_60%,transparent)]",
+    "hover:text-[color:var(--deframe-widget-color-text-primary)]"
+  ].join(" ");
+  const submitButtonClasses = [
+    "flex-1 h-12 rounded-[var(--deframe-widget-size-radius-sm)]",
+    "border-none",
+    "text-[15px]",
+    isSubmitDisabledInternal ? "text-[color:var(--deframe-widget-color-text-primary-disabled)]" : "text-[color:var(--deframe-widget-color-text-primary-dark)]",
+    "outline-none",
+    "transition-[background,color] duration-200"
+  ].join(" ");
+  return /* @__PURE__ */ jsxs(
     "div",
     {
-      className: twMerge(
-        "w-full max-w-[620px] relative bg-[var(--deframe-widget-color-bg-primary)] lg:bg-[var(--deframe-widget-color-bg-secondary)] overflow-hidden mx-auto lg:my-[75px] rounded p-6 lg:p-12",
-        className
-      ),
-      "data-test-id": "onchain-withdraw-form-view",
-      children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col w-full px-2 py-0.5 rounded gap-1", children: [
-        /* @__PURE__ */ jsx(
-          SecondaryButton,
+      "data-slot": "onchain-withdraw-simple-panel",
+      "data-test-id": "onchain-withdraw-form-simple-view",
+      className: panelBaseClasses,
+      children: [
+        /* @__PURE__ */ jsxs(
+          "header",
           {
-            onClick: onBack,
-            className: "mb-4 !border-0 max-w-[84px]",
-            "aria-label": labels.backLabel,
-            children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ jsx(MdOutlineArrowBack, { className: "w-5 h-5 text-[color:var(--deframe-widget-color-text-primary)]" }),
-              /* @__PURE__ */ jsx("span", { className: "text-[length:var(--deframe-widget-font-size-sm)] text-[color:var(--deframe-widget-color-text-primary)]", children: labels.backLabel })
-            ] })
+            "data-slot": "onchain-withdraw-simple-header",
+            "data-test-id": "onchain-withdraw-form-simple-view-header",
+            className: headerBaseClasses,
+            children: [
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  "data-slot": "onchain-withdraw-simple-title",
+                  "data-test-id": "onchain-withdraw-form-simple-view-title",
+                  className: titleBaseClasses,
+                  children: labels.title
+                }
+              ),
+              onClose && /* @__PURE__ */ jsx(
+                CloseButton_default,
+                {
+                  onClick: onClose,
+                  ariaLabel: "Close withdrawal panel",
+                  testId: "onchain-withdraw-form-simple-view-close"
+                }
+              )
+            ]
           }
         ),
-        /* @__PURE__ */ jsx(TextHeading, { variant: "h2", children: labels.title }),
-        /* @__PURE__ */ jsx(TextBody, { variant: "text-small", children: labels.subtitle }),
         /* @__PURE__ */ jsx(
           "div",
           {
-            className: "my-4 p-[var(--deframe-widget-size-padding-x-md)] w-full bg-[var(--deframe-widget-color-bg-tertiary)] rounded",
-            "data-test-id": "onchain-withdraw-token-card",
-            children: /* @__PURE__ */ jsxs("div", { className: "flex flex-row gap-[var(--deframe-widget-size-gap-md)] items-center", children: [
-              /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-[var(--deframe-widget-size-gap-sm)] flex-1", children: [
-                /* @__PURE__ */ jsxs(
-                  "button",
-                  {
-                    onClick: onTokenClick,
-                    disabled: isProcessing,
-                    className: "h-[56px] border border-[var(--deframe-widget-color-border-secondary)] rounded overflow-hidden transition-colors flex items-center px-[var(--deframe-widget-size-padding-x-sm)] py-[6px] w-full cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed",
-                    "data-test-id": "onchain-withdraw-token-button",
-                    "aria-label": labels.tokenPlaceholder,
-                    children: [
-                      selectedToken ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-[var(--deframe-widget-size-gap-sm)] flex-1", children: [
-                        /* @__PURE__ */ jsx(
-                          "img",
-                          {
-                            src: selectedToken.logoURI || "",
-                            alt: selectedToken.symbol,
-                            className: "w-6 h-6 rounded-full object-cover"
-                          }
-                        ),
-                        /* @__PURE__ */ jsx("div", { className: "text-left", children: /* @__PURE__ */ jsx(TextBody, { variant: "text-large", className: "font-semibold", children: selectedToken.symbol }) })
-                      ] }) : /* @__PURE__ */ jsx("div", { className: "flex items-center gap-[var(--deframe-widget-size-gap-sm)] flex-1", children: /* @__PURE__ */ jsx(TextBody, { variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-secondary)]", children: labels.tokenPlaceholder }) }),
-                      /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center w-[18px] h-[18px]", children: /* @__PURE__ */ jsx(MdOutlineArrowDropDown, { className: "w-3 h-3 text-[color:var(--deframe-widget-color-text-tertiary)]" }) })
-                    ]
-                  }
-                ),
-                /* @__PURE__ */ jsxs(TextBody, { variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-tertiary)]", children: [
-                  labels.balancePrefix,
-                  ": ",
-                  formattedBalance
-                ] }),
-                /* @__PURE__ */ jsxs("div", { className: "flex flex-row items-center gap-[var(--deframe-widget-size-gap-xs)]", children: [
-                  /* @__PURE__ */ jsx(TextBody, { variant: "text-small", className: "tracking-wide text-[color:var(--deframe-widget-color-text-tertiary)]", children: labels.chainDirectionLabel }),
-                  chainCount === 0 || !selectedChain ? /* @__PURE__ */ jsxs(
-                    "button",
-                    {
-                      disabled: true,
-                      className: "ml-6 bg-[var(--deframe-widget-color-bg-tertiary)] rounded-full flex items-center gap-[var(--deframe-widget-size-gap-xs)] px-[var(--deframe-widget-size-padding-x-sm)] py-[var(--deframe-widget-size-padding-y-xs)] opacity-50 cursor-not-allowed",
-                      "data-test-id": "onchain-withdraw-chain-disabled",
-                      children: [
-                        /* @__PURE__ */ jsx("span", { className: "text-[length:var(--deframe-widget-font-size-sm)] text-[color:var(--deframe-widget-color-text-secondary)]", children: labels.chainPlaceholder }),
-                        /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center w-[18px] h-[18px]", children: /* @__PURE__ */ jsx(MdOutlineArrowDropDown, { className: "w-3 h-3 text-[color:var(--deframe-widget-color-text-tertiary)]" }) })
-                      ]
-                    }
-                  ) : chainCount > 1 ? /* @__PURE__ */ jsxs(
-                    "button",
-                    {
-                      onClick: onNetworkClick,
-                      className: "ml-6 bg-[var(--deframe-widget-color-bg-tertiary)] border border-[var(--deframe-widget-color-border-tertiary)] rounded-full flex items-center gap-[var(--deframe-widget-size-gap-xs)] px-[var(--deframe-widget-size-padding-x-sm)] py-[var(--deframe-widget-size-padding-y-xs)] transition-colors cursor-pointer",
-                      "data-test-id": "onchain-withdraw-chain-dropdown",
-                      "aria-label": labels.chainPlaceholder,
-                      children: [
-                        /* @__PURE__ */ jsx(
-                          "img",
+            "data-slot": "onchain-withdraw-simple-divider",
+            "data-test-id": "onchain-withdraw-form-simple-view-divider",
+            className: dividerClasses
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            "data-slot": "onchain-withdraw-simple-body",
+            "data-test-id": "onchain-withdraw-form-simple-view-body",
+            className: bodyBaseClasses,
+            children: [
+              /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  "data-slot": "onchain-withdraw-simple-input-card",
+                  "data-test-id": "onchain-withdraw-form-simple-view-input-card",
+                  onMouseEnter: hasToken ? handleHoverStart : void 0,
+                  onMouseLeave: hasToken ? handleHoverEnd : void 0,
+                  className: inputCardClasses,
+                  children: [
+                    /* @__PURE__ */ jsxs(
+                      "div",
+                      {
+                        "data-slot": "onchain-withdraw-simple-input-top-row",
+                        "data-test-id": "onchain-withdraw-form-simple-view-top-row",
+                        className: "flex items-center gap-[var(--deframe-widget-size-gap-sm)]",
+                        children: [
+                          /* @__PURE__ */ jsx(
+                            EarnTokenSelectorSimpleView,
+                            {
+                              selectedToken,
+                              onTokenClick,
+                              onNetworkAndAssetClick: onTokenClick,
+                              isLoading: false,
+                              selectTokenLabel: "SELECIONE AQUI",
+                              chainLabel: (_a = selectedChain == null ? void 0 : selectedChain.name) != null ? _a : "",
+                              chainImage: selectedChain == null ? void 0 : selectedChain.iconUrl
+                            }
+                          ),
+                          /* @__PURE__ */ jsx(
+                            "div",
+                            {
+                              "data-test-id": "onchain-withdraw-form-simple-view-input-divider",
+                              className: "w-px h-10 bg-[var(--deframe-widget-color-border-secondary)] flex-shrink-0"
+                            }
+                          ),
+                          /* @__PURE__ */ jsx(
+                            EarnAmountInputSimpleView,
+                            {
+                              value: amount,
+                              onChange: (e) => onAmountChange(e.target.value),
+                              ariaLabel: "Amount to withdraw",
+                              dollarAmountFormatted: formattedAmountUsd
+                            }
+                          )
+                        ]
+                      }
+                    ),
+                    hasToken && formattedBalance && /* @__PURE__ */ jsx(
+                      "div",
+                      {
+                        "data-slot": "onchain-withdraw-simple-balance-row",
+                        "data-test-id": "onchain-withdraw-form-simple-view-balance-row",
+                        className: "mt-[var(--deframe-widget-size-gap-sm)]",
+                        children: /* @__PURE__ */ jsx("span", { className: "text-[13px] text-[color:var(--deframe-widget-color-text-tertiary)] font-[var(--deframe-widget-font-family)]", children: /* @__PURE__ */ jsxs(
+                          "span",
                           {
-                            src: selectedChain.iconUrl,
-                            alt: selectedChain.name,
-                            className: "w-3 h-3 rounded-full object-cover"
+                            className: hasAmountError ? "text-[color:var(--deframe-widget-color-state-error)]" : "text-[color:var(--deframe-widget-color-text-secondary)]",
+                            children: [
+                              labels.balancePrefix,
+                              ": ",
+                              formattedBalance
+                            ]
                           }
-                        ),
-                        /* @__PURE__ */ jsx("span", { className: "text-[length:var(--deframe-widget-font-size-sm)] text-[color:var(--deframe-widget-color-text-secondary)]", children: selectedChain.name }),
-                        /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center w-[18px] h-[18px]", children: /* @__PURE__ */ jsx(MdOutlineArrowDropDown, { className: "w-3 h-3 text-[color:var(--deframe-widget-color-text-tertiary)]" }) })
-                      ]
-                    }
-                  ) : /* @__PURE__ */ jsxs(
-                    "div",
-                    {
-                      className: "ml-6 bg-[var(--deframe-widget-color-bg-tertiary)] border border-[var(--deframe-widget-color-border-tertiary)] rounded-lg flex items-center gap-[var(--deframe-widget-size-gap-xs)] px-[var(--deframe-widget-size-padding-x-sm)] py-[var(--deframe-widget-size-padding-y-xs)]",
-                      "data-test-id": "onchain-withdraw-chain-static",
-                      children: [
-                        /* @__PURE__ */ jsx(
-                          "img",
+                        ) })
+                      }
+                    ),
+                    !hasToken && /* @__PURE__ */ jsx(
+                      "p",
+                      {
+                        "data-slot": "onchain-withdraw-simple-empty-hint",
+                        "data-test-id": "onchain-withdraw-form-simple-view-empty-hint",
+                        className: "mt-[var(--deframe-widget-size-gap-sm)] text-[13px] text-[color:var(--deframe-widget-color-text-tertiary)] font-[var(--deframe-widget-font-family)]",
+                        children: labels.tokenPlaceholder
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(AnimatePresence, { children: hasToken && onPercentageClick && cardHovered && /* @__PURE__ */ jsx(
+                      motion.div,
+                      {
+                        "data-slot": "onchain-withdraw-simple-chips-row",
+                        "data-test-id": "onchain-withdraw-form-simple-view-chips-row",
+                        initial: { opacity: 0, height: 0, marginTop: 0 },
+                        animate: { opacity: 1, height: "auto", marginTop: "var(--deframe-widget-size-gap-sm)" },
+                        exit: { opacity: 0, height: 0, marginTop: 0 },
+                        transition: { duration: 0.15, ease: "easeOut" },
+                        style: { overflow: "hidden" },
+                        onMouseEnter: handleHoverStart,
+                        onMouseLeave: handleHoverEnd,
+                        children: /* @__PURE__ */ jsx(
+                          EarnPercentageButtonsSimpleView,
                           {
-                            src: selectedChain.iconUrl,
-                            alt: selectedChain.name,
-                            className: "w-3 h-3 rounded-full object-cover"
+                            onPercentageClick,
+                            maxLabel: maxLabel != null ? maxLabel : "M\xE1x."
                           }
+                        )
+                      }
+                    ) }),
+                    (walletError || isBelowMinAmount) && /* @__PURE__ */ jsx("div", { className: "mt-[var(--deframe-widget-size-gap-sm)]", children: /* @__PURE__ */ jsx(
+                      EarnInlineNotificationSimpleView,
+                      {
+                        variant: "error",
+                        message: walletError != null ? walletError : labels.minAmountWarning
+                      }
+                    ) })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  "data-slot": "onchain-withdraw-simple-address-card",
+                  "data-test-id": "onchain-withdraw-form-simple-view-address-card",
+                  className: addressCardClasses,
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      "p",
+                      {
+                        "data-slot": "onchain-withdraw-simple-address-label",
+                        "data-test-id": "onchain-withdraw-form-simple-view-address-label",
+                        className: "mb-[var(--deframe-widget-size-gap-sm)] text-[13px] text-[color:var(--deframe-widget-color-text-tertiary)] font-[var(--deframe-widget-font-family)]",
+                        children: labels.destinationAddressLabel
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "input",
+                      {
+                        "data-slot": "onchain-withdraw-simple-address-input",
+                        "data-test-id": "onchain-withdraw-form-simple-view-address-input",
+                        type: "text",
+                        value: destinationAddress,
+                        onChange: (e) => onDestinationAddressChange(e.target.value),
+                        placeholder: labels.destinationAddressPlaceholder,
+                        disabled: isProcessing,
+                        "aria-label": labels.destinationAddressLabel,
+                        className: twMerge(
+                          "w-full bg-transparent outline-none",
+                          "text-[13px] [font-weight:var(--deframe-widget-font-weight-regular)]",
+                          "font-[var(--deframe-widget-font-family)]",
+                          "placeholder:text-[color:var(--deframe-widget-color-text-tertiary)]",
+                          "text-[color:var(--deframe-widget-color-text-primary)]",
+                          '[font-feature-settings:"tnum"]',
+                          "disabled:opacity-50 disabled:cursor-not-allowed"
                         ),
-                        /* @__PURE__ */ jsx("span", { className: "text-[length:var(--deframe-widget-font-size-sm)] text-[color:var(--deframe-widget-color-text-secondary)]", children: selectedChain.name })
-                      ]
-                    }
-                  )
-                ] })
-              ] }),
-              /* @__PURE__ */ jsxs("div", { className: "flex flex-col flex-1 items-end justify-center gap-[var(--deframe-widget-size-gap-xs)] relative", children: [
-                /* @__PURE__ */ jsx(
-                  Input2,
-                  {
-                    id: "withdraw-amount-input",
-                    placeholder: "0.00",
-                    inputMode: "decimal",
-                    autoComplete: "off",
-                    "aria-label": "Amount to withdraw",
-                    min: "0",
-                    step: "any",
-                    type: "number",
-                    value: amount,
-                    onChange: (e) => onAmountChange(e.target.value),
-                    onWheel: (event) => {
-                      event.currentTarget.blur();
-                    },
-                    disabled: isAmountInputDisabled,
-                    className: "text-h2-mobile font-extrabold bg-transparent outline-none text-right w-full min-w-[120px] placeholder:text-[color:var(--deframe-widget-color-placeholder-primary)] text-[color:var(--deframe-widget-color-text-primary)] [appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none disabled:opacity-50 disabled:cursor-not-allowed",
-                    "data-test-id": "onchain-withdraw-amount-input"
-                  }
-                ),
-                /* @__PURE__ */ jsx(TextBody, { variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-tertiary)]", children: formattedAmountUsd }),
-                showMaxButton && /* @__PURE__ */ jsx(
-                  "button",
-                  {
-                    onClick: onMaxClick,
-                    className: "absolute top-0 right-0 text-[length:var(--deframe-widget-font-size-xs)] text-[color:var(--deframe-widget-color-brand-primary)] cursor-pointer -translate-y-6",
-                    "data-test-id": "onchain-withdraw-max-button",
-                    "aria-label": "Max",
-                    children: "Max"
-                  }
-                )
-              ] })
-            ] })
-          }
-        ),
-        /* @__PURE__ */ jsxs("div", { className: "mb-4", "data-test-id": "onchain-withdraw-destination-network", children: [
-          /* @__PURE__ */ jsx(TextBody, { variant: "text-small", className: "mb-2", children: labels.destinationNetworkLabel }),
-          /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: twMerge(
-                "flex items-center gap-2 border border-[var(--deframe-widget-color-border-secondary)] rounded p-4 w-full",
-                !destinationNetwork ? "opacity-50 cursor-not-allowed" : "bg-[var(--deframe-widget-color-bg-tertiary)]"
+                        spellCheck: false,
+                        autoComplete: "off"
+                      }
+                    ),
+                    transferError && /* @__PURE__ */ jsx("div", { className: "mt-[var(--deframe-widget-size-gap-sm)]", children: /* @__PURE__ */ jsx(EarnInlineNotificationSimpleView, { variant: "error", message: transferError }) })
+                  ]
+                }
               ),
-              children: destinationNetwork ? /* @__PURE__ */ jsxs(Fragment, { children: [
-                /* @__PURE__ */ jsx(
-                  "img",
-                  {
-                    src: destinationNetwork.iconUrl,
-                    alt: destinationNetwork.name,
-                    className: "w-5 h-5 rounded-full object-cover"
-                  }
-                ),
-                /* @__PURE__ */ jsx("span", { children: destinationNetwork.name }),
-                /* @__PURE__ */ jsx("span", { className: "ml-auto text-[length:var(--deframe-widget-font-size-xs)] text-[color:var(--deframe-widget-color-text-secondary)]", children: labels.destinationNetworkSameHint })
-              ] }) : /* @__PURE__ */ jsx("span", { className: "text-[color:var(--deframe-widget-color-text-secondary)]", children: labels.destinationNetworkEmpty })
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: "mb-4", "data-test-id": "onchain-withdraw-destination-address", children: /* @__PURE__ */ jsx(
-          Input2,
-          {
-            type: "text",
-            label: labels.destinationAddressLabel,
-            placeholder: labels.destinationAddressPlaceholder,
-            value: destinationAddress,
-            onChange: (e) => onDestinationAddressChange(e.target.value),
-            disabled: isProcessing,
-            className: "w-full px-4 py-3 bg-[var(--deframe-widget-color-bg-secondary)] border border-[var(--deframe-widget-color-border-secondary)] rounded outline-none disabled:opacity-50 disabled:cursor-not-allowed"
+              /* @__PURE__ */ jsx(
+                EarnInlineNotificationSimpleView,
+                {
+                  variant: "warning",
+                  message: labels.infoBanner
+                }
+              )
+            ]
           }
-        ) }),
-        /* @__PURE__ */ jsx(BannerNotification, { message: labels.infoBanner, variant: "info", className: "gap-3" }),
-        isBelowMinAmount && /* @__PURE__ */ jsx(BannerNotification, { message: labels.minAmountWarning, variant: "warning", className: "gap-3" }),
-        txDetails !== null && /* @__PURE__ */ jsxs(
-          "div",
+        ),
+        /* @__PURE__ */ jsxs(
+          "footer",
           {
-            className: "my-4 p-6 w-full bg-[var(--deframe-widget-color-bg-tertiary)] rounded",
-            "data-test-id": "onchain-withdraw-tx-details",
+            "data-slot": "onchain-withdraw-simple-footer",
+            "data-test-id": "onchain-withdraw-form-simple-view-footer",
+            className: footerBaseClasses,
             children: [
-              /* @__PURE__ */ jsxs(
-                "button",
+              onBack && /* @__PURE__ */ jsx(
+                SecondaryButton,
                 {
-                  onClick: () => setShowTxDetails((v) => !v),
-                  className: "flex justify-between items-center w-full text-left cursor-pointer",
-                  "aria-label": labels.txDetailsTitle,
-                  "data-test-id": "onchain-withdraw-tx-details-toggle",
-                  children: [
-                    /* @__PURE__ */ jsx(TextBody, { variant: "text-large", className: "font-semibold", children: labels.txDetailsTitle }),
-                    /* @__PURE__ */ jsx(MdOutlineExpandMore, { className: twMerge("transition-transform", showTxDetails && "rotate-180") })
-                  ]
+                  type: "button",
+                  className: cancelButtonClasses,
+                  onClick: onBack,
+                  "aria-label": "Cancel withdrawal",
+                  "data-test-id": "onchain-withdraw-form-simple-view-cancel",
+                  children: labels.backLabel
                 }
               ),
-              showTxDetails && /* @__PURE__ */ jsxs("div", { className: "mt-4 space-y-3", children: [
-                /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center", children: [
-                  /* @__PURE__ */ jsx(TextBody, { variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-secondary)]", children: labels.txDetailsAmountLabel }),
-                  /* @__PURE__ */ jsx(TextBody, { variant: "text-small", className: "font-semibold", children: txDetails.formattedAmount })
-                ] }),
-                /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center", children: [
-                  /* @__PURE__ */ jsx(TextBody, { variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-secondary)]", children: labels.txDetailsFeeLabel }),
-                  /* @__PURE__ */ jsx(TextBody, { variant: "text-small", className: "font-semibold", children: txDetails.formattedFee })
-                ] }),
-                /* @__PURE__ */ jsxs("div", { className: "border-t border-[var(--deframe-widget-color-border-secondary)] pt-3 flex justify-between items-center", children: [
-                  /* @__PURE__ */ jsx(TextBody, { variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-secondary)]", children: labels.txDetailsReceiveLabel }),
-                  /* @__PURE__ */ jsx(TextBody, { variant: "text-large", className: "font-bold", children: txDetails.formattedReceive })
-                ] })
-              ] })
+              /* @__PURE__ */ jsx(
+                PrimaryButton,
+                {
+                  type: "button",
+                  className: submitButtonClasses,
+                  disabled: isSubmitDisabledInternal,
+                  onClick: onSubmit,
+                  "aria-label": submitLabel,
+                  "data-test-id": "onchain-withdraw-form-simple-view-submit",
+                  children: submitLabel
+                }
+              )
             ]
           }
-        ),
-        walletError && /* @__PURE__ */ jsx("div", { className: "mb-4", children: /* @__PURE__ */ jsx(BannerNotification, { message: walletError, variant: "error" }) }),
-        transferError && /* @__PURE__ */ jsx("div", { className: "mb-4", children: /* @__PURE__ */ jsx(BannerNotification, { message: transferError, variant: "error", className: "gap-3" }) }),
-        showWarning && /* @__PURE__ */ jsx("div", { className: "mb-4", children: /* @__PURE__ */ jsx(BannerNotification, { message: warningLabel, variant: "warning" }) }),
-        /* @__PURE__ */ jsx(PrimaryButton, { disabled: isSubmitDisabled, onClick: onSubmit, "data-test-id": "onchain-withdraw-submit", children: isProcessing ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          submitLabel,
-          " ",
-          /* @__PURE__ */ jsx(LoadingDots, {})
-        ] }) : submitLabel })
-      ] })
+        )
+      ]
     }
   );
-}
+};
 function OnchainWithdrawChainSelectorView({
   actionSheetId,
   isOpen,
@@ -11904,6 +13394,297 @@ function OnchainWithdrawFailedView({
     }
   );
 }
+var OnchainWithdrawProcessingSimpleView = ({
+  onClose: _onClose
+}) => {
+  return /* @__PURE__ */ jsx("div", { "data-test-id": "onchain-withdraw-processing-simple-view", children: /* @__PURE__ */ jsx(
+    EarnFeedbackOverlaySimpleView,
+    {
+      variant: "loading",
+      title: "PROCESSANDO SAQUE...",
+      subtitle: "Aguarde enquanto sua transa\xE7\xE3o \xE9 confirmada."
+    }
+  ) });
+};
+function WithdrawSignatureWarningIcon() {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: "w-20 h-20 rounded-full flex items-center justify-center",
+      style: { background: "linear-gradient(180deg, #F6A700 0%, #F59E0B 100%)" },
+      "data-test-id": "withdraw-signature-warning-icon",
+      "data-slot": "withdraw-signature-warning-icon",
+      children: /* @__PURE__ */ jsx("svg", { className: "w-8 h-8", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M12 9V13M12 17H12.01M10.29 3.86L1.82 18A2 2 0 003.54 21H20.46A2 2 0 0022.18 18L13.71 3.86A2 2 0 0010.29 3.86Z",
+          stroke: "#121212",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      ) })
+    }
+  );
+}
+function OnchainWithdrawSignatureWarningView({
+  tokenSymbol,
+  tokenLogoURI,
+  formattedAmount,
+  chainName,
+  chainIconUrl,
+  destinationAddress,
+  blockchainCost,
+  onCancel,
+  onTryAgain,
+  className
+}) {
+  const [showDetails, setShowDetails] = useState(true);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: twMerge(
+        "w-full max-w-[620px] relative bg-[var(--deframe-widget-color-bg-primary)] lg:bg-[var(--deframe-widget-color-bg-secondary)] overflow-hidden mx-auto lg:my-[75px] rounded",
+        className
+      ),
+      "data-test-id": "onchain-withdraw-signature-warning-view",
+      children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: onCancel,
+            className: "absolute top-4 right-4 flex items-center justify-center w-8 h-8 text-[color:var(--deframe-widget-color-text-secondary)] hover:text-[color:var(--deframe-widget-color-text-primary)] transition cursor-pointer",
+            "aria-label": "Fechar",
+            "data-test-id": "onchain-withdraw-signature-warning-close",
+            children: /* @__PURE__ */ jsx(MdOutlineClose, { className: "w-6 h-6" })
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { className: "p-6 lg:p-12", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col w-full items-center", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-4", children: [
+            /* @__PURE__ */ jsx(WithdrawSignatureWarningIcon, {}),
+            /* @__PURE__ */ jsx(
+              "h2",
+              {
+                className: "text-[28px] [font-weight:var(--deframe-widget-font-weight-extrabold)] text-[color:var(--deframe-widget-color-text-primary)] leading-tight",
+                "data-test-id": "onchain-withdraw-signature-warning-title",
+                children: "Saque n\xE3o assinado"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "p",
+              {
+                className: "text-[length:var(--deframe-widget-font-size-sm)] text-[color:var(--deframe-widget-color-text-secondary)] text-center",
+                "data-test-id": "onchain-withdraw-signature-warning-subtitle",
+                children: "A assinatura da transa\xE7\xE3o foi cancelada. Nenhum valor foi enviado."
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "w-full mt-8 p-5 bg-[var(--deframe-widget-color-bg-tertiary)] rounded",
+              "data-test-id": "onchain-withdraw-signature-warning-summary",
+              children: /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-4", children: [
+                /* @__PURE__ */ jsxs("div", { className: "relative shrink-0", "data-test-id": "onchain-withdraw-signature-warning-token-icon", children: [
+                  /* @__PURE__ */ jsx("div", { className: "w-[32px] h-[32px] rounded-full bg-[var(--deframe-widget-color-bg-tertiary)] flex items-center justify-center overflow-hidden", children: tokenLogoURI ? /* @__PURE__ */ jsx("img", { src: tokenLogoURI, alt: tokenSymbol, className: "w-[32px] h-[32px] object-cover" }) : /* @__PURE__ */ jsx("span", { className: "text-[length:var(--deframe-widget-font-size-sm)] [font-weight:var(--deframe-widget-font-weight-bold)]", children: tokenSymbol.slice(0, 2).toUpperCase() }) }),
+                  chainIconUrl && /* @__PURE__ */ jsx("div", { className: "absolute -bottom-1 -right-1", children: /* @__PURE__ */ jsx(
+                    "img",
+                    {
+                      src: chainIconUrl,
+                      alt: chainName,
+                      className: "w-[16px] h-[16px] rounded-full object-cover",
+                      "data-test-id": "onchain-withdraw-signature-warning-chain-icon"
+                    }
+                  ) })
+                ] }),
+                /* @__PURE__ */ jsxs("div", { className: "flex flex-col flex-1 min-w-0", children: [
+                  /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-[4px]", children: [
+                    /* @__PURE__ */ jsx(
+                      "span",
+                      {
+                        className: "text-[12px] text-[color:var(--deframe-widget-color-text-secondary)]",
+                        "data-test-id": "onchain-withdraw-signature-warning-sending-label",
+                        children: "Voc\xEA est\xE1 enviando"
+                      }
+                    ),
+                    /* @__PURE__ */ jsxs(
+                      "span",
+                      {
+                        className: "text-[20px] [font-weight:var(--deframe-widget-font-weight-semibold)] leading-tight",
+                        "data-test-id": "onchain-withdraw-signature-warning-amount",
+                        children: [
+                          formattedAmount,
+                          " ",
+                          tokenSymbol
+                        ]
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-[4px] mt-4", children: [
+                    /* @__PURE__ */ jsx(
+                      "span",
+                      {
+                        className: "text-[12px] text-[color:var(--deframe-widget-color-text-secondary)]",
+                        "data-test-id": "onchain-withdraw-signature-warning-destination-label",
+                        children: "Para o endere\xE7o"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "span",
+                      {
+                        className: "text-[length:var(--deframe-widget-font-size-sm)] [font-weight:var(--deframe-widget-font-weight-semibold)] break-all leading-snug",
+                        "data-test-id": "onchain-withdraw-signature-warning-destination-address",
+                        children: destinationAddress
+                      }
+                    )
+                  ] })
+                ] })
+              ] })
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: "w-full mt-4 bg-[var(--deframe-widget-color-bg-tertiary)] rounded",
+              "data-test-id": "onchain-withdraw-signature-warning-details",
+              children: [
+                /* @__PURE__ */ jsxs(
+                  "button",
+                  {
+                    onClick: () => setShowDetails(!showDetails),
+                    className: "flex justify-between items-center w-full text-left cursor-pointer p-4",
+                    "aria-label": "Detalhes da transa\xE7\xE3o",
+                    "data-test-id": "onchain-withdraw-signature-warning-details-toggle",
+                    children: [
+                      /* @__PURE__ */ jsx("span", { className: "text-[length:var(--deframe-widget-font-size-sm)] [font-weight:var(--deframe-widget-font-weight-semibold)]", children: "Detalhes da transa\xE7\xE3o" }),
+                      /* @__PURE__ */ jsx(
+                        MdOutlineExpandMore,
+                        {
+                          className: twMerge(
+                            "transition-transform text-[color:var(--deframe-widget-color-text-secondary)]",
+                            showDetails && "rotate-180"
+                          )
+                        }
+                      )
+                    ]
+                  }
+                ),
+                showDetails && /* @__PURE__ */ jsxs("div", { className: "px-4 pb-4", "data-test-id": "onchain-withdraw-signature-warning-details-content", children: [
+                  /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between py-2 border-b border-[color:var(--deframe-widget-color-border-secondary)]", children: [
+                    /* @__PURE__ */ jsx(
+                      "span",
+                      {
+                        className: "text-[12px] text-[color:var(--deframe-widget-color-text-secondary)]",
+                        "data-test-id": "onchain-withdraw-signature-warning-withdraw-amount-label",
+                        children: "Valor de retirada"
+                      }
+                    ),
+                    /* @__PURE__ */ jsxs(
+                      "span",
+                      {
+                        className: "text-[12px] [font-weight:var(--deframe-widget-font-weight-semibold)]",
+                        "data-test-id": "onchain-withdraw-signature-warning-withdraw-amount-value",
+                        children: [
+                          formattedAmount,
+                          " ",
+                          tokenSymbol
+                        ]
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between py-2 border-b border-[color:var(--deframe-widget-color-border-secondary)]", children: [
+                    /* @__PURE__ */ jsx(
+                      "span",
+                      {
+                        className: "text-[12px] text-[color:var(--deframe-widget-color-text-secondary)]",
+                        "data-test-id": "onchain-withdraw-signature-warning-blockchain-cost-label",
+                        children: "Custo da blockchain"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "span",
+                      {
+                        className: "text-[12px] [font-weight:var(--deframe-widget-font-weight-semibold)]",
+                        "data-test-id": "onchain-withdraw-signature-warning-blockchain-cost-value",
+                        children: blockchainCost
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between py-2", children: [
+                    /* @__PURE__ */ jsx(
+                      "span",
+                      {
+                        className: "text-[12px] text-[color:var(--deframe-widget-color-text-secondary)]",
+                        "data-test-id": "onchain-withdraw-signature-warning-receive-label",
+                        children: "Voc\xEA receber\xE1"
+                      }
+                    ),
+                    /* @__PURE__ */ jsxs(
+                      "span",
+                      {
+                        className: "text-[12px] [font-weight:var(--deframe-widget-font-weight-semibold)]",
+                        "data-test-id": "onchain-withdraw-signature-warning-receive-value",
+                        children: [
+                          formattedAmount,
+                          " ",
+                          tokenSymbol
+                        ]
+                      }
+                    )
+                  ] })
+                ] })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: "w-full mt-8 flex gap-3",
+              "data-test-id": "onchain-withdraw-signature-warning-actions",
+              children: [
+                /* @__PURE__ */ jsx(
+                  SecondaryButton,
+                  {
+                    className: "flex-1",
+                    onClick: onCancel,
+                    "data-test-id": "onchain-withdraw-signature-warning-cancel",
+                    children: "Cancelar"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  PrimaryButton,
+                  {
+                    className: "flex-1",
+                    onClick: onTryAgain,
+                    "data-test-id": "onchain-withdraw-signature-warning-retry",
+                    children: "Tente novamente"
+                  }
+                )
+              ]
+            }
+          )
+        ] }) })
+      ]
+    }
+  );
+}
+var OnchainWithdrawSignatureWarningSimpleView = ({
+  onCancel
+}) => {
+  React6.useEffect(() => {
+    if (!onCancel) return;
+    const timer = setTimeout(onCancel, 5e3);
+    return () => clearTimeout(timer);
+  }, [onCancel]);
+  return /* @__PURE__ */ jsx("div", { "data-test-id": "onchain-withdraw-signature-warning-simple-view", children: /* @__PURE__ */ jsx(
+    EarnFeedbackOverlaySimpleView,
+    {
+      variant: "warning",
+      title: "Saque n\xE3o assinado",
+      subtitle: "A assinatura da transa\xE7\xE3o foi cancelada."
+    }
+  ) });
+};
 var DashboardCard = ({ children, className }) => {
   return /* @__PURE__ */ jsx("div", { "data-test-id": "dashboard-card", className: twMerge("bg-[var(--deframe-widget-color-bg-subtle)] rounded", className), children });
 };
@@ -12405,7 +14186,7 @@ function HistoryButton2({ onClick }) {
     }
   );
 }
-var GRID_COLS = "grid grid-cols-[40px_1fr_auto] sm:grid-cols-[1fr_160px_130px] gap-x-[var(--deframe-widget-size-gap-sm)] sm:gap-x-[var(--deframe-widget-size-gap-md)]";
+var GRID_COLS3 = "grid grid-cols-[40px_1fr_auto] sm:grid-cols-[1fr_160px_130px] gap-x-[var(--deframe-widget-size-gap-sm)] sm:gap-x-[var(--deframe-widget-size-gap-md)]";
 function IconCircle3({ item, size = 36, className }) {
   const [imgError, setImgError] = React6__default.useState(false);
   if (item.iconUrl && !imgError) {
@@ -12505,7 +14286,7 @@ function AssetListSkeletonRow({ index }) {
     {
       "data-test-id": "asset-list-skeleton-row",
       className: twMerge(
-        GRID_COLS,
+        GRID_COLS3,
         "items-center",
         "px-[var(--deframe-widget-size-padding-x-md)] py-[11px]",
         "border-t border-[color:var(--deframe-widget-color-border-secondary)]"
@@ -12551,7 +14332,7 @@ function AssetListSkeletonContent() {
       "div",
       {
         className: twMerge(
-          GRID_COLS,
+          GRID_COLS3,
           "px-[var(--deframe-widget-size-padding-x-md)] py-[var(--deframe-widget-size-padding-y-sm)]",
           "border-t border-[color:var(--deframe-widget-color-border-secondary)]"
         ),
@@ -12660,7 +14441,7 @@ var DashboardTokensViewSimple = ({
           {
             "data-test-id": "asset-list-columns",
             className: twMerge(
-              GRID_COLS,
+              GRID_COLS3,
               "px-[var(--deframe-widget-size-padding-x-md)] py-[var(--deframe-widget-size-padding-y-sm)]",
               "border-t border-[color:var(--deframe-widget-color-border-secondary)]"
             ),
@@ -12686,7 +14467,7 @@ var DashboardTokensViewSimple = ({
               "data-test-id": "asset-list-item",
               onClick: handleItemClick,
               className: twMerge(
-                GRID_COLS,
+                GRID_COLS3,
                 "items-center",
                 "px-[var(--deframe-widget-size-padding-x-md)] py-[11px]",
                 "border-t border-[color:var(--deframe-widget-color-border-secondary)]",
@@ -13189,6 +14970,6 @@ var DashboardViewSimple = ({
   );
 };
 
-export { ActionButton, ActionSheet, AddressDisplay, ApyRange, BackButton, BackgroundContainer, BannerNotification, Chip, ChipGroup, ChooseANetworkView, ChooseAStrategyActionsheetView, ChooseAnAssetSwapView, ChooseNetworkAndAssetViewSimple, CloseButton_default as CloseButton, CollapsibleInfoRow, CollapsibleSection, ConfirmSwapButtonView, ConfirmSwapButtonViewSimple, ConnectWalletList, Currency, DashboardBalancesBreakdown, DashboardCard, DashboardInvestmentOpportunitiesView, DashboardPortfolioView, DashboardPortfolioViewSimple, DashboardRecentTransactionsView, DashboardRecentTransactionsViewSimple, DashboardStrategiesListView, DashboardTokenListView, DashboardTokensView, DashboardTokensViewSimple, DashboardTransactionsPlaceholder, DashboardView, DashboardViewSimple, DeframeComponentsProvider, DepositSuccessIcon, DetailsHeader, EarnAmountInputView, EarnBalanceCard, EarnBytecodeErrorView, EarnDepositFailedSimpleView, EarnDepositFailedView, EarnDepositFormView, EarnDepositFormViewSimple, EarnDepositProcessingSimpleView, EarnDepositProcessingView, EarnDepositSuccessSimpleView, EarnDepositSuccessView, EarnDepositWarningSimpleView, EarnDepositWarningView, EarnDesktopView, EarnExploreGridView, EarnFlowSkeletonSimple, EarnInvestedSectionView, EarnInvestmentDetailsView, EarnInvestmentSummaryView, EarnNoBalanceNotificationView, EarnOverviewView, EarnPercentageButtonsView, EarnPositionCardView, EarnRecentTransactionsView, EarnTokenSelectorView, EarnTxStatusCardView, EarnWithdrawFailedSimpleView, EarnWithdrawFailedView, EarnWithdrawFormView, EarnWithdrawFormViewSimple, EarnWithdrawProcessingSimpleView, EarnWithdrawProcessingView, EarnWithdrawSuccessSimpleView, EarnWithdrawSuccessView, EarnWithdrawTokenSelectorView, EarnWithdrawWarningSimpleView, EarnWithdrawWarningView, Currency as Fiat, FlexCol, FlexRow, GroupedStrategyListView, HighRiskBadge, HistoryDepositDetailsView, HistoryListSkeleton, HistoryListView, HistorySwapDetailsView, HistoryTabEmpty, HistoryWithdrawDetailsView, InfoLabel, InfoRow, InfoRowIconLabel, InfoRowIconValue, InfoRowWithIcon, InfoValue, Input2 as Input, InvestmentCrossChainProcessingView, Label, Link, ListItem, ListItemContent, ListItemLeftSide, ListItemRightSide, LoadingDots, LowRiskBadge, MediumRiskBadge, Navbar, OnchainDepositFormView, OnchainDepositSuccessView, OnchainWithdrawChainSelectorView, OnchainWithdrawFailedView, OnchainWithdrawFormView, OnchainWithdrawSuccessView, PercentageButton, PrimaryButton, ProcessingBadge, ProgressIndicator, ScrollableContent, SearchEmptyState, SearchInput, SecondaryButton, SectionCard, Select, SelectContent, SelectItem, SelectTrigger, Skeleton, StepDisplay, StepStatusIcon, StepStatusText, StrategyDetailsView, StrategyGridCard, SummaryDetails, SummaryDetailsCryptoControlV2, SwapAdvancedSettingsView, SwapAmountInputView, SwapCrossChainProcessingView, SwapFormView, SwapFormViewSimple, SwapFromCardView, SwapFromCardViewSimple, SwapHistoryView, SwapProcessingView, SwapProcessingViewSimple, SwapQuoteDetailsView, SwapSignatureWarningView, SwapSignatureWarningViewSimple, SwapSuccessView, SwapSuccessViewSimple, SwapToCardView, SwapToCardViewSimple, SwapTransactionFailedView, SwapTransactionFailedViewSimple, SwapWidgetFallbackView, Tabs, TabsContent, TabsList, TabsTrigger, TertiaryButton, Text_default as Text, TextAccent, TextBody, TextHeading, Title, TokenWithChainBadge, TransactionProcessingDetails, TransactionScreen, TransactionScreenIcon, TransactionScreenInvestmentCard, WalletBalances, WalletConnectPanel, WalletItem, ConnectWalletList as WalletList, WalletListContainer, WithdrawFailedIcon, WithdrawSuccessIcon, isDustValue, truncateAddress };
+export { ActionButton, ActionSheet, AddressDisplay, ApyRange, BackButton, BackgroundContainer, BannerNotification, Chip, ChipGroup, ChooseANetworkView, ChooseAStrategyActionsheetView, ChooseAnAssetSwapView, ChooseNetworkAndAssetViewSimple, CloseButton_default as CloseButton, CollapsibleInfoRow, CollapsibleSection, ConfirmSwapButtonView, ConfirmSwapButtonViewSimple, ConnectWalletList, Currency, DashboardBalancesBreakdown, DashboardCard, DashboardInvestmentOpportunitiesView, DashboardPortfolioView, DashboardPortfolioViewSimple, DashboardRecentTransactionsView, DashboardRecentTransactionsViewSimple, DashboardStrategiesListView, DashboardTokenListView, DashboardTokensView, DashboardTokensViewSimple, DashboardTransactionsPlaceholder, DashboardView, DashboardViewSimple, DeframeComponentsProvider, DepositSuccessIcon, DetailsHeader, EarnAmountInputView, EarnBalanceCard, EarnBytecodeErrorView, EarnDepositFailedSimpleView, EarnDepositFailedView, EarnDepositFormView, EarnDepositFormViewSimple, EarnDepositProcessingSimpleView, EarnDepositProcessingView, EarnDepositSuccessSimpleView, EarnDepositSuccessView, EarnDepositWarningSimpleView, EarnDepositWarningView, EarnDesktopView, EarnDesktopViewSimple, EarnExploreGridView, EarnFlowSkeletonSimple, EarnInvestedSectionView, EarnInvestmentDetailsView, EarnInvestmentSummaryView, EarnNoBalanceNotificationView, EarnOverviewView, EarnPercentageButtonsView, EarnPositionCardView, EarnRecentTransactionsView, EarnTokenSelectorView, EarnTxStatusCardView, EarnWithdrawFailedSimpleView, EarnWithdrawFailedView, EarnWithdrawFormView, EarnWithdrawFormViewSimple, EarnWithdrawProcessingSimpleView, EarnWithdrawProcessingView, EarnWithdrawSuccessSimpleView, EarnWithdrawSuccessView, EarnWithdrawTokenSelectorView, EarnWithdrawWarningSimpleView, EarnWithdrawWarningView, Currency as Fiat, FlexCol, FlexRow, GroupedStrategyListView, HighRiskBadge, HistoryDepositDetailsView, HistoryListSkeleton, HistoryListView, HistorySwapDetailsView, HistoryTabEmpty, HistoryWithdrawDetailsView, InfoLabel, InfoRow, InfoRowIconLabel, InfoRowIconValue, InfoRowWithIcon, InfoValue, Input2 as Input, InvestmentCrossChainProcessingView, Label, Link, ListItem, ListItemContent, ListItemLeftSide, ListItemRightSide, LoadingDots, LowRiskBadge, MediumRiskBadge, Navbar, OnchainDepositFormSimpleView, OnchainDepositFormView, OnchainDepositSuccessSimpleView, OnchainDepositSuccessView, OnchainWithdrawChainSelectorView, OnchainWithdrawFailedView, OnchainWithdrawFormSimpleView, OnchainWithdrawFormView, OnchainWithdrawProcessingSimpleView, OnchainWithdrawSignatureWarningSimpleView, OnchainWithdrawSignatureWarningView, OnchainWithdrawSuccessView, PercentageButton, PrimaryButton, ProcessingBadge, ProgressIndicator, ScrollableContent, SearchEmptyState, SearchInput, SecondaryButton, SectionCard, Select, SelectContent, SelectItem, SelectTrigger, Skeleton, StepDisplay, StepStatusIcon, StepStatusText, StrategyDetailsView, StrategyGridCard, SummaryDetails, SummaryDetailsCryptoControlV2, SwapAdvancedSettingsView, SwapAmountInputView, SwapCrossChainProcessingView, SwapFormView, SwapFormViewSimple, SwapFromCardView, SwapFromCardViewSimple, SwapHistoryView, SwapProcessingView, SwapProcessingViewSimple, SwapQuoteDetailsView, SwapSignatureWarningView, SwapSignatureWarningViewSimple, SwapSuccessView, SwapSuccessViewSimple, SwapToCardView, SwapToCardViewSimple, SwapTransactionFailedView, SwapTransactionFailedViewSimple, SwapWidgetFallbackView, Tabs, TabsContent, TabsList, TabsTrigger, TertiaryButton, Text_default as Text, TextAccent, TextBody, TextHeading, Title, TokenWithChainBadge, TransactionProcessingDetails, TransactionScreen, TransactionScreenIcon, TransactionScreenInvestmentCard, WalletBalances, WalletConnectPanel, WalletItem, ConnectWalletList as WalletList, WalletListContainer, WithdrawFailedIcon, WithdrawSuccessIcon, isDustValue, truncateAddress };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map