@unifold/ui-web 0.1.35 → 0.1.37

package/dist/index.js

@@ -37174,11 +37174,12 @@ var import_react18 = __toESM(require_react(), 1);
 var React2222 = __toESM(require_react(), 1);
 var import_jsx_runtime42 = __toESM(require_jsx_runtime(), 1);
 var import_jsx_runtime43 = __toESM(require_jsx_runtime(), 1);
-var import_react19 = __toESM(require_react(), 1);
 var import_jsx_runtime44 = __toESM(require_jsx_runtime(), 1);
+var import_react19 = __toESM(require_react(), 1);
 var import_jsx_runtime45 = __toESM(require_jsx_runtime(), 1);
 var import_jsx_runtime46 = __toESM(require_jsx_runtime(), 1);
 var import_jsx_runtime47 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime48 = __toESM(require_jsx_runtime(), 1);
 var import_react20 = __toESM(require_react(), 1);
 var React232 = __toESM(require_react(), 1);
 var React30 = __toESM(require_react(), 1);
@@ -37187,43 +37188,43 @@ var React25 = __toESM(require_react(), 1);
 var import_react21 = __toESM(require_react(), 1);
 var ReactDOM3 = __toESM(require_react_dom(), 1);
 var React26 = __toESM(require_react(), 1);
-var import_jsx_runtime48 = __toESM(require_jsx_runtime(), 1);
-var React27 = __toESM(require_react(), 1);
 var import_jsx_runtime49 = __toESM(require_jsx_runtime(), 1);
-var React29 = __toESM(require_react(), 1);
+var React27 = __toESM(require_react(), 1);
 var import_jsx_runtime50 = __toESM(require_jsx_runtime(), 1);
+var React29 = __toESM(require_react(), 1);
 var import_jsx_runtime51 = __toESM(require_jsx_runtime(), 1);
 var import_jsx_runtime52 = __toESM(require_jsx_runtime(), 1);
 var import_jsx_runtime53 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime54 = __toESM(require_jsx_runtime(), 1);
 var import_react22 = __toESM(require_react(), 1);
 var React242 = __toESM(require_react(), 1);
 var React34 = __toESM(require_react(), 1);
 var ReactDOM4 = __toESM(require_react_dom(), 1);
 var import_react23 = __toESM(require_react(), 1);
-var import_jsx_runtime54 = __toESM(require_jsx_runtime(), 1);
-var import_react24 = __toESM(require_react(), 1);
 var import_jsx_runtime55 = __toESM(require_jsx_runtime(), 1);
-var React322 = __toESM(require_react(), 1);
+var import_react24 = __toESM(require_react(), 1);
 var import_jsx_runtime56 = __toESM(require_jsx_runtime(), 1);
-var React33 = __toESM(require_react(), 1);
+var React322 = __toESM(require_react(), 1);
 var import_jsx_runtime57 = __toESM(require_jsx_runtime(), 1);
+var React33 = __toESM(require_react(), 1);
 var import_jsx_runtime58 = __toESM(require_jsx_runtime(), 1);
 var import_jsx_runtime59 = __toESM(require_jsx_runtime(), 1);
-var React262 = __toESM(require_react(), 1);
 var import_jsx_runtime60 = __toESM(require_jsx_runtime(), 1);
+var React262 = __toESM(require_react(), 1);
 var import_jsx_runtime61 = __toESM(require_jsx_runtime(), 1);
 var import_jsx_runtime62 = __toESM(require_jsx_runtime(), 1);
-var React252 = __toESM(require_react(), 1);
 var import_jsx_runtime63 = __toESM(require_jsx_runtime(), 1);
+var React252 = __toESM(require_react(), 1);
 var import_jsx_runtime64 = __toESM(require_jsx_runtime(), 1);
-var React272 = __toESM(require_react(), 1);
 var import_jsx_runtime65 = __toESM(require_jsx_runtime(), 1);
+var React272 = __toESM(require_react(), 1);
 var import_jsx_runtime66 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime67 = __toESM(require_jsx_runtime(), 1);
 var React282 = __toESM(require_react(), 1);
 var React35 = __toESM(require_react(), 1);
-var import_jsx_runtime67 = __toESM(require_jsx_runtime(), 1);
 var import_jsx_runtime68 = __toESM(require_jsx_runtime(), 1);
 var import_jsx_runtime69 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime70 = __toESM(require_jsx_runtime(), 1);
 var __create2 = Object.create;
 var __defProp2 = Object.defineProperty;
 var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -38711,18 +38712,18 @@ function composeContextScopes(...scopes) {
   createScope.scopeName = baseScope.scopeName;
   return createScope;
 }
-var useLayoutEffect22 = globalThis?.document ? React32.useLayoutEffect : () => {
+var useLayoutEffect23 = globalThis?.document ? React32.useLayoutEffect : () => {
 };
 var useReactId = React42[" useId ".trim().toString()] || (() => void 0);
 var count = 0;
 function useId13(deterministicId) {
   const [id, setId] = React42.useState(useReactId());
-  useLayoutEffect22(() => {
+  useLayoutEffect23(() => {
     if (!deterministicId) setId((reactId) => reactId ?? String(count++));
   }, [deterministicId]);
   return deterministicId || (id ? `radix-${id}` : "");
 }
-var useInsertionEffect = React52[" useInsertionEffect ".trim().toString()] || useLayoutEffect22;
+var useInsertionEffect = React52[" useInsertionEffect ".trim().toString()] || useLayoutEffect23;
 function useControllableState({
   prop,
   defaultProp,
@@ -39337,7 +39338,7 @@ var PORTAL_NAME = "Portal";
 var Portal = React12.forwardRef((props, forwardedRef) => {
   const { container: containerProp, ...portalProps } = props;
   const [mounted, setMounted] = React12.useState(false);
-  useLayoutEffect22(() => setMounted(true), []);
+  useLayoutEffect23(() => setMounted(true), []);
   const container = containerProp || mounted && globalThis?.document?.body;
   return container ? import_react_dom.default.createPortal(/* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Primitive.div, { ...portalProps, ref: forwardedRef }), container) : null;
 });
@@ -39380,7 +39381,7 @@ function usePresence(present) {
     const currentAnimationName = getAnimationName(stylesRef.current);
     prevAnimationNameRef.current = state === "mounted" ? currentAnimationName : "none";
   }, [state]);
-  useLayoutEffect22(() => {
+  useLayoutEffect23(() => {
     const styles = stylesRef.current;
     const wasPresent = prevPresentRef.current;
     const hasPresentChanged = wasPresent !== present;
@@ -39402,7 +39403,7 @@ function usePresence(present) {
       prevPresentRef.current = present;
     }
   }, [present, send]);
-  useLayoutEffect22(() => {
+  useLayoutEffect23(() => {
     if (node) {
       let timeoutId;
       const ownerWindow = node.ownerDocument.defaultView ?? window;
@@ -45398,7 +45399,7 @@ var arrow3 = (options2, deps) => ({
 var NAME = "Arrow";
 var Arrow = React26.forwardRef((props, forwardedRef) => {
   const { children, width = 10, height = 5, ...arrowProps } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
     Primitive.svg,
     {
       ...arrowProps,
@@ -45407,7 +45408,7 @@ var Arrow = React26.forwardRef((props, forwardedRef) => {
       height,
       viewBox: "0 0 30 10",
       preserveAspectRatio: "none",
-      children: props.asChild ? children : /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("polygon", { points: "0,0 30,0 15,10" })
+      children: props.asChild ? children : /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("polygon", { points: "0,0 30,0 15,10" })
     }
   );
 });
@@ -45415,7 +45416,7 @@ Arrow.displayName = NAME;
 var Root2 = Arrow;
 function useSize(element) {
   const [size4, setSize] = React27.useState(void 0);
-  useLayoutEffect22(() => {
+  useLayoutEffect23(() => {
     if (element) {
       setSize({ width: element.offsetWidth, height: element.offsetHeight });
       const resizeObserver = new ResizeObserver((entries) => {
@@ -45453,7 +45454,7 @@ var [PopperProvider, usePopperContext] = createPopperContext(POPPER_NAME);
 var Popper = (props) => {
   const { __scopePopper, children } = props;
   const [anchor, setAnchor] = React28.useState(null);
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(PopperProvider, { scope: __scopePopper, anchor, onAnchorChange: setAnchor, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(PopperProvider, { scope: __scopePopper, anchor, onAnchorChange: setAnchor, children });
 };
 Popper.displayName = POPPER_NAME;
 var ANCHOR_NAME = "PopperAnchor";
@@ -45471,7 +45472,7 @@ var PopperAnchor = React28.forwardRef(
         context.onAnchorChange(anchorRef.current);
       }
     });
-    return virtualRef ? null : /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Primitive.div, { ...anchorProps, ref: composedRefs });
+    return virtualRef ? null : /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Primitive.div, { ...anchorProps, ref: composedRefs });
   }
 );
 PopperAnchor.displayName = ANCHOR_NAME;
@@ -45552,7 +45553,7 @@ var PopperContent = React28.forwardRef(
     });
     const [placedSide, placedAlign] = getSideAndAlignFromPlacement(placement);
     const handlePlaced = useCallbackRef(onPlaced);
-    useLayoutEffect22(() => {
+    useLayoutEffect23(() => {
       if (isPositioned) {
         handlePlaced?.();
       }
@@ -45561,10 +45562,10 @@ var PopperContent = React28.forwardRef(
     const arrowY = middlewareData.arrow?.y;
     const cannotCenterArrow = middlewareData.arrow?.centerOffset !== 0;
     const [contentZIndex, setContentZIndex] = React28.useState();
-    useLayoutEffect22(() => {
+    useLayoutEffect23(() => {
       if (content) setContentZIndex(window.getComputedStyle(content).zIndex);
     }, [content]);
-    return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
       "div",
       {
         ref: refs.setFloating,
@@ -45588,7 +45589,7 @@ var PopperContent = React28.forwardRef(
           }
         },
         dir: props.dir,
-        children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
           PopperContentProvider,
           {
             scope: __scopePopper,
@@ -45597,7 +45598,7 @@ var PopperContent = React28.forwardRef(
             arrowX,
             arrowY,
             shouldHideArrow: cannotCenterArrow,
-            children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
               Primitive.div,
               {
                 "data-side": placedSide,
@@ -45634,7 +45635,7 @@ var PopperArrow = React28.forwardRef(function PopperArrow2(props, forwardedRef)
     // we have to use an extra wrapper because `ResizeObserver` (used by `useSize`)
     // doesn't report size as we'd expect on SVG elements.
     // it reports their bounding box which is effectively the largest path inside the SVG.
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
       "span",
       {
         ref: contentContext.onArrowChange,
@@ -45657,7 +45658,7 @@ var PopperArrow = React28.forwardRef(function PopperArrow2(props, forwardedRef)
           }[contentContext.placedSide],
           visibility: contentContext.shouldHideArrow ? "hidden" : void 0
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
           Root2,
           {
             ...arrowProps,
@@ -45732,7 +45733,7 @@ var VISUALLY_HIDDEN_STYLES = Object.freeze({
 var NAME2 = "VisuallyHidden";
 var VisuallyHidden = React29.forwardRef(
   (props, forwardedRef) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
       Primitive.span,
       {
         ...props,
@@ -45767,7 +45768,7 @@ var TooltipProvider = (props) => {
     const skipDelayTimer = skipDelayTimerRef.current;
     return () => window.clearTimeout(skipDelayTimer);
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
     TooltipProviderContextProvider,
     {
       scope: __scopeTooltip,
@@ -45858,7 +45859,7 @@ var Tooltip = (props) => {
       }
     };
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Root22, { ...popperScope, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Root22, { ...popperScope, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
     TooltipContextProvider,
     {
       scope: __scopeTooltip,
@@ -45902,7 +45903,7 @@ var TooltipTrigger = React30.forwardRef(
     React30.useEffect(() => {
       return () => document.removeEventListener("pointerup", handlePointerUp);
     }, [handlePointerUp]);
-    return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Anchor, { asChild: true, ...popperScope, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Anchor, { asChild: true, ...popperScope, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
       Primitive.button,
       {
         "aria-describedby": context.open ? context.contentId : void 0,
@@ -45944,7 +45945,7 @@ var [PortalProvider2, usePortalContext2] = createTooltipContext(PORTAL_NAME3, {
 var TooltipPortal = (props) => {
   const { __scopeTooltip, forceMount, children, container } = props;
   const context = useTooltipContext(PORTAL_NAME3, __scopeTooltip);
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(PortalProvider2, { scope: __scopeTooltip, forceMount, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Portal, { asChild: true, container, children }) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(PortalProvider2, { scope: __scopeTooltip, forceMount, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Portal, { asChild: true, container, children }) }) });
 };
 TooltipPortal.displayName = PORTAL_NAME3;
 var CONTENT_NAME3 = "TooltipContent";
@@ -45953,7 +45954,7 @@ var TooltipContent = React30.forwardRef(
     const portalContext = usePortalContext2(CONTENT_NAME3, props.__scopeTooltip);
     const { forceMount = portalContext.forceMount, side = "top", ...contentProps } = props;
     const context = useTooltipContext(CONTENT_NAME3, props.__scopeTooltip);
-    return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Presence, { present: forceMount || context.open, children: context.disableHoverableContent ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(TooltipContentImpl, { side, ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(TooltipContentHoverable, { side, ...contentProps, ref: forwardedRef }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Presence, { present: forceMount || context.open, children: context.disableHoverableContent ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(TooltipContentImpl, { side, ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(TooltipContentHoverable, { side, ...contentProps, ref: forwardedRef }) });
   }
 );
 var TooltipContentHoverable = React30.forwardRef((props, forwardedRef) => {
@@ -46015,7 +46016,7 @@ var TooltipContentHoverable = React30.forwardRef((props, forwardedRef) => {
       return () => document.removeEventListener("pointermove", handleTrackPointerGrace);
     }
   }, [trigger, content, pointerGraceArea, onClose, handleRemoveGraceArea]);
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(TooltipContentImpl, { ...props, ref: composedRefs });
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(TooltipContentImpl, { ...props, ref: composedRefs });
 });
 var [VisuallyHiddenContentContextProvider, useVisuallyHiddenContentContext] = createTooltipContext(TOOLTIP_NAME, { isInside: false });
 var Slottable = /* @__PURE__ */ createSlottable("TooltipContent");
@@ -46046,7 +46047,7 @@ var TooltipContentImpl = React30.forwardRef(
         return () => window.removeEventListener("scroll", handleScroll2, { capture: true });
       }
     }, [context.trigger, onClose]);
-    return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
       DismissableLayer,
       {
         asChild: true,
@@ -46055,7 +46056,7 @@ var TooltipContentImpl = React30.forwardRef(
         onPointerDownOutside,
         onFocusOutside: (event) => event.preventDefault(),
         onDismiss: onClose,
-        children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
           Content2,
           {
             "data-state": context.stateAttribute,
@@ -46074,8 +46075,8 @@ var TooltipContentImpl = React30.forwardRef(
               }
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Slottable, { children }),
-              /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(VisuallyHiddenContentContextProvider, { scope: __scopeTooltip, isInside: true, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Root3, { id: context.contentId, role: "tooltip", children: ariaLabel || children }) })
+              /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Slottable, { children }),
+              /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(VisuallyHiddenContentContextProvider, { scope: __scopeTooltip, isInside: true, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Root3, { id: context.contentId, role: "tooltip", children: ariaLabel || children }) })
             ]
           }
         )
@@ -46093,7 +46094,7 @@ var TooltipArrow = React30.forwardRef(
       ARROW_NAME2,
       __scopeTooltip
     );
-    return visuallyHiddenContentContext.isInside ? null : /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Arrow2, { ...popperScope, ...arrowProps, ref: forwardedRef });
+    return visuallyHiddenContentContext.isInside ? null : /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Arrow2, { ...popperScope, ...arrowProps, ref: forwardedRef });
   }
 );
 TooltipArrow.displayName = ARROW_NAME2;
@@ -46230,7 +46231,7 @@ function createCollection(name) {
     const { scope, children } = props;
     const ref = import_react23.default.useRef(null);
     const itemMap = import_react23.default.useRef(/* @__PURE__ */ new Map()).current;
-    return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(CollectionProviderImpl, { scope, itemMap, collectionRef: ref, children });
+    return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(CollectionProviderImpl, { scope, itemMap, collectionRef: ref, children });
   };
   CollectionProvider.displayName = PROVIDER_NAME2;
   const COLLECTION_SLOT_NAME = name + "CollectionSlot";
@@ -46240,7 +46241,7 @@ function createCollection(name) {
       const { scope, children } = props;
       const context = useCollectionContext(COLLECTION_SLOT_NAME, scope);
       const composedRefs = useComposedRefs(forwardedRef, context.collectionRef);
-      return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(CollectionSlotImpl, { ref: composedRefs, children });
+      return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(CollectionSlotImpl, { ref: composedRefs, children });
     }
   );
   CollectionSlot.displayName = COLLECTION_SLOT_NAME;
@@ -46257,7 +46258,7 @@ function createCollection(name) {
         context.itemMap.set(ref, { ref, ...itemData });
         return () => void context.itemMap.delete(ref);
       });
-      return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(CollectionItemSlotImpl, { ...{ [ITEM_DATA_ATTR]: "" }, ref: composedRefs, children });
+      return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(CollectionItemSlotImpl, { ...{ [ITEM_DATA_ATTR]: "" }, ref: composedRefs, children });
     }
   );
   CollectionItemSlot.displayName = ITEM_SLOT_NAME;
@@ -46345,7 +46346,7 @@ var Select = (props) => {
   const isFormControl = trigger ? form || !!trigger.closest("form") : true;
   const [nativeOptionsSet, setNativeOptionsSet] = React34.useState(/* @__PURE__ */ new Set());
   const nativeSelectKey = Array.from(nativeOptionsSet).map((option) => option.props.value).join(";");
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Root22, { ...popperScope, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Root22, { ...popperScope, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
     SelectProvider,
     {
       required,
@@ -46365,7 +46366,7 @@ var Select = (props) => {
       triggerPointerDownPosRef,
       disabled,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Collection.Provider, { scope: __scopeSelect, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Collection.Provider, { scope: __scopeSelect, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
           SelectNativeOptionsProvider,
           {
             scope: props.__scopeSelect,
@@ -46382,7 +46383,7 @@ var Select = (props) => {
             children
           }
         ) }),
-        isFormControl ? /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+        isFormControl ? /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
           SelectBubbleInput,
           {
             "aria-hidden": true,
@@ -46395,7 +46396,7 @@ var Select = (props) => {
             disabled,
             form,
             children: [
-              value === void 0 ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("option", { value: "" }) : null,
+              value === void 0 ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("option", { value: "" }) : null,
               Array.from(nativeOptionsSet)
             ]
           },
@@ -46436,7 +46437,7 @@ var SelectTrigger = React34.forwardRef(
         };
       }
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Anchor, { asChild: true, ...popperScope, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Anchor, { asChild: true, ...popperScope, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
       Primitive.button,
       {
         type: "button",
@@ -46492,16 +46493,16 @@ var SelectValue = React34.forwardRef(
     const { onValueNodeHasChildrenChange } = context;
     const hasChildren = children !== void 0;
     const composedRefs = useComposedRefs(forwardedRef, context.onValueNodeChange);
-    useLayoutEffect22(() => {
+    useLayoutEffect23(() => {
       onValueNodeHasChildrenChange(hasChildren);
     }, [onValueNodeHasChildrenChange, hasChildren]);
-    return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
       Primitive.span,
       {
         ...valueProps,
         ref: composedRefs,
         style: { pointerEvents: "none" },
-        children: shouldShowPlaceholder(context.value) ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_jsx_runtime57.Fragment, { children: placeholder }) : children
+        children: shouldShowPlaceholder(context.value) ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_jsx_runtime58.Fragment, { children: placeholder }) : children
       }
     );
   }
@@ -46511,13 +46512,13 @@ var ICON_NAME = "SelectIcon";
 var SelectIcon = React34.forwardRef(
   (props, forwardedRef) => {
     const { __scopeSelect, children, ...iconProps } = props;
-    return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Primitive.span, { "aria-hidden": true, ...iconProps, ref: forwardedRef, children: children || "\u25BC" });
+    return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Primitive.span, { "aria-hidden": true, ...iconProps, ref: forwardedRef, children: children || "\u25BC" });
   }
 );
 SelectIcon.displayName = ICON_NAME;
 var PORTAL_NAME4 = "SelectPortal";
 var SelectPortal = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Portal, { asChild: true, ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Portal, { asChild: true, ...props });
 };
 SelectPortal.displayName = PORTAL_NAME4;
 var CONTENT_NAME4 = "SelectContent";
@@ -46525,17 +46526,17 @@ var SelectContent = React34.forwardRef(
   (props, forwardedRef) => {
     const context = useSelectContext(CONTENT_NAME4, props.__scopeSelect);
     const [fragment, setFragment] = React34.useState();
-    useLayoutEffect22(() => {
+    useLayoutEffect23(() => {
       setFragment(new DocumentFragment());
     }, []);
     if (!context.open) {
       const frag = fragment;
       return frag ? ReactDOM4.createPortal(
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(SelectContentProvider, { scope: props.__scopeSelect, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Collection.Slot, { scope: props.__scopeSelect, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { children: props.children }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(SelectContentProvider, { scope: props.__scopeSelect, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Collection.Slot, { scope: props.__scopeSelect, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { children: props.children }) }) }),
         frag
       ) : null;
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(SelectContentImpl, { ...props, ref: forwardedRef });
+    return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(SelectContentImpl, { ...props, ref: forwardedRef });
   }
 );
 SelectContent.displayName = CONTENT_NAME4;
@@ -46689,7 +46690,7 @@ var SelectContentImpl = React34.forwardRef(
       hideWhenDetached,
       avoidCollisions
     } : {};
-    return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
       SelectContentProvider,
       {
         scope: __scopeSelect,
@@ -46705,7 +46706,7 @@ var SelectContentImpl = React34.forwardRef(
         position,
         isPositioned,
         searchRef,
-        children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Combination_default, { as: Slot2, allowPinchZoom: true, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Combination_default, { as: Slot2, allowPinchZoom: true, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
           FocusScope,
           {
             asChild: true,
@@ -46717,7 +46718,7 @@ var SelectContentImpl = React34.forwardRef(
               context.trigger?.focus({ preventScroll: true });
               event.preventDefault();
             }),
-            children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
               DismissableLayer,
               {
                 asChild: true,
@@ -46726,7 +46727,7 @@ var SelectContentImpl = React34.forwardRef(
                 onPointerDownOutside,
                 onFocusOutside: (event) => event.preventDefault(),
                 onDismiss: () => context.onOpenChange(false),
-                children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
                   SelectPosition,
                   {
                     role: "listbox",
@@ -46887,9 +46888,9 @@ var SelectItemAlignedPosition = React34.forwardRef((props, forwardedRef) => {
     context.dir,
     onPlaced
   ]);
-  useLayoutEffect22(() => position(), [position]);
+  useLayoutEffect23(() => position(), [position]);
   const [contentZIndex, setContentZIndex] = React34.useState();
-  useLayoutEffect22(() => {
+  useLayoutEffect23(() => {
     if (content) setContentZIndex(window.getComputedStyle(content).zIndex);
   }, [content]);
   const handleScrollButtonChange = React34.useCallback(
@@ -46902,14 +46903,14 @@ var SelectItemAlignedPosition = React34.forwardRef((props, forwardedRef) => {
     },
     [position, focusSelectedItem]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
     SelectViewportProvider,
     {
       scope: __scopeSelect,
       contentWrapper,
       shouldExpandOnScrollRef,
       onScrollButtonChange: handleScrollButtonChange,
-      children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
         "div",
         {
           ref: setContentWrapper,
@@ -46919,7 +46920,7 @@ var SelectItemAlignedPosition = React34.forwardRef((props, forwardedRef) => {
             position: "fixed",
             zIndex: contentZIndex
           },
-          children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
             Primitive.div,
             {
               ...popperProps,
@@ -46949,7 +46950,7 @@ var SelectPopperPosition = React34.forwardRef((props, forwardedRef) => {
     ...popperProps
   } = props;
   const popperScope = usePopperScope2(__scopeSelect);
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
     Content2,
     {
       ...popperScope,
@@ -46983,8 +46984,8 @@ var SelectViewport = React34.forwardRef(
     const viewportContext = useSelectViewportContext(VIEWPORT_NAME, __scopeSelect);
     const composedRefs = useComposedRefs(forwardedRef, contentContext.onViewportChange);
     const prevScrollTopRef = React34.useRef(0);
-    return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_jsx_runtime57.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_jsx_runtime58.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
         "style",
         {
           dangerouslySetInnerHTML: {
@@ -46993,7 +46994,7 @@ var SelectViewport = React34.forwardRef(
           nonce
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Collection.Slot, { scope: __scopeSelect, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Collection.Slot, { scope: __scopeSelect, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
         Primitive.div,
         {
           "data-radix-select-viewport": "",
@@ -47049,7 +47050,7 @@ var SelectGroup = React34.forwardRef(
   (props, forwardedRef) => {
     const { __scopeSelect, ...groupProps } = props;
     const groupId = useId13();
-    return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(SelectGroupContextProvider, { scope: __scopeSelect, id: groupId, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Primitive.div, { role: "group", "aria-labelledby": groupId, ...groupProps, ref: forwardedRef }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(SelectGroupContextProvider, { scope: __scopeSelect, id: groupId, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Primitive.div, { role: "group", "aria-labelledby": groupId, ...groupProps, ref: forwardedRef }) });
   }
 );
 SelectGroup.displayName = GROUP_NAME;
@@ -47058,7 +47059,7 @@ var SelectLabel = React34.forwardRef(
   (props, forwardedRef) => {
     const { __scopeSelect, ...labelProps } = props;
     const groupContext = useSelectGroupContext(LABEL_NAME, __scopeSelect);
-    return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Primitive.div, { id: groupContext.id, ...labelProps, ref: forwardedRef });
+    return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Primitive.div, { id: groupContext.id, ...labelProps, ref: forwardedRef });
   }
 );
 SelectLabel.displayName = LABEL_NAME;
@@ -47095,7 +47096,7 @@ var SelectItem = React34.forwardRef(
         "A <Select.Item /> must have a value prop that is not an empty string. This is because the Select value can be set to an empty string to clear the selection and show the placeholder."
       );
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
       SelectItemContextProvider,
       {
         scope: __scopeSelect,
@@ -47106,14 +47107,14 @@ var SelectItem = React34.forwardRef(
         onItemTextChange: React34.useCallback((node) => {
           setTextValue((prevTextValue) => prevTextValue || (node?.textContent ?? "").trim());
         }, []),
-        children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
           Collection.ItemSlot,
           {
             scope: __scopeSelect,
             value,
             disabled,
             textValue,
-            children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
               Primitive.div,
               {
                 role: "option",
@@ -47182,16 +47183,16 @@ var SelectItemText = React34.forwardRef(
     );
     const textContent = itemTextNode?.textContent;
     const nativeOption = React34.useMemo(
-      () => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("option", { value: itemContext.value, disabled: itemContext.disabled, children: textContent }, itemContext.value),
+      () => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("option", { value: itemContext.value, disabled: itemContext.disabled, children: textContent }, itemContext.value),
       [itemContext.disabled, itemContext.value, textContent]
     );
     const { onNativeOptionAdd, onNativeOptionRemove } = nativeOptionsContext;
-    useLayoutEffect22(() => {
+    useLayoutEffect23(() => {
       onNativeOptionAdd(nativeOption);
       return () => onNativeOptionRemove(nativeOption);
     }, [onNativeOptionAdd, onNativeOptionRemove, nativeOption]);
-    return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_jsx_runtime57.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Primitive.span, { id: itemContext.textId, ...itemTextProps, ref: composedRefs }),
+    return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_jsx_runtime58.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Primitive.span, { id: itemContext.textId, ...itemTextProps, ref: composedRefs }),
       itemContext.isSelected && context.valueNode && !context.valueNodeHasChildren ? ReactDOM4.createPortal(itemTextProps.children, context.valueNode) : null
     ] });
   }
@@ -47202,7 +47203,7 @@ var SelectItemIndicator = React34.forwardRef(
   (props, forwardedRef) => {
     const { __scopeSelect, ...itemIndicatorProps } = props;
     const itemContext = useSelectItemContext(ITEM_INDICATOR_NAME, __scopeSelect);
-    return itemContext.isSelected ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Primitive.span, { "aria-hidden": true, ...itemIndicatorProps, ref: forwardedRef }) : null;
+    return itemContext.isSelected ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Primitive.span, { "aria-hidden": true, ...itemIndicatorProps, ref: forwardedRef }) : null;
   }
 );
 SelectItemIndicator.displayName = ITEM_INDICATOR_NAME;
@@ -47212,7 +47213,7 @@ var SelectScrollUpButton = React34.forwardRef((props, forwardedRef) => {
   const viewportContext = useSelectViewportContext(SCROLL_UP_BUTTON_NAME, props.__scopeSelect);
   const [canScrollUp, setCanScrollUp] = React34.useState(false);
   const composedRefs = useComposedRefs(forwardedRef, viewportContext.onScrollButtonChange);
-  useLayoutEffect22(() => {
+  useLayoutEffect23(() => {
     if (contentContext.viewport && contentContext.isPositioned) {
       let handleScroll22 = function() {
         const canScrollUp2 = viewport.scrollTop > 0;
@@ -47225,7 +47226,7 @@ var SelectScrollUpButton = React34.forwardRef((props, forwardedRef) => {
       return () => viewport.removeEventListener("scroll", handleScroll22);
     }
   }, [contentContext.viewport, contentContext.isPositioned]);
-  return canScrollUp ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+  return canScrollUp ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
     SelectScrollButtonImpl,
     {
       ...props,
@@ -47246,7 +47247,7 @@ var SelectScrollDownButton = React34.forwardRef((props, forwardedRef) => {
   const viewportContext = useSelectViewportContext(SCROLL_DOWN_BUTTON_NAME, props.__scopeSelect);
   const [canScrollDown, setCanScrollDown] = React34.useState(false);
   const composedRefs = useComposedRefs(forwardedRef, viewportContext.onScrollButtonChange);
-  useLayoutEffect22(() => {
+  useLayoutEffect23(() => {
     if (contentContext.viewport && contentContext.isPositioned) {
       let handleScroll22 = function() {
         const maxScroll = viewport.scrollHeight - viewport.clientHeight;
@@ -47260,7 +47261,7 @@ var SelectScrollDownButton = React34.forwardRef((props, forwardedRef) => {
       return () => viewport.removeEventListener("scroll", handleScroll22);
     }
   }, [contentContext.viewport, contentContext.isPositioned]);
-  return canScrollDown ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+  return canScrollDown ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
     SelectScrollButtonImpl,
     {
       ...props,
@@ -47289,11 +47290,11 @@ var SelectScrollButtonImpl = React34.forwardRef((props, forwardedRef) => {
   React34.useEffect(() => {
     return () => clearAutoScrollTimer();
   }, [clearAutoScrollTimer]);
-  useLayoutEffect22(() => {
+  useLayoutEffect23(() => {
     const activeItem = getItems().find((item) => item.ref.current === document.activeElement);
     activeItem?.ref.current?.scrollIntoView({ block: "nearest" });
   }, [getItems]);
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
     Primitive.div,
     {
       "aria-hidden": true,
@@ -47321,7 +47322,7 @@ var SEPARATOR_NAME = "SelectSeparator";
 var SelectSeparator = React34.forwardRef(
   (props, forwardedRef) => {
     const { __scopeSelect, ...separatorProps } = props;
-    return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Primitive.div, { "aria-hidden": true, ...separatorProps, ref: forwardedRef });
+    return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Primitive.div, { "aria-hidden": true, ...separatorProps, ref: forwardedRef });
   }
 );
 SelectSeparator.displayName = SEPARATOR_NAME;
@@ -47332,7 +47333,7 @@ var SelectArrow = React34.forwardRef(
     const popperScope = usePopperScope2(__scopeSelect);
     const context = useSelectContext(ARROW_NAME3, __scopeSelect);
     const contentContext = useSelectContentContext(ARROW_NAME3, __scopeSelect);
-    return context.open && contentContext.position === "popper" ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Arrow2, { ...popperScope, ...arrowProps, ref: forwardedRef }) : null;
+    return context.open && contentContext.position === "popper" ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Arrow2, { ...popperScope, ...arrowProps, ref: forwardedRef }) : null;
   }
 );
 SelectArrow.displayName = ARROW_NAME3;
@@ -47357,7 +47358,7 @@ var SelectBubbleInput = React34.forwardRef(
         select.dispatchEvent(event);
       }
     }, [prevValue, value]);
-    return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
       Primitive.select,
       {
         ...props,
@@ -47454,9 +47455,9 @@ function createSlot2(ownerName) {
           return child;
         }
       });
-      return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children: React35.isValidElement(newElement) ? React35.cloneElement(newElement, void 0, newChildren) : null });
+      return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children: React35.isValidElement(newElement) ? React35.cloneElement(newElement, void 0, newChildren) : null });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children });
+    return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children });
   });
   Slot22.displayName = `${ownerName}.Slot`;
   return Slot22;
@@ -53288,8 +53289,9 @@ function WalletIconWithNetwork({
   const hasEthereum = networks.includes("ethereum");
   const hasSolana = networks.includes("solana");
   const hasMultiple = hasEthereum && hasSolana;
-  const badgeSize = Math.round(size4 * 0.4);
-  const iconSize = Math.round(badgeSize * 0.65);
+  const badgeOutset = 4;
+  const badgeSize = Math.round(size4 * 0.5);
+  const iconSize = Math.round(badgeSize * 0.76);
   return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
     "div",
     {
@@ -53299,39 +53301,46 @@ function WalletIconWithNetwork({
         /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(WalletIcon, { size: size4, className, variant }),
         hasMultiple ? (
           // Multiple networks: overlapping badges
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "uf-absolute", style: { bottom: -2, right: -2 }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
-              "div",
-              {
-                className: "uf-absolute uf-rounded-full uf-flex uf-items-center uf-justify-center",
-                style: {
-                  width: badgeSize,
-                  height: badgeSize,
-                  backgroundColor: "#000",
-                  border: "2px solid #fff",
-                  right: Math.round(badgeSize * 0.5),
-                  // 50% overlap
-                  bottom: 0
-                },
-                children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(SolanaIcon, { size: iconSize, variant: "color" })
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
-              "div",
-              {
-                className: "uf-absolute uf-rounded-full uf-flex uf-items-center uf-justify-center",
-                style: {
-                  width: badgeSize,
-                  height: badgeSize,
-                  backgroundColor: "#627EEA",
-                  border: "2px solid #fff",
-                  right: 0,
-                  bottom: 0
-                },
-                children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(EthereumIcon, { size: iconSize, variant: "light" })
-              }
-            )
-          ] })
+          /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+            "div",
+            {
+              className: "uf-absolute",
+              style: { bottom: -2, right: -badgeOutset },
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+                  "div",
+                  {
+                    className: "uf-absolute uf-rounded-full uf-flex uf-items-center uf-justify-center",
+                    style: {
+                      width: badgeSize,
+                      height: badgeSize,
+                      backgroundColor: "#000",
+                      border: "2px solid #fff",
+                      // Rear badge sits left of the front; +1px on offset shows slightly more of the rear network
+                      right: Math.round(badgeSize * 0.5) + 1,
+                      bottom: 0
+                    },
+                    children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(SolanaIcon, { size: iconSize, variant: "color" })
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+                  "div",
+                  {
+                    className: "uf-absolute uf-rounded-full uf-flex uf-items-center uf-justify-center",
+                    style: {
+                      width: badgeSize,
+                      height: badgeSize,
+                      backgroundColor: "#627EEA",
+                      border: "2px solid #fff",
+                      right: 0,
+                      bottom: 0
+                    },
+                    children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(EthereumIcon, { size: iconSize, variant: "light" })
+                  }
+                )
+              ]
+            }
+          )
         ) : (
           // Single network
           /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
@@ -53340,7 +53349,7 @@ function WalletIconWithNetwork({
               className: "uf-absolute uf-rounded-full uf-flex uf-items-center uf-justify-center",
               style: {
                 bottom: -2,
-                right: -2,
+                right: -badgeOutset,
                 width: badgeSize,
                 height: badgeSize,
                 backgroundColor: hasEthereum ? "#627EEA" : "#000",
@@ -53418,7 +53427,7 @@ function BrowserWalletButton({
   chainType,
   publishableKey
 }) {
-  const { colors: colors2, fonts, components, mode } = useTheme();
+  const { colors: colors2, fonts, components } = useTheme();
   const [isHovered, setIsHovered] = React212.useState(false);
   const [isTouchDevice, setIsTouchDevice] = React212.useState(false);
   const [wallet, setWallet] = React212.useState(null);
@@ -53426,7 +53435,6 @@ function BrowserWalletButton({
   const [isConnecting, setIsConnecting] = React212.useState(false);
   const [balanceText, setBalanceText] = React212.useState(null);
   const [isLoadingBalance, setIsLoadingBalance] = React212.useState(false);
-  const iconVariant = mode === "dark" ? "light" : "dark";
   const onDisconnectRef = React212.useRef(onDisconnect);
   onDisconnectRef.current = onDisconnect;
   React212.useEffect(() => {
@@ -53785,12 +53793,12 @@ function BrowserWalletButton({
           wallet ? WALLET_ICON_COMPONENTS[wallet.icon] ? React212.createElement(WALLET_ICON_COMPONENTS[wallet.icon], {
             size: 36,
             className: "uf-rounded-lg",
-            variant: iconVariant
+            variant: "color"
           }) : /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "uf-w-9 uf-h-9 uf-rounded-lg uf-bg-gray-500" }) : /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "uf-rounded-lg uf-p-2", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
             Wallet,
             {
               className: "uf-w-5 uf-h-5",
-              style: { color: colors2.foregroundMuted }
+              style: { color: components.card.iconColor }
             }
           ) }),
           /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "uf-text-left", children: [
@@ -54183,6 +54191,62 @@ function ThemeStyleInjector({
   }, [fonts.regular]);
   return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: cn(mode === "dark" ? "uf-dark" : "", className), style: cssVars, children });
 }
+var VIEW_W = 538;
+var VIEW_H = 53;
+var SIZE_MAX_WIDTH = {
+  sm: 128,
+  md: 152,
+  lg: 216
+};
+function PoweredByUnifold({
+  color,
+  className,
+  size: size4 = "sm",
+  maxWidth: maxWidthProp
+}) {
+  const maxWidth = maxWidthProp ?? SIZE_MAX_WIDTH[size4];
+  const height = Math.round(maxWidth / VIEW_W * VIEW_H);
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+    "div",
+    {
+      className,
+      style: { color, lineHeight: 0 },
+      role: "img",
+      "aria-label": "Powered by Unifold",
+      children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
+        "svg",
+        {
+          xmlns: "http://www.w3.org/2000/svg",
+          width: maxWidth,
+          height,
+          viewBox: `0 0 ${VIEW_W} ${VIEW_H}`,
+          fill: "none",
+          className: "uf-block uf-max-w-full uf-h-auto",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("path", { d: "M14.796 25.746H5.184V42H0V3.22803H14.796C19.044 3.22803 22.338 4.21803 24.678 6.19803C27.054 8.14203 28.242 10.896 28.242 14.46C28.242 18.024 27.054 20.796 24.678 22.776C22.302 24.756 19.008 25.746 14.796 25.746ZM5.184 7.71003V21.264H14.526C17.298 21.264 19.422 20.688 20.898 19.536C22.374 18.348 23.112 16.656 23.112 14.46C23.112 12.3 22.374 10.644 20.898 9.49203C19.422 8.30403 17.298 7.71003 14.526 7.71003H5.184Z", fill: "currentColor" }),
+            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("path", { d: "M53.0082 17.592C54.1242 18.888 54.9702 20.418 55.5462 22.182C56.1222 23.946 56.4102 25.854 56.4102 27.906C56.4102 29.958 56.1222 31.866 55.5462 33.63C54.9702 35.394 54.1242 36.924 53.0082 38.22C51.8202 39.624 50.3802 40.704 48.6882 41.46C47.0322 42.216 45.2322 42.594 43.2882 42.594C41.3442 42.594 39.5262 42.216 37.8342 41.46C36.1782 40.704 34.7562 39.624 33.5682 38.22C32.4522 36.924 31.6062 35.394 31.0302 33.63C30.4542 31.866 30.1662 29.958 30.1662 27.906C30.1662 25.854 30.4542 23.946 31.0302 22.182C31.6062 20.418 32.4522 18.888 33.5682 17.592C34.7562 16.188 36.1782 15.108 37.8342 14.352C39.5262 13.596 41.3442 13.218 43.2882 13.218C45.2322 13.218 47.0322 13.596 48.6882 14.352C50.3802 15.108 51.8202 16.188 53.0082 17.592ZM43.2882 17.322C40.8042 17.322 38.8062 18.276 37.2942 20.184C35.8182 22.092 35.0802 24.666 35.0802 27.906C35.0802 31.11 35.8182 33.666 37.2942 35.574C38.8062 37.482 40.8042 38.436 43.2882 38.436C45.7722 38.436 47.7522 37.482 49.2282 35.574C50.7402 33.666 51.4962 31.11 51.4962 27.906C51.4962 24.666 50.7402 22.092 49.2282 20.184C47.7522 18.276 45.7722 17.322 43.2882 17.322Z", fill: "currentColor" }),
+            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("path", { d: "M69.6773 34.764L75.5093 13.758H79.6133L85.4453 34.818L91.3313 13.758H96.1913L87.6053 42H83.3393L77.4533 21.048L71.5673 42H67.3013L58.7153 13.758H63.7373L69.6773 34.764Z", fill: "currentColor" }),
+            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("path", { d: "M111.687 42.594C109.707 42.594 107.871 42.234 106.179 41.514C104.523 40.758 103.101 39.66 101.913 38.22C100.797 36.924 99.9332 35.394 99.3212 33.63C98.7452 31.866 98.4572 29.958 98.4572 27.906C98.4572 25.926 98.7452 24.054 99.3212 22.29C99.8972 20.526 100.743 18.978 101.859 17.646C103.047 16.206 104.469 15.108 106.125 14.352C107.781 13.596 109.563 13.218 111.471 13.218C115.179 13.218 118.113 14.478 120.273 16.998C122.433 19.518 123.513 22.866 123.513 27.042V28.662H103.101C103.245 31.614 104.091 33.972 105.639 35.736C107.187 37.5 109.203 38.382 111.687 38.382C113.559 38.382 115.143 37.914 116.439 36.978C117.735 36.006 118.599 34.674 119.031 32.982L123.297 34.494C122.433 37.05 120.975 39.048 118.923 40.488C116.871 41.892 114.459 42.594 111.687 42.594ZM111.417 17.376C109.329 17.376 107.565 18.042 106.125 19.374C104.721 20.706 103.803 22.56 103.371 24.936H118.599C118.527 22.632 117.861 20.796 116.601 19.428C115.341 18.06 113.613 17.376 111.417 17.376Z", fill: "currentColor" }),
+            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("path", { d: "M142.253 13.542C142.577 13.542 142.901 13.56 143.225 13.596C143.549 13.596 143.873 13.614 144.197 13.65V18.564C143.801 18.492 143.423 18.438 143.063 18.402C142.703 18.366 142.289 18.348 141.821 18.348C139.697 18.348 137.933 19.122 136.529 20.67C135.125 22.182 134.423 24.144 134.423 26.556V42H129.563V13.758H134.423V18.564C135.107 17.016 136.133 15.792 137.501 14.892C138.905 13.992 140.489 13.542 142.253 13.542Z", fill: "currentColor" }),
+            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("path", { d: "M159.675 42.594C157.695 42.594 155.859 42.234 154.167 41.514C152.511 40.758 151.089 39.66 149.901 38.22C148.785 36.924 147.921 35.394 147.309 33.63C146.733 31.866 146.445 29.958 146.445 27.906C146.445 25.926 146.733 24.054 147.309 22.29C147.885 20.526 148.731 18.978 149.847 17.646C151.035 16.206 152.457 15.108 154.113 14.352C155.769 13.596 157.551 13.218 159.459 13.218C163.167 13.218 166.101 14.478 168.261 16.998C170.421 19.518 171.501 22.866 171.501 27.042V28.662H151.089C151.233 31.614 152.079 33.972 153.627 35.736C155.175 37.5 157.191 38.382 159.675 38.382C161.547 38.382 163.131 37.914 164.427 36.978C165.723 36.006 166.587 34.674 167.019 32.982L171.285 34.494C170.421 37.05 168.963 39.048 166.911 40.488C164.859 41.892 162.447 42.594 159.675 42.594ZM159.405 17.376C157.317 17.376 155.553 18.042 154.113 19.374C152.709 20.706 151.791 22.56 151.359 24.936H166.587C166.515 22.632 165.849 20.796 164.589 19.428C163.329 18.06 161.601 17.376 159.405 17.376Z", fill: "currentColor" }),
+            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("path", { d: "M187.92 42.594C186.012 42.594 184.266 42.216 182.682 41.46C181.134 40.668 179.802 39.534 178.686 38.058C177.678 36.726 176.904 35.196 176.364 33.468C175.86 31.704 175.608 29.85 175.608 27.906C175.608 25.926 175.86 24.072 176.364 22.344C176.904 20.616 177.66 19.086 178.632 17.754C179.748 16.278 181.098 15.162 182.682 14.406C184.266 13.614 186.012 13.218 187.92 13.218C189.792 13.218 191.484 13.632 192.996 14.46C194.544 15.288 195.768 16.422 196.668 17.862V3.22803H201.528V42H196.668V37.896C195.804 39.372 194.598 40.524 193.05 41.352C191.502 42.18 189.792 42.594 187.92 42.594ZM196.776 28.932V26.934C196.776 24.018 196.02 21.714 194.508 20.022C193.032 18.33 191.124 17.484 188.784 17.484C186.228 17.484 184.212 18.438 182.736 20.346C181.26 22.218 180.522 24.738 180.522 27.906C180.522 31.074 181.26 33.612 182.736 35.52C184.248 37.392 186.264 38.328 188.784 38.328C191.124 38.328 193.032 37.482 194.508 35.79C196.02 34.098 196.776 31.812 196.776 28.932Z", fill: "currentColor" }),
+            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("path", { d: "M243.794 38.058C242.678 39.534 241.328 40.668 239.744 41.46C238.196 42.216 236.468 42.594 234.56 42.594C232.688 42.594 230.978 42.18 229.43 41.352C227.882 40.524 226.676 39.372 225.812 37.896V42H220.952V3.22803H225.812V17.862C226.712 16.422 227.918 15.288 229.43 14.46C230.978 13.632 232.688 13.218 234.56 13.218C236.468 13.218 238.214 13.614 239.798 14.406C241.382 15.162 242.732 16.278 243.848 17.754C244.82 19.086 245.558 20.616 246.062 22.344C246.602 24.072 246.872 25.926 246.872 27.906C246.872 29.85 246.602 31.704 246.062 33.468C245.558 35.196 244.802 36.726 243.794 38.058ZM233.696 17.484C231.356 17.484 229.43 18.33 227.918 20.022C226.442 21.714 225.704 24.018 225.704 26.934V28.932C225.704 31.812 226.442 34.098 227.918 35.79C229.43 37.482 231.356 38.328 233.696 38.328C236.216 38.328 238.214 37.392 239.69 35.52C241.202 33.612 241.958 31.074 241.958 27.906C241.958 24.738 241.22 22.218 239.744 20.346C238.268 18.438 236.252 17.484 233.696 17.484Z", fill: "currentColor" }),
+            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("path", { d: "M275.008 13.758L262.858 45.078C261.886 47.598 260.716 49.38 259.348 50.424C257.98 51.504 256.234 52.044 254.11 52.044C253.534 52.044 253.048 52.026 252.652 51.99C252.292 51.954 251.896 51.9 251.464 51.828V47.616C251.896 47.724 252.274 47.796 252.598 47.832C252.958 47.868 253.354 47.886 253.786 47.886C254.902 47.886 255.766 47.616 256.378 47.076C257.026 46.572 257.62 45.654 258.16 44.322L259.51 40.974L249.034 13.758H254.164L262.102 35.358L269.932 13.758H275.008Z", fill: "currentColor" }),
+            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("path", { d: "M310.386 0V26.7073C310.386 34.9642 316.734 37.7847 320.266 37.7847C324.205 37.7847 325.092 34.8254 325.092 28.4171C325.092 22.0088 325.129 0 325.129 0H338.734V26.3419C338.734 35.673 333.65 40.9049 327.693 42.0228C327.693 42.0228 323.644 48 314.872 48C305.508 48 294.734 42.0374 294.734 23.8064V1.79753C294.734 1.79753 298.991 0 303.602 0H310.386Z", fill: "currentColor" }),
+            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("path", { d: "M386.974 27.31C386.974 31.89 383.254 35.61 378.674 35.61C374.094 35.61 370.374 31.89 370.374 27.31V2.96997H362.544V28.7C362.544 36.51 368.144 42.84 378.434 42.84H379.334C389.014 42.84 394.814 36.51 394.814 28.7V2.96997H386.984V27.31H386.974Z", fill: "currentColor" }),
+            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("path", { d: "M417.004 12.47C409.634 12.47 408.004 19.18 408.004 19.18V12.76H400.474V42.25H408.504V24.15C408.504 21.13 410.944 18.69 413.964 18.69C416.984 18.69 419.424 21.13 419.424 24.15V42.25H427.324V24.6C427.324 17.36 424.364 12.47 417.004 12.47Z", fill: "currentColor" }),
+            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("path", { d: "M440.704 12.9302H432.724V42.2602H440.704V12.9302Z", fill: "currentColor" }),
+            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("path", { d: "M504.904 2.96997H496.924V42.25H504.904V2.96997Z", fill: "currentColor" }),
+            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("path", { d: "M529.474 2.96997V17.96C528.294 15.93 525.554 12.36 520.884 12.36C514.354 12.36 508.824 16.64 508.824 27.59C508.824 38.54 514.354 42.82 520.884 42.82C525.554 42.82 528.284 39.26 529.474 37.22V42.25H537.454V2.96997H529.474ZM523.184 36.41C518.894 36.41 516.944 32.58 516.944 27.59C516.944 22.6 518.884 18.77 523.184 18.77C527.484 18.77 529.484 22.35 529.484 27.59C529.484 32.83 527.484 36.41 523.184 36.41Z", fill: "currentColor" }),
+            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("path", { d: "M436.714 0.840088C434.484 0.840088 432.664 2.65009 432.664 4.89009C432.664 7.13009 434.474 8.94009 436.714 8.94009C438.954 8.94009 440.764 7.13009 440.764 4.89009C440.764 2.65009 438.954 0.840088 436.714 0.840088Z", fill: "currentColor" }),
+            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("path", { d: "M459.724 7.35012C461.424 7.35012 462.214 7.95013 462.214 7.95013L463.774 1.88013C463.774 1.88013 461.804 1.13013 457.934 1.13013C457.764 1.13013 457.594 1.13013 457.414 1.13013C452.454 1.20013 448.444 5.23012 448.444 10.1901V12.9201H443.124V18.7601H448.444V42.2501H456.104V18.7601H462.554V12.9201H456.104V11.2901C456.104 8.27013 458.014 7.34013 459.714 7.34013L459.724 7.35012Z", fill: "currentColor" }),
+            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("path", { d: "M478.364 12.3601C470.404 12.3601 463.964 19.1801 463.964 27.5901C463.964 36.0001 470.414 42.8201 478.364 42.8201C486.314 42.8201 492.764 36.0001 492.764 27.5901C492.764 19.1801 486.314 12.3601 478.364 12.3601ZM478.364 36.4101C473.714 36.4101 471.714 32.4601 471.714 27.5901C471.714 22.7201 473.494 18.7701 478.364 18.7701C483.234 18.7701 485.014 22.7201 485.014 27.5901C485.014 32.4601 483.024 36.4101 478.364 36.4101Z", fill: "currentColor" })
+          ]
+        }
+      )
+    }
+  );
+}
 function DepositsModal({
   open,
   onOpenChange,
@@ -54236,8 +54300,8 @@ function DepositsModal({
   const handleExecutionClick = (execution) => {
     setSelectedExecution(execution);
   };
-  const content = selectedExecution ? /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_jsx_runtime43.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+  const content = selectedExecution ? /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_jsx_runtime44.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
       DepositHeader,
       {
         title: "Deposit Details",
@@ -54246,9 +54310,9 @@ function DepositsModal({
         onClose: handleClose
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "uf-flex-1 uf-min-h-0 uf-overflow-y-auto [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(DepositDetailContent, { execution: selectedExecution }) })
-  ] }) : /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_jsx_runtime43.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "uf-flex-1 uf-min-h-0 uf-overflow-y-auto [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(DepositDetailContent, { execution: selectedExecution }) })
+  ] }) : /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_jsx_runtime44.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
       DepositHeader,
       {
         title: "Deposit Tracker",
@@ -54257,14 +54321,14 @@ function DepositsModal({
         onClose: handleClose
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "uf-flex-1 uf-min-h-0 uf-overflow-y-auto [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "uf-space-y-2 uf-pb-8", children: allExecutions.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "uf-py-8 uf-px-4 uf-text-center", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "uf-flex-1 uf-min-h-0 uf-overflow-y-auto [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "uf-space-y-2 uf-pb-8", children: allExecutions.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "uf-py-8 uf-px-4 uf-text-center", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
       "div",
       {
         className: "uf-text-sm",
         style: { color: components.container.subtitleColor, fontFamily: fonts.regular },
         children: "No deposits yet"
       }
-    ) }) : allExecutions.map((execution) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+    ) }) : allExecutions.map((execution) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
       DepositExecutionItem,
       {
         execution,
@@ -54273,12 +54337,21 @@ function DepositsModal({
       execution.id
     )) }) })
   ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Dialog2, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Dialog2, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
     DialogContent2,
     {
       className: `sm:uf-max-w-[400px] uf-border-secondary uf-text-foreground uf-p-0 uf-gap-0 [&>button]:uf-hidden ${themeClass}`,
       style: { backgroundColor: colors2.background },
-      children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(ThemeStyleInjector, { className: "uf-flex uf-flex-col uf-flex-1 uf-min-h-0", children: content })
+      children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(ThemeStyleInjector, { className: "uf-flex uf-flex-col uf-flex-1 uf-min-h-0", children: [
+        content,
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "uf-pt-3 uf-shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+          PoweredByUnifold,
+          {
+            color: colors2.foregroundMuted,
+            className: "uf-flex uf-justify-center uf-shrink-0"
+          }
+        ) })
+      ] })
     }
   ) });
 }
@@ -54412,7 +54485,7 @@ function TokenSelectorSheet({
     onOpenChange(false);
   };
   if (!open) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
     "div",
     {
       className: `${themeClass} uf-px-6`,
@@ -54427,18 +54500,18 @@ function TokenSelectorSheet({
         backgroundColor: colors2.background
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "uf-flex uf-items-center uf-justify-between uf-py-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "uf-flex uf-items-center uf-justify-between uf-py-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
             "button",
             {
               type: "button",
               onClick: () => onOpenChange(false),
               className: "uf-p-1 uf-rounded-lg hover:uf-bg-secondary uf-transition-colors",
               style: { color: components.header.buttonColor },
-              children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(ArrowLeft, { className: "uf-w-5 uf-h-5" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(ArrowLeft, { className: "uf-w-5 uf-h-5" })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
             "h2",
             {
               className: "uf-text-base uf-text-center",
@@ -54449,10 +54522,10 @@ function TokenSelectorSheet({
               children: "Select token to deposit"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "uf-w-7 uf-h-5 uf-invisible" })
+          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "uf-w-7 uf-h-5 uf-invisible" })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "uf-pb-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "uf-pb-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
             "style",
             {
               dangerouslySetInnerHTML: {
@@ -54460,7 +54533,7 @@ function TokenSelectorSheet({
               }
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { style: { position: "relative" }, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { style: { position: "relative" }, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
             "input",
             {
               type: "text",
@@ -54478,8 +54551,8 @@ function TokenSelectorSheet({
             }
           ) })
         ] }),
-        quickSelectOptions.length > 0 && !searchQuery && /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "uf-pb-3 uf--mx-6", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+        quickSelectOptions.length > 0 && !searchQuery && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "uf-pb-3 uf--mx-6", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
             "div",
             {
               className: "uf-text-xs uf-mb-2 uf-px-6",
@@ -54490,7 +54563,7 @@ function TokenSelectorSheet({
               children: "Quick select"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
             "div",
             {
               className: "uf-flex uf-gap-2 uf-overflow-x-auto uf-px-6 uf-pb-1",
@@ -54498,12 +54571,12 @@ function TokenSelectorSheet({
               children: quickSelectOptions.map(({ token, chain, isRecent }) => {
                 const chainKey = `${chain.chain_type}:${chain.chain_id}`;
                 const isSelected = token.symbol === selectedToken && chainKey === selectedChainKey;
-                return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
+                return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
                   "div",
                   {
                     style: { position: "relative", flexShrink: 0 },
                     children: [
-                      isRecent && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+                      isRecent && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
                         "button",
                         {
                           type: "button",
@@ -54523,10 +54596,10 @@ function TokenSelectorSheet({
                             padding: 2,
                             color: colors2.foregroundMuted
                           },
-                          children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(X, { style: { width: 12, height: 12 } })
+                          children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(X, { style: { width: 12, height: 12 } })
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
+                      /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
                         "button",
                         {
                           type: "button",
@@ -54545,8 +54618,8 @@ function TokenSelectorSheet({
                             backgroundColor: isSelected ? components.card.backgroundColor : hoveredTokenKey === `${token.symbol}-${chainKey}` ? colors2.cardHover : "transparent"
                           },
                           children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { style: { position: "relative", flexShrink: 0 }, children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+                            /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { style: { position: "relative", flexShrink: 0 }, children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
                                 "img",
                                 {
                                   src: token.icon_url,
@@ -54557,7 +54630,7 @@ function TokenSelectorSheet({
                                   className: "uf-rounded-full"
                                 }
                               ),
-                              /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+                              /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
                                 "div",
                                 {
                                   style: {
@@ -54565,7 +54638,7 @@ function TokenSelectorSheet({
                                     bottom: -2,
                                     right: -2
                                   },
-                                  children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+                                  children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
                                     "img",
                                     {
                                       src: chain.icon_url,
@@ -54579,8 +54652,8 @@ function TokenSelectorSheet({
                                 }
                               )
                             ] }),
-                            /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { style: { textAlign: "left" }, children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+                            /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { style: { textAlign: "left" }, children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
                                 "div",
                                 {
                                   style: {
@@ -54593,7 +54666,7 @@ function TokenSelectorSheet({
                                   children: token.symbol
                                 }
                               ),
-                              /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+                              /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
                                 "div",
                                 {
                                   style: {
@@ -54617,7 +54690,7 @@ function TokenSelectorSheet({
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
           "div",
           {
             className: "uf-text-xs uf-mb-2",
@@ -54628,7 +54701,7 @@ function TokenSelectorSheet({
             children: "All supported tokens"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "uf-flex-1 uf-overflow-y-auto uf-min-h-0 uf--mx-6 uf-px-6 uf-pb-6", children: filteredOptions.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "uf-flex-1 uf-overflow-y-auto uf-min-h-0 uf--mx-6 uf-px-6 uf-pb-3", children: filteredOptions.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
           "div",
           {
             style: {
@@ -54640,10 +54713,10 @@ function TokenSelectorSheet({
             },
             children: "No tokens found"
           }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { style: { display: "flex", flexDirection: "column", gap: 4 }, children: filteredOptions.map(({ token, chain }) => {
+        ) : /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { style: { display: "flex", flexDirection: "column", gap: 4 }, children: filteredOptions.map(({ token, chain }) => {
           const chainKey = `${chain.chain_type}:${chain.chain_id}`;
           const isSelected = token.symbol === selectedToken && chainKey === selectedChainKey;
-          return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
+          return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
             "button",
             {
               type: "button",
@@ -54664,8 +54737,8 @@ function TokenSelectorSheet({
                 backgroundColor: isSelected ? components.card.backgroundColor : hoveredTokenKey === `${token.symbol}-${chainKey}` ? colors2.cardHover : "transparent"
               },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { style: { position: "relative", flexShrink: 0 }, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { style: { position: "relative", flexShrink: 0 }, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
                     "img",
                     {
                       src: token.icon_url,
@@ -54676,7 +54749,7 @@ function TokenSelectorSheet({
                       className: "uf-rounded-full"
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
                     "div",
                     {
                       style: {
@@ -54684,7 +54757,7 @@ function TokenSelectorSheet({
                         bottom: -4,
                         right: -4
                       },
-                      children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+                      children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
                         "img",
                         {
                           src: chain.icon_url,
@@ -54698,8 +54771,8 @@ function TokenSelectorSheet({
                     }
                   )
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { style: { flex: 1, minWidth: 0 }, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { style: { flex: 1, minWidth: 0 }, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
                     "div",
                     {
                       style: {
@@ -54711,7 +54784,7 @@ function TokenSelectorSheet({
                       children: token.symbol
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
                     "div",
                     {
                       style: {
@@ -54723,7 +54796,7 @@ function TokenSelectorSheet({
                     }
                   )
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
+                /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
                   "div",
                   {
                     style: {
@@ -54732,11 +54805,11 @@ function TokenSelectorSheet({
                       fontFamily: fonts.regular
                     },
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("span", { style: { color: components.card.textRightColor }, children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("span", { style: { color: components.card.textRightColor }, children: [
                         "Minimum:",
                         " "
                       ] }),
-                      /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("span", { style: { color: components.card.labelHighlightRightColor }, children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("span", { style: { color: components.card.labelHighlightRightColor }, children: [
                         "$",
                         chain.minimum_deposit_amount_usd
                       ] })
@@ -54747,7 +54820,14 @@ function TokenSelectorSheet({
             },
             `${token.symbol}-${chainKey}`
           );
-        }) }) })
+        }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "uf-pt-3 uf-pb-2 uf-shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+          PoweredByUnifold,
+          {
+            color: colors2.foregroundMuted,
+            className: "uf-flex uf-justify-center uf-shrink-0"
+          }
+        ) })
       ]
     }
   );
@@ -54760,7 +54840,7 @@ function DepositPollingUi({
 }) {
   const { fonts, components } = useTheme();
   if (depositConfirmationMode === "manual" && !showWaitingUi) {
-    return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
       "button",
       {
         onClick: onIveDeposited,
@@ -54777,15 +54857,15 @@ function DepositPollingUi({
     );
   }
   if (showWaitingUi && !hasExecution) {
-    return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
       "div",
       {
         className: "uf-p-3 uf-flex uf-items-center uf-gap-3 uf-animate-in uf-fade-in uf-duration-500",
         style: { backgroundColor: components.card.backgroundColor, borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "uf-flex-shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "uf-w-9 uf-h-9 uf-rounded-full uf-border-2 uf-border-t-primary uf-border-primary/20 uf-animate-spin" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "uf-flex-shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "uf-w-9 uf-h-9 uf-rounded-full uf-border-2 uf-border-t-primary uf-border-primary/20 uf-animate-spin" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
               "div",
               {
                 className: "uf-text-sm uf-font-medium",
@@ -54793,7 +54873,7 @@ function DepositPollingUi({
                 children: "Processing deposit transactions"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
               "div",
               {
                 className: "uf-text-xs",
@@ -54812,8 +54892,8 @@ function DepositFooterLinks({
   onGlossaryClick
 }) {
   const { colors: colors2 } = useTheme();
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "uf-flex uf-justify-end uf-items-center uf-gap-2 uf-text-xs uf-text-muted-foreground", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "uf-flex uf-justify-end uf-items-center uf-gap-2 uf-text-xs uf-text-muted-foreground", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
       "a",
       {
         href: "https://unifold.io/terms",
@@ -54823,8 +54903,8 @@ function DepositFooterLinks({
         children: "Terms"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "uf-text-xs uf-text-muted-foreground", children: "|" }),
-    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "uf-text-xs uf-text-muted-foreground", children: "|" }),
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
       "a",
       {
         href: "https://unifold.io/support",
@@ -54834,8 +54914,8 @@ function DepositFooterLinks({
         children: "Help"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "uf-text-xs uf-text-muted-foreground", children: "|" }),
-    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "uf-text-xs uf-text-muted-foreground", children: "|" }),
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
       "div",
       {
         className: "uf-cursor-pointer hover:uf-opacity-90 uf-transition-colors",
@@ -54857,15 +54937,15 @@ function GlossaryModal({
   const { themeClass, colors: colors2, components } = useTheme();
   const resolvedThemeClass = themeClassProp ?? themeClass;
   const modalBackground = backgroundColorProp ?? colors2.background;
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Dialog2, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Dialog2, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
     DialogContent2,
     {
       className: `sm:uf-max-w-[400px] !uf-top-auto !uf-h-auto sm:!uf-top-[50%] uf-border-secondary uf-p-0 uf-gap-0 [&>button]:uf-hidden ${resolvedThemeClass}`,
       style: { backgroundColor: modalBackground },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "uf-relative uf-flex uf-items-center uf-justify-between", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "uf-invisible uf-w-9 uf-h-9 uf-flex uf-shrink-0 uf-items-center uf-justify-center", "aria-hidden": true, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(X, { className: "uf-w-4 uf-h-4" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "uf-relative uf-flex uf-items-center uf-justify-between", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "uf-invisible uf-w-9 uf-h-9 uf-flex uf-shrink-0 uf-items-center uf-justify-center", "aria-hidden": true, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(X, { className: "uf-w-4 uf-h-4" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
             DialogTitle2,
             {
               className: "uf-text-base uf-font-medium uf-absolute uf-left-0 uf-right-0 uf-text-center uf-pointer-events-none",
@@ -54873,91 +54953,91 @@ function GlossaryModal({
               children: "Glossary"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
             "button",
             {
               onClick: () => onOpenChange(false),
               className: "uf-p-1 uf-rounded-lg hover:uf-bg-secondary uf-transition-colors uf-flex-shrink-0 uf-z-[1]",
               style: { color: components.header.buttonColor },
-              children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(X, { className: "uf-w-4 uf-h-4" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(X, { className: "uf-w-4 uf-h-4" })
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "uf-max-h-[60vh] sm:uf-max-h-[400px] uf-overflow-y-auto uf-pb-4 [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "uf-space-y-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "uf-max-h-[60vh] sm:uf-max-h-[400px] uf-overflow-y-auto uf-pb-4 [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "uf-space-y-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
             "div",
             {
               className: "uf-rounded-xl uf-p-3",
               style: { backgroundColor: components.card.backgroundColor },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Your Deposit Token" }),
-                /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: t3.selectTokenDepositTooltip })
+                /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Your Deposit Token" }),
+                /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: t3.selectTokenDepositTooltip })
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
             "div",
             {
               className: "uf-rounded-xl uf-p-3",
               style: { backgroundColor: components.card.backgroundColor },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Deposit Address" }),
-                /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: "A unique wallet address generated for you. Send supported tokens to this address and they will be automatically converted and deposited into your account." })
+                /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Deposit Address" }),
+                /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: "A unique wallet address generated for you. Send supported tokens to this address and they will be automatically converted and deposited into your account." })
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
             "div",
             {
               className: "uf-rounded-xl uf-p-3",
               style: { backgroundColor: components.card.backgroundColor },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Price Impact" }),
-                /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: t3.priceImpact.tooltip })
+                /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Price Impact" }),
+                /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: t3.priceImpact.tooltip })
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
             "div",
             {
               className: "uf-rounded-xl uf-p-3",
               style: { backgroundColor: components.card.backgroundColor },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Slippage" }),
-                /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: t3.slippage.tooltip })
+                /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Slippage" }),
+                /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: t3.slippage.tooltip })
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
             "div",
             {
               className: "uf-rounded-xl uf-p-3",
               style: { backgroundColor: components.card.backgroundColor },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Processing Time" }),
-                /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: "The estimated time for your deposit to be confirmed and credited. This depends on the source network's block confirmation time and current congestion." })
+                /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Processing Time" }),
+                /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: "The estimated time for your deposit to be confirmed and credited. This depends on the source network's block confirmation time and current congestion." })
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
             "div",
             {
               className: "uf-rounded-xl uf-p-3",
               style: { backgroundColor: components.card.backgroundColor },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Minimum Deposit" }),
-                /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: t3.minDeposit.tooltip })
+                /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Minimum Deposit" }),
+                /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: t3.minDeposit.tooltip })
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
             "div",
             {
               className: "uf-rounded-xl uf-p-3",
               style: { backgroundColor: components.card.backgroundColor },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Recipient Address" }),
-                /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: "The destination address on the target blockchain where your converted deposit will be sent. This is typically your wallet address on the application's native chain." })
+                /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Recipient Address" }),
+                /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: "The destination address on the target blockchain where your converted deposit will be sent. This is typically your wallet address on the application's native chain." })
               ]
             }
           )
@@ -54991,12 +55071,12 @@ var TooltipTrigger2 = React232.forwardRef(({ onClick, ...props }, ref) => {
     },
     [open, onOpenChange, onClick]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Trigger, { ref, onClick: handleClick, ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Trigger, { ref, onClick: handleClick, ...props });
 });
 TooltipTrigger2.displayName = Trigger.displayName;
 var TooltipContent2 = React232.forwardRef(({ className, sideOffset = 4, ...props }, ref) => {
   const { themeClass, colors: colors2 } = useTheme();
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Portal3, { children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Portal3, { children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
     Content22,
     {
       ref,
@@ -55195,29 +55275,29 @@ function TransferCryptoSingleInput({
   const maxSlippage = currentChainFromBackend?.max_slippage_percent ?? 0.25;
   const processingTime = currentChainFromBackend?.estimated_processing_time ?? null;
   const minDepositUsd = currentChainFromBackend?.minimum_deposit_amount_usd ?? 3;
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(TooltipProvider2, { delayDuration: 0, skipDelayDuration: 0, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(TooltipProvider2, { delayDuration: 0, skipDelayDuration: 0, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
     "div",
     {
       className: "uf-space-y-3 [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden",
       style: { backgroundColor: colors2.background },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "uf-text-xs uf-mb-1 uf-flex uf-items-center uf-justify-between", style: { color: components.card.labelColor }, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "uf-flex uf-items-center uf-gap-1", children: t4.selectTokenDeposit }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "uf-text-xs uf-mb-1 uf-flex uf-items-center uf-justify-between", style: { color: components.card.labelColor }, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "uf-flex uf-items-center uf-gap-1", children: t4.selectTokenDeposit }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
           "button",
           {
             onClick: () => setTokenSelectorOpen(true),
             disabled: tokensLoading || supportedTokens.length === 0,
             className: "uf-w-full hover:uf-bg-accent uf-p-3 uf-flex uf-items-center uf-gap-3 uf-transition-colors disabled:uf-opacity-50 disabled:uf-cursor-not-allowed",
             style: { backgroundColor: components.card.backgroundColor, borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` },
-            children: tokensLoading ? /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-3 uf-animate-pulse", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "uf-w-10 uf-h-10 uf-rounded-full uf-bg-muted" }),
-              /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "uf-flex-1", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "uf-h-4 uf-w-16 uf-bg-muted uf-rounded uf-mb-1" }),
-                /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "uf-h-3 uf-w-24 uf-bg-muted uf-rounded" })
+            children: tokensLoading ? /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-3 uf-animate-pulse", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "uf-w-10 uf-h-10 uf-rounded-full uf-bg-muted" }),
+              /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "uf-flex-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "uf-h-4 uf-w-16 uf-bg-muted uf-rounded uf-mb-1" }),
+                /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "uf-h-3 uf-w-24 uf-bg-muted uf-rounded" })
               ] })
-            ] }) : /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_jsx_runtime53.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "uf-relative uf-flex-shrink-0", children: [
-                selectedToken && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+            ] }) : /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(import_jsx_runtime54.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "uf-relative uf-flex-shrink-0", children: [
+                selectedToken && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
                   "img",
                   {
                     src: selectedToken.icon_url,
@@ -55228,7 +55308,7 @@ function TransferCryptoSingleInput({
                     className: "uf-w-10 uf-h-10 uf-rounded-full"
                   }
                 ),
-                (currentChainFromBackend || currentChainData) && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "uf-absolute -uf-bottom-1 -uf-right-1", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+                (currentChainFromBackend || currentChainData) && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "uf-absolute -uf-bottom-1 -uf-right-1", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
                   "img",
                   {
                     src: currentChainFromBackend?.icon_url || currentChainData?.icon_url || "",
@@ -55241,8 +55321,8 @@ function TransferCryptoSingleInput({
                   }
                 ) })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "uf-flex-1 uf-text-left uf-min-w-0", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "uf-flex-1 uf-text-left uf-min-w-0", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
                   "div",
                   {
                     className: "uf-text-sm uf-font-medium",
@@ -55250,7 +55330,7 @@ function TransferCryptoSingleInput({
                     children: selectedToken?.symbol || token
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
                   "div",
                   {
                     className: "uf-text-xs uf-truncate",
@@ -55259,8 +55339,8 @@ function TransferCryptoSingleInput({
                   }
                 )
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2 uf-flex-shrink-0", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "uf-text-right", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2 uf-flex-shrink-0", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "uf-text-right", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
                   "div",
                   {
                     className: "uf-text-xs uf-font-medium",
@@ -55272,12 +55352,12 @@ function TransferCryptoSingleInput({
                     ]
                   }
                 ) }),
-                /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(ChevronRight, { className: "uf-w-4 uf-h-4", style: { color: components.card.actionColor } })
+                /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ChevronRight, { className: "uf-w-4 uf-h-4", style: { color: components.card.actionColor } })
               ] })
             ] })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
           TokenSelectorSheet,
           {
             open: tokenSelectorOpen,
@@ -55291,24 +55371,24 @@ function TransferCryptoSingleInput({
             }
           }
         ),
-        error && !loading && /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "uf-bg-destructive/10 uf-border uf-border-destructive/20 uf-rounded-xl uf-p-3 uf-space-y-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "uf-flex uf-items-start uf-gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Info, { className: "uf-w-4 uf-h-4 uf-text-destructive uf-flex-shrink-0 uf-mt-0.5" }),
-            /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "uf-flex-1 uf-min-w-0", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "uf-text-xs uf-font-medium uf-text-destructive uf-mb-1", children: "Failed to create deposit address" }),
-              /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "uf-text-xs uf-text-muted-foreground", children: error })
+        error && !loading && /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "uf-bg-destructive/10 uf-border uf-border-destructive/20 uf-rounded-xl uf-p-3 uf-space-y-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "uf-flex uf-items-start uf-gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Info, { className: "uf-w-4 uf-h-4 uf-text-destructive uf-flex-shrink-0 uf-mt-0.5" }),
+            /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "uf-flex-1 uf-min-w-0", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "uf-text-xs uf-font-medium uf-text-destructive uf-mb-1", children: "Failed to create deposit address" }),
+              /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "uf-text-xs uf-text-muted-foreground", children: error })
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-1.5 uf-text-xs uf-text-muted-foreground uf-pl-6", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Clock, { className: "uf-w-3 uf-h-3" }),
-            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { children: "Retrying automatically every 5 seconds..." })
+          /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-1.5 uf-text-xs uf-text-muted-foreground uf-pl-6", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Clock, { className: "uf-w-3 uf-h-3" }),
+            /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { children: "Retrying automatically every 5 seconds..." })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "uf-flex uf-flex-col uf-items-center uf-pt-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "uf-text-xs uf-mb-2 uf-flex uf-items-center uf-gap-1", style: { color: components.card.labelColor }, children: "Intent address" }),
-          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "uf-shadow-lg", style: { borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: loading || tokensLoading || !initialSelectionDone ? (
+        /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "uf-flex uf-flex-col uf-items-center uf-pt-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "uf-text-xs uf-mb-2 uf-flex uf-items-center uf-gap-1", style: { color: components.card.labelColor }, children: "Intent address" }),
+          /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "uf-shadow-lg", style: { borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: loading || tokensLoading || !initialSelectionDone ? (
             // QR Skeleton - matches QR code appearance
-            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
               "div",
               {
                 className: "uf-flex uf-items-center uf-justify-center uf-animate-pulse",
@@ -55318,7 +55398,7 @@ function TransferCryptoSingleInput({
                   background: isDarkMode ? "linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%)" : "linear-gradient(135deg, #f5f5f5 0%, #e8e8e8 100%)",
                   borderRadius: 8
                 },
-                children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
                   "div",
                   {
                     style: {
@@ -55331,7 +55411,7 @@ function TransferCryptoSingleInput({
                 )
               }
             )
-          ) : depositAddress ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+          ) : depositAddress ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
             StyledQRCode,
             {
               value: depositAddress,
@@ -55341,19 +55421,19 @@ function TransferCryptoSingleInput({
               darkMode: isDarkMode
             },
             `qr-${depositAddress}-${chain}`
-          ) : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+          ) : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
             "div",
             {
               className: "uf-flex uf-items-center uf-justify-center",
               style: { width: 180, height: 180 },
-              children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "uf-text-red-400 uf-text-sm", children: t4.noAddressAvailable })
+              children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "uf-text-red-400 uf-text-sm", children: t4.noAddressAvailable })
             }
           ) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "uf-text-sm uf-mb-2 uf-flex uf-justify-center uf-items-center uf-gap-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "uf-text-sm uf-mb-2 uf-flex uf-justify-center uf-items-center uf-gap-1", children: [
           loading || tokensLoading || !initialSelectionDone ? (
             // Address skeleton
-            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
               "div",
               {
                 className: "uf-h-4 uf-w-32 uf-rounded uf-animate-pulse",
@@ -55362,45 +55442,45 @@ function TransferCryptoSingleInput({
                 }
               }
             )
-          ) : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "uf-text-sm uf-truncate uf-min-w-0", style: { color: components.card.titleColor }, children: depositAddress ? truncateAddress(depositAddress, 8, 6) : t4.noAddressAvailable }),
-          depositAddress && initialSelectionDone && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+          ) : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "uf-text-sm uf-truncate uf-min-w-0", style: { color: components.card.titleColor }, children: depositAddress ? truncateAddress(depositAddress, 8, 6) : t4.noAddressAvailable }),
+          depositAddress && initialSelectionDone && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
             "span",
             {
               onClick: handleCopyAddress,
               className: "uf-flex-shrink-0 uf-transition-colors uf-cursor-pointer",
               style: { color: copied ? colors2.success : components.card.actionColor },
-              children: copied ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Check, { className: "uf-w-3.5 uf-h-3.5" }) : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Copy, { className: "uf-w-3.5 uf-h-3.5" })
+              children: copied ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Check, { className: "uf-w-3.5 uf-h-3.5" }) : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Copy, { className: "uf-w-3.5 uf-h-3.5" })
             }
           )
         ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "uf-px-2.5", style: { backgroundColor: components.card.backgroundColor, borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "uf-px-2.5", style: { backgroundColor: components.card.backgroundColor, borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
             "button",
             {
               onClick: () => setDetailsExpanded(!detailsExpanded),
               className: "uf-w-full uf-flex uf-items-center uf-justify-between uf-py-2.5",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Clock, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Clock, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
                     t4.processingTime.label,
                     ":",
                     " ",
-                    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: formatProcessingTime2(processingTime) })
+                    /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: formatProcessingTime2(processingTime) })
                   ] })
                 ] }),
-                detailsExpanded ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(ChevronUp, { className: "uf-w-4 uf-h-4", style: { color: components.card.actionColor } }) : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(ChevronDown, { className: "uf-w-4 uf-h-4", style: { color: components.card.actionColor } })
+                detailsExpanded ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ChevronUp, { className: "uf-w-4 uf-h-4", style: { color: components.card.actionColor } }) : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ChevronDown, { className: "uf-w-4 uf-h-4", style: { color: components.card.actionColor } })
               ]
             }
           ),
-          detailsExpanded && /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "uf-pb-3 uf-space-y-2.5", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(ShieldCheck, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
+          detailsExpanded && /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "uf-pb-3 uf-space-y-2.5", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ShieldCheck, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
                 t4.slippage.label,
                 ":",
                 " ",
-                /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: [
                   t4.slippage.auto,
                   " \u2022 ",
                   maxSlippage.toFixed(2),
@@ -55408,38 +55488,38 @@ function TransferCryptoSingleInput({
                 ] })
               ] })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(DollarSign, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(DollarSign, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
                 t4.priceImpact.label,
                 ":",
                 " ",
-                /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: [
                   priceImpact.toFixed(2),
                   "%"
                 ] })
               ] })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(WalletMinimal, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("span", { className: "uf-flex uf-gap-2 uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(WalletMinimal, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("span", { className: "uf-flex uf-gap-2 uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
                 "Recipient address:",
                 " ",
-                /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: truncateAddress(recipientAddress || "", 8, 6) }),
-                /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: truncateAddress(recipientAddress || "", 8, 6) }),
+                /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
                   "span",
                   {
                     onClick: () => handleCopyRecipientAddress(recipientAddress),
                     className: "uf-flex-shrink-0 uf-transition-colors uf-cursor-pointer",
                     style: { color: copiedRecipient ? colors2.success : components.card.actionColor },
-                    children: copiedRecipient ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Check, { className: "uf-w-3.5 uf-h-3.5" }) : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Copy, { className: "uf-w-3.5 uf-h-3.5" })
+                    children: copiedRecipient ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Check, { className: "uf-w-3.5 uf-h-3.5" }) : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Copy, { className: "uf-w-3.5 uf-h-3.5" })
                   }
                 )
               ] })
             ] })
           ] })
         ] }),
-        wallets && wallets.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+        wallets && wallets.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
           DepositPollingUi,
           {
             depositConfirmationMode,
@@ -55448,29 +55528,29 @@ function TransferCryptoSingleInput({
             onIveDeposited: handleIveDeposited
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(DepositFooterLinks, { onGlossaryClick: () => setGlossaryOpen(true) }),
-        depositExecutions.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "uf-flex uf-items-center uf-justify-end uf-text-xs uf-pt-2", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(DepositFooterLinks, { onGlossaryClick: () => setGlossaryOpen(true) }),
+        depositExecutions.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "uf-flex uf-items-center uf-justify-end uf-text-xs uf-pt-2", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
           "button",
           {
             onClick: () => setDepositsModalOpen(true),
             className: "uf-flex uf-items-center uf-gap-1 uf-text-muted-foreground hover:uf-text-foreground uf-transition-colors uf-animate-in uf-fade-in uf-slide-in-from-right-8 uf-duration-1000",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Clock, { className: "uf-w-3.5 uf-h-3.5" }),
+              /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Clock, { className: "uf-w-3.5 uf-h-3.5" }),
               "Track deposits (",
               depositExecutions.length,
               ")",
-              /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(ChevronRight, { className: "uf-w-3 uf-h-3" })
+              /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ChevronRight, { className: "uf-w-3 uf-h-3" })
             ]
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
           DepositPollingToasts,
           {
             executions: depositExecutions,
             isPolling
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
           DepositsModal,
           {
             open: depositsModalOpen,
@@ -55481,7 +55561,7 @@ function TransferCryptoSingleInput({
             themeClass
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
           GlossaryModal,
           {
             open: glossaryOpen,
@@ -55498,7 +55578,7 @@ var Select2 = Root23;
 var SelectValue2 = Value;
 var SelectTrigger2 = React242.forwardRef(({ className, style, children, ...props }, ref) => {
   const { components } = useTheme();
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
     Trigger2,
     {
       ref,
@@ -55514,13 +55594,13 @@ var SelectTrigger2 = React242.forwardRef(({ className, style, children, ...props
       ...props,
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Icon2, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ChevronDown, { className: "uf-h-4 uf-w-4 uf-opacity-50" }) })
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Icon2, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(ChevronDown, { className: "uf-h-4 uf-w-4 uf-opacity-50" }) })
       ]
     }
   );
 });
 SelectTrigger2.displayName = Trigger2.displayName;
-var SelectScrollUpButton2 = React242.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+var SelectScrollUpButton2 = React242.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
   ScrollUpButton,
   {
     ref,
@@ -55529,11 +55609,11 @@ var SelectScrollUpButton2 = React242.forwardRef(({ className, ...props }, ref) =
       className
     ),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ChevronUp, { className: "uf-h-4 uf-w-4" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(ChevronUp, { className: "uf-h-4 uf-w-4" })
   }
 ));
 SelectScrollUpButton2.displayName = ScrollUpButton.displayName;
-var SelectScrollDownButton2 = React242.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+var SelectScrollDownButton2 = React242.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
   ScrollDownButton,
   {
     ref,
@@ -55542,13 +55622,13 @@ var SelectScrollDownButton2 = React242.forwardRef(({ className, ...props }, ref)
       className
     ),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ChevronDown, { className: "uf-h-4 uf-w-4" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(ChevronDown, { className: "uf-h-4 uf-w-4" })
   }
 ));
 SelectScrollDownButton2.displayName = ScrollDownButton.displayName;
 var SelectContent2 = React242.forwardRef(({ className, style, children, position = "popper", ...props }, ref) => {
   const { themeClass, colors: colors2, components } = useTheme();
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Portal4, { children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Portal4, { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
     Content23,
     {
       ref,
@@ -55567,8 +55647,8 @@ var SelectContent2 = React242.forwardRef(({ className, style, children, position
       position,
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(SelectScrollUpButton2, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(SelectScrollUpButton2, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
           Viewport,
           {
             className: cn(
@@ -55578,13 +55658,13 @@ var SelectContent2 = React242.forwardRef(({ className, style, children, position
             children
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(SelectScrollDownButton2, {})
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(SelectScrollDownButton2, {})
       ]
     }
   ) });
 });
 SelectContent2.displayName = Content23.displayName;
-var SelectLabel2 = React242.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+var SelectLabel2 = React242.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
   Label,
   {
     ref,
@@ -55596,7 +55676,7 @@ var SelectLabel2 = React242.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 SelectLabel2.displayName = Label.displayName;
-var SelectItem2 = React242.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
+var SelectItem2 = React242.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
   Item,
   {
     ref,
@@ -55606,13 +55686,13 @@ var SelectItem2 = React242.forwardRef(({ className, children, ...props }, ref) =
     ),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "uf-absolute uf-left-2 uf-flex uf-h-3.5 uf-w-3.5 uf-items-center uf-justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Check, { className: "uf-h-4 uf-w-4" }) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ItemText, { children })
+      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "uf-absolute uf-left-2 uf-flex uf-h-3.5 uf-w-3.5 uf-items-center uf-justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Check, { className: "uf-h-4 uf-w-4" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(ItemText, { children })
     ]
   }
 ));
 SelectItem2.displayName = Item.displayName;
-var SelectSeparator2 = React242.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+var SelectSeparator2 = React242.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
   Separator,
   {
     ref,
@@ -55777,8 +55857,8 @@ function TransferCryptoDoubleInput({
   const processingTime = currentChainFromBackend?.estimated_processing_time ?? null;
   const minDepositUsd = currentChainFromBackend?.minimum_deposit_amount_usd ?? 3;
   const renderTokenItem = (tokenData) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
         "img",
         {
           src: tokenData.icon_url,
@@ -55789,13 +55869,13 @@ function TransferCryptoDoubleInput({
           className: "uf-rounded-full uf-flex-shrink-0"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "uf-text-xs uf-font-normal", children: tokenData.symbol })
+      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "uf-text-xs uf-font-normal", children: tokenData.symbol })
     ] });
   };
   const renderChainItem = (chainData, showMinDeposit = false) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "uf-flex uf-items-center uf-justify-between uf-w-full", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "uf-flex uf-items-center uf-justify-between uf-w-full", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
           "img",
           {
             src: chainData.icon_url,
@@ -55806,32 +55886,32 @@ function TransferCryptoDoubleInput({
             className: "uf-rounded-full uf-flex-shrink-0"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "uf-text-xs uf-font-normal", children: chainData.chain_name })
+        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "uf-text-xs uf-font-normal", children: chainData.chain_name })
       ] }),
-      showMinDeposit && chainData.minimum_deposit_amount_usd && /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("span", { className: "uf-text-xs uf-font-medium", style: { color: components.card.labelHighlightRightColor }, children: [
+      showMinDeposit && chainData.minimum_deposit_amount_usd && /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("span", { className: "uf-text-xs uf-font-medium", style: { color: components.card.labelHighlightRightColor }, children: [
         "$",
         chainData.minimum_deposit_amount_usd
       ] })
     ] });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(TooltipProvider2, { delayDuration: 0, skipDelayDuration: 0, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(TooltipProvider2, { delayDuration: 0, skipDelayDuration: 0, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
     "div",
     {
       className: "uf-space-y-3",
       style: { backgroundColor: colors2.background },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "uf-grid uf-grid-cols-2 uf-gap-2.5", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "uf-text-xs uf-mb-2 uf-flex uf-items-center uf-gap-1", style: { color: components.card.labelColor }, children: t5.selectedToken }),
-            /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "uf-grid uf-grid-cols-2 uf-gap-2.5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "uf-text-xs uf-mb-2 uf-flex uf-items-center uf-gap-1", style: { color: components.card.labelColor }, children: t5.selectedToken }),
+            /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
               Select2,
               {
                 value: token,
                 onValueChange: setToken,
                 disabled: tokensLoading || supportedTokens.length === 0,
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(SelectTrigger2, { className: "uf-h-10 hover:uf-opacity-90 uf-text-foreground disabled:uf-opacity-50", style: { backgroundColor: components.card.backgroundColor, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(SelectValue2, { children: tokensLoading ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "uf-text-xs uf-font-light uf-text-muted-foreground", children: t5.loading }) }) : selectedToken ? renderTokenItem(selectedToken) : /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "uf-text-xs uf-font-normal", children: token }) }) }) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(SelectContent2, { className: "uf-bg-secondary uf-border uf-text-foreground uf-max-h-[300px]", style: { border: `1px solid ${isDarkMode ? "rgba(255,255,255,0.15)" : "rgba(0,0,0,0.15)"}`, ...fonts.regular ? { "--uf-font-family": fonts.regular } : {} }, children: supportedTokens.map((tokenData) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(SelectTrigger2, { className: "uf-h-10 hover:uf-opacity-90 uf-text-foreground disabled:uf-opacity-50", style: { backgroundColor: components.card.backgroundColor, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(SelectValue2, { children: tokensLoading ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "uf-text-xs uf-font-light uf-text-muted-foreground", children: t5.loading }) }) : selectedToken ? renderTokenItem(selectedToken) : /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "uf-text-xs uf-font-normal", children: token }) }) }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(SelectContent2, { className: "uf-bg-secondary uf-border uf-text-foreground uf-max-h-[300px]", style: { border: `1px solid ${isDarkMode ? "rgba(255,255,255,0.15)" : "rgba(0,0,0,0.15)"}`, ...fonts.regular ? { "--uf-font-family": fonts.regular } : {} }, children: supportedTokens.map((tokenData) => /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
                     SelectItem2,
                     {
                       value: tokenData.symbol,
@@ -55844,36 +55924,36 @@ function TransferCryptoDoubleInput({
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "uf-text-xs uf-mb-2 uf-flex uf-items-center uf-gap-1", style: { color: components.card.labelColor }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "uf-text-xs uf-mb-2 uf-flex uf-items-center uf-gap-1", style: { color: components.card.labelColor }, children: [
               t5.selectedChain,
-              /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("span", { className: "uf-font-medium", style: { color: components.card.labelHighlightRightColor }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("span", { className: "uf-font-medium", style: { color: components.card.labelHighlightRightColor }, children: [
                 "$",
                 minDepositUsd,
                 " ",
                 t5.minDeposit.label
               ] })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
               Select2,
               {
                 value: chain,
                 onValueChange: setChain,
                 disabled: tokensLoading || availableChainsForToken.length === 0,
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(SelectTrigger2, { className: "uf-h-10 hover:uf-opacity-90 uf-text-foreground disabled:uf-opacity-50", style: { backgroundColor: components.card.backgroundColor, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(SelectValue2, { children: tokensLoading ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "uf-text-xs uf-font-light uf-text-muted-foreground", children: t5.loading }) }) : currentChainFromBackend ? renderChainItem(currentChainFromBackend) : currentChainData ? renderChainItem(currentChainData) : /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "uf-text-xs uf-font-normal", children: chain }) }) }) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(SelectTrigger2, { className: "uf-h-10 hover:uf-opacity-90 uf-text-foreground disabled:uf-opacity-50", style: { backgroundColor: components.card.backgroundColor, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(SelectValue2, { children: tokensLoading ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "uf-text-xs uf-font-light uf-text-muted-foreground", children: t5.loading }) }) : currentChainFromBackend ? renderChainItem(currentChainFromBackend) : currentChainData ? renderChainItem(currentChainData) : /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "uf-text-xs uf-font-normal", children: chain }) }) }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
                     SelectContent2,
                     {
                       align: "end",
                       className: "uf-bg-secondary uf-border uf-text-foreground uf-max-h-[300px] uf-min-w-[200px]",
                       style: { border: `1px solid ${isDarkMode ? "rgba(255,255,255,0.15)" : "rgba(0,0,0,0.15)"}`, ...fonts.regular ? { "--uf-font-family": fonts.regular } : {} },
-                      children: availableChainsForToken.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "uf-px-2 uf-py-3 uf-text-xs uf-text-muted-foreground uf-text-center", children: t5.noChainsAvailable }) : availableChainsForToken.map((chainData) => {
+                      children: availableChainsForToken.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "uf-px-2 uf-py-3 uf-text-xs uf-text-muted-foreground uf-text-center", children: t5.noChainsAvailable }) : availableChainsForToken.map((chainData) => {
                         const chainKey = getChainKey2(
                           chainData.chain_id,
                           chainData.chain_type
                         );
-                        return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+                        return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
                           SelectItem2,
                           {
                             value: chainKey,
@@ -55890,24 +55970,24 @@ function TransferCryptoDoubleInput({
             )
           ] })
         ] }),
-        error && !loading && /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "uf-bg-destructive/10 uf-border uf-border-destructive/20 uf-rounded-xl uf-p-3 uf-space-y-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "uf-flex uf-items-start uf-gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Info, { className: "uf-w-4 uf-h-4 uf-text-destructive uf-flex-shrink-0 uf-mt-0.5" }),
-            /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "uf-flex-1 uf-min-w-0", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "uf-text-xs uf-font-medium uf-text-destructive uf-mb-1", children: "Failed to create deposit address" }),
-              /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "uf-text-xs uf-text-muted-foreground", children: error })
+        error && !loading && /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "uf-bg-destructive/10 uf-border uf-border-destructive/20 uf-rounded-xl uf-p-3 uf-space-y-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "uf-flex uf-items-start uf-gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Info, { className: "uf-w-4 uf-h-4 uf-text-destructive uf-flex-shrink-0 uf-mt-0.5" }),
+            /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "uf-flex-1 uf-min-w-0", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "uf-text-xs uf-font-medium uf-text-destructive uf-mb-1", children: "Failed to create deposit address" }),
+              /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "uf-text-xs uf-text-muted-foreground", children: error })
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-1.5 uf-text-xs uf-text-muted-foreground uf-pl-6", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Clock, { className: "uf-w-3 uf-h-3" }),
-            /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { children: "Retrying automatically every 5 seconds..." })
+          /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-1.5 uf-text-xs uf-text-muted-foreground uf-pl-6", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Clock, { className: "uf-w-3 uf-h-3" }),
+            /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { children: "Retrying automatically every 5 seconds..." })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "uf-flex uf-flex-col uf-items-center uf-pt-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "uf-text-xs uf-mb-2 uf-flex uf-items-center uf-gap-1", style: { color: components.card.labelColor }, children: "Intent address" }),
-          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "uf-shadow-lg", style: { borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: loading || tokensLoading || !initialSelectionDone ? (
+        /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "uf-flex uf-flex-col uf-items-center uf-pt-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "uf-text-xs uf-mb-2 uf-flex uf-items-center uf-gap-1", style: { color: components.card.labelColor }, children: "Intent address" }),
+          /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "uf-shadow-lg", style: { borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: loading || tokensLoading || !initialSelectionDone ? (
             // QR Skeleton - matches QR code appearance
-            /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
               "div",
               {
                 className: "uf-flex uf-items-center uf-justify-center uf-animate-pulse",
@@ -55917,7 +55997,7 @@ function TransferCryptoDoubleInput({
                   background: isDarkMode ? "linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%)" : "linear-gradient(135deg, #f5f5f5 0%, #e8e8e8 100%)",
                   borderRadius: 8
                 },
-                children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
                   "div",
                   {
                     style: {
@@ -55930,7 +56010,7 @@ function TransferCryptoDoubleInput({
                 )
               }
             )
-          ) : depositAddress ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+          ) : depositAddress ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
             StyledQRCode,
             {
               value: depositAddress,
@@ -55940,19 +56020,19 @@ function TransferCryptoDoubleInput({
               darkMode: isDarkMode
             },
             `qr-${depositAddress}-${chain}`
-          ) : /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+          ) : /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
             "div",
             {
               className: "uf-flex uf-items-center uf-justify-center",
               style: { width: 180, height: 180 },
-              children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "uf-text-red-400 uf-text-sm", children: t5.noAddressAvailable })
+              children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "uf-text-red-400 uf-text-sm", children: t5.noAddressAvailable })
             }
           ) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "uf-text-sm uf-mb-2 uf-flex uf-justify-center uf-items-center uf-gap-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "uf-text-sm uf-mb-2 uf-flex uf-justify-center uf-items-center uf-gap-1", children: [
           loading || tokensLoading || !initialSelectionDone ? (
             // Address skeleton
-            /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
               "div",
               {
                 className: "uf-h-4 uf-w-32 uf-rounded uf-animate-pulse",
@@ -55961,45 +56041,45 @@ function TransferCryptoDoubleInput({
                 }
               }
             )
-          ) : /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "uf-text-sm uf-truncate uf-min-w-0", style: { color: components.card.titleColor }, children: depositAddress ? truncateAddress(depositAddress, 8, 6) : t5.noAddressAvailable }),
-          depositAddress && initialSelectionDone && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+          ) : /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "uf-text-sm uf-truncate uf-min-w-0", style: { color: components.card.titleColor }, children: depositAddress ? truncateAddress(depositAddress, 8, 6) : t5.noAddressAvailable }),
+          depositAddress && initialSelectionDone && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
             "span",
             {
               onClick: handleCopyAddress,
               className: "uf-flex-shrink-0 uf-transition-colors uf-cursor-pointer",
               style: { color: copied ? colors2.success : components.card.actionColor },
-              children: copied ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Check, { className: "uf-w-3.5 uf-h-3.5" }) : /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Copy, { className: "uf-w-3.5 uf-h-3.5" })
+              children: copied ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Check, { className: "uf-w-3.5 uf-h-3.5" }) : /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Copy, { className: "uf-w-3.5 uf-h-3.5" })
             }
           )
         ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "uf-px-2.5", style: { backgroundColor: components.card.backgroundColor, borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "uf-px-2.5", style: { backgroundColor: components.card.backgroundColor, borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
             "button",
             {
               onClick: () => setDetailsExpanded(!detailsExpanded),
               className: "uf-w-full uf-flex uf-items-center uf-justify-between uf-py-2.5",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Clock, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Clock, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
                     t5.processingTime.label,
                     ":",
                     " ",
-                    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: formatProcessingTime2(processingTime) })
+                    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: formatProcessingTime2(processingTime) })
                   ] })
                 ] }),
-                detailsExpanded ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(ChevronUp, { className: "uf-w-4 uf-h-4", style: { color: components.card.actionColor } }) : /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(ChevronDown, { className: "uf-w-4 uf-h-4", style: { color: components.card.actionColor } })
+                detailsExpanded ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(ChevronUp, { className: "uf-w-4 uf-h-4", style: { color: components.card.actionColor } }) : /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(ChevronDown, { className: "uf-w-4 uf-h-4", style: { color: components.card.actionColor } })
               ]
             }
           ),
-          detailsExpanded && /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "uf-pb-3 uf-space-y-2.5", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(ShieldCheck, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
+          detailsExpanded && /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "uf-pb-3 uf-space-y-2.5", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(ShieldCheck, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
                 t5.slippage.label,
                 ":",
                 " ",
-                /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: [
                   t5.slippage.auto,
                   " \u2022 ",
                   maxSlippage.toFixed(2),
@@ -56007,38 +56087,38 @@ function TransferCryptoDoubleInput({
                 ] })
               ] })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(DollarSign, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(DollarSign, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
                 t5.priceImpact.label,
                 ":",
                 " ",
-                /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: [
                   priceImpact.toFixed(2),
                   "%"
                 ] })
               ] })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(WalletMinimal, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("span", { className: "uf-flex uf-gap-2 uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(WalletMinimal, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("span", { className: "uf-flex uf-gap-2 uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
                 "Recipient address:",
                 " ",
-                /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: truncateAddress(recipientAddress || "", 8, 6) }),
-                /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: truncateAddress(recipientAddress || "", 8, 6) }),
+                /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
                   "span",
                   {
                     onClick: () => handleCopyRecipientAddress(recipientAddress),
                     className: "uf-flex-shrink-0 uf-transition-colors uf-cursor-pointer",
                     style: { color: copiedRecipient ? colors2.success : components.card.actionColor },
-                    children: copiedRecipient ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Check, { className: "uf-w-3.5 uf-h-3.5" }) : /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Copy, { className: "uf-w-3.5 uf-h-3.5" })
+                    children: copiedRecipient ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Check, { className: "uf-w-3.5 uf-h-3.5" }) : /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Copy, { className: "uf-w-3.5 uf-h-3.5" })
                   }
                 )
               ] })
             ] })
           ] })
         ] }),
-        wallets && wallets.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+        wallets && wallets.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
           DepositPollingUi,
           {
             depositConfirmationMode,
@@ -56047,29 +56127,29 @@ function TransferCryptoDoubleInput({
             onIveDeposited: handleIveDeposited
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(DepositFooterLinks, { onGlossaryClick: () => setGlossaryOpen(true) }),
-        depositExecutions.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "uf-flex uf-items-center uf-justify-end uf-text-xs uf-pt-2", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(DepositFooterLinks, { onGlossaryClick: () => setGlossaryOpen(true) }),
+        depositExecutions.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "uf-flex uf-items-center uf-justify-end uf-text-xs uf-pt-2", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
           "button",
           {
             onClick: () => setDepositsModalOpen(true),
             className: "uf-flex uf-items-center uf-gap-1 uf-text-muted-foreground hover:uf-text-foreground uf-transition-colors uf-animate-in uf-fade-in uf-slide-in-from-right-8 uf-duration-1000",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Clock, { className: "uf-w-3.5 uf-h-3.5" }),
+              /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Clock, { className: "uf-w-3.5 uf-h-3.5" }),
               "Track deposits (",
               depositExecutions.length,
               ")",
-              /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(ChevronRight, { className: "uf-w-3 uf-h-3" })
+              /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(ChevronRight, { className: "uf-w-3 uf-h-3" })
             ]
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
           DepositPollingToasts,
           {
             executions: depositExecutions,
             isPolling
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
           DepositsModal,
           {
             open: depositsModalOpen,
@@ -56080,7 +56160,7 @@ function TransferCryptoDoubleInput({
             themeClass
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
           GlossaryModal,
           {
             open: glossaryOpen,
@@ -56107,8 +56187,8 @@ function SelectTokenView({
   onClose
 }) {
   const { colors: colors2, fonts, components } = useTheme();
-  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(import_jsx_runtime60.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_jsx_runtime61.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
       DepositHeader,
       {
         title: "Select Token",
@@ -56121,20 +56201,20 @@ function SelectTokenView({
         onClose
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "uf-h-[300px] uf-overflow-y-auto [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "uf-space-y-2", children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "uf-flex uf-items-center uf-justify-center uf-py-12", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "uf-h-[300px] uf-overflow-y-auto [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "uf-space-y-2", children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "uf-flex uf-items-center uf-justify-center uf-py-12", children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
       LoaderCircle,
       {
         className: "uf-w-6 uf-h-6 uf-animate-spin",
         style: { color: colors2.foregroundMuted }
       }
-    ) }) : error ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "uf-text-center uf-py-8", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+    ) }) : error ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "uf-text-center uf-py-8", children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
       "div",
       {
         className: "uf-text-sm",
         style: { color: colors2.foregroundMuted },
         children: error
       }
-    ) }) : balances.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "uf-text-center uf-py-8", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+    ) }) : balances.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "uf-text-center uf-py-8", children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
       "div",
       {
         className: "uf-text-sm",
@@ -56153,7 +56233,7 @@ function SelectTokenView({
         token.symbol
       );
       const formattedUsd = formatUsdAmount(balance.amount_usd);
-      return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
         "button",
         {
           onClick: () => onTokenSelect(balance),
@@ -56166,9 +56246,9 @@ function SelectTokenView({
             opacity: isEligible ? 1 : 0.5
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "uf-relative uf-w-9 uf-h-9", children: [
-                getIconUrl2(token.icon_url, assetCdnUrl) ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "uf-relative uf-w-9 uf-h-9", children: [
+                getIconUrl2(token.icon_url, assetCdnUrl) ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
                   "img",
                   {
                     src: getIconUrl2(token.icon_url, assetCdnUrl),
@@ -56180,12 +56260,12 @@ function SelectTokenView({
                       filter: isEligible ? "none" : "grayscale(100%)"
                     }
                   }
-                ) : /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+                ) : /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
                   "div",
                   {
                     className: "uf-w-9 uf-h-9 uf-rounded-full uf-flex uf-items-center uf-justify-center",
                     style: { backgroundColor: colors2.card },
-                    children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+                    children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
                       "span",
                       {
                         className: "uf-text-xs uf-font-medium",
@@ -56195,7 +56275,7 @@ function SelectTokenView({
                     )
                   }
                 ),
-                getIconUrl2(token.chain_icon_url, assetCdnUrl) && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+                getIconUrl2(token.chain_icon_url, assetCdnUrl) && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
                   "img",
                   {
                     src: getIconUrl2(token.chain_icon_url, assetCdnUrl),
@@ -56210,8 +56290,8 @@ function SelectTokenView({
                   }
                 )
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "uf-text-left", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "uf-text-left", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
                   "div",
                   {
                     className: "uf-text-sm uf-font-medium",
@@ -56222,7 +56302,7 @@ function SelectTokenView({
                     children: token.symbol
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
+                /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
                   "div",
                   {
                     className: "uf-text-xs",
@@ -56238,8 +56318,8 @@ function SelectTokenView({
                 )
               ] })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "uf-text-right", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "uf-text-right", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
                 "div",
                 {
                   className: "uf-text-sm uf-font-medium",
@@ -56254,7 +56334,7 @@ function SelectTokenView({
                   ]
                 }
               ),
-              formattedUsd && /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
+              formattedUsd && /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
                 "div",
                 {
                   className: "uf-text-xs",
@@ -56274,7 +56354,7 @@ function SelectTokenView({
         `${token.chain_id}-${token.token_address}-${index2}`
       );
     }) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "uf-pt-4", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "uf-pt-4", children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
       "button",
       {
         onClick: onContinue,
@@ -56310,8 +56390,8 @@ function EnterAmountView({
 }) {
   const { colors: colors2, fonts, components } = useTheme();
   const balanceSubtitle = selectedBalance?.amount_usd ? `Balance: $${parseFloat(selectedBalance.amount_usd).toLocaleString(void 0, { minimumFractionDigits: 2, maximumFractionDigits: 2 })} (${formatTokenAmount(selectedBalance.amount, selectedToken.decimals, selectedToken.symbol)} ${selectedToken.symbol})` : `Balance: ${formatTokenAmount(selectedBalance.amount, selectedToken.decimals, selectedToken.symbol)} ${selectedToken.symbol}`;
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_jsx_runtime61.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_jsx_runtime62.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
       DepositHeader,
       {
         title: "Enter Amount",
@@ -56321,9 +56401,9 @@ function EnterAmountView({
         onClose
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "uf-text-center uf-py-6", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "uf-flex uf-items-center uf-justify-center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "uf-text-center uf-py-6", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "uf-flex uf-items-center uf-justify-center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
           "span",
           {
             className: "uf-text-2xl uf-mr-1",
@@ -56331,7 +56411,7 @@ function EnterAmountView({
             children: "$"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
           "input",
           {
             type: "text",
@@ -56359,7 +56439,7 @@ function EnterAmountView({
           }
         )
       ] }),
-      formattedTokenAmount && /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
+      formattedTokenAmount && /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
         "div",
         {
           className: "uf-text-sm uf-mt-2",
@@ -56371,8 +56451,8 @@ function EnterAmountView({
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "uf-flex uf-gap-2 uf-mb-4", children: [
-      [25, 50, 100, 500].map((quickAmount) => /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "uf-flex uf-gap-2 uf-mb-4", children: [
+      [25, 50, 100, 500].map((quickAmount) => /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
         "button",
         {
           onClick: () => onAmountChange(quickAmount.toString()),
@@ -56389,7 +56469,7 @@ function EnterAmountView({
         },
         quickAmount
       )),
-      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
         "button",
         {
           onClick: onMaxClick,
@@ -56403,7 +56483,7 @@ function EnterAmountView({
         }
       )
     ] }),
-    tokenChainDetails && tokenChainDetails.minimum_deposit_amount_usd > 0 && /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
+    tokenChainDetails && tokenChainDetails.minimum_deposit_amount_usd > 0 && /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
       "div",
       {
         className: "uf-text-center uf-text-xs uf-mb-3",
@@ -56414,14 +56494,14 @@ function EnterAmountView({
         ]
       }
     ),
-    inputUsdNum > 0 && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_jsx_runtime61.Fragment, { children: inputUsdNum > maxUsdAmount ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+    inputUsdNum > 0 && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_jsx_runtime62.Fragment, { children: inputUsdNum > maxUsdAmount ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
       "div",
       {
         className: "uf-text-center uf-text-sm uf-mb-3",
         style: { color: colors2.error },
         children: "Insufficient balance"
       }
-    ) : error && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+    ) : error && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
       "div",
       {
         className: "uf-text-center uf-text-sm uf-mb-3 uf-px-2",
@@ -56429,7 +56509,7 @@ function EnterAmountView({
         children: error
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
       "button",
       {
         onClick: onReview,
@@ -56465,8 +56545,8 @@ function ReviewView({
   onClose
 }) {
   const { colors: colors2, fonts, components } = useTheme();
-  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "uf-flex uf-flex-col uf-min-h-[400px]", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "uf-flex uf-flex-col uf-min-h-[400px]", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
       DepositHeader,
       {
         title: "Review",
@@ -56475,8 +56555,8 @@ function ReviewView({
         onClose
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "uf-text-center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "uf-text-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
         "div",
         {
           className: "uf-text-4xl uf-font-medium",
@@ -56487,7 +56567,7 @@ function ReviewView({
           ]
         }
       ),
-      formattedTokenAmount && /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
+      formattedTokenAmount && /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
         "div",
         {
           className: "uf-text-sm uf-mt-2",
@@ -56499,14 +56579,14 @@ function ReviewView({
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
       "div",
       {
         className: "uf-p-4 uf-space-y-4 uf-mt-4",
         style: { backgroundColor: components.card.backgroundColor, borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "uf-flex uf-justify-between uf-items-center", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "uf-flex uf-justify-between uf-items-center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
               "span",
               {
                 className: "uf-text-sm",
@@ -56514,8 +56594,8 @@ function ReviewView({
                 children: "Source"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
-              getIconUrl2(selectedToken.icon_url, assetCdnUrl) && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
+              getIconUrl2(selectedToken.icon_url, assetCdnUrl) && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
                 "img",
                 {
                   src: getIconUrl2(selectedToken.icon_url, assetCdnUrl),
@@ -56523,7 +56603,7 @@ function ReviewView({
                   className: "uf-w-5 uf-h-5 uf-rounded-full"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
                 "span",
                 {
                   className: "uf-text-sm uf-font-medium",
@@ -56538,8 +56618,8 @@ function ReviewView({
               )
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "uf-flex uf-justify-between uf-items-center", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "uf-flex uf-justify-between uf-items-center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
               "span",
               {
                 className: "uf-text-sm",
@@ -56547,7 +56627,7 @@ function ReviewView({
                 children: "Destination"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
               "span",
               {
                 className: "uf-text-sm uf-font-medium",
@@ -56556,13 +56636,13 @@ function ReviewView({
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
             "button",
             {
               onClick: onToggleDetails,
               className: "uf-w-full uf-flex uf-justify-between uf-items-center uf-transition-colors hover:uf-opacity-80",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
                   "span",
                   {
                     className: "uf-text-sm",
@@ -56570,8 +56650,8 @@ function ReviewView({
                     children: "Estimated time"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
                     "span",
                     {
                       className: "uf-text-sm uf-font-medium",
@@ -56581,13 +56661,13 @@ function ReviewView({
                       )
                     }
                   ),
-                  showTransactionDetails ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+                  showTransactionDetails ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
                     ChevronUp,
                     {
                       className: "uf-w-4 uf-h-4",
                       style: { color: colors2.foregroundMuted }
                     }
-                  ) : /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+                  ) : /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
                     ChevronDown,
                     {
                       className: "uf-w-4 uf-h-4",
@@ -56598,14 +56678,14 @@ function ReviewView({
               ]
             }
           ),
-          showTransactionDetails && tokenChainDetails && /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_jsx_runtime62.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
+          showTransactionDetails && tokenChainDetails && /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(import_jsx_runtime63.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
               "div",
               {
                 className: "uf-flex uf-justify-between uf-items-center uf-pt-3 uf-border-t",
                 style: { borderColor: colors2.border },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
                     "span",
                     {
                       className: "uf-text-sm",
@@ -56616,7 +56696,7 @@ function ReviewView({
                       children: "Price impact"
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
+                  /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
                     "span",
                     {
                       className: "uf-text-sm uf-font-medium",
@@ -56630,8 +56710,8 @@ function ReviewView({
                 ]
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "uf-flex uf-justify-between uf-items-center", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "uf-flex uf-justify-between uf-items-center", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
                 "span",
                 {
                   className: "uf-text-sm",
@@ -56642,7 +56722,7 @@ function ReviewView({
                   children: "Max slippage"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
                 "span",
                 {
                   className: "uf-text-sm uf-font-medium",
@@ -56658,7 +56738,7 @@ function ReviewView({
         ]
       }
     ),
-    error && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+    error && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
       "div",
       {
         className: "uf-text-center uf-text-sm uf-mt-4 uf-px-2",
@@ -56666,7 +56746,7 @@ function ReviewView({
         children: error
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
       "div",
       {
         className: "uf-text-xs uf-text-center uf-mt-4 uf-px-4",
@@ -56677,7 +56757,7 @@ function ReviewView({
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "uf-pt-4", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "uf-pt-4", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
       "button",
       {
         onClick: onConfirm,
@@ -56708,23 +56788,23 @@ function ConfirmingView({
   const visibleExecutions = executions.filter(
     (execution) => !closedExecutionIds.has(execution.id)
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "uf-flex uf-flex-col uf-min-h-[400px] uf-relative", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "uf-flex uf-flex-col uf-min-h-[400px] uf-relative", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
       DepositHeader,
       {
         title: isConfirming ? "Confirming..." : "Processing",
         onClose
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "uf-flex uf-flex-col uf-items-center uf-justify-center uf-flex-1 uf-py-12", children: isConfirming ? /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(import_jsx_runtime63.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "uf-flex uf-flex-col uf-items-center uf-justify-center uf-flex-1 uf-py-12", children: isConfirming ? /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(import_jsx_runtime64.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
         LoaderCircle,
         {
           className: "uf-w-12 uf-h-12 uf-animate-spin uf-mb-4",
           style: { color: colors2.primary }
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
         "div",
         {
           className: "uf-text-lg uf-font-medium",
@@ -56732,7 +56812,7 @@ function ConfirmingView({
           children: "Waiting for confirmation..."
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
         "div",
         {
           className: "uf-text-sm uf-mt-2 uf-text-center uf-px-6",
@@ -56740,15 +56820,15 @@ function ConfirmingView({
           children: "Please confirm the transaction in your wallet"
         }
       )
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(import_jsx_runtime63.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(import_jsx_runtime64.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
         CircleCheck,
         {
           className: "uf-w-12 uf-h-12 uf-mb-4",
           style: { color: colors2.primary }
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
         "div",
         {
           className: "uf-text-lg uf-font-medium",
@@ -56756,7 +56836,7 @@ function ConfirmingView({
           children: "Transaction Submitted"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
         "div",
         {
           className: "uf-text-sm uf-mt-2 uf-text-center uf-px-6",
@@ -56765,7 +56845,7 @@ function ConfirmingView({
         }
       )
     ] }) }),
-    visibleExecutions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "uf-absolute uf-bottom-0 uf-left-0 uf-right-0 uf-p-4 uf-flex uf-flex-col uf-gap-2", children: visibleExecutions.map((execution) => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+    visibleExecutions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "uf-absolute uf-bottom-0 uf-left-0 uf-right-0 uf-p-4 uf-flex uf-flex-col uf-gap-2", children: visibleExecutions.map((execution) => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
       DepositSuccessToast,
       {
         depositTx: execution.transaction_hash,
@@ -57267,7 +57347,7 @@ function BrowserWalletModal({
       ""
     );
   }, [tokenAmount, selectedToken]);
-  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_jsx_runtime64.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_jsx_runtime65.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
     Dialog2,
     {
       open,
@@ -57277,15 +57357,15 @@ function BrowserWalletModal({
         }
         handleClose();
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
         DialogContent2,
         {
           className: `sm:uf-max-w-[400px] uf-border-secondary uf-text-foreground uf-p-0 uf-gap-0 [&>button]:uf-hidden ${themeClass}`,
           style: { backgroundColor: colors2.background },
           onPointerDownOutside: (e) => e.preventDefault(),
           onInteractOutside: (e) => e.preventDefault(),
-          children: /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(ThemeStyleInjector, { children: [
-            step === "select-token" && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(ThemeStyleInjector, { children: [
+            step === "select-token" && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
               SelectTokenView,
               {
                 projectName,
@@ -57301,7 +57381,7 @@ function BrowserWalletModal({
                 onClose: handleFullClose
               }
             ),
-            step === "input-amount" && selectedToken && selectedBalance && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+            step === "input-amount" && selectedToken && selectedBalance && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
               EnterAmountView,
               {
                 selectedBalance,
@@ -57320,7 +57400,7 @@ function BrowserWalletModal({
                 onClose: handleFullClose
               }
             ),
-            step === "review" && selectedToken && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+            step === "review" && selectedToken && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
               ReviewView,
               {
                 walletInfo,
@@ -57340,7 +57420,7 @@ function BrowserWalletModal({
                 onClose: handleFullClose
               }
             ),
-            step === "confirming" && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+            step === "confirming" && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
               ConfirmingView,
               {
                 isConfirming,
@@ -57431,6 +57511,7 @@ var WALLET_DEFINITIONS = [
     installUrl: "https://glow.app/"
   }
 ];
+var WALLET_LIST_MAX_HEIGHT_PX = 330;
 function WalletSelectionModal({
   open,
   onOpenChange,
@@ -57439,14 +57520,13 @@ function WalletSelectionModal({
   chainType,
   theme = "dark"
 }) {
-  const { colors: colors2, fonts, components, mode } = useTheme();
+  const { colors: colors2, fonts, components } = useTheme();
   const [step, setStep] = React272.useState("select-wallet");
   const [selectedWallet, setSelectedWallet] = React272.useState(null);
   const [connectingNetwork, setConnectingNetwork] = React272.useState(null);
   const [error, setError] = React272.useState(null);
   const [isConnecting, setIsConnecting] = React272.useState(false);
   const themeClass = theme === "dark" ? "uf-dark" : "";
-  const iconVariant = mode === "dark" ? "light" : "dark";
   const getProviders = React272.useCallback(() => {
     if (typeof window === "undefined") {
       return {};
@@ -57710,6 +57790,7 @@ function WalletSelectionModal({
       setSelectedWallet(null);
       setConnectingNetwork(null);
       setError(null);
+      setIsConnecting(false);
     } else {
       handleClose();
     }
@@ -57730,15 +57811,15 @@ function WalletSelectionModal({
         return "Connect Wallet";
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Dialog2, { open, onOpenChange: handleClose, children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Dialog2, { open, onOpenChange: handleClose, children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
     DialogContent2,
     {
-      className: `sm:uf-max-w-[400px] uf-border-secondary uf-text-foreground uf-p-0 uf-gap-0 [&>button]:uf-hidden ${themeClass}`,
+      className: `sm:uf-max-w-[400px] uf-border-secondary uf-text-foreground uf-p-0 uf-gap-0 [&>button]:uf-hidden uf-flex uf-flex-col uf-min-h-0 uf-h-full sm:uf-h-auto ${themeClass}`,
       style: { backgroundColor: colors2.background },
       onPointerDownOutside: (e) => e.preventDefault(),
       onInteractOutside: (e) => e.preventDefault(),
-      children: /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(ThemeStyleInjector, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(ThemeStyleInjector, { className: "uf-flex uf-min-h-0 uf-flex-1 uf-flex-col", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
           DepositHeader,
           {
             title: getTitle(),
@@ -57747,9 +57828,9 @@ function WalletSelectionModal({
             onClose: handleClose
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "uf-pb-4", children: [
-          step === "select-wallet" && /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(import_jsx_runtime65.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "uf-flex uf-min-h-0 uf-flex-1 uf-flex-col", children: [
+          step === "select-wallet" && /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "uf-flex uf-shrink-0 uf-flex-col", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
               "p",
               {
                 className: "uf-text-sm uf-text-center uf-pb-4",
@@ -57760,87 +57841,96 @@ function WalletSelectionModal({
                 children: chainType ? `Select a ${chainType === "ethereum" ? "Ethereum" : "Solana"} wallet` : "Select a wallet to connect"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "uf-space-y-2 uf-max-h-[400px] uf-overflow-y-auto [&::-webkit-scrollbar]:uf-hidden [-ms-overflow-style:none] [scrollbar-width:none]", children: availableWallets.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "uf-text-center uf-py-8", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
-              "p",
+            /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+              "div",
               {
-                className: "uf-text-sm",
+                className: "uf-shrink-0 uf-space-y-2 uf-overflow-y-auto uf-overflow-x-hidden [&::-webkit-scrollbar]:uf-hidden [-ms-overflow-style:none] [scrollbar-width:none]",
                 style: {
-                  color: colors2.foregroundMuted,
-                  fontFamily: fonts.regular
+                  height: `min(${WALLET_LIST_MAX_HEIGHT_PX}px, 50dvh)`,
+                  maxHeight: WALLET_LIST_MAX_HEIGHT_PX
                 },
-                children: "No wallets available"
+                children: availableWallets.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "uf-text-center uf-py-8", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+                  "p",
+                  {
+                    className: "uf-text-sm",
+                    style: {
+                      color: colors2.foregroundMuted,
+                      fontFamily: fonts.regular
+                    },
+                    children: "No wallets available"
+                  }
+                ) }) : availableWallets.map((wallet) => /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
+                  "button",
+                  {
+                    onClick: () => handleWalletClick(wallet),
+                    disabled: isConnecting,
+                    className: "uf-w-full uf-transition-colors uf-p-3 uf-flex uf-items-center uf-justify-between hover:uf-opacity-90 disabled:uf-opacity-50",
+                    style: {
+                      backgroundColor: components.card.backgroundColor,
+                      borderRadius: components.card.borderRadius,
+                      border: `${components.card.borderWidth}px solid ${components.card.borderColor}`
+                    },
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
+                        WALLET_ICONS[wallet.id] ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+                          WalletIconWithNetwork,
+                          {
+                            WalletIcon: WALLET_ICONS[wallet.id],
+                            networks: wallet.networks,
+                            size: 40,
+                            className: "uf-rounded-lg"
+                          }
+                        ) : /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "uf-w-10 uf-h-10 uf-rounded-lg uf-bg-gray-500" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "uf-text-left", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+                          "div",
+                          {
+                            className: "uf-text-sm uf-font-medium",
+                            style: {
+                              color: components.card.titleColor,
+                              fontFamily: fonts.medium
+                            },
+                            children: wallet.name
+                          }
+                        ) })
+                      ] }),
+                      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "uf-flex uf-items-center uf-gap-2", children: wallet.isInstalled ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+                        "span",
+                        {
+                          className: "uf-text-xs uf-px-2 uf-py-1 uf-rounded-full",
+                          style: {
+                            backgroundColor: colors2.primary + "20",
+                            color: colors2.primary,
+                            fontFamily: fonts.medium
+                          },
+                          children: "Detected"
+                        }
+                      ) : /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-1", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+                          "span",
+                          {
+                            className: "uf-text-xs",
+                            style: {
+                              color: colors2.foregroundMuted,
+                              fontFamily: fonts.regular
+                            },
+                            children: "Install"
+                          }
+                        ),
+                        /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+                          ExternalLink,
+                          {
+                            className: "uf-w-3 uf-h-3",
+                            style: { color: colors2.foregroundMuted }
+                          }
+                        )
+                      ] }) })
+                    ]
+                  },
+                  wallet.id
+                ))
               }
-            ) }) : availableWallets.map((wallet) => /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
-              "button",
-              {
-                onClick: () => handleWalletClick(wallet),
-                disabled: isConnecting,
-                className: "uf-w-full uf-transition-colors uf-p-3 uf-flex uf-items-center uf-justify-between hover:uf-opacity-90 disabled:uf-opacity-50",
-                style: {
-                  backgroundColor: components.card.backgroundColor,
-                  borderRadius: components.card.borderRadius,
-                  border: `${components.card.borderWidth}px solid ${components.card.borderColor}`
-                },
-                children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
-                    WALLET_ICONS[wallet.id] ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
-                      WalletIconWithNetwork,
-                      {
-                        WalletIcon: WALLET_ICONS[wallet.id],
-                        networks: wallet.networks,
-                        size: 40,
-                        className: "uf-rounded-lg",
-                        variant: iconVariant
-                      }
-                    ) : /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "uf-w-10 uf-h-10 uf-rounded-lg uf-bg-gray-500" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "uf-text-left", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
-                      "div",
-                      {
-                        className: "uf-text-sm uf-font-medium",
-                        style: {
-                          color: components.card.titleColor,
-                          fontFamily: fonts.medium
-                        },
-                        children: wallet.name
-                      }
-                    ) })
-                  ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "uf-flex uf-items-center uf-gap-2", children: wallet.isInstalled ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
-                    "span",
-                    {
-                      className: "uf-text-xs uf-px-2 uf-py-1 uf-rounded-full",
-                      style: {
-                        backgroundColor: colors2.primary + "20",
-                        color: colors2.primary,
-                        fontFamily: fonts.medium
-                      },
-                      children: "Detected"
-                    }
-                  ) : /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-1", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
-                      "span",
-                      {
-                        className: "uf-text-xs",
-                        style: {
-                          color: colors2.foregroundMuted,
-                          fontFamily: fonts.regular
-                        },
-                        children: "Install"
-                      }
-                    ),
-                    /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
-                      ExternalLink,
-                      {
-                        className: "uf-w-3 uf-h-3",
-                        style: { color: colors2.foregroundMuted }
-                      }
-                    )
-                  ] }) })
-                ]
-              },
-              wallet.id
-            )) }),
-            error && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+            ),
+            error && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
               "div",
               {
                 className: "uf-text-center uf-text-sm uf-mt-4 uf-px-4",
@@ -57849,19 +57939,18 @@ function WalletSelectionModal({
               }
             )
           ] }),
-          step === "select-network" && selectedWallet && /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(import_jsx_runtime65.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "uf-flex uf-flex-col uf-items-center uf-pb-4", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "uf-mb-2", children: WALLET_ICONS[selectedWallet.id] ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+          step === "select-network" && selectedWallet && /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "uf-flex uf-shrink-0 uf-flex-col", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "uf-flex uf-flex-col uf-items-center uf-pb-4", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "uf-mb-2", children: WALLET_ICONS[selectedWallet.id] ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
                 WalletIconWithNetwork,
                 {
                   WalletIcon: WALLET_ICONS[selectedWallet.id],
                   networks: selectedWallet.networks,
                   size: 48,
-                  className: "uf-rounded-lg",
-                  variant: iconVariant
+                  className: "uf-rounded-lg"
                 }
-              ) : /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "uf-w-12 uf-h-12 uf-rounded-lg uf-bg-gray-500" }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+              ) : /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "uf-w-12 uf-h-12 uf-rounded-lg uf-bg-gray-500" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
                 "p",
                 {
                   className: "uf-text-sm uf-font-medium",
@@ -57872,7 +57961,7 @@ function WalletSelectionModal({
                   children: selectedWallet.name
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
                 "p",
                 {
                   className: "uf-text-xs",
@@ -57884,7 +57973,7 @@ function WalletSelectionModal({
                 }
               )
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "uf-space-y-2", children: selectedWallet.networks.filter((n) => !chainType || n === chainType).map((network) => /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "uf-space-y-2", children: selectedWallet.networks.filter((n) => !chainType || n === chainType).map((network) => /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
               "button",
               {
                 onClick: () => handleNetworkSelect(network),
@@ -57896,16 +57985,16 @@ function WalletSelectionModal({
                   border: `${components.card.borderWidth}px solid ${components.card.borderColor}`
                 },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
-                    network === "ethereum" ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
+                    network === "ethereum" ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
                       EthereumIcon,
                       {
                         size: 36,
                         className: "uf-rounded-full"
                       }
-                    ) : /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(SolanaIcon, { size: 36, className: "uf-rounded-full" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "uf-text-left", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+                    ) : /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(SolanaIcon, { size: 36, className: "uf-rounded-full" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "uf-text-left", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
                         "div",
                         {
                           className: "uf-text-sm uf-font-medium uf-capitalize",
@@ -57916,7 +58005,7 @@ function WalletSelectionModal({
                           children: network === "ethereum" ? "Ethereum" : "Solana"
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
                         "div",
                         {
                           className: "uf-text-xs",
@@ -57929,7 +58018,7 @@ function WalletSelectionModal({
                       )
                     ] })
                   ] }),
-                  connectingNetwork === network && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+                  connectingNetwork === network && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
                     LoaderCircle,
                     {
                       className: "uf-w-4 uf-h-4 uf-animate-spin",
@@ -57940,7 +58029,7 @@ function WalletSelectionModal({
               },
               network
             )) }),
-            error && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+            error && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
               "div",
               {
                 className: "uf-text-center uf-text-sm uf-mt-4 uf-px-4",
@@ -57949,15 +58038,15 @@ function WalletSelectionModal({
               }
             )
           ] }),
-          step === "connecting" && /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "uf-flex uf-flex-col uf-items-center uf-justify-center uf-py-8", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+          step === "connecting" && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "uf-flex uf-min-h-0 uf-flex-1 uf-flex-col", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "uf-flex uf-flex-1 uf-flex-col uf-items-center uf-justify-center uf-py-8", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
               LoaderCircle,
               {
                 className: "uf-w-12 uf-h-12 uf-animate-spin uf-mb-4",
                 style: { color: colors2.primary }
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
               "div",
               {
                 className: "uf-text-lg uf-font-medium",
@@ -57969,7 +58058,7 @@ function WalletSelectionModal({
                 ]
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
               "div",
               {
                 className: "uf-text-sm uf-mt-2",
@@ -57977,7 +58066,22 @@ function WalletSelectionModal({
                 children: connectingNetwork === "solana" ? "Please approve the connection in your Solana wallet" : "Please approve the connection in your wallet"
               }
             )
-          ] })
+          ] }) }),
+          step !== "connecting" && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "uf-min-h-0 uf-flex-1", "aria-hidden": true }),
+          /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+            "div",
+            {
+              className: "uf-shrink-0 uf-pt-3 uf-pb-4",
+              style: { backgroundColor: colors2.background },
+              children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+                PoweredByUnifold,
+                {
+                  color: colors2.foregroundMuted,
+                  className: "uf-flex uf-justify-center uf-shrink-0"
+                }
+              )
+            }
+          )
         ] })
       ] })
     }
@@ -57986,23 +58090,23 @@ function WalletSelectionModal({
 function SkeletonButton({
   variant = "default"
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "uf-w-full uf-bg-secondary uf-rounded-xl uf-p-3 uf-flex uf-items-center uf-justify-between uf-animate-pulse", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "uf-bg-muted uf-rounded-lg uf-w-9 uf-h-9" }),
-      /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "uf-space-y-1.5", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "uf-h-3.5 uf-w-24 uf-bg-muted uf-rounded" }),
-        /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "uf-h-3 uf-w-32 uf-bg-muted uf-rounded" })
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "uf-w-full uf-bg-secondary uf-rounded-xl uf-p-3 uf-flex uf-items-center uf-justify-between uf-animate-pulse", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "uf-bg-muted uf-rounded-lg uf-w-9 uf-h-9" }),
+      /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "uf-space-y-1.5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "uf-h-3.5 uf-w-24 uf-bg-muted uf-rounded" }),
+        /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "uf-h-3 uf-w-32 uf-bg-muted uf-rounded" })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
-      variant === "with-icons" && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "uf-flex uf--space-x-1", children: [1, 2, 3].map((i) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
+      variant === "with-icons" && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "uf-flex uf--space-x-1", children: [1, 2, 3].map((i) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
         "div",
         {
           className: "uf-w-5 uf-h-5 uf-rounded-full uf-bg-muted uf-border-2 uf-border-secondary"
         },
         i
       )) }),
-      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(ChevronRight, { className: "uf-w-4 uf-h-4 uf-text-muted" })
+      /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(ChevronRight, { className: "uf-w-4 uf-h-4 uf-text-muted" })
     ] })
   ] });
 }
@@ -58027,14 +58131,23 @@ function DepositModal({
   onDepositSuccess,
   onDepositError,
   theme = "dark",
-  hideOverlay = false
+  hideOverlay = false,
+  initialScreen = "main"
 }) {
   const { colors: colors2, fonts, components } = useTheme();
+  const effectiveInitialScreen = (0, import_react3.useMemo)(() => {
+    const s = initialScreen ?? "main";
+    if (s === "tracker" && hideDepositTracker) return "main";
+    return s;
+  }, [initialScreen, hideDepositTracker]);
   const [containerEl, setContainerEl] = (0, import_react3.useState)(null);
   const containerCallbackRef = (0, import_react3.useCallback)((el) => {
     setContainerEl(el);
   }, []);
-  const [view, setView] = (0, import_react3.useState)("main");
+  const [view, setView] = (0, import_react3.useState)(
+    effectiveInitialScreen
+  );
+  const resetViewTimeoutRef = (0, import_react3.useRef)(null);
   const [cardView, setCardView] = (0, import_react3.useState)(
     "amount"
   );
@@ -58154,6 +58267,43 @@ function DepositModal({
     const template = errors[code] ?? addressValidationMessages.defaultError;
     return interpolate(template, metadata);
   };
+  const openingScreen = effectiveInitialScreen;
+  const sessionOpenedFromMenu = openingScreen === "main";
+  const standaloneNeedsDepositPrereq = openingScreen !== "main" && (view === "transfer" || view === "card");
+  let depositPrerequisiteBody;
+  if (isCountryLoading || isAddressValidationLoading || tokensLoading || walletsLoading || !projectConfig) {
+    depositPrerequisiteBody = standaloneNeedsDepositPrereq ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(SkeletonButton, { variant: "with-icons" }) : /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(import_jsx_runtime67.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(SkeletonButton, { variant: "with-icons" }),
+      /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(SkeletonButton, { variant: "with-icons" }),
+      !hideDepositTracker && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(SkeletonButton, {})
+    ] });
+  } else if (countryError) {
+    depositPrerequisiteBody = /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "uf-flex uf-flex-col uf-items-center uf-justify-center uf-py-8 uf-px-4 uf-text-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "uf-w-16 uf-h-16 uf-rounded-full uf-bg-muted uf-flex uf-items-center uf-justify-center uf-mb-4", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(TriangleAlert, { className: "uf-w-8 uf-h-8 uf-text-muted-foreground" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("h3", { className: "uf-text-lg uf-font-semibold uf-text-foreground uf-mb-2", children: "Unable to Verify Location" }),
+      /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("p", { className: "uf-text-sm uf-text-muted-foreground uf-max-w-[280px]", children: "We couldn't verify your location. Please check your connection and try again." })
+    ] });
+  } else if (!isAllowed) {
+    depositPrerequisiteBody = /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "uf-flex uf-flex-col uf-items-center uf-justify-center uf-py-8 uf-px-4 uf-text-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "uf-w-16 uf-h-16 uf-rounded-full uf-bg-muted uf-flex uf-items-center uf-justify-center uf-mb-4", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(MapPinOff, { className: "uf-w-8 uf-h-8 uf-text-muted-foreground" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("h3", { className: "uf-text-lg uf-font-semibold uf-text-foreground uf-mb-2", children: "No Tokens Available" }),
+      /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("p", { className: "uf-text-sm uf-text-muted-foreground uf-max-w-[280px]", children: "There are no supported tokens available from your current location." })
+    ] });
+  } else if (isAddressValid === false) {
+    depositPrerequisiteBody = /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "uf-flex uf-flex-col uf-items-center uf-justify-center uf-py-8 uf-px-4 uf-text-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "uf-w-16 uf-h-16 uf-rounded-full uf-bg-muted uf-flex uf-items-center uf-justify-center uf-mb-4", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(TriangleAlert, { className: "uf-w-8 uf-h-8 uf-text-muted-foreground" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("h3", { className: "uf-text-lg uf-font-semibold uf-text-foreground uf-mb-2", children: addressValidationMessages.unableToReceiveFunds }),
+      /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("p", { className: "uf-text-sm uf-text-muted-foreground uf-max-w-[280px]", children: getAddressValidationErrorMessage(
+        addressFailureCode,
+        addressFailureMetadata
+      ) })
+    ] });
+  } else {
+    depositPrerequisiteBody = null;
+  }
+  const showBackTransfer = sessionOpenedFromMenu;
+  const showBackCard = cardView !== "amount" || sessionOpenedFromMenu;
+  const showBackTracker = selectedExecution !== null || sessionOpenedFromMenu;
   const themeClass = resolvedTheme === "dark" ? "uf-dark" : "";
   const handleWalletDisconnect = () => {
     setUserDisconnectedWallet(true);
@@ -58164,13 +58314,37 @@ function DepositModal({
   };
   const handleClose = () => {
     onOpenChange(false);
-    setTimeout(() => {
-      setView("main");
+    if (resetViewTimeoutRef.current) {
+      clearTimeout(resetViewTimeoutRef.current);
+    }
+    resetViewTimeoutRef.current = setTimeout(() => {
+      setView(effectiveInitialScreen);
       setCardView("amount");
       setExchangeView("providers");
       setBrowserWalletInfo(null);
+      resetViewTimeoutRef.current = null;
     }, 200);
   };
+  (0, import_react3.useLayoutEffect)(() => {
+    if (!open) return;
+    if (resetViewTimeoutRef.current) {
+      clearTimeout(resetViewTimeoutRef.current);
+      resetViewTimeoutRef.current = null;
+    }
+    setView(effectiveInitialScreen);
+    setCardView("amount");
+    setExchangeView("providers");
+    setBrowserWalletInfo(null);
+    setSelectedExecution(null);
+  }, [open, effectiveInitialScreen]);
+  (0, import_react3.useEffect)(
+    () => () => {
+      if (resetViewTimeoutRef.current) {
+        clearTimeout(resetViewTimeoutRef.current);
+      }
+    },
+    []
+  );
   const handleBack = () => {
     if (view === "card" && cardView === "quotes") {
       setCardView("amount");
@@ -58251,14 +58425,21 @@ function DepositModal({
     setWalletSelectionModalOpen(false);
     setBrowserWalletModalOpen(true);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(PortalContainerProvider, { value: hideOverlay ? containerEl : null, children: /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
+  const depositPoweredByFooter = /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "uf-pt-3", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+    PoweredByUnifold,
+    {
+      color: colors2.foregroundMuted,
+      className: "uf-flex uf-justify-center uf-shrink-0"
+    }
+  ) });
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(PortalContainerProvider, { value: hideOverlay ? containerEl : null, children: /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
     Dialog2,
     {
       open: hideOverlay || open,
       onOpenChange: hideOverlay ? void 0 : handleClose,
       modal: !hideOverlay,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
           DialogContent2,
           {
             ref: hideOverlay ? containerCallbackRef : void 0,
@@ -58267,8 +58448,8 @@ function DepositModal({
             style: { backgroundColor: colors2.background },
             onPointerDownOutside: (e) => e.preventDefault(),
             onInteractOutside: (e) => e.preventDefault(),
-            children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(ThemeStyleInjector, { children: view === "main" ? /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(import_jsx_runtime66.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(ThemeStyleInjector, { children: view === "main" ? /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(import_jsx_runtime67.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
                 DepositHeader,
                 {
                   title: modalTitle || "Deposit",
@@ -58283,47 +58464,18 @@ function DepositModal({
                   publishableKey
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "uf-pb-4 uf-space-y-3", children: isCountryLoading || isAddressValidationLoading || tokensLoading || walletsLoading || !projectConfig ? /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(import_jsx_runtime66.Fragment, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(SkeletonButton, { variant: "with-icons" }),
-                /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(SkeletonButton, { variant: "with-icons" }),
-                !hideDepositTracker && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(SkeletonButton, {})
-              ] }) : countryError ? (
-                /* Error state - couldn't verify location */
-                /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "uf-flex uf-flex-col uf-items-center uf-justify-center uf-py-8 uf-px-4 uf-text-center", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "uf-w-16 uf-h-16 uf-rounded-full uf-bg-muted uf-flex uf-items-center uf-justify-center uf-mb-4", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(TriangleAlert, { className: "uf-w-8 uf-h-8 uf-text-muted-foreground" }) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("h3", { className: "uf-text-lg uf-font-semibold uf-text-foreground uf-mb-2", children: "Unable to Verify Location" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("p", { className: "uf-text-sm uf-text-muted-foreground uf-max-w-[280px]", children: "We couldn't verify your location. Please check your connection and try again." })
-                ] })
-              ) : !isAllowed ? (
-                /* Blocked country state (isAllowed is false or null without error) */
-                /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "uf-flex uf-flex-col uf-items-center uf-justify-center uf-py-8 uf-px-4 uf-text-center", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "uf-w-16 uf-h-16 uf-rounded-full uf-bg-muted uf-flex uf-items-center uf-justify-center uf-mb-4", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(MapPinOff, { className: "uf-w-8 uf-h-8 uf-text-muted-foreground" }) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("h3", { className: "uf-text-lg uf-font-semibold uf-text-foreground uf-mb-2", children: "No Tokens Available" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("p", { className: "uf-text-sm uf-text-muted-foreground uf-max-w-[280px]", children: "There are no supported tokens available from your current location." })
-                ] })
-              ) : isAddressValid === false ? (
-                /* Invalid recipient address state (e.g., Algorand not opted in) */
-                /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "uf-flex uf-flex-col uf-items-center uf-justify-center uf-py-8 uf-px-4 uf-text-center", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "uf-w-16 uf-h-16 uf-rounded-full uf-bg-muted uf-flex uf-items-center uf-justify-center uf-mb-4", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(TriangleAlert, { className: "uf-w-8 uf-h-8 uf-text-muted-foreground" }) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("h3", { className: "uf-text-lg uf-font-semibold uf-text-foreground uf-mb-2", children: addressValidationMessages.unableToReceiveFunds }),
-                  /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("p", { className: "uf-text-sm uf-text-muted-foreground uf-max-w-[280px]", children: getAddressValidationErrorMessage(
-                    addressFailureCode,
-                    addressFailureMetadata
-                  ) })
-                ] })
-              ) : (
-                /* Normal deposit options */
-                /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(import_jsx_runtime66.Fragment, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "uf-space-y-3", children: depositPrerequisiteBody ?? /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(import_jsx_runtime67.Fragment, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
                     TransferCryptoButton,
                     {
                       onClick: () => setView("transfer"),
                       title: t6.transferCrypto.title,
                       subtitle: t6.transferCrypto.subtitle,
-                      featuredTokens: projectConfig.transfer_crypto.networks
+                      featuredTokens: projectConfig?.transfer_crypto.networks
                     }
                   ),
-                  enableConnectWallet && !isMobileView && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+                  enableConnectWallet && !isMobileView && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
                     BrowserWalletButton,
                     {
                       onClick: handleBrowserWalletClick,
@@ -58333,16 +58485,16 @@ function DepositModal({
                       publishableKey
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
                     DepositWithCardButton,
                     {
                       onClick: () => setView("card"),
                       title: t6.depositWithCard.title,
                       subtitle: t6.depositWithCard.subtitle,
-                      paymentNetworks: projectConfig.payment_networks.networks
+                      paymentNetworks: projectConfig?.payment_networks.networks
                     }
                   ),
-                  showPayWithExchange && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+                  showPayWithExchange && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
                     PayWithExchangeButton,
                     {
                       onClick: () => setView("exchange"),
@@ -58352,7 +58504,7 @@ function DepositModal({
                       loading: exchangesLoading
                     }
                   ),
-                  !hideDepositTracker && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+                  !hideDepositTracker && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
                     DepositTrackerButton,
                     {
                       onClick: () => {
@@ -58364,14 +58516,15 @@ function DepositModal({
                       badge: depositExecutions.length > 0 ? depositExecutions.length : void 0
                     }
                   )
-                ] })
-              ) })
-            ] }) : view === "transfer" ? /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(import_jsx_runtime66.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+                ] }) }),
+                depositPoweredByFooter
+              ] })
+            ] }) : view === "transfer" ? /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(import_jsx_runtime67.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
                 DepositHeader,
                 {
                   title: t6.transferCrypto.title,
-                  showBack: true,
+                  showBack: showBackTransfer,
                   onBack: handleBack,
                   onClose: handleClose,
                   showBalance: showBalanceHeader,
@@ -58383,68 +58536,74 @@ function DepositModal({
                   publishableKey
                 }
               ),
-              transferInputVariant === "single_input" ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
-                TransferCryptoSingleInput,
-                {
-                  userId,
-                  publishableKey,
-                  recipientAddress,
-                  destinationChainType,
-                  destinationChainId,
-                  destinationTokenAddress,
-                  depositConfirmationMode,
-                  onExecutionsChange: setDepositExecutions,
-                  onDepositSuccess,
-                  onDepositError,
-                  wallets
-                }
-              ) : /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
-                TransferCryptoDoubleInput,
-                {
-                  userId,
-                  publishableKey,
-                  recipientAddress,
-                  destinationChainType,
-                  destinationChainId,
-                  destinationTokenAddress,
-                  depositConfirmationMode,
-                  onExecutionsChange: setDepositExecutions,
-                  onDepositSuccess,
-                  onDepositError,
-                  wallets
-                }
-              )
-            ] }) : view === "tracker" ? /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(import_jsx_runtime66.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
+                standaloneNeedsDepositPrereq && depositPrerequisiteBody !== null ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "uf-pb-4 uf-space-y-3", children: depositPrerequisiteBody }) : transferInputVariant === "single_input" ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+                  TransferCryptoSingleInput,
+                  {
+                    userId,
+                    publishableKey,
+                    recipientAddress,
+                    destinationChainType,
+                    destinationChainId,
+                    destinationTokenAddress,
+                    depositConfirmationMode,
+                    onExecutionsChange: setDepositExecutions,
+                    onDepositSuccess,
+                    onDepositError,
+                    wallets
+                  }
+                ) : /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+                  TransferCryptoDoubleInput,
+                  {
+                    userId,
+                    publishableKey,
+                    recipientAddress,
+                    destinationChainType,
+                    destinationChainId,
+                    destinationTokenAddress,
+                    depositConfirmationMode,
+                    onExecutionsChange: setDepositExecutions,
+                    onDepositSuccess,
+                    onDepositError,
+                    wallets
+                  }
+                ),
+                depositPoweredByFooter
+              ] })
+            ] }) : view === "tracker" ? /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(import_jsx_runtime67.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
                 DepositHeader,
                 {
                   title: selectedExecution ? "Deposit Details" : "Deposit Tracker",
-                  showBack: true,
+                  showBack: showBackTracker,
                   onBack: handleBack,
                   onClose: handleClose
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "uf-h-[460px] uf-overflow-y-auto [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden", children: selectedExecution ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(DepositDetailContent, { execution: selectedExecution }) : /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "uf-space-y-2 uf-pb-8", children: allExecutions.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "uf-py-8 uf-px-4 uf-text-center", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
-                "div",
-                {
-                  className: "uf-text-sm",
-                  style: { color: components.container.subtitleColor, fontFamily: fonts.regular },
-                  children: "No deposits yet"
-                }
-              ) }) : allExecutions.map((execution) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
-                DepositExecutionItem,
-                {
-                  execution,
-                  onClick: () => setSelectedExecution(execution)
-                },
-                execution.id
-              )) }) })
-            ] }) : view === "card" ? /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(import_jsx_runtime66.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "uf-h-[460px] uf-overflow-y-auto [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden", children: selectedExecution ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(DepositDetailContent, { execution: selectedExecution }) : /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "uf-space-y-2 uf-pb-8", children: allExecutions.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "uf-py-8 uf-px-4 uf-text-center", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+                  "div",
+                  {
+                    className: "uf-text-sm",
+                    style: { color: components.container.subtitleColor, fontFamily: fonts.regular },
+                    children: "No deposits yet"
+                  }
+                ) }) : allExecutions.map((execution) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+                  DepositExecutionItem,
+                  {
+                    execution,
+                    onClick: () => setSelectedExecution(execution)
+                  },
+                  execution.id
+                )) }) }),
+                depositPoweredByFooter
+              ] })
+            ] }) : view === "card" ? /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(import_jsx_runtime67.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
                 DepositHeader,
                 {
                   title: cardView === "quotes" ? t6.quotes : t6.depositWithCard.title,
-                  showBack: true,
+                  showBack: showBackCard,
                   onBack: handleBack,
                   onClose: handleClose,
                   badge: cardView === "quotes" ? { count: quotesCount } : void 0,
@@ -58457,27 +58616,30 @@ function DepositModal({
                   publishableKey
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
-                BuyWithCard,
-                {
-                  userId,
-                  publishableKey,
-                  view: cardView,
-                  onViewChange: handleCardViewChange,
-                  destinationTokenSymbol,
-                  recipientAddress,
-                  destinationChainType,
-                  destinationChainId,
-                  destinationTokenAddress,
-                  onDepositSuccess,
-                  onDepositError,
-                  themeClass,
-                  wallets,
-                  assetCdnUrl: projectConfig?.asset_cdn_url
-                }
-              )
-            ] }) : view === "exchange" ? /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(import_jsx_runtime66.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
+                standaloneNeedsDepositPrereq && depositPrerequisiteBody !== null ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "uf-pb-4 uf-space-y-3", children: depositPrerequisiteBody }) : /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+                  BuyWithCard,
+                  {
+                    userId,
+                    publishableKey,
+                    view: cardView,
+                    onViewChange: handleCardViewChange,
+                    destinationTokenSymbol,
+                    recipientAddress,
+                    destinationChainType,
+                    destinationChainId,
+                    destinationTokenAddress,
+                    onDepositSuccess,
+                    onDepositError,
+                    themeClass,
+                    wallets,
+                    assetCdnUrl: projectConfig?.asset_cdn_url
+                  }
+                ),
+                depositPoweredByFooter
+              ] })
+            ] }) : view === "exchange" ? /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(import_jsx_runtime67.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
                 DepositHeader,
                 {
                   title: t6.payWithExchange.title,
@@ -58486,29 +58648,32 @@ function DepositModal({
                   onClose: handleClose
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
-                PayWithExchange,
-                {
-                  userId,
-                  publishableKey,
-                  exchanges,
-                  view: exchangeView,
-                  onViewChange: setExchangeView,
-                  destinationTokenSymbol,
-                  recipientAddress,
-                  destinationChainType,
-                  destinationChainId,
-                  destinationTokenAddress,
-                  onDepositSuccess,
-                  onDepositError,
-                  wallets,
-                  defaultToken: defaultToken ?? null
-                }
-              )
+              /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+                  PayWithExchange,
+                  {
+                    userId,
+                    publishableKey,
+                    exchanges,
+                    view: exchangeView,
+                    onViewChange: setExchangeView,
+                    destinationTokenSymbol,
+                    recipientAddress,
+                    destinationChainType,
+                    destinationChainId,
+                    destinationTokenAddress,
+                    onDepositSuccess,
+                    onDepositError,
+                    wallets,
+                    defaultToken: defaultToken ?? null
+                  }
+                ),
+                depositPoweredByFooter
+              ] })
             ] }) : null })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
           WalletSelectionModal,
           {
             open: walletSelectionModalOpen,
@@ -58518,7 +58683,7 @@ function DepositModal({
             theme: resolvedTheme
           }
         ),
-        browserWalletInfo && browserWalletInfo.depositWallet && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+        browserWalletInfo && browserWalletInfo.depositWallet && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
           BrowserWalletModal,
           {
             open: browserWalletModalOpen,
@@ -58595,7 +58760,7 @@ var Button = React282.forwardRef(
       }
       return baseStyle;
     }, [variant, components, fonts, style]);
-    return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
       Comp,
       {
         className: cn(buttonVariants({ variant, size: size4, className })),
@@ -58715,7 +58880,7 @@ function UnifoldProvider2({
     }),
     [beginDeposit, closeDeposit, handleDepositSuccess, handleDepositError]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(UnifoldProvider, { publishableKey, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(ConnectContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(UnifoldProvider, { publishableKey, children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(ConnectContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
     ThemeProvider,
     {
       mode: resolvedTheme,
@@ -58726,7 +58891,7 @@ function UnifoldProvider2({
       components: config?.components,
       children: [
         children,
-        depositConfig && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+        depositConfig && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
           DepositModal,
           {
             open: isOpen,
@@ -58747,7 +58912,8 @@ function UnifoldProvider2({
             enablePayWithExchange: config?.enablePayWithExchange,
             onDepositSuccess: handleDepositSuccess,
             onDepositError: handleDepositError,
-            theme: resolvedTheme
+            theme: resolvedTheme,
+            initialScreen: depositConfig.initialScreen ?? config?.defaultInitialScreen
           }
         )
       ]