@deframe-sdk/components 0.1.25 → 0.1.27

package/dist/index.mjs

@@ -1541,7 +1541,7 @@ var Skeleton = (_a) => {
     width = "100%",
     height = "1rem",
     variant = "text",
-    shimmer = true,
+    shimmer: shimmer2 = true,
     className,
     style
   } = _b, props = __objRest(_b, [
@@ -1567,7 +1567,7 @@ var Skeleton = (_a) => {
         background: defaultGradient
       }, style)
     }, props), {
-      children: shimmer && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 animate-shimmer bg-gradient-to-r from-transparent via-[color-mix(in srgb, var(--deframe-widget-color-bg-tertiary) 92%, transparent)] to-transparent" })
+      children: shimmer2 && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 animate-shimmer bg-gradient-to-r from-transparent via-[color-mix(in srgb, var(--deframe-widget-color-bg-tertiary) 92%, transparent)] to-transparent" })
     })
   );
 };
@@ -2936,10 +2936,10 @@ var StrategyDetailsView = ({
   notFoundMessage
 }) => {
   if (error) {
-    return /* @__PURE__ */ jsx(BackgroundContainer, { children: /* @__PURE__ */ jsx("div", { className: "text-text-secondary dark:text-text-secondary-dark p-md", children: error }) });
+    return /* @__PURE__ */ jsx(BackgroundContainer, { children: /* @__PURE__ */ jsx("div", { className: "text-[color:var(--deframe-widget-color-text-secondary)] dark:text-[color:var(--deframe-widget-color-text-secondary-dark)] p-md", children: error }) });
   }
   if (notFoundMessage) {
-    return /* @__PURE__ */ jsx(BackgroundContainer, { children: /* @__PURE__ */ jsx("div", { className: "text-text-secondary dark:text-text-secondary-dark p-md", children: notFoundMessage }) });
+    return /* @__PURE__ */ jsx(BackgroundContainer, { children: /* @__PURE__ */ jsx("div", { className: "text-[color:var(--deframe-widget-color-text-secondary)] dark:text-[color:var(--deframe-widget-color-text-secondary-dark)] p-md", children: notFoundMessage }) });
   }
   return /* @__PURE__ */ jsxs(BackgroundContainer, { children: [
     /* @__PURE__ */ jsx(DetailsHeader, { title: headerTitle, onBack, backAriaLabel }),
@@ -4460,13 +4460,13 @@ var SwapFromCardView = ({
         TextBody,
         {
           variant: "text-small",
-          className: "text-text-tertiary dark:text-text-tertiary-dark",
+          className: "text-[color:var(--deframe-widget-color-text-tertiary)] dark:text-[color:var(--deframe-widget-color-text-tertiary-dark)]",
           children: onBalanceClick ? /* @__PURE__ */ jsxs(
             "button",
             {
               type: "button",
               onClick: onBalanceClick,
-              className: "cursor-pointer hover:text-text-secondary dark:hover:text-text-secondary-dark transition-colors",
+              className: "cursor-pointer hover:text-[color:var(--deframe-widget-color-text-secondary)] dark:hover:text-[color:var(--deframe-widget-color-text-secondary-dark)] transition-colors",
               "data-testid": "swap-from-balance",
               children: [
                 labels.balanceLabel,
@@ -4515,7 +4515,7 @@ var SwapFromCardView = ({
         {
           as: "span",
           variant: "text-small",
-          className: amountHasError ? "text-state-error dark:text-state-error" : "text-text-tertiary dark:text-text-tertiary-dark",
+          className: amountHasError ? "text-[color:var(--deframe-widget-color-state-error)] dark:text-[color:var(--deframe-widget-color-state-error)]" : "text-[color:var(--deframe-widget-color-text-tertiary)] dark:text-[color:var(--deframe-widget-color-text-tertiary-dark)]",
           children: isAmountUsdLoading ? /* @__PURE__ */ jsx(LoadingDots, {}) : amountUsdFormatted
         }
       )
@@ -4565,7 +4565,7 @@ var SwapToCardView = ({
         TextBody,
         {
           variant: "text-small",
-          className: "text-text-tertiary dark:text-text-tertiary-dark",
+          className: "text-[color:var(--deframe-widget-color-text-tertiary)] dark:text-[color:var(--deframe-widget-color-text-tertiary-dark)]",
           children: /* @__PURE__ */ jsxs("span", { "data-testid": "swap-to-balance", children: [
             labels.balanceLabel,
             ": ",
@@ -4602,7 +4602,7 @@ var SwapToCardView = ({
         {
           as: "span",
           variant: "text-small",
-          className: "text-text-tertiary dark:text-text-tertiary-dark",
+          className: "text-[color:var(--deframe-widget-color-text-tertiary)] dark:text-[color:var(--deframe-widget-color-text-tertiary-dark)]",
           children: isOutputUsdLoading ? /* @__PURE__ */ jsx(LoadingDots, {}) : outputUsdFormatted
         }
       )
@@ -4878,7 +4878,7 @@ var SwapFormView = ({
       {
         "data-testid": "swap-form-view",
         className: "flex-1 min-h-0 overflow-y-auto swap-flow-content pr-sm",
-        children: /* @__PURE__ */ jsx("form", { ref: formRef, onSubmit, "data-testid": "swap-flow-form", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-md text-text-secondary dark:text-text-secondary-dark", children: [
+        children: /* @__PURE__ */ jsx("form", { ref: formRef, onSubmit, "data-testid": "swap-flow-form", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-md text-[color:var(--deframe-widget-color-text-secondary)] dark:text-[color:var(--deframe-widget-color-text-secondary-dark)]", children: [
           /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-md", children: [
             /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-sm", children: [
               /* @__PURE__ */ jsx(TextHeading, { variant: "h5", className: "!text-[21px]", children: /* @__PURE__ */ jsx("span", { "data-testid": "swap-flow-title", children: labels.title }) }),
@@ -4890,7 +4890,7 @@ var SwapFormView = ({
                 "data-testid": "swap-history-button",
                 type: "button",
                 onClick: onHistoryClick,
-                className: "flex items-center justify-center w-12 h-12 transition-colors rounded-full cursor-pointer text-text-secondary dark:text-text-secondary-dark hover:text-brand-primary",
+                className: "flex items-center justify-center w-12 h-12 transition-colors rounded-full cursor-pointer text-[color:var(--deframe-widget-color-text-secondary)] dark:text-[color:var(--deframe-widget-color-text-secondary-dark)] hover:text-brand-primary",
                 "aria-label": labels.historyAriaLabel,
                 children: /* @__PURE__ */ jsx(MdHistory, { className: "w-6 h-6" })
               }
@@ -4904,7 +4904,7 @@ var SwapFormView = ({
                 "data-testid": "swap-switch-tokens-button",
                 type: "button",
                 onClick: onSwitchTokens,
-                className: "w-10 h-10 rounded-full bg-brand-secondary shadow-md flex items-center justify-center text-text-primary hover:shadow-lg transition-shadow focus:outline-none focus:ring-2 focus:ring-brand-secondary cursor-pointer",
+                className: "w-10 h-10 rounded-full bg-brand-secondary shadow-md flex items-center justify-center text-[color:var(--deframe-widget-color-text-primary)] hover:shadow-lg transition-shadow focus:outline-none focus:ring-2 focus:ring-brand-secondary cursor-pointer",
                 "aria-label": switchTokensAriaLabel,
                 children: /* @__PURE__ */ jsx(MdOutlineSwapVert, { className: "w-5 h-5" })
               }
@@ -4920,7 +4920,7 @@ var SwapFormView = ({
       "div",
       {
         "data-testid": "swap-flow-footer",
-        className: "border-t p-md border-border-default dark:border-border-default-dark bg-bg-primary dark:bg-bg-primary-dark",
+        className: "border-t p-md border-[color:var(--deframe-widget-color-border-secondary)] dark:border-[color:var(--deframe-widget-color-border-secondary-dark)] bg-[var(--deframe-widget-color-bg-primary)] dark:bg-[var(--deframe-widget-color-bg-primary-dark)]",
         children: /* @__PURE__ */ jsx(ConfirmSwapButtonView, __spreadValues({}, confirmButton))
       }
     )
@@ -7461,27 +7461,27 @@ var ApyRange = ({ children }) => {
   return /* @__PURE__ */ jsx("div", { className: "text-right justify-center text-text-highlight text-xs font-normal leading-4", children });
 };
 var variantStyles = {
-  primary: "text-text-primary dark:text-text-primary-dark text-text-md",
-  secondary: "text-text-secondary dark:text-text-secondary-dark text-text-sm font-poppins"
+  primary: "text-[color:var(--deframe-widget-color-text-primary)] dark:text-[color:var(--deframe-widget-color-text-primary-dark)] text-text-md",
+  secondary: "text-[color:var(--deframe-widget-color-text-secondary)] dark:text-[color:var(--deframe-widget-color-text-secondary-dark)] text-text-sm font-poppins"
 };
 var Label = ({ children, variant = "primary", className }) => {
   return /* @__PURE__ */ jsx("div", { className: twMerge(variantStyles[variant], className), children });
 };
 var HistoryItemSkeleton = () => /* @__PURE__ */ jsxs("div", { className: "w-full bg-[var(--deframe-widget-color-bg-subtle)] rounded-xs min-h-[72px] flex items-center justify-between px-md py-sm", children: [
   /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-sm flex-1 min-w-0", children: [
-    /* @__PURE__ */ jsx("div", { className: "w-10 h-10 rounded-xl bg-bg-muted dark:bg-bg-muted-dark animate-pulse flex-shrink-0" }),
+    /* @__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)] animate-pulse flex-shrink-0" }),
     /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-xs flex-1 min-w-0", children: [
-      /* @__PURE__ */ jsx("div", { className: "w-32 h-4 bg-bg-muted dark:bg-bg-muted-dark rounded animate-pulse" }),
-      /* @__PURE__ */ jsx("div", { className: "w-24 h-3 bg-bg-muted dark:bg-bg-muted-dark rounded animate-pulse" })
+      /* @__PURE__ */ jsx("div", { className: "w-32 h-4 bg-[var(--deframe-widget-color-bg-tertiary)] dark:bg-[var(--deframe-widget-color-bg-tertiary-dark)] rounded animate-pulse" }),
+      /* @__PURE__ */ jsx("div", { className: "w-24 h-3 bg-[var(--deframe-widget-color-bg-tertiary)] dark:bg-[var(--deframe-widget-color-bg-tertiary-dark)] rounded animate-pulse" })
     ] })
   ] }),
   /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-end gap-xs flex-shrink-0 ml-sm", children: [
-    /* @__PURE__ */ jsx("div", { className: "w-20 h-4 bg-bg-muted dark:bg-bg-muted-dark rounded animate-pulse" }),
-    /* @__PURE__ */ jsx("div", { className: "w-16 h-3 bg-bg-muted dark:bg-bg-muted-dark rounded animate-pulse" })
+    /* @__PURE__ */ jsx("div", { className: "w-20 h-4 bg-[var(--deframe-widget-color-bg-tertiary)] dark:bg-[var(--deframe-widget-color-bg-tertiary-dark)] rounded animate-pulse" }),
+    /* @__PURE__ */ jsx("div", { className: "w-16 h-3 bg-[var(--deframe-widget-color-bg-tertiary)] dark:bg-[var(--deframe-widget-color-bg-tertiary-dark)] rounded animate-pulse" })
   ] })
 ] });
 var HistoryGroupSkeleton = () => /* @__PURE__ */ jsxs("div", { className: "self-stretch flex flex-col gap-xs", children: [
-  /* @__PURE__ */ jsx("div", { className: "w-40 h-4 bg-bg-muted dark:bg-bg-muted-dark rounded animate-pulse" }),
+  /* @__PURE__ */ jsx("div", { className: "w-40 h-4 bg-[var(--deframe-widget-color-bg-tertiary)] dark:bg-[var(--deframe-widget-color-bg-tertiary-dark)] rounded animate-pulse" }),
   /* @__PURE__ */ jsx(HistoryItemSkeleton, {}),
   /* @__PURE__ */ jsx(HistoryItemSkeleton, {})
 ] });
@@ -7499,9 +7499,9 @@ var WalletBalances = ({ cards, variant = "subtle", className }) => {
     ] }) : /* @__PURE__ */ jsx(TextHeading, { variant: "h3", children: card.value })
   ] }, card.label)) });
 };
-var HistoryTabEmpty = ({ title, description }) => /* @__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: [
+var HistoryTabEmpty = ({ title, description }) => /* @__PURE__ */ jsx("div", { className: "w-full h-[90vh] py-md bg-[var(--deframe-widget-color-bg-primary)] dark:bg-[var(--deframe-widget-color-bg-primary-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("div", { className: "w-20 h-20 bg-[var(--deframe-widget-color-bg-tertiary)] dark:bg-[var(--deframe-widget-color-bg-tertiary-dark)] rounded-full flex justify-center items-center", children: /* @__PURE__ */ jsx(PiClockCountdownBold, { className: "w-10 h-10 text-[color:var(--deframe-widget-color-text-tertiary)] dark:text-[color:var(--deframe-widget-color-text-tertiary-dark)]" }) }),
     /* @__PURE__ */ jsx(TextHeading, { variant: "h3", children: title })
   ] }),
   /* @__PURE__ */ jsx("div", { className: "self-stretch text-center", children: /* @__PURE__ */ jsx(TextBody, { variant: "text-small", children: description }) })
@@ -7582,7 +7582,7 @@ var EarnBalanceCard = ({
     ] })
   ] });
 };
-var GroupLabel = ({ children }) => /* @__PURE__ */ jsx("div", { className: "text-text-secondary dark:text-text-secondary-dark text-sm font-medium font-poppins py-3", children });
+var GroupLabel = ({ children }) => /* @__PURE__ */ jsx("div", { className: "text-[color:var(--deframe-widget-color-text-secondary)] dark:text-[color:var(--deframe-widget-color-text-secondary-dark)] text-sm font-medium font-poppins py-3", children });
 var GroupedStrategyListView = ({
   isLoading,
   loadingLabel,
@@ -7703,17 +7703,17 @@ var GroupedStrategyListView = ({
   ] });
 };
 var DateLabel = ({ children }) => {
-  return /* @__PURE__ */ jsx("div", { className: "text-text-sm-mobile font-poppins text-text-secondary dark:text-text-secondary-dark", 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-bg-subtle dark:bg-bg-subtle-dark flex items-center justify-center border border-bg-subtle dark:border-bg-subtle-dark", children: isDeposit ? /* @__PURE__ */ jsx(MdArrowDownward, { className: "w-3 h-3 text-text-primary dark:text-text-primary-dark" }) : /* @__PURE__ */ jsx(MdArrowUpward, { className: "w-3 h-3 text-text-primary dark:text-text-primary-dark" }) });
+  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-bg-muted dark:bg-bg-muted-dark flex items-center justify-center overflow-hidden", children: /* @__PURE__ */ jsx(
+    /* @__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,
@@ -7732,7 +7732,7 @@ var SwapIconWithBadge = ({ src, alt }) => {
   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-bg-muted dark:bg-bg-muted-dark flex items-center justify-center overflow-hidden", children: /* @__PURE__ */ jsx(
+    /* @__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,
@@ -7743,7 +7743,7 @@ var SwapIconWithBadge = ({ src, alt }) => {
         }
       }
     ) }),
-    /* @__PURE__ */ jsx("div", { className: "absolute bottom-[-2px] right-[-2px] w-[15px] h-[15px] rounded-full bg-bg-subtle dark:bg-bg-subtle-dark flex items-center justify-center border border-bg-subtle dark:border-bg-subtle-dark", children: /* @__PURE__ */ jsx(MdArrowUpward, { className: "w-3 h-3 text-text-primary dark:text-text-primary-dark" }) })
+    /* @__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 }) => {
@@ -7781,7 +7781,7 @@ var HistoryListView = ({
             ) }),
             /* @__PURE__ */ jsxs(ListItemContent, { children: [
               /* @__PURE__ */ jsx(Label, { className: "text-text-lg-mobile", children: item.title }),
-              /* @__PURE__ */ jsx(Label, { variant: "secondary", className: "text-text-tertiary dark:text-text-tertiary-dark", children: item.subtitle }),
+              /* @__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,
                 {
@@ -7916,7 +7916,7 @@ var EarnInvestmentSummaryView = ({
   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-text-secondary dark:text-text-secondary-dark", children: overviewDescription }),
+    /* @__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,
       {
@@ -8107,7 +8107,7 @@ var EarnRecentTransactionsView = ({
       ),
       children: [
         /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-          /* @__PURE__ */ jsx(TextBody, { variant: "text-small", className: "text-text-secondary dark:text-text-secondary-dark", children: sectionTitle }),
+          /* @__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",
             {
@@ -8443,6 +8443,35 @@ var EarnPositionCardView = ({
     /* @__PURE__ */ jsx(TextBody, { as: "span", variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-tertiary)]", children: balanceToken })
   ] })
 ] }) }) }) });
+var shimmer = "animate-pulse rounded-[var(--deframe-widget-size-radius-sm)]";
+var bg = "bg-[var(--deframe-widget-color-bg-tertiary)]";
+var EarnFlowSkeletonSimple = () => {
+  const panelClasses = [
+    "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(" ");
+  return /* @__PURE__ */ jsxs("div", { "data-test-id": "earn-flow-skeleton-simple", className: panelClasses, children: [
+    /* @__PURE__ */ jsx("div", { className: "flex items-center px-[var(--deframe-widget-size-padding-x-md)] py-[var(--deframe-widget-size-padding-y-md)]", children: /* @__PURE__ */ jsx("div", { className: `w-24 h-5 ${shimmer} ${bg}` }) }),
+    /* @__PURE__ */ jsx("div", { className: "h-px bg-[var(--deframe-widget-color-border-secondary)]" }),
+    /* @__PURE__ */ jsx("div", { className: "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)]", children: /* @__PURE__ */ jsxs("div", { className: "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__ */ jsxs("div", { className: "flex items-center gap-[var(--deframe-widget-size-gap-sm)]", children: [
+        /* @__PURE__ */ jsx("div", { className: `w-[120px] h-[42px] ${shimmer} ${bg} flex-shrink-0` }),
+        /* @__PURE__ */ jsx("div", { className: "w-px h-10 bg-[var(--deframe-widget-color-border-secondary)] flex-shrink-0" }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-end flex-1 min-w-0 gap-1", children: [
+          /* @__PURE__ */ jsx("div", { className: `w-20 h-9 ${shimmer} ${bg}` }),
+          /* @__PURE__ */ jsx("div", { className: `w-12 h-4 ${shimmer} ${bg}` })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "mt-[var(--deframe-widget-size-gap-sm)]", children: /* @__PURE__ */ jsx("div", { className: `w-32 h-4 ${shimmer} ${bg}` }) })
+    ] }) }),
+    /* @__PURE__ */ jsxs("div", { className: "flex gap-[var(--deframe-widget-size-gap-sm)] px-[var(--deframe-widget-size-padding-x-md)] pb-[var(--deframe-widget-size-padding-y-md)]", children: [
+      /* @__PURE__ */ jsx("div", { className: `flex-1 h-12 ${shimmer} ${bg}` }),
+      /* @__PURE__ */ jsx("div", { className: `flex-1 h-12 ${shimmer} ${bg}` })
+    ] })
+  ] });
+};
 var EarnDepositFormView = ({
   // Header / Layout
   headerTitle,
@@ -8583,36 +8612,381 @@ var EarnDepositFormView = ({
     ] })
   ] }) })
 ] });
-var EarnWithdrawFormView = ({
+var EarnTokenSelectorSimpleView = ({
+  selectedToken,
+  onTokenClick,
+  isLoading,
+  selectTokenLabel,
+  chainLabel,
+  chainImage
+}) => {
+  const hasToken = selectedToken != null;
+  const isInteractive = !!onTokenClick;
+  const baseClasses = [
+    "inline-flex items-center gap-[10px]",
+    "h-[54px] px-[10px]",
+    "rounded-[var(--deframe-widget-size-radius-sm)]",
+    "bg-[var(--deframe-widget-color-bg-tertiary)]",
+    "border-none outline-none",
+    "transition-[background] duration-150",
+    "flex-shrink-0"
+  ].join(" ");
+  const stateClasses = {
+    interactive: "cursor-pointer hover:bg-[color:color-mix(in_srgb,var(--deframe-widget-color-bg-tertiary)_72%,transparent)]",
+    static: "cursor-default"
+  };
+  const selectorClasses = twMerge(
+    baseClasses,
+    stateClasses[isInteractive ? "interactive" : "static"]
+  );
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      "data-slot": "token-selector-simple",
+      "data-test-id": "earn-token-selector-simple-view",
+      onClick: onTokenClick,
+      disabled: !isInteractive,
+      "aria-label": hasToken ? `Select token \u2014 currently ${selectedToken.symbol} on ${chainLabel}` : selectTokenLabel,
+      className: selectorClasses,
+      children: isLoading ? /* @__PURE__ */ jsx(LoadingDots, {}) : hasToken ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            "data-slot": "token-selector-simple-icon",
+            "data-test-id": "earn-token-selector-simple-view-icon",
+            className: "relative flex-shrink-0 w-[38px] h-[38px]",
+            children: [
+              selectedToken.logoURI ? /* @__PURE__ */ jsx(
+                "img",
+                {
+                  src: selectedToken.logoURI,
+                  alt: selectedToken.symbol,
+                  className: "w-full h-full rounded-[var(--deframe-widget-size-radius-full)] object-cover"
+                }
+              ) : /* @__PURE__ */ jsx(
+                "div",
+                {
+                  "data-test-id": "earn-token-selector-simple-view-icon-fallback",
+                  "data-slot": "token-selector-simple-icon-fallback",
+                  className: [
+                    "w-full h-full",
+                    "rounded-[var(--deframe-widget-size-radius-full)]",
+                    "flex items-center justify-center",
+                    "bg-[var(--deframe-widget-color-bg-tertiary)]",
+                    "[font-weight:var(--deframe-widget-font-weight-bold)]",
+                    "text-[color:var(--deframe-widget-color-text-primary)]",
+                    "text-[12px]"
+                  ].join(" "),
+                  children: selectedToken.symbol.slice(0, 2).toUpperCase()
+                }
+              ),
+              chainImage && /* @__PURE__ */ jsx(
+                "div",
+                {
+                  "data-slot": "token-selector-simple-chain-badge",
+                  "data-test-id": "earn-token-selector-simple-view-chain-badge",
+                  className: "absolute -bottom-0.5 -right-0.5 w-4 h-4 rounded-[var(--deframe-widget-size-radius-full)] shadow-[0_0_0_2px_var(--deframe-widget-color-bg-secondary)]",
+                  children: /* @__PURE__ */ jsx(
+                    "img",
+                    {
+                      src: chainImage,
+                      alt: chainLabel,
+                      className: "w-full h-full rounded-[var(--deframe-widget-size-radius-full)] object-cover"
+                    }
+                  )
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            "data-slot": "token-selector-simple-info",
+            "data-test-id": "earn-token-selector-simple-view-info",
+            className: "flex flex-col items-start min-w-0",
+            children: [
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  "data-slot": "token-selector-simple-symbol",
+                  "data-test-id": "earn-token-selector-simple-view-symbol",
+                  className: "text-[16px] [font-weight:var(--deframe-widget-font-weight-semibold)] leading-[1.2] font-[var(--deframe-widget-font-family)] text-[color:var(--deframe-widget-color-text-primary)]",
+                  children: selectedToken.symbol
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  "data-slot": "token-selector-simple-network",
+                  "data-test-id": "earn-token-selector-simple-view-network",
+                  className: "text-[11px] [font-weight:var(--deframe-widget-font-weight-medium)] text-[color:var(--deframe-widget-color-text-tertiary)] uppercase tracking-[0.04em] font-[var(--deframe-widget-font-family)] leading-[1.2]",
+                  children: chainLabel
+                }
+              )
+            ]
+          }
+        ),
+        isInteractive && /* @__PURE__ */ jsx(
+          HiChevronDown,
+          {
+            "data-test-id": "earn-token-selector-simple-view-chevron",
+            className: "flex-shrink-0 w-[14px] h-[14px] text-[color:var(--deframe-widget-color-text-secondary)]",
+            "aria-hidden": "true"
+          }
+        )
+      ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            "data-test-id": "earn-token-selector-simple-view-placeholder",
+            className: "text-[11px] uppercase [font-weight:var(--deframe-widget-font-weight-regular)] text-[color:var(--deframe-widget-color-text-secondary)] font-[var(--deframe-widget-font-family)] whitespace-nowrap",
+            children: selectTokenLabel
+          }
+        ),
+        isInteractive && /* @__PURE__ */ jsx(
+          HiChevronDown,
+          {
+            "data-test-id": "earn-token-selector-simple-view-placeholder-chevron",
+            className: "flex-shrink-0 w-[14px] h-[14px] text-[color:var(--deframe-widget-color-text-secondary)]",
+            "aria-hidden": "true"
+          }
+        )
+      ] })
+    }
+  );
+};
+var EarnAmountInputSimpleView = ({
+  value,
+  onChange,
+  ariaLabel,
+  dollarAmountFormatted
+}) => {
+  const isEmpty = !value || value === "0";
+  const inputBaseClasses = [
+    "bg-transparent border-none outline-none text-right",
+    "text-[36px] [font-weight:var(--deframe-widget-font-weight-semibold)] [line-height:1.1]",
+    "w-full",
+    "px-[var(--deframe-widget-size-padding-x-none)] py-[var(--deframe-widget-size-padding-y-none)]",
+    "font-[var(--deframe-widget-font-family)]",
+    "placeholder:text-[color:var(--deframe-widget-color-text-tertiary)]",
+    "[appearance:textfield]",
+    "[&::-webkit-outer-spin-button]:appearance-none",
+    "[&::-webkit-inner-spin-button]:appearance-none"
+  ].join(" ");
+  const inputStateClasses = {
+    empty: "text-[color:var(--deframe-widget-color-text-tertiary)]",
+    filled: "text-[color:var(--deframe-widget-color-text-primary)]"
+  };
+  const inputClasses = twMerge(
+    inputBaseClasses,
+    inputStateClasses[isEmpty ? "empty" : "filled"]
+  );
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "amount-input-simple-wrapper",
+      "data-test-id": "earn-amount-input-simple-view",
+      className: "flex flex-col items-end flex-1 min-w-0",
+      children: [
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            "data-slot": "amount-input-simple",
+            "data-test-id": "earn-amount-input-simple-view-input",
+            type: "text",
+            inputMode: "decimal",
+            autoComplete: "off",
+            placeholder: "0",
+            "aria-label": ariaLabel,
+            value,
+            onChange,
+            onWheel: (e) => e.currentTarget.blur(),
+            className: inputClasses
+          }
+        ),
+        dollarAmountFormatted && /* @__PURE__ */ jsx(
+          "span",
+          {
+            "data-slot": "amount-input-simple-conversion",
+            "data-test-id": "earn-amount-input-simple-view-conversion",
+            className: "text-[13px] text-[color:var(--deframe-widget-color-text-tertiary)] font-[var(--deframe-widget-font-family)]",
+            children: dollarAmountFormatted
+          }
+        )
+      ]
+    }
+  );
+};
+var EarnPercentageButtonsSimpleView = ({
+  onPercentageClick,
+  maxLabel
+}) => {
+  const [selectedBasisPoints, setSelectedBasisPoints] = React6__default.useState(null);
+  const options = [
+    { label: "25%", basisPoints: 2500 },
+    { label: "50%", basisPoints: 5e3 },
+    { label: "75%", basisPoints: 7500 },
+    { label: maxLabel, basisPoints: 1e4 }
+  ];
+  function handleClick(basisPoints) {
+    setSelectedBasisPoints(basisPoints);
+    onPercentageClick(basisPoints);
+  }
+  const chipBaseClassName = [
+    // Layout overrides
+    "flex-none",
+    "py-[3px] px-[10px]",
+    "rounded-[var(--deframe-widget-size-radius-full)]",
+    "whitespace-nowrap",
+    "cursor-pointer",
+    // Typography — use arbitrary property syntax to override PercentageButton defaults
+    "[font-size:12px] [line-height:1]",
+    "font-[var(--deframe-widget-font-family)]",
+    // Transitions
+    "transition-all duration-150",
+    "outline-none",
+    "focus:ring-0"
+  ].join(" ");
+  const chipDefaultClassName = [
+    "[font-weight:var(--deframe-widget-font-weight-regular)]",
+    "border-[color:var(--deframe-widget-color-border-secondary)]",
+    "bg-[color:color-mix(in_srgb,var(--deframe-widget-color-bg-tertiary)_84%,transparent)]",
+    "text-[color:var(--deframe-widget-color-text-secondary)]",
+    "hover:border-[color:var(--deframe-widget-color-border-primary)]",
+    "hover:bg-[color:color-mix(in_srgb,var(--deframe-widget-color-bg-tertiary)_92%,transparent)]",
+    "hover:text-[color:var(--deframe-widget-color-text-primary)]"
+  ].join(" ");
+  const chipActiveClassName = [
+    "[font-weight:var(--deframe-widget-font-weight-semibold)]",
+    "border-[color:color-mix(in_srgb,var(--deframe-widget-color-brand-primary)_32%,transparent)]",
+    "bg-[color:color-mix(in_srgb,var(--deframe-widget-color-brand-primary)_12%,transparent)]",
+    "text-[color:var(--deframe-widget-color-brand-primary)]"
+  ].join(" ");
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "percentage-chips-simple",
+      "data-test-id": "earn-percentage-buttons-simple-view",
+      className: "flex gap-[6px] items-center",
+      children: options.map(({ label, basisPoints }) => {
+        const isActive = basisPoints === selectedBasisPoints;
+        const chipClassName = [
+          chipBaseClassName,
+          isActive ? chipActiveClassName : chipDefaultClassName
+        ].join(" ");
+        return /* @__PURE__ */ jsx(
+          PercentageButton,
+          {
+            className: chipClassName,
+            onClick: () => handleClick(basisPoints),
+            children: /* @__PURE__ */ jsx(
+              "span",
+              {
+                "data-slot": "chip-pill-label",
+                "data-test-id": "earn-percentage-buttons-simple-view-chip-label",
+                children: label
+              }
+            )
+          },
+          basisPoints
+        );
+      })
+    }
+  );
+};
+var variantWrapperClasses = {
+  error: "bg-[color:color-mix(in_srgb,var(--deframe-widget-color-state-error)_16%,transparent)] border-[color:color-mix(in_srgb,var(--deframe-widget-color-state-error)_32%,transparent)]",
+  warning: "bg-[color:color-mix(in_srgb,var(--deframe-widget-color-state-warning)_16%,transparent)] border-[color:color-mix(in_srgb,var(--deframe-widget-color-state-warning)_32%,transparent)]",
+  info: "bg-[color:color-mix(in_srgb,var(--deframe-widget-color-state-info)_16%,transparent)] border-[color:color-mix(in_srgb,var(--deframe-widget-color-state-info)_32%,transparent)]",
+  success: "bg-[color:color-mix(in_srgb,var(--deframe-widget-color-brand-primary)_12%,transparent)] border-[color:color-mix(in_srgb,var(--deframe-widget-color-brand-primary)_32%,transparent)]"
+};
+var variantAccentClasses = {
+  error: "bg-[var(--deframe-widget-color-state-error)]",
+  warning: "bg-[var(--deframe-widget-color-state-warning)]",
+  info: "bg-[var(--deframe-widget-color-state-info)]",
+  success: "bg-[var(--deframe-widget-color-brand-primary)]"
+};
+var EarnInlineNotificationSimpleView = ({
+  variant,
+  message
+}) => {
+  const baseClasses = [
+    "relative flex items-center gap-[var(--deframe-widget-size-gap-sm)]",
+    "py-[7px] pr-[10px] pl-[14px]",
+    "rounded-[var(--deframe-widget-size-radius-sm)]",
+    "border",
+    "overflow-hidden"
+  ].join(" ");
+  const wrapperClasses = twMerge(baseClasses, variantWrapperClasses[variant]);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "inline-notification-simple",
+      "data-test-id": "earn-inline-notification-simple-view",
+      role: "alert",
+      className: wrapperClasses,
+      children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            "data-slot": "inline-notification-simple-accent",
+            "data-test-id": "earn-inline-notification-simple-view-accent",
+            className: twMerge(
+              "absolute left-0 top-0 bottom-0 w-[3px] rounded-[var(--deframe-widget-size-radius-sm)_0_0_var(--deframe-widget-size-radius-sm)]",
+              variantAccentClasses[variant]
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            "data-slot": "inline-notification-simple-dot",
+            "data-test-id": "earn-inline-notification-simple-view-dot",
+            className: twMerge(
+              "w-[6px] h-[6px] rounded-[var(--deframe-widget-size-radius-full)] flex-shrink-0",
+              variantAccentClasses[variant]
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            "data-slot": "inline-notification-simple-message",
+            "data-test-id": "earn-inline-notification-simple-view-message",
+            className: "flex-1 text-[13px] text-[color:var(--deframe-widget-color-text-secondary)] font-[var(--deframe-widget-font-family)] leading-[1.4]",
+            children: message
+          }
+        )
+      ]
+    }
+  );
+};
+var EarnDepositFormViewSimple = ({
   // Header / Layout
   headerTitle,
   onBack,
-  progress,
-  pageTitle,
-  subtitle,
   onSubmit,
-  // Position card
-  positionBalanceUSD,
-  positionBalanceToken,
-  strategyIcon,
-  strategyName,
   // Token selector
   selectedToken,
   onTokenClick,
+  isLoadingToken,
   selectTokenLabel,
   // Chain selector
   chainLabel,
   chainImage,
-  chainDirectionLabel,
-  chainDisabledTitle,
-  onNetworkClick,
-  isNetworkDisabled,
-  currentNetworkSelected,
   // Amount input
   amountValue,
   onAmountChange,
   amountAriaLabel,
   dollarAmountFormatted,
+  availableBalanceFormatted,
+  // No balance notification
+  showNoBalanceNotification,
+  noBalancePrompt,
+  goToSwapLabel,
+  onGoToSwap,
   // Percentage buttons
   onPercentageClick,
   maxLabel,
@@ -8626,48 +9000,370 @@ var EarnWithdrawFormView = ({
   txErrorMessage,
   // Bytecode error
   bytecodeErrorMessage,
-  transactionErrorLabel,
-  // Quote details
-  isQuoteValid,
-  isFetchingQuote,
-  summaryTitle,
-  summaryItems,
   // Submit button
   submitDisabled,
   submitButtonText
-}) => /* @__PURE__ */ jsxs(BackgroundContainer, { children: [
-  /* @__PURE__ */ jsx(DetailsHeader, { title: headerTitle, onBack }),
-  /* @__PURE__ */ jsx("div", { className: "flex-1 min-h-0 overflow-y-auto", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-[var(--deframe-widget-size-gap-md)] text-[color:var(--deframe-widget-color-text-secondary)] pb-[var(--deframe-widget-size-padding-y-md)]", children: [
-    /* @__PURE__ */ jsx("div", { className: "w-full px-[var(--deframe-widget-size-padding-x-md)]", children: /* @__PURE__ */ jsx(ProgressIndicator, { progress }) }),
-    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-[var(--deframe-widget-size-gap-sm)] px-[var(--deframe-widget-size-padding-x-md)]", children: [
-      /* @__PURE__ */ jsx(TextHeading, { variant: "h5", children: pageTitle }),
-      /* @__PURE__ */ jsx(TextBody, { variant: "text-small", children: subtitle })
-    ] }),
-    /* @__PURE__ */ jsxs("form", { onSubmit, children: [
-      /* @__PURE__ */ jsx(
-        EarnPositionCardView,
-        {
-          balanceUSD: positionBalanceUSD,
-          balanceToken: positionBalanceToken,
-          icon: strategyIcon,
-          iconAlt: strategyName
-        }
-      ),
-      /* @__PURE__ */ jsx("div", { className: "px-[var(--deframe-widget-size-padding-x-md)] mt-[var(--deframe-widget-size-gap-sm)]", children: /* @__PURE__ */ jsx(SectionCard, { className: "focus-within:bg-[var(--deframe-widget-color-bg-tertiary)] transition-colors", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-[var(--deframe-widget-size-gap-md)]", children: [
-        /* @__PURE__ */ jsx(
-          EarnWithdrawTokenSelectorView,
-          {
-            selectedToken,
-            onTokenClick,
-            selectTokenLabel,
-            chainLabel,
-            chainImage,
-            chainDirectionLabel,
-            chainDisabledTitle,
-            onNetworkClick,
-            isNetworkDisabled,
-            currentNetworkSelected
-          }
+}) => {
+  const hasToken = selectedToken != null;
+  const hasError = !!bytecodeErrorMessage;
+  const isSubmitDisabled = !hasToken || submitDisabled || !amountValue || amountValue === "0" || amountValue === "";
+  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",
+    hasError ? "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(" ");
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "deposit-panel-simple",
+      "data-test-id": "earn-deposit-form-view-simple",
+      className: panelBaseClasses,
+      children: [
+        /* @__PURE__ */ jsx(
+          "header",
+          {
+            "data-slot": "deposit-panel-simple-header",
+            "data-test-id": "earn-deposit-form-view-simple-header",
+            className: headerBaseClasses,
+            children: /* @__PURE__ */ jsx(
+              "span",
+              {
+                "data-slot": "deposit-panel-simple-title",
+                "data-test-id": "earn-deposit-form-view-simple-title",
+                className: titleBaseClasses,
+                children: headerTitle
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            "data-slot": "deposit-panel-simple-divider",
+            "data-test-id": "earn-deposit-form-view-simple-divider",
+            className: dividerClasses
+          }
+        ),
+        /* @__PURE__ */ jsxs("form", { onSubmit, children: [
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              "data-slot": "deposit-panel-simple-body",
+              "data-test-id": "earn-deposit-form-view-simple-body",
+              className: bodyBaseClasses,
+              children: /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  "data-slot": "deposit-panel-simple-input-card",
+                  "data-test-id": "earn-deposit-form-view-simple-input-card",
+                  onMouseEnter: hasToken ? handleHoverStart : void 0,
+                  onMouseLeave: hasToken ? handleHoverEnd : void 0,
+                  className: inputCardClasses,
+                  children: [
+                    /* @__PURE__ */ jsxs(
+                      "div",
+                      {
+                        "data-slot": "deposit-panel-simple-input-top-row",
+                        "data-test-id": "earn-deposit-form-view-simple-top-row",
+                        className: "flex items-center gap-[var(--deframe-widget-size-gap-sm)]",
+                        children: [
+                          /* @__PURE__ */ jsx(
+                            EarnTokenSelectorSimpleView,
+                            {
+                              selectedToken,
+                              onTokenClick,
+                              isLoading: isLoadingToken,
+                              selectTokenLabel,
+                              chainLabel,
+                              chainImage
+                            }
+                          ),
+                          /* @__PURE__ */ jsx(
+                            "div",
+                            {
+                              "data-test-id": "earn-deposit-form-view-simple-input-divider",
+                              className: "w-px h-10 bg-[var(--deframe-widget-color-border-secondary)] flex-shrink-0"
+                            }
+                          ),
+                          /* @__PURE__ */ jsx(
+                            EarnAmountInputSimpleView,
+                            {
+                              value: amountValue,
+                              onChange: onAmountChange,
+                              ariaLabel: amountAriaLabel,
+                              dollarAmountFormatted
+                            }
+                          )
+                        ]
+                      }
+                    ),
+                    hasToken && availableBalanceFormatted && /* @__PURE__ */ jsx(
+                      "div",
+                      {
+                        "data-slot": "deposit-simple-balance-row",
+                        "data-test-id": "earn-deposit-form-view-simple-balance-row",
+                        className: "mt-[var(--deframe-widget-size-gap-sm)]",
+                        children: /* @__PURE__ */ jsx(
+                          "span",
+                          {
+                            className: twMerge(
+                              "text-[13px] font-[var(--deframe-widget-font-family)]",
+                              hasError ? "text-[color:var(--deframe-widget-color-state-error)]" : "text-[color:var(--deframe-widget-color-text-tertiary)]"
+                            ),
+                            children: availableBalanceFormatted
+                          }
+                        )
+                      }
+                    ),
+                    !hasToken && !isLoadingToken && /* @__PURE__ */ jsx(
+                      "p",
+                      {
+                        "data-slot": "deposit-simple-empty-hint",
+                        "data-test-id": "earn-deposit-form-view-simple-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: selectTokenLabel
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(AnimatePresence, { children: hasToken && cardHovered && /* @__PURE__ */ jsx(
+                      motion.div,
+                      {
+                        "data-slot": "deposit-simple-chips-row",
+                        "data-test-id": "earn-deposit-form-view-simple-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,
+                          {
+                            onPercentageClick,
+                            maxLabel
+                          }
+                        )
+                      }
+                    ) }),
+                    showNoBalanceNotification && /* @__PURE__ */ jsx("div", { className: "mt-[var(--deframe-widget-size-gap-sm)]", children: /* @__PURE__ */ jsx(
+                      EarnNoBalanceNotificationView,
+                      {
+                        prompt: noBalancePrompt,
+                        actionLabel: goToSwapLabel,
+                        onAction: onGoToSwap
+                      }
+                    ) }),
+                    bytecodeErrorMessage && /* @__PURE__ */ jsx("div", { className: "mt-[var(--deframe-widget-size-gap-sm)]", children: /* @__PURE__ */ jsx(
+                      EarnInlineNotificationSimpleView,
+                      {
+                        variant: "error",
+                        message: bytecodeErrorMessage
+                      }
+                    ) })
+                  ]
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            "footer",
+            {
+              "data-slot": "deposit-panel-simple-footer",
+              "data-test-id": "earn-deposit-form-view-simple-footer",
+              className: footerBaseClasses,
+              children: [
+                onBack && /* @__PURE__ */ jsx(
+                  SecondaryButton,
+                  {
+                    type: "button",
+                    className: [
+                      "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(" "),
+                    onClick: onBack,
+                    "aria-label": "Cancel deposit",
+                    children: "Cancel"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  PrimaryButton,
+                  {
+                    type: "submit",
+                    className: [
+                      "flex-1 h-12 rounded-[var(--deframe-widget-size-radius-sm)]",
+                      "border-none",
+                      "text-[15px]",
+                      isSubmitDisabled ? "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(" "),
+                    disabled: isSubmitDisabled,
+                    "aria-disabled": isSubmitDisabled,
+                    "aria-label": submitButtonText,
+                    children: submitButtonText
+                  }
+                )
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(AnimatePresence, { children: showTxStatus && /* @__PURE__ */ jsx(
+          motion.div,
+          {
+            "data-slot": "deposit-simple-tx-overlay",
+            "data-test-id": "earn-deposit-form-view-simple-tx-overlay",
+            initial: { opacity: 0 },
+            animate: { opacity: 1 },
+            exit: { opacity: 0 },
+            transition: { duration: 0.2, ease: "easeOut" },
+            className: "absolute inset-0 z-10 flex items-center justify-center bg-[var(--deframe-widget-color-bg-primary)]",
+            children: /* @__PURE__ */ jsx(
+              EarnTxStatusCardView,
+              {
+                statusLabel: txStatusLabel,
+                isProcessing: isTxProcessing,
+                successMessage: isTxSuccess ? txSuccessMessage : void 0,
+                errorMessage: isTxError ? txErrorMessage : void 0
+              }
+            )
+          }
+        ) })
+      ]
+    }
+  );
+};
+var EarnWithdrawFormView = ({
+  // Header / Layout
+  headerTitle,
+  onBack,
+  progress,
+  pageTitle,
+  subtitle,
+  onSubmit,
+  // Position card
+  positionBalanceUSD,
+  positionBalanceToken,
+  strategyIcon,
+  strategyName,
+  // Token selector
+  selectedToken,
+  onTokenClick,
+  selectTokenLabel,
+  // Chain selector
+  chainLabel,
+  chainImage,
+  chainDirectionLabel,
+  chainDisabledTitle,
+  onNetworkClick,
+  isNetworkDisabled,
+  currentNetworkSelected,
+  // Amount input
+  amountValue,
+  onAmountChange,
+  amountAriaLabel,
+  dollarAmountFormatted,
+  // Percentage buttons
+  onPercentageClick,
+  maxLabel,
+  // TX status
+  showTxStatus,
+  txStatusLabel,
+  isTxProcessing,
+  isTxSuccess,
+  isTxError,
+  txSuccessMessage,
+  txErrorMessage,
+  // Bytecode error
+  bytecodeErrorMessage,
+  transactionErrorLabel,
+  // Quote details
+  isQuoteValid,
+  isFetchingQuote,
+  summaryTitle,
+  summaryItems,
+  // Submit button
+  submitDisabled,
+  submitButtonText
+}) => /* @__PURE__ */ jsxs(BackgroundContainer, { children: [
+  /* @__PURE__ */ jsx(DetailsHeader, { title: headerTitle, onBack }),
+  /* @__PURE__ */ jsx("div", { className: "flex-1 min-h-0 overflow-y-auto", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-[var(--deframe-widget-size-gap-md)] text-[color:var(--deframe-widget-color-text-secondary)] pb-[var(--deframe-widget-size-padding-y-md)]", children: [
+    /* @__PURE__ */ jsx("div", { className: "w-full px-[var(--deframe-widget-size-padding-x-md)]", children: /* @__PURE__ */ jsx(ProgressIndicator, { progress }) }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-[var(--deframe-widget-size-gap-sm)] px-[var(--deframe-widget-size-padding-x-md)]", children: [
+      /* @__PURE__ */ jsx(TextHeading, { variant: "h5", children: pageTitle }),
+      /* @__PURE__ */ jsx(TextBody, { variant: "text-small", children: subtitle })
+    ] }),
+    /* @__PURE__ */ jsxs("form", { onSubmit, children: [
+      /* @__PURE__ */ jsx(
+        EarnPositionCardView,
+        {
+          balanceUSD: positionBalanceUSD,
+          balanceToken: positionBalanceToken,
+          icon: strategyIcon,
+          iconAlt: strategyName
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { className: "px-[var(--deframe-widget-size-padding-x-md)] mt-[var(--deframe-widget-size-gap-sm)]", children: /* @__PURE__ */ jsx(SectionCard, { className: "focus-within:bg-[var(--deframe-widget-color-bg-tertiary)] transition-colors", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-[var(--deframe-widget-size-gap-md)]", children: [
+        /* @__PURE__ */ jsx(
+          EarnWithdrawTokenSelectorView,
+          {
+            selectedToken,
+            onTokenClick,
+            selectTokenLabel,
+            chainLabel,
+            chainImage,
+            chainDirectionLabel,
+            chainDisabledTitle,
+            onNetworkClick,
+            isNetworkDisabled,
+            currentNetworkSelected
+          }
         ),
         /* @__PURE__ */ jsx(
           EarnAmountInputView,
@@ -8726,6 +9422,306 @@ var EarnWithdrawFormView = ({
     ] })
   ] }) })
 ] });
+var EarnWithdrawFormViewSimple = ({
+  // Header / Layout
+  headerTitle,
+  onBack,
+  onSubmit,
+  // Position card (used for inline balance row)
+  positionBalanceToken,
+  // Token selector
+  selectedToken,
+  onTokenClick,
+  selectTokenLabel,
+  // Chain selector
+  chainLabel,
+  chainImage,
+  // Amount input
+  amountValue,
+  onAmountChange,
+  amountAriaLabel,
+  dollarAmountFormatted,
+  // Percentage buttons
+  onPercentageClick,
+  maxLabel,
+  // TX status
+  showTxStatus,
+  txStatusLabel,
+  isTxProcessing,
+  isTxSuccess,
+  isTxError,
+  txSuccessMessage,
+  txErrorMessage,
+  // Bytecode error
+  bytecodeErrorMessage,
+  // Submit button
+  submitDisabled,
+  submitButtonText
+}) => {
+  const hasToken = selectedToken != null;
+  const hasError = !!bytecodeErrorMessage;
+  const isSubmitDisabled = !hasToken || submitDisabled || !amountValue || amountValue === "0" || amountValue === "";
+  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",
+    hasError ? "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(" ");
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "withdraw-panel-simple",
+      "data-test-id": "earn-withdraw-form-view-simple",
+      className: panelBaseClasses,
+      children: [
+        /* @__PURE__ */ jsx(
+          "header",
+          {
+            "data-slot": "withdraw-panel-simple-header",
+            "data-test-id": "earn-withdraw-form-view-simple-header",
+            className: headerBaseClasses,
+            children: /* @__PURE__ */ jsx(
+              "span",
+              {
+                "data-slot": "withdraw-panel-simple-title",
+                "data-test-id": "earn-withdraw-form-view-simple-title",
+                className: titleBaseClasses,
+                children: headerTitle
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            "data-slot": "withdraw-panel-simple-divider",
+            "data-test-id": "earn-withdraw-form-view-simple-divider",
+            className: dividerClasses
+          }
+        ),
+        /* @__PURE__ */ jsxs("form", { onSubmit, children: [
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              "data-slot": "withdraw-panel-simple-body",
+              "data-test-id": "earn-withdraw-form-view-simple-body",
+              className: bodyBaseClasses,
+              children: /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  "data-slot": "withdraw-panel-simple-input-card",
+                  "data-test-id": "earn-withdraw-form-view-simple-input-card",
+                  onMouseEnter: hasToken ? handleHoverStart : void 0,
+                  onMouseLeave: hasToken ? handleHoverEnd : void 0,
+                  className: inputCardClasses,
+                  children: [
+                    /* @__PURE__ */ jsxs(
+                      "div",
+                      {
+                        "data-slot": "withdraw-panel-simple-input-top-row",
+                        "data-test-id": "earn-withdraw-form-view-simple-top-row",
+                        className: "flex items-center gap-[var(--deframe-widget-size-gap-sm)]",
+                        children: [
+                          /* @__PURE__ */ jsx(
+                            EarnTokenSelectorSimpleView,
+                            {
+                              selectedToken,
+                              onTokenClick,
+                              isLoading: false,
+                              selectTokenLabel,
+                              chainLabel,
+                              chainImage
+                            }
+                          ),
+                          /* @__PURE__ */ jsx(
+                            "div",
+                            {
+                              "data-test-id": "earn-withdraw-form-view-simple-input-divider",
+                              className: "w-px h-10 bg-[var(--deframe-widget-color-border-secondary)] flex-shrink-0"
+                            }
+                          ),
+                          /* @__PURE__ */ jsx(
+                            EarnAmountInputSimpleView,
+                            {
+                              value: amountValue,
+                              onChange: onAmountChange,
+                              ariaLabel: amountAriaLabel,
+                              dollarAmountFormatted
+                            }
+                          )
+                        ]
+                      }
+                    ),
+                    hasToken && positionBalanceToken && /* @__PURE__ */ jsx(
+                      "div",
+                      {
+                        "data-slot": "withdraw-simple-balance-row",
+                        "data-test-id": "earn-withdraw-form-view-simple-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__ */ jsx(
+                          "span",
+                          {
+                            className: hasError ? "text-[color:var(--deframe-widget-color-state-error)]" : "text-[color:var(--deframe-widget-color-text-secondary)]",
+                            children: positionBalanceToken
+                          }
+                        ) })
+                      }
+                    ),
+                    !hasToken && /* @__PURE__ */ jsx(
+                      "p",
+                      {
+                        "data-slot": "withdraw-simple-empty-hint",
+                        "data-test-id": "earn-withdraw-form-view-simple-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: selectTokenLabel
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(AnimatePresence, { children: hasToken && cardHovered && /* @__PURE__ */ jsx(
+                      motion.div,
+                      {
+                        "data-slot": "withdraw-simple-chips-row",
+                        "data-test-id": "earn-withdraw-form-view-simple-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,
+                          {
+                            onPercentageClick,
+                            maxLabel
+                          }
+                        )
+                      }
+                    ) }),
+                    bytecodeErrorMessage && /* @__PURE__ */ jsx("div", { className: "mt-[var(--deframe-widget-size-gap-sm)]", children: /* @__PURE__ */ jsx(
+                      EarnInlineNotificationSimpleView,
+                      {
+                        variant: "error",
+                        message: bytecodeErrorMessage
+                      }
+                    ) })
+                  ]
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            "footer",
+            {
+              "data-slot": "withdraw-panel-simple-footer",
+              "data-test-id": "earn-withdraw-form-view-simple-footer",
+              className: footerBaseClasses,
+              children: [
+                onBack && /* @__PURE__ */ jsx(
+                  SecondaryButton,
+                  {
+                    type: "button",
+                    className: [
+                      "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(" "),
+                    onClick: onBack,
+                    "aria-label": "Cancel withdrawal",
+                    children: "Cancel"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  PrimaryButton,
+                  {
+                    type: "submit",
+                    className: [
+                      "flex-1 h-12 rounded-[var(--deframe-widget-size-radius-sm)]",
+                      "border-none",
+                      "text-[15px]",
+                      isSubmitDisabled ? "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(" "),
+                    disabled: isSubmitDisabled,
+                    "aria-disabled": isSubmitDisabled,
+                    "aria-label": submitButtonText,
+                    children: submitButtonText
+                  }
+                )
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(AnimatePresence, { children: showTxStatus && /* @__PURE__ */ jsx(
+          motion.div,
+          {
+            "data-slot": "withdraw-simple-tx-overlay",
+            "data-test-id": "earn-withdraw-form-view-simple-tx-overlay",
+            initial: { opacity: 0 },
+            animate: { opacity: 1 },
+            exit: { opacity: 0 },
+            transition: { duration: 0.2, ease: "easeOut" },
+            className: "absolute inset-0 z-10 flex items-center justify-center bg-[var(--deframe-widget-color-bg-primary)]",
+            children: /* @__PURE__ */ jsx(
+              EarnTxStatusCardView,
+              {
+                statusLabel: txStatusLabel,
+                isProcessing: isTxProcessing,
+                successMessage: isTxSuccess ? txSuccessMessage : void 0,
+                errorMessage: isTxError ? txErrorMessage : void 0
+              }
+            )
+          }
+        ) })
+      ]
+    }
+  );
+};
 var EarnDepositProcessingView = ({
   progress,
   title,
@@ -8744,49 +9740,500 @@ var EarnDepositProcessingView = ({
   processingDetailsLabels
 }) => {
   return /* @__PURE__ */ jsxs(
-    TransactionScreen,
+    TransactionScreen,
+    {
+      progress,
+      iconType: "processing",
+      title,
+      description: /* @__PURE__ */ jsxs(Fragment, { children: [
+        descriptionPrefix,
+        " ",
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: "[font-weight:var(--deframe-widget-font-weight-semibold)] underline underline-offset-2 cursor-pointer text-[color:var(--deframe-widget-color-brand-primary)]",
+            onClick: onGoToHistory,
+            children: activityHistoryText
+          }
+        )
+      ] }),
+      onBack,
+      children: [
+        /* @__PURE__ */ jsx(
+          TransactionScreenInvestmentCard,
+          {
+            strategyName,
+            apyLabel,
+            apyValue,
+            iconSrc,
+            iconAlt,
+            amountUSD,
+            amountToken
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          TransactionProcessingDetails,
+          {
+            steps: transactionSteps,
+            defaultOpen: true,
+            className: "bg-[var(--deframe-widget-color-bg-secondary)] lg:!bg-[var(--deframe-widget-color-bg-primary)]",
+            labels: processingDetailsLabels
+          }
+        )
+      ]
+    }
+  );
+};
+function EarnFormSkeleton() {
+  const headerClasses = [
+    "flex items-center",
+    "px-[var(--deframe-widget-size-padding-x-md)]",
+    "py-[var(--deframe-widget-size-padding-y-md)]"
+  ].join(" ");
+  const titleClasses = [
+    "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 bodyClasses = [
+    "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 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)]"
+  );
+  const footerClasses = [
+    "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(" ");
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "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-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: [
+            /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: twMerge(
+                  "inline-flex items-center gap-[10px]",
+                  "py-[var(--deframe-widget-size-padding-y-sm)] px-[10px]",
+                  "rounded-[var(--deframe-widget-size-radius-sm)]",
+                  "bg-[var(--deframe-widget-color-bg-tertiary)]",
+                  "flex-shrink-0"
+                ),
+                children: [
+                  /* @__PURE__ */ jsxs("div", { className: "relative flex-shrink-0 w-[38px] h-[38px]", children: [
+                    /* @__PURE__ */ jsx(
+                      "div",
+                      {
+                        className: "w-full h-full rounded-[var(--deframe-widget-size-radius-full)] bg-[var(--deframe-widget-color-bg-tertiary)] flex items-center justify-center text-[12px] [font-weight:var(--deframe-widget-font-weight-bold)] text-[color:var(--deframe-widget-color-text-primary)]",
+                        children: "US"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx("div", { className: "absolute -bottom-0.5 -right-0.5 w-4 h-4 rounded-[var(--deframe-widget-size-radius-full)] bg-[var(--deframe-widget-color-bg-tertiary)] shadow-[0_0_0_2px_var(--deframe-widget-color-bg-secondary)]" })
+                  ] }),
+                  /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-start min-w-0", children: [
+                    /* @__PURE__ */ jsx("span", { className: "text-[16px] [font-weight:var(--deframe-widget-font-weight-semibold)] leading-[1.2] font-[var(--deframe-widget-font-family)] text-[color:var(--deframe-widget-color-text-primary)]", children: "USDC" }),
+                    /* @__PURE__ */ jsx("span", { className: "text-[11px] [font-weight:var(--deframe-widget-font-weight-medium)] text-[color:var(--deframe-widget-color-text-tertiary)] uppercase tracking-[0.04em] font-[var(--deframe-widget-font-family)] leading-[1.2]", children: "Arbitrum" })
+                  ] })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx("div", { className: "w-px h-10 bg-[var(--deframe-widget-color-border-secondary)] flex-shrink-0" }),
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-end flex-1 min-w-0", children: [
+              /* @__PURE__ */ jsx("span", { className: "text-[36px] [font-weight:var(--deframe-widget-font-weight-semibold)] [line-height:1.1] text-[color:var(--deframe-widget-color-text-primary)] text-right w-full font-[var(--deframe-widget-font-family)]", children: "500" }),
+              /* @__PURE__ */ jsx("span", { className: "text-[13px] text-[color:var(--deframe-widget-color-text-tertiary)] font-[var(--deframe-widget-font-family)]", children: "\u2248 $499.87" })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "mt-[var(--deframe-widget-size-gap-sm)]", children: /* @__PURE__ */ jsx("span", { className: "text-[13px] text-[color:var(--deframe-widget-color-text-tertiary)]", children: "Available: 1,250.00 USDC" }) })
+        ] }) }),
+        /* @__PURE__ */ jsxs("div", { "data-test-id": "earn-form-skeleton-footer", className: footerClasses, children: [
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              "data-test-id": "earn-form-skeleton-cancel-btn",
+              className: twMerge(
+                "flex-1 h-12",
+                "rounded-[var(--deframe-widget-size-radius-sm)]",
+                "border border-[color:var(--deframe-widget-color-border-secondary)]",
+                "flex items-center justify-center",
+                "text-[15px] [font-weight:var(--deframe-widget-font-weight-semibold)]",
+                "text-[color:var(--deframe-widget-color-text-secondary)]"
+              ),
+              children: "Cancel"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              "data-test-id": "earn-form-skeleton-submit-btn",
+              className: twMerge(
+                "flex-1 h-12",
+                "rounded-[var(--deframe-widget-size-radius-sm)]",
+                "bg-[var(--deframe-widget-color-brand-primary)]",
+                "flex items-center justify-center",
+                "text-[15px] [font-weight:var(--deframe-widget-font-weight-semibold)]",
+                "text-[color:var(--deframe-widget-color-text-primary-dark)]"
+              ),
+              children: "Deposit"
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+function EarnFeedbackOverlaySimpleView({
+  variant,
+  title,
+  subtitle
+}) {
+  const isLoading = variant === "loading";
+  const wrapperClasses = twMerge(
+    "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)]"
+  );
+  const overlayClasses = twMerge(
+    "absolute inset-0 z-10",
+    "flex flex-col items-center justify-center",
+    "gap-[var(--deframe-widget-size-gap-lg)]",
+    "px-[var(--deframe-widget-size-padding-x-md)] py-[var(--deframe-widget-size-padding-y-lg)]",
+    "rounded-[inherit]",
+    "backdrop-blur-[12px] [-webkit-backdrop-filter:blur(12px)]",
+    "bg-[color-mix(in_srgb,var(--deframe-widget-color-bg-primary)_88%,transparent)]"
+  );
+  const textSectionClasses = twMerge(
+    "flex flex-col items-center",
+    "gap-[var(--deframe-widget-size-gap-sm)] text-center"
+  );
+  const titleClasses = 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(
+    "[font-size:var(--deframe-widget-font-size-md)] [line-height:1.6]",
+    "[font-weight:var(--deframe-widget-font-weight-regular)]",
+    "font-[var(--deframe-widget-font-family)]",
+    "text-[color:var(--deframe-widget-color-text-secondary)]",
+    "max-w-[260px]"
+  );
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-test-id": "earn-feedback-overlay-wrapper",
+      "data-slot": "earn-feedback-overlay-wrapper",
+      className: wrapperClasses,
+      children: [
+        /* @__PURE__ */ jsx("div", { "data-test-id": "earn-feedback-overlay-skeleton", children: /* @__PURE__ */ jsx(EarnFormSkeleton, {}) }),
+        /* @__PURE__ */ jsxs(
+          motion.div,
+          {
+            "data-test-id": "earn-feedback-overlay",
+            "data-slot": "earn-feedback-overlay",
+            initial: { opacity: 0 },
+            animate: { opacity: 1 },
+            exit: { opacity: 0 },
+            transition: { duration: 0.2 },
+            className: overlayClasses,
+            children: [
+              isLoading && /* @__PURE__ */ jsx(LoadingIcon2, {}),
+              variant === "success" && /* @__PURE__ */ jsx(SuccessIcon2, {}),
+              variant === "warning" && /* @__PURE__ */ jsx(WarningIcon2, {}),
+              variant === "error" && /* @__PURE__ */ jsx(ErrorIcon2, {}),
+              /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  "data-test-id": "earn-feedback-text",
+                  "data-slot": "earn-feedback-text",
+                  className: textSectionClasses,
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      "span",
+                      {
+                        "data-test-id": "earn-feedback-title",
+                        "data-slot": "earn-feedback-title",
+                        className: titleClasses,
+                        children: title
+                      }
+                    ),
+                    subtitle && /* @__PURE__ */ jsx(
+                      "span",
+                      {
+                        "data-test-id": "earn-feedback-subtitle",
+                        "data-slot": "earn-feedback-subtitle",
+                        className: subtitleClasses,
+                        children: subtitle
+                      }
+                    )
+                  ]
+                }
+              )
+            ]
+          },
+          "earn-feedback-overlay"
+        )
+      ]
+    }
+  );
+}
+function LoadingIcon2() {
+  const green = "var(--deframe-widget-color-brand-primary)";
+  const trackColor = "color-mix(in srgb, var(--deframe-widget-color-brand-primary) 12%, transparent)";
+  const sw = 2.8;
+  const aw = 2.4;
+  return /* @__PURE__ */ jsxs(
+    motion.svg,
     {
-      progress,
-      iconType: "processing",
-      title,
-      description: /* @__PURE__ */ jsxs(Fragment, { children: [
-        descriptionPrefix,
-        " ",
+      "data-test-id": "earn-feedback-loading-icon",
+      "data-slot": "earn-feedback-loading-icon",
+      width: "56",
+      height: "56",
+      viewBox: "0 0 56 56",
+      fill: "none",
+      "aria-hidden": "true",
+      animate: { rotate: 360 },
+      transition: { duration: 1.6, repeat: Infinity, ease: "linear" },
+      children: [
+        /* @__PURE__ */ jsx("circle", { cx: "28", cy: "28", r: "22", stroke: trackColor, strokeWidth: sw }),
         /* @__PURE__ */ jsx(
-          "span",
+          "path",
           {
-            className: "[font-weight:var(--deframe-widget-font-weight-semibold)] underline underline-offset-2 cursor-pointer text-[color:var(--deframe-widget-color-brand-primary)]",
-            onClick: onGoToHistory,
-            children: activityHistoryText
+            d: "M 6.75 22.31 A 22 22 0 0 1 49.25 22.31",
+            stroke: green,
+            strokeWidth: sw,
+            strokeLinecap: "round"
           }
-        )
-      ] }),
-      onBack,
-      children: [
+        ),
         /* @__PURE__ */ jsx(
-          TransactionScreenInvestmentCard,
+          "path",
           {
-            strategyName,
-            apyLabel,
-            apyValue,
-            iconSrc,
-            iconAlt,
-            amountUSD,
-            amountToken
+            d: "M 45.0 18.1 L 49.25 22.31 L 51.0 16.5",
+            stroke: green,
+            strokeWidth: aw,
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
           }
         ),
         /* @__PURE__ */ jsx(
-          TransactionProcessingDetails,
+          "path",
           {
-            steps: transactionSteps,
-            defaultOpen: true,
-            className: "bg-[var(--deframe-widget-color-bg-secondary)] lg:!bg-[var(--deframe-widget-color-bg-primary)]",
-            labels: processingDetailsLabels
+            d: "M 49.25 33.69 A 22 22 0 0 1 6.75 33.69",
+            stroke: green,
+            strokeWidth: sw,
+            strokeLinecap: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M 11.0 37.9 L 6.75 33.69 L 5.0 39.5",
+            stroke: green,
+            strokeWidth: aw,
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
           }
         )
       ]
     }
   );
+}
+function SuccessIcon2() {
+  return /* @__PURE__ */ jsx(
+    motion.div,
+    {
+      "data-test-id": "earn-feedback-success-icon",
+      "data-slot": "earn-feedback-success-icon",
+      initial: { scale: 0.55, opacity: 0 },
+      animate: { scale: 1, opacity: 1 },
+      transition: { type: "spring", stiffness: 300, damping: 20, delay: 0.05 },
+      className: twMerge(
+        "flex items-center justify-center shrink-0",
+        "w-[64px] h-[64px] rounded-full"
+      ),
+      style: {
+        background: "var(--deframe-widget-color-state-success)",
+        boxShadow: "0 0 0 7px color-mix(in srgb, var(--deframe-widget-color-state-success) 12%, transparent), 0 0 24px color-mix(in srgb, var(--deframe-widget-color-state-success) 22%, transparent)"
+      },
+      children: /* @__PURE__ */ jsx(
+        "svg",
+        {
+          width: "36",
+          height: "36",
+          viewBox: "0 0 44 44",
+          fill: "none",
+          "aria-hidden": "true",
+          children: /* @__PURE__ */ jsx(
+            motion.path,
+            {
+              d: "M10 22 L18 30 L34 14",
+              stroke: "white",
+              strokeWidth: "3.5",
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              initial: { pathLength: 0 },
+              animate: { pathLength: 1 },
+              transition: { duration: 0.45, delay: 0.2, ease: "easeOut" }
+            }
+          )
+        }
+      )
+    }
+  );
+}
+function ErrorIcon2() {
+  return /* @__PURE__ */ jsx(
+    motion.div,
+    {
+      "data-test-id": "earn-feedback-error-icon",
+      "data-slot": "earn-feedback-error-icon",
+      initial: { scale: 0.55, opacity: 0 },
+      animate: { scale: 1, opacity: 1 },
+      transition: { type: "spring", stiffness: 300, damping: 20, delay: 0.05 },
+      className: twMerge(
+        "flex items-center justify-center shrink-0",
+        "w-[64px] h-[64px] rounded-full"
+      ),
+      style: {
+        background: "var(--deframe-widget-color-state-error)",
+        boxShadow: "0 0 0 7px color-mix(in srgb, var(--deframe-widget-color-state-error) 12%, transparent), 0 0 24px color-mix(in srgb, var(--deframe-widget-color-state-error) 22%, transparent)"
+      },
+      children: /* @__PURE__ */ jsxs(
+        "svg",
+        {
+          width: "36",
+          height: "36",
+          viewBox: "0 0 44 44",
+          fill: "none",
+          "aria-hidden": "true",
+          children: [
+            /* @__PURE__ */ jsx(
+              motion.line,
+              {
+                x1: "14",
+                y1: "14",
+                x2: "30",
+                y2: "30",
+                stroke: "white",
+                strokeWidth: "3.5",
+                strokeLinecap: "round",
+                initial: { pathLength: 0 },
+                animate: { pathLength: 1 },
+                transition: { duration: 0.25, delay: 0.2, ease: "easeOut" }
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              motion.line,
+              {
+                x1: "30",
+                y1: "14",
+                x2: "14",
+                y2: "30",
+                stroke: "white",
+                strokeWidth: "3.5",
+                strokeLinecap: "round",
+                initial: { pathLength: 0 },
+                animate: { pathLength: 1 },
+                transition: { duration: 0.25, delay: 0.38, ease: "easeOut" }
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}
+function WarningIcon2() {
+  const amber = "var(--deframe-widget-color-state-warning)";
+  const amberGlow = "color-mix(in srgb, var(--deframe-widget-color-state-warning) 12%, transparent)";
+  const amberGlow2 = "color-mix(in srgb, var(--deframe-widget-color-state-warning) 22%, transparent)";
+  return /* @__PURE__ */ jsx(
+    motion.div,
+    {
+      "data-test-id": "earn-feedback-warning-icon",
+      "data-slot": "earn-feedback-warning-icon",
+      initial: { scale: 0.55, opacity: 0 },
+      animate: { scale: 1, opacity: 1 },
+      transition: { type: "spring", stiffness: 300, damping: 20, delay: 0.05 },
+      className: twMerge(
+        "flex items-center justify-center shrink-0",
+        "w-[64px] h-[64px] rounded-full"
+      ),
+      style: {
+        background: amber,
+        boxShadow: `0 0 0 7px ${amberGlow}, 0 0 24px ${amberGlow2}`
+      },
+      children: /* @__PURE__ */ jsxs(
+        "svg",
+        {
+          width: "36",
+          height: "36",
+          viewBox: "0 0 44 44",
+          fill: "none",
+          "aria-hidden": "true",
+          children: [
+            /* @__PURE__ */ jsx("circle", { cx: "22", cy: "22", r: "13", stroke: "white", strokeWidth: "2.5" }),
+            /* @__PURE__ */ jsx(
+              motion.line,
+              {
+                x1: "22",
+                y1: "22",
+                x2: "22",
+                y2: "13",
+                stroke: "white",
+                strokeWidth: "2.5",
+                strokeLinecap: "round",
+                initial: { pathLength: 0 },
+                animate: { pathLength: 1 },
+                transition: { duration: 0.3, delay: 0.2, ease: "easeOut" }
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              motion.line,
+              {
+                x1: "22",
+                y1: "22",
+                x2: "31",
+                y2: "22",
+                stroke: "white",
+                strokeWidth: "2.5",
+                strokeLinecap: "round",
+                initial: { pathLength: 0 },
+                animate: { pathLength: 1 },
+                transition: { duration: 0.3, delay: 0.38, ease: "easeOut" }
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}
+var EarnDepositProcessingSimpleView = ({
+  title,
+  descriptionPrefix
+}) => {
+  return /* @__PURE__ */ jsx("div", { "data-test-id": "earn-deposit-processing-simple-view", children: /* @__PURE__ */ jsx(
+    EarnFeedbackOverlaySimpleView,
+    {
+      variant: "loading",
+      title,
+      subtitle: descriptionPrefix
+    }
+  ) });
 };
 var EarnDepositSuccessView = ({
   title,
@@ -8861,6 +10308,25 @@ var EarnDepositSuccessView = ({
     }
   );
 };
+var EarnDepositSuccessSimpleView = ({
+  title,
+  descriptionSuffix,
+  onClose
+}) => {
+  React6__default.useEffect(() => {
+    if (!onClose) return;
+    const timer = setTimeout(onClose, 5e3);
+    return () => clearTimeout(timer);
+  }, [onClose]);
+  return /* @__PURE__ */ jsx("div", { "data-test-id": "earn-deposit-success-simple-view", children: /* @__PURE__ */ jsx(
+    EarnFeedbackOverlaySimpleView,
+    {
+      variant: "success",
+      title,
+      subtitle: descriptionSuffix
+    }
+  ) });
+};
 var EarnDepositWarningView = ({
   progress,
   title,
@@ -8920,6 +10386,25 @@ var EarnDepositWarningView = ({
     }
   );
 };
+var EarnDepositWarningSimpleView = ({
+  title,
+  description,
+  onBack
+}) => {
+  React6__default.useEffect(() => {
+    if (!onBack) return;
+    const timer = setTimeout(onBack, 5e3);
+    return () => clearTimeout(timer);
+  }, [onBack]);
+  return /* @__PURE__ */ jsx("div", { "data-test-id": "earn-deposit-warning-simple-view", children: /* @__PURE__ */ jsx(
+    EarnFeedbackOverlaySimpleView,
+    {
+      variant: "warning",
+      title,
+      subtitle: description
+    }
+  ) });
+};
 var EarnDepositFailedView = ({
   progress,
   title,
@@ -8982,6 +10467,25 @@ var EarnDepositFailedView = ({
     }
   );
 };
+var EarnDepositFailedSimpleView = ({
+  title,
+  description,
+  onBack
+}) => {
+  React6__default.useEffect(() => {
+    if (!onBack) return;
+    const timer = setTimeout(onBack, 5e3);
+    return () => clearTimeout(timer);
+  }, [onBack]);
+  return /* @__PURE__ */ jsx("div", { "data-test-id": "earn-deposit-failed-simple-view", children: /* @__PURE__ */ jsx(
+    EarnFeedbackOverlaySimpleView,
+    {
+      variant: "error",
+      title,
+      subtitle: description
+    }
+  ) });
+};
 var EarnWithdrawProcessingView = ({
   progress,
   title,
@@ -9047,6 +10551,19 @@ var EarnWithdrawProcessingView = ({
     }
   );
 };
+var EarnWithdrawProcessingSimpleView = ({
+  title,
+  descriptionPrefix
+}) => {
+  return /* @__PURE__ */ jsx("div", { "data-test-id": "earn-withdraw-processing-simple-view", children: /* @__PURE__ */ jsx(
+    EarnFeedbackOverlaySimpleView,
+    {
+      variant: "loading",
+      title,
+      subtitle: descriptionPrefix
+    }
+  ) });
+};
 var EarnWithdrawSuccessView = ({
   title,
   descriptionPrefix,
@@ -9113,6 +10630,25 @@ var EarnWithdrawSuccessView = ({
     }
   );
 };
+var EarnWithdrawSuccessSimpleView = ({
+  title,
+  descriptionSuffix,
+  onClose
+}) => {
+  React6__default.useEffect(() => {
+    if (!onClose) return;
+    const timer = setTimeout(onClose, 5e3);
+    return () => clearTimeout(timer);
+  }, [onClose]);
+  return /* @__PURE__ */ jsx("div", { "data-test-id": "earn-withdraw-success-simple-view", children: /* @__PURE__ */ jsx(
+    EarnFeedbackOverlaySimpleView,
+    {
+      variant: "success",
+      title,
+      subtitle: descriptionSuffix
+    }
+  ) });
+};
 var EarnWithdrawWarningView = ({
   progress,
   title,
@@ -9172,6 +10708,25 @@ var EarnWithdrawWarningView = ({
     }
   );
 };
+var EarnWithdrawWarningSimpleView = ({
+  title,
+  description,
+  onBack
+}) => {
+  React6__default.useEffect(() => {
+    if (!onBack) return;
+    const timer = setTimeout(onBack, 5e3);
+    return () => clearTimeout(timer);
+  }, [onBack]);
+  return /* @__PURE__ */ jsx("div", { "data-test-id": "earn-withdraw-warning-simple-view", children: /* @__PURE__ */ jsx(
+    EarnFeedbackOverlaySimpleView,
+    {
+      variant: "warning",
+      title,
+      subtitle: description
+    }
+  ) });
+};
 var EarnWithdrawFailedView = ({
   progress,
   title,
@@ -9234,6 +10789,25 @@ var EarnWithdrawFailedView = ({
     }
   );
 };
+var EarnWithdrawFailedSimpleView = ({
+  title,
+  description,
+  onBack
+}) => {
+  React6__default.useEffect(() => {
+    if (!onBack) return;
+    const timer = setTimeout(onBack, 5e3);
+    return () => clearTimeout(timer);
+  }, [onBack]);
+  return /* @__PURE__ */ jsx("div", { "data-test-id": "earn-withdraw-failed-simple-view", children: /* @__PURE__ */ jsx(
+    EarnFeedbackOverlaySimpleView,
+    {
+      variant: "error",
+      title,
+      subtitle: description
+    }
+  ) });
+};
 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 });
 };
@@ -10519,6 +12093,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, DetailsHeader, EarnAmountInputView, EarnBalanceCard, EarnBytecodeErrorView, EarnDepositFailedView, EarnDepositFormView, EarnDepositProcessingView, EarnDepositSuccessView, EarnDepositWarningView, EarnDesktopView, EarnExploreGridView, EarnInvestedSectionView, EarnInvestmentDetailsView, EarnInvestmentSummaryView, EarnNoBalanceNotificationView, EarnOverviewView, EarnPercentageButtonsView, EarnPositionCardView, EarnRecentTransactionsView, EarnTokenSelectorView, EarnTxStatusCardView, EarnWithdrawFailedView, EarnWithdrawFormView, EarnWithdrawProcessingView, EarnWithdrawSuccessView, EarnWithdrawTokenSelectorView, 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, 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, isDustValue };
+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, 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, 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, isDustValue };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map