@hyperbridge/ui 0.0.35 → 0.0.37

package/dist/index.mjs

@@ -198,10 +198,9 @@ function BadgeIcon(props) {
             src,
             layout: "constrained",
             width: 400,
-            aspectRatio: 1,
+            height: 400,
             alt,
             draggable: false,
-            objectFit: "cover",
             className: cn(
               "absolute inset-0 aspect-square h-full w-full rounded-full bg-transparent shrink-0",
               className,
@@ -226,9 +225,8 @@ function BadgeIcon(props) {
                 src: badgeSrc,
                 layout: "constrained",
                 width: 24,
-                aspectRatio: 1,
+                height: 24,
                 draggable: false,
-                objectFit: "cover",
                 className: "w-full h-full",
                 alt: badgeAlt
               }
@@ -486,7 +484,7 @@ function TagButton(props) {
             layout: "constrained",
             className: "w-5 h-5 shrink-0 rounded-full",
             width: 20,
-            aspectRatio: 1
+            height: 20
           }
         ),
         /* @__PURE__ */ jsx7("span", { className: "text-[14px] w-max shrink-0 overflow-hidden", children: props.symbol }),
@@ -528,7 +526,7 @@ function BridgeTokenButton(props) {
         layout: "constrained",
         className: "w-[1.75rem] h-[1.75rem] shrink-0 rounded-full",
         width: 20,
-        aspectRatio: 1
+        height: 20
       }
     ),
     /* @__PURE__ */ jsx7("span", { className: "flex flex-col font-medium shrink-0 text-start max-w-[10ch]", children: /* @__PURE__ */ jsx7("span", { className: "text-sm uppercase text-brand-white-500", children: token.symbol.toLowerCase() }) }),
@@ -571,39 +569,72 @@ var GradientButton = React.forwardRef((props, ref) => {
   ) });
 });
 
-// src/@/ui/input.tsx
-import { jsx as jsx9 } from "react/jsx-runtime";
-function Input(_a) {
-  var _b = _a, { className, type } = _b, props = __objRest(_b, ["className", "type"]);
-  return /* @__PURE__ */ jsx9(
-    "input",
-    __spreadValues({
-      type,
-      "data-slot": "input",
-      className: cn(
-        "file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
-        "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
-        "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
-        className
-      )
-    }, props)
-  );
-}
+// src/components/form/swap-form.tsx
+import { useState } from "react";
 
-// src/lib/form-utils.ts
-var createKeyDownHandler = () => {
-  return (e) => {
-    if (e.ctrlKey || e.metaKey || e.altKey) {
-      return;
-    }
-    if (["e", "E", "+", "-"].includes(e.key) || /^[a-zA-Z]$/.test(e.key)) {
-      e.preventDefault();
-    }
-  };
-};
+// src/components/input/numeric-input.tsx
+import * as React2 from "react";
+import CurrencyInput from "react-currency-input-field";
+import { jsx as jsx9 } from "react/jsx-runtime";
+var NumericInput = React2.forwardRef(
+  ({
+    className,
+    decimalsLimit = 18,
+    value = "",
+    onValueChange,
+    allowDecimals = true,
+    allowNegativeValue = false,
+    decimalSeparator = ".",
+    groupSeparator = ",",
+    prefix = "",
+    suffix = "",
+    disableGroupSeparators = true,
+    disabled,
+    placeholder = "0",
+    id,
+    name,
+    onFocus,
+    onBlur,
+    "data-testid": dataTestId,
+    autoFocus,
+    autoComplete,
+    maxLength
+  }, ref) => {
+    return /* @__PURE__ */ jsx9(
+      CurrencyInput,
+      {
+        ref,
+        id,
+        name,
+        value,
+        onValueChange,
+        decimalsLimit,
+        allowDecimals,
+        allowNegativeValue,
+        decimalSeparator,
+        groupSeparator,
+        prefix,
+        suffix,
+        disableGroupSeparators,
+        disabled,
+        placeholder,
+        onFocus,
+        onBlur,
+        "data-testid": dataTestId,
+        autoFocus,
+        autoComplete,
+        maxLength,
+        className: cn(
+          "border-none ring-0 focus-visible:ring-0 focus-visible:ring-offset-0 text-[48px] leading-[1.2] h-[58px] p-0 text-white placeholder:text-brand-black-100 disabled:opacity-50 bg-transparent outline-none",
+          className
+        )
+      }
+    );
+  }
+);
+NumericInput.displayName = "NumericInput";
 
 // src/components/form/swap-form.tsx
-import { useState } from "react";
 import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
 function SwapForm({
   sender,
@@ -617,10 +648,10 @@ function SwapForm({
   estimatedTime = "",
   isLoading = false,
   className,
-  error = false
+  error = false,
+  decimalsLimit = 18
 }) {
   var _a;
-  const handleKeyDown = createKeyDownHandler();
   const [focusedSection, setFocusedSection] = useState("sender");
   const handleInvert = () => {
     onInvert == null ? void 0 : onInvert();
@@ -670,23 +701,24 @@ function SwapForm({
                   ] }),
                   /* @__PURE__ */ jsxs7("div", { className: "flex mt-3", children: [
                     /* @__PURE__ */ jsx10(
-                      Input,
+                      NumericInput,
                       {
-                        min: 0,
-                        type: "number",
                         placeholder: "0",
                         value: sender.amount,
-                        onChange: (event) => {
+                        onValueChange: (value) => {
                           var _a2;
-                          (_a2 = sender.onAmountChange) == null ? void 0 : _a2.call(sender, event.target.value, event);
+                          const syntheticEvent = {
+                            target: { value: value || "" }
+                          };
+                          (_a2 = sender.onAmountChange) == null ? void 0 : _a2.call(sender, value || "", syntheticEvent);
                           onPercentageChange == null ? void 0 : onPercentageChange(null);
                         },
-                        onKeyDown: handleKeyDown,
                         onFocus: () => setFocusedSection("sender"),
                         onBlur: () => setFocusedSection(null),
                         disabled: isLoading,
                         "data-testid": "sender-amount-input",
-                        className: "border-none ring-0 focus-visible:ring-0 focus-visible:ring-offset-0 text-[48px] leading-[1.2] h-[58px] p-0 text-white placeholder:text-brand-black-100 [appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none disabled:opacity-50 !rounded-none"
+                        decimalsLimit,
+                        className: "!rounded-none"
                       }
                     ),
                     /* @__PURE__ */ jsx10("div", { className: "w-[170px] pl-0 py-[13px]", children: /* @__PURE__ */ jsx10(
@@ -790,23 +822,24 @@ function SwapForm({
                   ] }),
                   /* @__PURE__ */ jsxs7("div", { className: "flex mt-3", children: [
                     /* @__PURE__ */ jsx10(
-                      Input,
+                      NumericInput,
                       {
-                        min: 0,
-                        type: "number",
                         placeholder: "0",
                         value: receiver.amount,
-                        onChange: (event) => {
+                        onValueChange: (value) => {
                           var _a2;
-                          (_a2 = receiver.onAmountChange) == null ? void 0 : _a2.call(receiver, event.target.value, event);
+                          const syntheticEvent = {
+                            target: { value: value || "" }
+                          };
+                          (_a2 = receiver.onAmountChange) == null ? void 0 : _a2.call(receiver, value || "", syntheticEvent);
                           onPercentageChange == null ? void 0 : onPercentageChange(null);
                         },
-                        onKeyDown: handleKeyDown,
                         onFocus: () => setFocusedSection("receiver"),
                         onBlur: () => setFocusedSection(null),
                         disabled: isLoading,
                         "data-testid": "receiver-amount-input",
-                        className: "border-none ring-0 focus-visible:ring-0 focus-visible:ring-offset-0 text-[48px] leading-[1.2] h-[58px] p-0 text-white placeholder:text-brand-black-100 [appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none disabled:opacity-50 !rounded-none"
+                        decimalsLimit,
+                        className: "!rounded-none"
                       }
                     ),
                     /* @__PURE__ */ jsx10("div", { className: "w-[170px] pl-0 py-[13px]", children: /* @__PURE__ */ jsx10(
@@ -851,7 +884,7 @@ import * as DialogPrimitive from "@radix-ui/react-dialog";
 
 // src/components/atoms/smooth-corners.tsx
 import { Slot as Slot5 } from "@radix-ui/react-slot";
-import React2 from "react";
+import React3 from "react";
 import { cva as cva5 } from "class-variance-authority";
 import { jsx as jsx11 } from "react/jsx-runtime";
 var SmoothCornersSingleton = {
@@ -885,8 +918,8 @@ var smoothCornersVariants = cva5("superellipse", {
 });
 function SmoothCorners(props) {
   const { size } = props;
-  const [isLoaded, setIsLoaded] = React2.useState(false);
-  React2.useEffect(() => {
+  const [isLoaded, setIsLoaded] = React3.useState(false);
+  React3.useEffect(() => {
     SmoothCornersSingleton.init().then(() => setIsLoaded(true)).catch(() => {
       console.error(
         "SmoothCorners/SuperEllipsePainter: Error Loading Necessary Worklet"
@@ -1050,7 +1083,7 @@ function TokenImage(props) {
       layout: "constrained",
       className: cn("shrink-0 object-cover rounded-full", props.className),
       width: 20,
-      aspectRatio: 1
+      height: 20
     }
   );
 }
@@ -1115,7 +1148,7 @@ function NetworkSwitcherButton(props) {
 
 // src/components/network/network-selector.tsx
 import { useMemo } from "react";
-import React5 from "react";
+import React6 from "react";
 
 // src/hooks/selector-hooks.ts
 import { useState as useState2, useRef, useEffect } from "react";
@@ -1159,17 +1192,17 @@ var sortItems = (items, sortFn) => {
 };
 
 // src/components/molecules/empty-state.tsx
-import React3 from "react";
+import React4 from "react";
 import { Fragment, jsx as jsx15 } from "react/jsx-runtime";
 var ContextDefault = {
   isEmpty: true
 };
-var EmptyStateCtx = isSSR() ? {} : React3.createContext(ContextDefault);
+var EmptyStateCtx = isSSR() ? {} : React4.createContext(ContextDefault);
 function useContext() {
-  const context = React3.useContext(EmptyStateCtx);
+  const context = React4.useContext(EmptyStateCtx);
   return isSSR() ? ContextDefault : context;
 }
-var EmptyStateContent = React3.forwardRef(function Content2(props, ref) {
+var EmptyStateContent = React4.forwardRef(function Content2(props, ref) {
   const { isEmpty } = useContext();
   if (!isEmpty) return null;
   return /* @__PURE__ */ jsx15(
@@ -1180,7 +1213,7 @@ var EmptyStateContent = React3.forwardRef(function Content2(props, ref) {
     })
   );
 });
-var EmptyStateTitle = React3.forwardRef(function ESTitle(props, ref) {
+var EmptyStateTitle = React4.forwardRef(function ESTitle(props, ref) {
   return /* @__PURE__ */ jsx15(
     "h6",
     __spreadProps(__spreadValues({
@@ -1190,7 +1223,7 @@ var EmptyStateTitle = React3.forwardRef(function ESTitle(props, ref) {
     })
   );
 });
-var EmptyStateDescription = React3.forwardRef(function ESDescription(props, ref) {
+var EmptyStateDescription = React4.forwardRef(function ESDescription(props, ref) {
   return /* @__PURE__ */ jsx15(
     "div",
     __spreadProps(__spreadValues({
@@ -1486,12 +1519,12 @@ function DestkopModal(props) {
 }
 
 // src/components/molecules/scroll-aware-area.tsx
-import React4 from "react";
+import React5 from "react";
 import { jsx as jsx18 } from "react/jsx-runtime";
 function ScrollAwareSeparator(props) {
   const _a = props, { scrollRef } = _a, props_ = __objRest(_a, ["scrollRef"]);
-  const [showHeaderBorder, setShowHeaderBorder] = React4.useState(false);
-  React4.useEffect(() => {
+  const [showHeaderBorder, setShowHeaderBorder] = React5.useState(false);
+  React5.useEffect(() => {
     let scrollableElement = scrollRef.current;
     if (!scrollableElement) return;
     const radixScrollArea = scrollableElement == null ? void 0 : scrollableElement.querySelector(
@@ -1537,7 +1570,7 @@ var NetworkSelector = ({
   onClose
 }) => {
   const { searchQuery, setSearchQuery } = useSearch();
-  const scrollableRef = React5.useRef(null);
+  const scrollableRef = React6.useRef(null);
   const filteredAvailableNetworks = useMemo(() => {
     return filterItems(availableNetworks, searchQuery, (network) => [
       network.name
@@ -1616,11 +1649,11 @@ var NetworkSelector = ({
             children: [
               filteredAvailableNetworks.length > 0 && /* @__PURE__ */ jsxs11("div", { children: [
                 /* @__PURE__ */ jsx19("p", { className: "text-caption text-brand-black-100", children: "Available" }),
-                /* @__PURE__ */ jsx19("div", { className: "mt-[6px] space-y-2", children: filteredAvailableNetworks.map((network) => /* @__PURE__ */ jsx19(React5.Fragment, { children: renderNetworkItem(network, true) }, network.name)) })
+                /* @__PURE__ */ jsx19("div", { className: "mt-[6px] space-y-2", children: filteredAvailableNetworks.map((network) => /* @__PURE__ */ jsx19(React6.Fragment, { children: renderNetworkItem(network, true) }, network.name)) })
               ] }),
               filteredUnavailableNetworks.length > 0 && /* @__PURE__ */ jsxs11("div", { children: [
                 /* @__PURE__ */ jsx19("p", { className: "text-caption text-brand-black-100", children: "Not available" }),
-                /* @__PURE__ */ jsx19("div", { className: "mt-[6px] space-y-2", children: filteredUnavailableNetworks.map((network) => /* @__PURE__ */ jsx19(React5.Fragment, { children: "renderNetworkItem(network, false)," }, network.name)) })
+                /* @__PURE__ */ jsx19("div", { className: "mt-[6px] space-y-2", children: filteredUnavailableNetworks.map((network) => /* @__PURE__ */ jsx19(React6.Fragment, { children: "renderNetworkItem(network, false)," }, network.name)) })
               ] }),
               hasNoResults && /* @__PURE__ */ jsx19("div", { className: "text-center py-8 h-full flex items-center justify-center", children: /* @__PURE__ */ jsxs11("p", { className: "text-caption text-brand-black-100", children: [
                 "No results found for",
@@ -1652,7 +1685,7 @@ function NetworkSelectionItem(props) {
     "isActive",
     "SecondaryContent"
   ]);
-  const buttonRef = React5.useRef(null);
+  const buttonRef = React6.useRef(null);
   const is_default_mode = variant === "default";
   const buttonContent = /* @__PURE__ */ jsxs11(
     "div",
@@ -1708,7 +1741,7 @@ function NetworkSelectionItem(props) {
 }
 
 // src/components/tokens/token-selector.tsx
-import React6 from "react";
+import React7 from "react";
 
 // src/@/ui/scroll-area.tsx
 import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
@@ -1938,7 +1971,7 @@ function TokenSelectionItem(props) {
     "isActive",
     "AddWalletButton"
   ]);
-  const buttonRef = React6.useRef(null);
+  const buttonRef = React7.useRef(null);
   const buttonContent = /* @__PURE__ */ jsxs13(
     "div",
     {
@@ -1994,49 +2027,7 @@ function TokenSelectionItem(props) {
 
 // src/components/form/bridge-input.tsx
 import React8 from "react";
-
-// src/components/input/input.tsx
-import * as React7 from "react";
 import { jsx as jsx22, jsxs as jsxs14 } from "react/jsx-runtime";
-var Input2 = React7.forwardRef((_a, ref) => {
-  var _b = _a, { className, label, error, helperText, id } = _b, props = __objRest(_b, ["className", "label", "error", "helperText", "id"]);
-  const inputId = id || React7.useId();
-  return /* @__PURE__ */ jsxs14("div", { className: "space-y-2", children: [
-    label && /* @__PURE__ */ jsx22(
-      "label",
-      {
-        htmlFor: inputId,
-        className: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
-        children: label
-      }
-    ),
-    /* @__PURE__ */ jsx22(
-      Input,
-      __spreadValues({
-        ref,
-        id: inputId,
-        className: cn(
-          error && "border-destructive focus-visible:border-destructive",
-          className
-        )
-      }, props)
-    ),
-    (error || helperText) && /* @__PURE__ */ jsx22(
-      "p",
-      {
-        className: cn(
-          "text-sm",
-          error ? "text-destructive" : "text-muted-foreground"
-        ),
-        children: error || helperText
-      }
-    )
-  ] });
-});
-Input2.displayName = "Input";
-
-// src/components/form/bridge-input.tsx
-import { jsx as jsx23, jsxs as jsxs15 } from "react/jsx-runtime";
 function BridgeInput(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i;
   const {
@@ -2048,15 +2039,15 @@ function BridgeInput(props) {
     },
     presentation = "default",
     mode = "ready",
-    hasError: error
+    hasError: error,
+    decimalsLimit = 18
   } = props;
   const isConnected = mode === "ready";
   const isLoading = presentation === "loading";
-  const handleKeyDown = createKeyDownHandler();
   const formatPercentageLabel = (percentage2) => {
     return percentage2 === 100 ? "Max" : `${percentage2}%`;
   };
-  return /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsxs14(
     "div",
     {
       className: cn(
@@ -2064,7 +2055,7 @@ function BridgeInput(props) {
         isConnected && "border-dashed-wide"
       ),
       children: [
-        /* @__PURE__ */ jsx23(
+        /* @__PURE__ */ jsx22(
           "section",
           {
             "data-testid": "send-section",
@@ -2073,23 +2064,23 @@ function BridgeInput(props) {
               isConnected && "bg-brand-black-200",
               error ? "bg-brand-danger-500" : "bridge-form-border"
             ),
-            children: /* @__PURE__ */ jsxs15("div", { className: "bg-brand-black-500 rounded-[14.5px] h-full relative px-3", children: [
-              /* @__PURE__ */ jsxs15("div", { className: "w-full flex justify-between h-10 items-center", children: [
-                /* @__PURE__ */ jsx23("div", { className: "w-1/2", children: /* @__PURE__ */ jsx23("p", { className: "text-caption text-brand-black-100 font-medium", children: "Send" }) }),
-                /* @__PURE__ */ jsx23("div", { className: "w-1/2", children: /* @__PURE__ */ jsxs15("div", { className: "text-caption text-brand-black-100 font-medium text-right flex items-center gap-1 justify-end", children: [
-                  /* @__PURE__ */ jsx23("span", { className: "max-w-[100px] truncate", children: sender.address ? sender.address : "Balance" }),
+            children: /* @__PURE__ */ jsxs14("div", { className: "bg-brand-black-500 rounded-[14.5px] h-full relative px-3", children: [
+              /* @__PURE__ */ jsxs14("div", { className: "w-full flex justify-between h-10 items-center", children: [
+                /* @__PURE__ */ jsx22("div", { className: "w-1/2", children: /* @__PURE__ */ jsx22("p", { className: "text-caption text-brand-black-100 font-medium", children: "Send" }) }),
+                /* @__PURE__ */ jsx22("div", { className: "w-1/2", children: /* @__PURE__ */ jsxs14("div", { className: "text-caption text-brand-black-100 font-medium text-right flex items-center gap-1 justify-end", children: [
+                  /* @__PURE__ */ jsx22("span", { className: "max-w-[100px] truncate", children: sender.address ? sender.address : "Balance" }),
                   " ",
-                  /* @__PURE__ */ jsx23(
+                  /* @__PURE__ */ jsx22(
                     "span",
                     {
                       className: cn(
                         "max-w-[100px] truncate",
                         props.hasError ? "text-brand-danger-500" : "text-white"
                       ),
-                      children: /* @__PURE__ */ jsx23(
+                      children: /* @__PURE__ */ jsx22(
                         React8.Suspense,
                         {
-                          fallback: /* @__PURE__ */ jsx23(
+                          fallback: /* @__PURE__ */ jsx22(
                             "div",
                             {
                               className: cn(
@@ -2105,36 +2096,37 @@ function BridgeInput(props) {
                   )
                 ] }) })
               ] }),
-              /* @__PURE__ */ jsxs15("div", { className: "flex h-[70px] items-center", children: [
-                /* @__PURE__ */ jsx23(
-                  Input2,
+              /* @__PURE__ */ jsxs14("div", { className: "flex h-[70px] items-center", children: [
+                /* @__PURE__ */ jsx22(
+                  NumericInput,
                   {
-                    min: 0,
-                    type: "number",
                     placeholder: "0",
                     value: sender.amount,
                     disabled: isLoading,
-                    onKeyDown: handleKeyDown,
                     "data-testid": "sender-amount-input",
-                    className: "border-none ring-0 rounded-none focus-visible:ring-0 focus-visible:ring-offset-0 text-[48px] leading-[1.2] h-[58px] p-0 text-white placeholder:text-brand-black-100 disabled:opacity-50",
-                    onChange: (event) => {
+                    decimalsLimit,
+                    className: "!rounded-none",
+                    onValueChange: (value) => {
                       var _a2;
-                      (_a2 = props.onValueChange) == null ? void 0 : _a2.call(props, event.target.value, event);
+                      const syntheticEvent = {
+                        target: { value: value || "" }
+                      };
+                      (_a2 = props.onValueChange) == null ? void 0 : _a2.call(props, value || "", syntheticEvent);
                     }
                   }
                 ),
-                /* @__PURE__ */ jsx23("div", { className: "w-[170px] pl-3 py-[13px] flex justify-end", children: props.TokenChangeButton })
+                /* @__PURE__ */ jsx22("div", { className: "w-[170px] pl-3 py-[13px] flex justify-end", children: props.TokenChangeButton })
               ] }),
-              /* @__PURE__ */ jsxs15("div", { className: "flex justify-between h-10", children: [
-                /* @__PURE__ */ jsx23(
+              /* @__PURE__ */ jsxs14("div", { className: "flex justify-between h-10", children: [
+                /* @__PURE__ */ jsx22(
                   "div",
                   {
                     "data-testid": "sender-usd-value",
                     className: "flex items-center text-caption text-brand-black-100 font-medium min-h-6 hover:text-white duration-200 transition-colors",
-                    children: isLoading ? /* @__PURE__ */ jsx23("div", { className: "w-8 h-3 bg-brand-black-200 animate-pulse rounded ml-1" }) : sender.secondaryAmount
+                    children: isLoading ? /* @__PURE__ */ jsx22("div", { className: "w-8 h-3 bg-brand-black-200 animate-pulse rounded ml-1" }) : sender.secondaryAmount
                   }
                 ),
-                isConnected && /* @__PURE__ */ jsx23("div", { className: "flex gap-[6px] pt-1", children: percentage.options.map((percent_value) => /* @__PURE__ */ jsx23(
+                isConnected && /* @__PURE__ */ jsx22("div", { className: "flex gap-[6px] pt-1", children: percentage.options.map((percent_value) => /* @__PURE__ */ jsx22(
                   Button2,
                   {
                     type: "button",
@@ -2154,17 +2146,17 @@ function BridgeInput(props) {
             ] })
           }
         ),
-        /* @__PURE__ */ jsx23(
+        /* @__PURE__ */ jsx22(
           "section",
           {
             className: cn(
               "grid transition-all duration-200 ease-out",
               isConnected ? "grid-rows-[1fr]" : "grid-rows-[0fr]"
             ),
-            children: /* @__PURE__ */ jsx23("div", { className: "overflow-hidden min-h-0", children: /* @__PURE__ */ jsxs15("div", { className: "p-3", children: [
-              /* @__PURE__ */ jsxs15("div", { className: "flex justify-between", children: [
-                /* @__PURE__ */ jsx23("p", { className: "text-caption text-brand-black-100 font-medium w-1/2", children: "Receive" }),
-                !props.EditDestAddressTrigger ? /* @__PURE__ */ jsx23("span", { className: "text-caption text-brand-black-100 font-medium text-right flex items-center justify-end w-1/2", children: /* @__PURE__ */ jsx23("span", { className: "max-w-[100px] truncate", children: receiver.address }) }) : /* @__PURE__ */ jsx23(props.EditDestAddressTrigger, { asChild: true, children: /* @__PURE__ */ jsxs15(
+            children: /* @__PURE__ */ jsx22("div", { className: "overflow-hidden min-h-0", children: /* @__PURE__ */ jsxs14("div", { className: "p-3", children: [
+              /* @__PURE__ */ jsxs14("div", { className: "flex justify-between", children: [
+                /* @__PURE__ */ jsx22("p", { className: "text-caption text-brand-black-100 font-medium w-1/2", children: "Receive" }),
+                !props.EditDestAddressTrigger ? /* @__PURE__ */ jsx22("span", { className: "text-caption text-brand-black-100 font-medium text-right flex items-center justify-end w-1/2", children: /* @__PURE__ */ jsx22("span", { className: "max-w-[100px] truncate", children: receiver.address }) }) : /* @__PURE__ */ jsx22(props.EditDestAddressTrigger, { asChild: true, children: /* @__PURE__ */ jsxs14(
                   "button",
                   {
                     type: "button",
@@ -2172,29 +2164,29 @@ function BridgeInput(props) {
                     "aria-label": "Edit receiver address",
                     className: "cursor-pointer flex !gap-1.5 !text-caption text-brand-black-100 font-medium text-right items-center justify-end w-1/2",
                     children: [
-                      /* @__PURE__ */ jsx23("span", { className: "max-w-[100px] truncate", children: receiver.address }),
-                      /* @__PURE__ */ jsx23(
+                      /* @__PURE__ */ jsx22("span", { className: "max-w-[100px] truncate", children: receiver.address }),
+                      /* @__PURE__ */ jsx22(
                         "span",
                         {
                           "aria-label": "Edit address",
                           className: "cursor-pointer text-foreground hover:scale-110 transition-transform disabled:opacity-50",
-                          children: /* @__PURE__ */ jsx23(Pen_default, { className: "size-[0.875rem]" })
+                          children: /* @__PURE__ */ jsx22(Pen_default, { className: "size-[0.875rem]" })
                         }
                       )
                     ]
                   }
                 ) })
               ] }),
-              /* @__PURE__ */ jsx23(
+              /* @__PURE__ */ jsx22(
                 "div",
                 {
                   className: cn(
                     "grid transition-all duration-200 ease-out",
                     sender.amount ? "grid-rows-[1fr]" : "grid-rows-[0fr]"
                   ),
-                  children: /* @__PURE__ */ jsxs15("div", { className: "overflow-hidden min-h-0", children: [
-                    /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-2 py-2", children: [
-                      /* @__PURE__ */ jsx23(
+                  children: /* @__PURE__ */ jsxs14("div", { className: "overflow-hidden min-h-0", children: [
+                    /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-2 py-2", children: [
+                      /* @__PURE__ */ jsx22(
                         BadgeIcon,
                         {
                           src: (_b = (_a = sender.token) == null ? void 0 : _a.image) != null ? _b : "",
@@ -2203,18 +2195,18 @@ function BridgeInput(props) {
                           badgeSrc: (_h = (_g = receiver.network) == null ? void 0 : _g.image) != null ? _h : ""
                         }
                       ),
-                      /* @__PURE__ */ jsx23("span", { className: "text-[20px] leading-[1] font-medium text-brand-black-100", children: isLoading ? /* @__PURE__ */ jsx23("div", { className: "w-16 h-5 bg-brand-black-200 animate-pulse rounded" }) : `${receiver.amount} ${((_i = sender.token) == null ? void 0 : _i.symbol) || ""}` })
+                      /* @__PURE__ */ jsx22("span", { className: "text-[20px] leading-[1] font-medium text-brand-black-100", children: isLoading ? /* @__PURE__ */ jsx22("div", { className: "w-16 h-5 bg-brand-black-200 animate-pulse rounded" }) : `${receiver.amount} ${((_i = sender.token) == null ? void 0 : _i.symbol) || ""}` })
                     ] }),
-                    /* @__PURE__ */ jsxs15("div", { className: "flex justify-between pt-1", children: [
-                      /* @__PURE__ */ jsx23(
+                    /* @__PURE__ */ jsxs14("div", { className: "flex justify-between pt-1", children: [
+                      /* @__PURE__ */ jsx22(
                         "div",
                         {
                           "data-testid": "receiver-usd-value",
                           className: "flex items-center text-caption text-brand-black-100 font-medium",
-                          children: isLoading ? /* @__PURE__ */ jsx23("div", { className: "w-8 h-3 bg-brand-black-200 animate-pulse rounded ml-1" }) : receiver.secondaryAmount
+                          children: isLoading ? /* @__PURE__ */ jsx22("div", { className: "w-8 h-3 bg-brand-black-200 animate-pulse rounded ml-1" }) : receiver.secondaryAmount
                         }
                       ),
-                      isConnected && /* @__PURE__ */ jsx23("div", { className: "text-brand-black-100 text-caption font-medium", children: isLoading ? /* @__PURE__ */ jsx23("div", { className: "w-12 h-3 bg-brand-black-200 animate-pulse rounded" }) : receiver.estimatedTime })
+                      isConnected && /* @__PURE__ */ jsx22("div", { className: "text-brand-black-100 text-caption font-medium", children: isLoading ? /* @__PURE__ */ jsx22("div", { className: "w-12 h-3 bg-brand-black-200 animate-pulse rounded" }) : receiver.estimatedTime })
                     ] })
                   ] })
                 }
@@ -2228,7 +2220,7 @@ function BridgeInput(props) {
 }
 
 // src/components/form/bridge-form.tsx
-import { Fragment as Fragment4, jsx as jsx24, jsxs as jsxs16 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx23, jsxs as jsxs15 } from "react/jsx-runtime";
 function BridgeForm({
   networks,
   onNetworkInvert,
@@ -2273,7 +2265,8 @@ function BridgeForm({
   availableNetworks = [],
   unavailableNetworks = [],
   onSourceNetworkSelect,
-  onDestinationNetworkSelect
+  onDestinationNetworkSelect,
+  decimalsLimit = 18
 }) {
   const [showDetails, setShowDetails] = useState5(false);
   const [isGasHovered, setIsGasHovered] = useState5(false);
@@ -2366,9 +2359,9 @@ function BridgeForm({
         return "Select Network";
     }
   };
-  return /* @__PURE__ */ jsxs16("div", { className: "relative", children: [
-    /* @__PURE__ */ jsxs16("form", { onSubmit: handleSubmit, children: [
-      /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsxs15("div", { className: "relative", children: [
+    /* @__PURE__ */ jsxs15("form", { onSubmit: handleSubmit, children: [
+      /* @__PURE__ */ jsx23(
         NetworkSwitcher,
         {
           from: networks.from,
@@ -2378,16 +2371,17 @@ function BridgeForm({
           onDestinationClick: handleDestinationNetworkClick
         }
       ),
-      /* @__PURE__ */ jsx24("div", { className: "mt-4", children: /* @__PURE__ */ jsx24(
+      /* @__PURE__ */ jsx23("div", { className: "mt-4", children: /* @__PURE__ */ jsx23(
         BridgeInput,
         {
           hasError: Boolean(error),
           mode: isConnected ? "ready" : "idle",
           presentation: isLoading ? "loading" : "default",
+          decimalsLimit,
           sender: {
             token: senderToken,
             amount: senderAmount,
-            balance: /* @__PURE__ */ jsx24(Fragment4, { children: senderBalance }),
+            balance: /* @__PURE__ */ jsx23(Fragment4, { children: senderBalance }),
             secondaryAmount: senderUsdValue,
             address: senderAddress || ""
           },
@@ -2417,7 +2411,7 @@ function BridgeForm({
             onPercentageClick == null ? void 0 : onPercentageClick(percent_value);
           },
           EditDestAddressTrigger: (props) => {
-            return /* @__PURE__ */ jsx24(
+            return /* @__PURE__ */ jsx23(
               Button2,
               __spreadProps(__spreadValues({}, props), {
                 variant: "unset",
@@ -2428,7 +2422,7 @@ function BridgeForm({
               })
             );
           },
-          TokenChangeButton: /* @__PURE__ */ jsx24(TokenSelectorDialog, { children: /* @__PURE__ */ jsx24(
+          TokenChangeButton: /* @__PURE__ */ jsx23(TokenSelectorDialog, { children: /* @__PURE__ */ jsx23(
             TagButton,
             {
               className: "cursor-pointer !transition-none",
@@ -2440,21 +2434,21 @@ function BridgeForm({
           ) })
         }
       ) }),
-      /* @__PURE__ */ jsx24(
+      /* @__PURE__ */ jsx23(
         "div",
         {
           className: cn(
             "grid transition-all duration-200 ease-out mt-4",
             senderAmount && Number.parseFloat(senderAmount) > 0 ? "grid-rows-[1fr]" : "grid-rows-[0fr]"
           ),
-          children: /* @__PURE__ */ jsxs16("div", { className: "overflow-hidden min-h-0", children: [
-            !showDetails ? /* @__PURE__ */ jsxs16("div", { className: "flex justify-between items-center text-brand-black-100", children: [
-              /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-3", children: [
-                /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-1", children: [
-                  /* @__PURE__ */ jsx24(Server_default, { className: "size-[14px] mt-[0.5px]" }),
-                  /* @__PURE__ */ jsx24("span", { className: "text-caption font-medium", children: bridgeDetails.bridgeFee })
+          children: /* @__PURE__ */ jsxs15("div", { className: "overflow-hidden min-h-0", children: [
+            !showDetails ? /* @__PURE__ */ jsxs15("div", { className: "flex justify-between items-center text-brand-black-100", children: [
+              /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-3", children: [
+                /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-1", children: [
+                  /* @__PURE__ */ jsx23(Server_default, { className: "size-[14px] mt-[0.5px]" }),
+                  /* @__PURE__ */ jsx23("span", { className: "text-caption font-medium", children: bridgeDetails.bridgeFee })
                 ] }),
-                /* @__PURE__ */ jsx24(
+                /* @__PURE__ */ jsx23(
                   "button",
                   {
                     type: "button",
@@ -2462,88 +2456,88 @@ function BridgeForm({
                     onClick: onAdjustRelayerFee,
                     onMouseEnter: () => setIsGasHovered(true),
                     onMouseLeave: () => setIsGasHovered(false),
-                    children: !isGasHovered ? /* @__PURE__ */ jsxs16(Fragment4, { children: [
-                      /* @__PURE__ */ jsx24(Gas_default, { className: "size-[14px] mt-[0.5px]" }),
-                      /* @__PURE__ */ jsx24("span", { className: "text-caption font-medium", children: bridgeDetails.gasFee })
-                    ] }) : /* @__PURE__ */ jsxs16(Fragment4, { children: [
-                      /* @__PURE__ */ jsx24(Gas_default, { className: "size-[14px] mt-[0.5px] text-white" }),
-                      /* @__PURE__ */ jsx24("span", { className: "text-caption font-medium text-white", children: "Adjust relayer fee" })
+                    children: !isGasHovered ? /* @__PURE__ */ jsxs15(Fragment4, { children: [
+                      /* @__PURE__ */ jsx23(Gas_default, { className: "size-[14px] mt-[0.5px]" }),
+                      /* @__PURE__ */ jsx23("span", { className: "text-caption font-medium", children: bridgeDetails.gasFee })
+                    ] }) : /* @__PURE__ */ jsxs15(Fragment4, { children: [
+                      /* @__PURE__ */ jsx23(Gas_default, { className: "size-[14px] mt-[0.5px] text-white" }),
+                      /* @__PURE__ */ jsx23("span", { className: "text-caption font-medium text-white", children: "Adjust relayer fee" })
                     ] })
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsxs16(
+              /* @__PURE__ */ jsxs15(
                 "button",
                 {
                   type: "button",
                   onClick: () => setShowDetails(!showDetails),
                   className: "flex items-center gap-[2px] cursor-pointer hover:text-white duration-200 transition-colors",
                   children: [
-                    /* @__PURE__ */ jsx24("span", { className: "text-caption font-medium", children: "Details" }),
-                    /* @__PURE__ */ jsx24(ChevronBottomDown_default, { className: "rotate-180 size-[14px]" })
+                    /* @__PURE__ */ jsx23("span", { className: "text-caption font-medium", children: "Details" }),
+                    /* @__PURE__ */ jsx23(ChevronBottomDown_default, { className: "rotate-180 size-[14px]" })
                   ]
                 }
               )
-            ] }) : /* @__PURE__ */ jsxs16("div", { className: "flex justify-between items-center text-brand-black-100", children: [
-              /* @__PURE__ */ jsx24("span", { className: "text-caption font-medium opacity-50", children: "Bridge summary" }),
-              /* @__PURE__ */ jsxs16(
+            ] }) : /* @__PURE__ */ jsxs15("div", { className: "flex justify-between items-center text-brand-black-100", children: [
+              /* @__PURE__ */ jsx23("span", { className: "text-caption font-medium opacity-50", children: "Bridge summary" }),
+              /* @__PURE__ */ jsxs15(
                 "button",
                 {
                   type: "button",
                   onClick: () => setShowDetails(!showDetails),
                   className: "flex items-center gap-[2px] cursor-pointer hover:text-white duration-200 transition-colors",
                   children: [
-                    /* @__PURE__ */ jsx24("span", { className: "text-caption font-medium", children: "Hide" }),
-                    /* @__PURE__ */ jsx24(ChevronBottomDown_default, { className: "size-[14px]" })
+                    /* @__PURE__ */ jsx23("span", { className: "text-caption font-medium", children: "Hide" }),
+                    /* @__PURE__ */ jsx23(ChevronBottomDown_default, { className: "size-[14px]" })
                   ]
                 }
               )
             ] }),
-            /* @__PURE__ */ jsx24(
+            /* @__PURE__ */ jsx23(
               "div",
               {
                 className: cn(
                   "grid transition-all duration-200 ease-out",
                   showDetails ? "grid-rows-[1fr]" : "grid-rows-[0fr]"
                 ),
-                children: /* @__PURE__ */ jsx24("div", { className: "overflow-hidden min-h-0", children: /* @__PURE__ */ jsxs16("div", { className: "pt-4 space-y-3", children: [
-                  /* @__PURE__ */ jsxs16("div", { className: "flex justify-between items-center text-brand-black-100", children: [
-                    /* @__PURE__ */ jsxs16("span", { className: "text-caption font-medium flex items-center gap-1", children: [
-                      /* @__PURE__ */ jsx24(Percent_default, { className: "size-[14px]" }),
+                children: /* @__PURE__ */ jsx23("div", { className: "overflow-hidden min-h-0", children: /* @__PURE__ */ jsxs15("div", { className: "pt-4 space-y-3", children: [
+                  /* @__PURE__ */ jsxs15("div", { className: "flex justify-between items-center text-brand-black-100", children: [
+                    /* @__PURE__ */ jsxs15("span", { className: "text-caption font-medium flex items-center gap-1", children: [
+                      /* @__PURE__ */ jsx23(Percent_default, { className: "size-[14px]" }),
                       "Bridge fee"
                     ] }),
-                    /* @__PURE__ */ jsx24("span", { className: "text-caption font-medium text-white", children: bridgeDetails.bridgeFee })
+                    /* @__PURE__ */ jsx23("span", { className: "text-caption font-medium text-white", children: bridgeDetails.bridgeFee })
                   ] }),
-                  /* @__PURE__ */ jsxs16("div", { className: "flex justify-between items-center text-brand-black-100", children: [
-                    /* @__PURE__ */ jsxs16("span", { className: "text-caption font-medium flex items-center gap-1", children: [
-                      /* @__PURE__ */ jsx24(Gas_default, { className: "size-[14px]" }),
+                  /* @__PURE__ */ jsxs15("div", { className: "flex justify-between items-center text-brand-black-100", children: [
+                    /* @__PURE__ */ jsxs15("span", { className: "text-caption font-medium flex items-center gap-1", children: [
+                      /* @__PURE__ */ jsx23(Gas_default, { className: "size-[14px]" }),
                       "Gas costs"
                     ] }),
-                    /* @__PURE__ */ jsx24("span", { className: "text-caption font-medium text-white", children: bridgeDetails.gasFee })
+                    /* @__PURE__ */ jsx23("span", { className: "text-caption font-medium text-white", children: bridgeDetails.gasFee })
                   ] }),
-                  /* @__PURE__ */ jsxs16("div", { className: "flex justify-between items-center text-brand-black-100", children: [
-                    /* @__PURE__ */ jsxs16("span", { className: "text-caption font-medium flex items-center gap-1", children: [
-                      /* @__PURE__ */ jsx24(ArrowBottomTop_default, { className: "size-[14px]" }),
+                  /* @__PURE__ */ jsxs15("div", { className: "flex justify-between items-center text-brand-black-100", children: [
+                    /* @__PURE__ */ jsxs15("span", { className: "text-caption font-medium flex items-center gap-1", children: [
+                      /* @__PURE__ */ jsx23(ArrowBottomTop_default, { className: "size-[14px]" }),
                       "Slippage tolerance"
                     ] }),
-                    /* @__PURE__ */ jsx24("span", { className: "text-caption font-medium text-white", children: bridgeDetails.slippageTolerance })
+                    /* @__PURE__ */ jsx23("span", { className: "text-caption font-medium text-white", children: bridgeDetails.slippageTolerance })
                   ] }),
-                  /* @__PURE__ */ jsxs16("div", { className: "flex justify-between items-center text-brand-black-100", children: [
-                    /* @__PURE__ */ jsxs16("span", { className: "text-caption font-medium flex items-center gap-1", children: [
-                      /* @__PURE__ */ jsx24(ArrowSplit_default, { className: "size-[14px]" }),
+                  /* @__PURE__ */ jsxs15("div", { className: "flex justify-between items-center text-brand-black-100", children: [
+                    /* @__PURE__ */ jsxs15("span", { className: "text-caption font-medium flex items-center gap-1", children: [
+                      /* @__PURE__ */ jsx23(ArrowSplit_default, { className: "size-[14px]" }),
                       "Route"
                     ] }),
-                    /* @__PURE__ */ jsxs16("span", { className: "text-caption font-medium text-white", children: [
+                    /* @__PURE__ */ jsxs15("span", { className: "text-caption font-medium text-white", children: [
                       bridgeDetails.routes,
                       " stops"
                     ] })
                   ] }),
-                  /* @__PURE__ */ jsxs16("div", { className: "flex justify-between items-center text-brand-black-100", children: [
-                    /* @__PURE__ */ jsxs16("span", { className: "text-caption font-medium flex items-center gap-1", children: [
-                      /* @__PURE__ */ jsx24(Clock_default, { className: "size-[14px]" }),
+                  /* @__PURE__ */ jsxs15("div", { className: "flex justify-between items-center text-brand-black-100", children: [
+                    /* @__PURE__ */ jsxs15("span", { className: "text-caption font-medium flex items-center gap-1", children: [
+                      /* @__PURE__ */ jsx23(Clock_default, { className: "size-[14px]" }),
                       "Estimated time"
                     ] }),
-                    /* @__PURE__ */ jsx24("span", { className: "text-caption font-medium text-white", children: bridgeDetails.estimatedTime })
+                    /* @__PURE__ */ jsx23("span", { className: "text-caption font-medium text-white", children: bridgeDetails.estimatedTime })
                   ] })
                 ] }) })
               }
@@ -2551,7 +2545,7 @@ function BridgeForm({
           ] })
         }
       ),
-      /* @__PURE__ */ jsx24("div", { className: "mt-4", children: /* @__PURE__ */ jsx24(
+      /* @__PURE__ */ jsx23("div", { className: "mt-4", children: /* @__PURE__ */ jsx23(
         Button2,
         {
           type: buttonState.onClick ? "submit" : "button",
@@ -2564,7 +2558,7 @@ function BridgeForm({
         }
       ) })
     ] }),
-    /* @__PURE__ */ jsx24(
+    /* @__PURE__ */ jsx23(
       NetworkSelector,
       {
         isOpen: !!networkSelectorState,
@@ -2596,9 +2590,9 @@ function TokenSelectorDialog(props) {
     onTokenSelect == null ? void 0 : onTokenSelect(token);
     setIsTokenSelectorOpen(false);
   };
-  return /* @__PURE__ */ jsxs16(Dialog, { children: [
-    /* @__PURE__ */ jsx24(DialogTrigger, { asChild: true, children }),
-    /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsxs15(Dialog, { children: [
+    /* @__PURE__ */ jsx23(DialogTrigger, { asChild: true, children }),
+    /* @__PURE__ */ jsx23(
       TokenSelector,
       {
         isOpen: isTokenSelectorOpen,
@@ -2614,19 +2608,80 @@ function TokenSelectorDialog(props) {
   ] });
 }
 
+// src/components/input/input.tsx
+import * as React9 from "react";
+
+// src/@/ui/input.tsx
+import { jsx as jsx24 } from "react/jsx-runtime";
+function Input(_a) {
+  var _b = _a, { className, type } = _b, props = __objRest(_b, ["className", "type"]);
+  return /* @__PURE__ */ jsx24(
+    "input",
+    __spreadValues({
+      type,
+      "data-slot": "input",
+      className: cn(
+        "file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
+        "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
+        "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+        className
+      )
+    }, props)
+  );
+}
+
+// src/components/input/input.tsx
+import { jsx as jsx25, jsxs as jsxs16 } from "react/jsx-runtime";
+var Input2 = React9.forwardRef((_a, ref) => {
+  var _b = _a, { className, label, error, helperText, id } = _b, props = __objRest(_b, ["className", "label", "error", "helperText", "id"]);
+  const inputId = id || React9.useId();
+  return /* @__PURE__ */ jsxs16("div", { className: "space-y-2", children: [
+    label && /* @__PURE__ */ jsx25(
+      "label",
+      {
+        htmlFor: inputId,
+        className: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+        children: label
+      }
+    ),
+    /* @__PURE__ */ jsx25(
+      Input,
+      __spreadValues({
+        ref,
+        id: inputId,
+        className: cn(
+          error && "border-destructive focus-visible:border-destructive",
+          className
+        )
+      }, props)
+    ),
+    (error || helperText) && /* @__PURE__ */ jsx25(
+      "p",
+      {
+        className: cn(
+          "text-sm",
+          error ? "text-destructive" : "text-muted-foreground"
+        ),
+        children: error || helperText
+      }
+    )
+  ] });
+});
+Input2.displayName = "Input";
+
 // src/components/molecules/address-input.tsx
-import { useId as useId2, forwardRef as forwardRef2 } from "react";
+import { useId as useId2, forwardRef as forwardRef3 } from "react";
 import { motion as motion2 } from "motion/react";
 import { Slot as Slot6 } from "@radix-ui/react-slot";
-import { jsx as jsx25, jsxs as jsxs17 } from "react/jsx-runtime";
-var AddressInput = forwardRef2((props, ref) => {
+import { jsx as jsx26, jsxs as jsxs17 } from "react/jsx-runtime";
+var AddressInput = forwardRef3((props, ref) => {
   const id = useId2();
   const _a = props, { network, validity } = _a, __props = __objRest(_a, ["network", "validity"]);
   const input_id = `address${id}`;
   return /* @__PURE__ */ jsxs17("div", { className: "flex flex-col gap-[calc(6rem/16)] w-full select-none", children: [
-    /* @__PURE__ */ jsx25(Text, { variant: "caption", className: "text-muted-foreground", asChild: true, children: /* @__PURE__ */ jsx25("label", { htmlFor: input_id, children: "To address" }) }),
+    /* @__PURE__ */ jsx26(Text, { variant: "caption", className: "text-muted-foreground", asChild: true, children: /* @__PURE__ */ jsx26("label", { htmlFor: input_id, children: "To address" }) }),
     /* @__PURE__ */ jsxs17("div", { className: "bg-brand-black-350 w-full h-[calc(50rem/16)] justify-start gap-2 flex py-[calc(13rem/16)] px-[calc(12rem/16)] rounded-[1rem]", children: [
-      props.validity.status === "error" ? /* @__PURE__ */ jsx25(IconButton, { variant: "level_2", rounded: "full", size: "xs", asChild: true, children: /* @__PURE__ */ jsx25("span", { className: "w-[calc(24rem/16)]", children: /* @__PURE__ */ jsx25(CirclePlaceholderDashed_default, { width: "1em" }) }) }) : /* @__PURE__ */ jsx25(
+      props.validity.status === "error" ? /* @__PURE__ */ jsx26(IconButton, { variant: "level_2", rounded: "full", size: "xs", asChild: true, children: /* @__PURE__ */ jsx26("span", { className: "w-[calc(24rem/16)]", children: /* @__PURE__ */ jsx26(CirclePlaceholderDashed_default, { width: "1em" }) }) }) : /* @__PURE__ */ jsx26(
         TokenImage,
         {
           className: "w-[calc(24rem/16)]",
@@ -2634,7 +2689,7 @@ var AddressInput = forwardRef2((props, ref) => {
           alt: props.network.name
         }
       ),
-      /* @__PURE__ */ jsx25(
+      /* @__PURE__ */ jsx26(
         "input",
         __spreadProps(__spreadValues({
           ref,
@@ -2646,7 +2701,7 @@ var AddressInput = forwardRef2((props, ref) => {
         })
       )
     ] }),
-    /* @__PURE__ */ jsx25(Text, { variant: "caption", asChild: true, children: /* @__PURE__ */ jsxs17(
+    /* @__PURE__ */ jsx26(Text, { variant: "caption", asChild: true, children: /* @__PURE__ */ jsxs17(
       motion2.p,
       {
         initial: { opacity: 0, marginTop: -10 },
@@ -2656,15 +2711,15 @@ var AddressInput = forwardRef2((props, ref) => {
           "text-brand-danger-500": props.validity.status === "error"
         }),
         children: [
-          props.validity.status === "ok" ? /* @__PURE__ */ jsx25(Check_default, { width: "1em" }) : /* @__PURE__ */ jsx25(XCircle_default, { width: "1em" }),
-          /* @__PURE__ */ jsx25("span", { children: props.validity.message })
+          props.validity.status === "ok" ? /* @__PURE__ */ jsx26(Check_default, { width: "1em" }) : /* @__PURE__ */ jsx26(XCircle_default, { width: "1em" }),
+          /* @__PURE__ */ jsx26("span", { children: props.validity.message })
         ]
       }
     ) })
   ] });
 });
 function AddressInputFocusBehaviour(props) {
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     Slot6,
     __spreadProps(__spreadValues({}, props), {
       onFocus: (e) => {
@@ -2686,21 +2741,21 @@ function AddressInputFocusBehaviour(props) {
 }
 
 // src/components/if.tsx
-import { Fragment as Fragment5, jsx as jsx26 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx27 } from "react/jsx-runtime";
 function If({ cond: condition, children }) {
   if (!condition) return null;
-  return /* @__PURE__ */ jsx26(Fragment5, { children });
+  return /* @__PURE__ */ jsx27(Fragment5, { children });
 }
 var if_default = If;
 
 // src/components/molecules/asset-list.tsx
-import { jsx as jsx27, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs18 } from "react/jsx-runtime";
 function AssetListItem(props) {
   const { caption, tokenImage } = props;
   return /* @__PURE__ */ jsxs18("li", { className: "flex gap-[0.75rem] select-none items-center text-brand-black-100", children: [
-    /* @__PURE__ */ jsx27(BadgeIcon, __spreadValues({}, tokenImage)),
+    /* @__PURE__ */ jsx28(BadgeIcon, __spreadValues({}, tokenImage)),
     /* @__PURE__ */ jsxs18("div", { className: "flex flex-grow flex-col text-start gap-[0.125rem]", children: [
-      /* @__PURE__ */ jsx27("span", { className: "text-brand-white-500 text-[0.875rem] h-[1.25rem]", children: caption }),
+      /* @__PURE__ */ jsx28("span", { className: "text-brand-white-500 text-[0.875rem] h-[1.25rem]", children: caption }),
       /* @__PURE__ */ jsxs18("span", { className: "text-xs h-[1rem] flex items-center gap-[0.125rem]", children: [
         props.amountInUSD,
         " ",
@@ -2710,24 +2765,24 @@ function AssetListItem(props) {
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsx27("div", { className: "flex-col shrink-0 text-end", children: /* @__PURE__ */ jsx27("span", { className: "text-brand-white-500 text-[1rem] h-[1.25rem]", children: props.amount }) })
+    /* @__PURE__ */ jsx28("div", { className: "flex-col shrink-0 text-end", children: /* @__PURE__ */ jsx28("span", { className: "text-brand-white-500 text-[1rem] h-[1.25rem]", children: props.amount }) })
   ] });
 }
 function AssetList(props) {
-  return /* @__PURE__ */ jsx27("ul", __spreadProps(__spreadValues({}, props), { className: cn("flex flex-col gap-[1rem]", props.className), children: props.children }));
+  return /* @__PURE__ */ jsx28("ul", __spreadProps(__spreadValues({}, props), { className: cn("flex flex-col gap-[1rem]", props.className), children: props.children }));
 }
 
 // src/components/atoms/gradient-line.tsx
 import { Slot as Slot7 } from "@radix-ui/react-slot";
-import React9 from "react";
-import { jsx as jsx28, jsxs as jsxs19 } from "react/jsx-runtime";
+import React10 from "react";
+import { jsx as jsx29, jsxs as jsxs19 } from "react/jsx-runtime";
 function GradientContainer(props) {
-  return /* @__PURE__ */ jsx28(Slot7, { className: "relative overflow-hidden", children: props.children });
+  return /* @__PURE__ */ jsx29(Slot7, { className: "relative overflow-hidden", children: props.children });
 }
 function GradientLine(props) {
-  const ref = React9.useRef(null);
+  const ref = React10.useRef(null);
   const { behaviour, value, mode = "default" } = props;
-  React9.useEffect(() => {
+  React10.useEffect(() => {
     const el = ref.current;
     if (!el) return;
     const parent = el.parentElement;
@@ -2743,26 +2798,26 @@ function GradientLine(props) {
       window.removeEventListener("resize", updateWidth);
     };
   }, []);
-  React9.useEffect(() => {
+  React10.useEffect(() => {
     const el = ref.current;
     if (!el) return;
     if (behaviour !== "duration") return;
     el.style.transition = `width ${value}ms linear`;
     el.style.width = "100%";
   }, [behaviour, value]);
-  React9.useEffect(() => {
+  React10.useEffect(() => {
     if (behaviour !== "progress") return;
     const el = ref.current;
     if (!el) return;
     el.style.width = `${value}%`;
   }, [behaviour, value]);
-  return /* @__PURE__ */ jsx28("div", { className: "inset-0 flex flex-col absolute z-[0] justify-end", children: /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx29("div", { className: "inset-0 flex flex-col absolute z-[0] justify-end", children: /* @__PURE__ */ jsx29(
     "div",
     {
       ref,
       className: "relative flex flex-col overflow-hidden w-0 h-[var(--grad-container-h)]",
       children: /* @__PURE__ */ jsxs19("div", { className: "flex flex-col flex-1 z-[-1] w-[var(--grad-container-w)]", children: [
-        /* @__PURE__ */ jsx28(
+        /* @__PURE__ */ jsx29(
           "div",
           {
             className: cn("flex-1 w-full", {
@@ -2771,7 +2826,7 @@ function GradientLine(props) {
             })
           }
         ),
-        /* @__PURE__ */ jsx28(
+        /* @__PURE__ */ jsx29(
           "div",
           {
             className: "w-full h-px",
@@ -2786,11 +2841,11 @@ function GradientLine(props) {
 }
 
 // src/components/molecules/connect-wallet.tsx
-import { Fragment as Fragment6, jsx as jsx29, jsxs as jsxs20 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx30, jsxs as jsxs20 } from "react/jsx-runtime";
 function WalletAccountItem(props) {
   const { network, wallet, address, isActive } = props;
   return /* @__PURE__ */ jsxs20("li", { className: "p-[0.75rem] select-none h-[3.75rem] rounded-[1rem] bg-brand-black-350 items-center flex gap-[0.625rem] w-full", children: [
-    /* @__PURE__ */ jsx29(
+    /* @__PURE__ */ jsx30(
       BadgeIcon,
       {
         src: wallet.image,
@@ -2801,14 +2856,14 @@ function WalletAccountItem(props) {
     ),
     /* @__PURE__ */ jsxs20(Fragment6, { children: [
       /* @__PURE__ */ jsxs20("div", { className: "flex grow-1 flex-col font-medium text-brand-white-500", children: [
-        /* @__PURE__ */ jsx29("span", { className: "text-body", children: address != null ? address : "{{Address}}" }),
+        /* @__PURE__ */ jsx30("span", { className: "text-body", children: address != null ? address : "{{Address}}" }),
         isActive && /* @__PURE__ */ jsxs20("span", { className: "text-caption-2 h-[1rem] text-brand-white-500 inline-flex items-center gap-0.5", children: [
-          /* @__PURE__ */ jsx29(Check_default, { className: "text-brand-success-400" }),
+          /* @__PURE__ */ jsx30(Check_default, { className: "text-brand-success-400" }),
           " Connected"
         ] })
       ] }),
       /* @__PURE__ */ jsxs20("div", { className: "flex grow-0 gap-[0.375rem] h-[2rem] items-stretch shrink-0 *:shrink-0", children: [
-        /* @__PURE__ */ jsx29(
+        /* @__PURE__ */ jsx30(
           IconButton,
           {
             size: "sm",
@@ -2819,7 +2874,7 @@ function WalletAccountItem(props) {
               var _a;
               (_a = props == null ? void 0 : props.onCopy) == null ? void 0 : _a.call(props);
             },
-            children: /* @__PURE__ */ jsx29(Copy_default, { className: "size-4 text-brand-black-100" })
+            children: /* @__PURE__ */ jsx30(Copy_default, { className: "size-4 text-brand-black-100" })
           }
         ),
         /* @__PURE__ */ jsxs20(
@@ -2833,8 +2888,8 @@ function WalletAccountItem(props) {
               return (_a = props == null ? void 0 : props.onDisconnect) == null ? void 0 : _a.call(props);
             },
             children: [
-              /* @__PURE__ */ jsx29(Power_default, { className: "size-4 text-brand-black-100" }),
-              /* @__PURE__ */ jsx29("span", { className: "w-0 transition-all overflow-hidden group-hover:w-[10ch]", children: "Disconnect" })
+              /* @__PURE__ */ jsx30(Power_default, { className: "size-4 text-brand-black-100" }),
+              /* @__PURE__ */ jsx30("span", { className: "w-0 transition-all overflow-hidden group-hover:w-[10ch]", children: "Disconnect" })
             ]
           }
         )
@@ -2851,8 +2906,8 @@ function WalletProviderItem(props) {
     transition = { progress_duration: 5e3 }
   } = props;
   const is_supported = unsupported === "supported";
-  return /* @__PURE__ */ jsx29(GradientContainer, { children: /* @__PURE__ */ jsxs20("li", { className: "p-[0.75rem] select-none w-full flex h-[3.75rem] rounded-[1rem] bg-brand-black-350 items-center", children: [
-    status === "connecting" ? /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(GradientContainer, { children: /* @__PURE__ */ jsxs20("li", { className: "p-[0.75rem] select-none w-full flex h-[3.75rem] rounded-[1rem] bg-brand-black-350 items-center", children: [
+    status === "connecting" ? /* @__PURE__ */ jsx30(
       GradientLine,
       {
         behaviour: "duration",
@@ -2860,10 +2915,10 @@ function WalletProviderItem(props) {
       }
     ) : null,
     /* @__PURE__ */ jsxs20("div", { className: "flex z-10 gap-[0.625rem] w-full items-center", children: [
-      /* @__PURE__ */ jsx29(TokenImage, { src: wallet.src, alt: wallet.name, className: "w-[2rem]" }),
-      /* @__PURE__ */ jsx29("div", { className: "flex grow-1 flex-col font-medium text-brand-white-500", children: /* @__PURE__ */ jsx29("span", { className: "text-base leading-[1.6]", children: wallet.name }) }),
-      !is_supported ? /* @__PURE__ */ jsx29("span", { className: "text-brand-black-100 text-xs font-medium", children: unsupported }) : null,
-      !installed && is_supported ? /* @__PURE__ */ jsx29(Button, { variant: "level_2", size: "sm", onClick: props.onConnect, children: "Install" }) : null,
+      /* @__PURE__ */ jsx30(TokenImage, { src: wallet.src, alt: wallet.name, className: "w-[2rem]" }),
+      /* @__PURE__ */ jsx30("div", { className: "flex grow-1 flex-col font-medium text-brand-white-500", children: /* @__PURE__ */ jsx30("span", { className: "text-base leading-[1.6]", children: wallet.name }) }),
+      !is_supported ? /* @__PURE__ */ jsx30("span", { className: "text-brand-black-100 text-xs font-medium", children: unsupported }) : null,
+      !installed && is_supported ? /* @__PURE__ */ jsx30(Button, { variant: "level_2", size: "sm", onClick: props.onConnect, children: "Install" }) : null,
       installed && is_supported && /* @__PURE__ */ jsxs20(Fragment6, { children: [
         status === "failed" && /* @__PURE__ */ jsxs20("div", { className: "flex grow-0 gap-[0.375rem] h-[2rem] items-stretch shrink-0 *:shrink-0", children: [
           /* @__PURE__ */ jsxs20(
@@ -2874,12 +2929,12 @@ function WalletProviderItem(props) {
               className: "h-[auto]",
               onClick: props.onRetry,
               children: [
-                /* @__PURE__ */ jsx29(RotateCcw_default, { className: "size-4 text-brand-black-100" }),
+                /* @__PURE__ */ jsx30(RotateCcw_default, { className: "size-4 text-brand-black-100" }),
                 "Try again"
               ]
             }
           ),
-          /* @__PURE__ */ jsx29(
+          /* @__PURE__ */ jsx30(
             IconButton,
             {
               className: "cursor-pointer",
@@ -2887,11 +2942,11 @@ function WalletProviderItem(props) {
               size: "sm",
               onClick: props.onCancel,
               rounded: "default",
-              children: /* @__PURE__ */ jsx29(XIcon_default, { className: "text-brand-black-100 size-[1em]" })
+              children: /* @__PURE__ */ jsx30(XIcon_default, { className: "text-brand-black-100 size-[1em]" })
             }
           )
         ] }),
-        (status === "connecting" || status === "idle") && /* @__PURE__ */ jsx29(
+        (status === "connecting" || status === "idle") && /* @__PURE__ */ jsx30(
           Button,
           {
             variant: "level_2",
@@ -2912,8 +2967,8 @@ function WalletProviderItem(props) {
               return (_a = props == null ? void 0 : props.onDisconnect) == null ? void 0 : _a.call(props);
             },
             children: [
-              /* @__PURE__ */ jsx29(Power_default, { className: "size-4 text-brand-black-100" }),
-              /* @__PURE__ */ jsx29("span", { className: "w-0 transition-all overflow-hidden group-hover:w-[10ch]", children: "Disconnect" })
+              /* @__PURE__ */ jsx30(Power_default, { className: "size-4 text-brand-black-100" }),
+              /* @__PURE__ */ jsx30("span", { className: "w-0 transition-all overflow-hidden group-hover:w-[10ch]", children: "Disconnect" })
             ]
           }
         )
@@ -2923,13 +2978,13 @@ function WalletProviderItem(props) {
 }
 function NetworkGroupItem(props) {
   const { image: wallet } = props;
-  return /* @__PURE__ */ jsx29("li", { className: "p-[0.75rem] select-none flex h-[3.75rem] rounded-[1rem] bg-brand-black-350 w-full", children: /* @__PURE__ */ jsxs20("div", { className: "flex gap-[0.625rem] w-full z-20 relative items-center", children: [
-    /* @__PURE__ */ jsx29(TokenImage, { className: "w-[2rem]", src: wallet.src, alt: wallet.name }),
+  return /* @__PURE__ */ jsx30("li", { className: "p-[0.75rem] select-none flex h-[3.75rem] rounded-[1rem] bg-brand-black-350 w-full", children: /* @__PURE__ */ jsxs20("div", { className: "flex gap-[0.625rem] w-full z-20 relative items-center", children: [
+    /* @__PURE__ */ jsx30(TokenImage, { className: "w-[2rem]", src: wallet.src, alt: wallet.name }),
     /* @__PURE__ */ jsxs20("div", { className: "flex grow-1 flex-col font-medium text-brand-white-500", children: [
-      /* @__PURE__ */ jsx29("span", { className: "text-body", children: wallet.name }),
-      /* @__PURE__ */ jsx29("span", { className: "text-caption-2 text-brand-black-100", children: props.description })
+      /* @__PURE__ */ jsx30("span", { className: "text-body", children: wallet.name }),
+      /* @__PURE__ */ jsx30("span", { className: "text-caption-2 text-brand-black-100", children: props.description })
     ] }),
-    /* @__PURE__ */ jsx29(Button, { variant: "level_2", size: "sm", onClick: props.onConnect, children: "Connect" })
+    /* @__PURE__ */ jsx30(Button, { variant: "level_2", size: "sm", onClick: props.onConnect, children: "Connect" })
   ] }) });
 }
 function AccountItem(props) {
@@ -2941,7 +2996,7 @@ function AccountItem(props) {
     }
   };
   return /* @__PURE__ */ jsxs20("li", { className: "select-none h-[3.75rem] items-center flex gap-[0.625rem] w-full", children: [
-    /* @__PURE__ */ jsx29(
+    /* @__PURE__ */ jsx30(
       IconButton,
       {
         className: cn(
@@ -2951,10 +3006,10 @@ function AccountItem(props) {
         variant: "secondary",
         onClick: handleSelect,
         title: isActive ? "Already active" : "Activate this account",
-        children: isActive ? /* @__PURE__ */ jsx29(Check_default, { className: "size-4 text-brand-success-400" }) : /* @__PURE__ */ jsx29(CirclePlaceholder_default, { className: "size-4 text-brand-black-100 group-hover:text-white duration-200 transition-colors" })
+        children: isActive ? /* @__PURE__ */ jsx30(Check_default, { className: "size-4 text-brand-success-400" }) : /* @__PURE__ */ jsx30(CirclePlaceholder_default, { className: "size-4 text-brand-black-100 group-hover:text-white duration-200 transition-colors" })
       }
     ),
-    /* @__PURE__ */ jsx29(
+    /* @__PURE__ */ jsx30(
       BadgeIcon,
       {
         src: wallet.image,
@@ -2965,9 +3020,9 @@ function AccountItem(props) {
       }
     ),
     /* @__PURE__ */ jsxs20(Fragment6, { children: [
-      /* @__PURE__ */ jsx29("div", { className: "flex grow-1 flex-col font-medium text-brand-white-500", children: /* @__PURE__ */ jsx29("div", { className: "flex items-center gap-[6px]", children: /* @__PURE__ */ jsx29("span", { className: "text-body", children: address != null ? address : "{{Address}}" }) }) }),
+      /* @__PURE__ */ jsx30("div", { className: "flex grow-1 flex-col font-medium text-brand-white-500", children: /* @__PURE__ */ jsx30("div", { className: "flex items-center gap-[6px]", children: /* @__PURE__ */ jsx30("span", { className: "text-body", children: address != null ? address : "{{Address}}" }) }) }),
       /* @__PURE__ */ jsxs20("div", { className: "relative flex gap-[6px] grow-0 h-[2rem] items-stretch shrink-0 *:shrink-0 pr-[45px]", children: [
-        /* @__PURE__ */ jsx29(
+        /* @__PURE__ */ jsx30(
           IconButton,
           {
             size: "sm",
@@ -2978,7 +3033,7 @@ function AccountItem(props) {
               var _a;
               (_a = props == null ? void 0 : props.onCopy) == null ? void 0 : _a.call(props);
             },
-            children: /* @__PURE__ */ jsx29(Copy_default, { className: "size-4 text-brand-black-100" })
+            children: /* @__PURE__ */ jsx30(Copy_default, { className: "size-4 text-brand-black-100" })
           }
         ),
         /* @__PURE__ */ jsxs20(
@@ -2992,8 +3047,8 @@ function AccountItem(props) {
               return (_a = props == null ? void 0 : props.onDisconnect) == null ? void 0 : _a.call(props);
             },
             children: [
-              /* @__PURE__ */ jsx29(Power_default, { className: "size-4 text-brand-black-100" }),
-              /* @__PURE__ */ jsx29("span", { className: "w-0 transition-all overflow-hidden group-hover:w-[10ch]", children: "Disconnect" })
+              /* @__PURE__ */ jsx30(Power_default, { className: "size-4 text-brand-black-100" }),
+              /* @__PURE__ */ jsx30("span", { className: "w-0 transition-all overflow-hidden group-hover:w-[10ch]", children: "Disconnect" })
             ]
           }
         )
@@ -3003,29 +3058,29 @@ function AccountItem(props) {
 }
 
 // src/components/molecules/review-item.tsx
-import React10 from "react";
-import { jsx as jsx30, jsxs as jsxs21 } from "react/jsx-runtime";
+import React11 from "react";
+import { jsx as jsx31, jsxs as jsxs21 } from "react/jsx-runtime";
 function ReviewItem(props) {
   const Btn = props.AddressInfo ? props.AddressInfo : ReviewItemCopyAddressButton;
   return /* @__PURE__ */ jsxs21("li", { className: "bg-brand-black-500 font-medium items-center w-full h-[calc(64rem/16)] flex gap-[1rem] p-[calc(12rem/16)]", children: [
-    /* @__PURE__ */ jsx30(BadgeIcon, __spreadValues({}, props.badge)),
+    /* @__PURE__ */ jsx31(BadgeIcon, __spreadValues({}, props.badge)),
     /* @__PURE__ */ jsxs21("div", { className: "flex-1 text-start flex flex-col", children: [
       /* @__PURE__ */ jsxs21("span", { className: "text-[1rem] leading-[1.25] text-brand-white-500", children: [
         props.asset.amount,
         " ",
         props.asset.symbol
       ] }),
-      /* @__PURE__ */ jsx30("span", { className: "text-[calc(12rem/16)] leading-[1rem]", children: props.asset.secondaryValue })
+      /* @__PURE__ */ jsx31("span", { className: "text-[calc(12rem/16)] leading-[1rem]", children: props.asset.secondaryValue })
     ] }),
     /* @__PURE__ */ jsxs21("div", { className: "flex flex-col items-end gap-[2px] text-end shrink-0", children: [
-      /* @__PURE__ */ jsx30(Btn, { address: props.address, tag: props.tag }),
-      /* @__PURE__ */ jsx30("span", { className: "text-[calc(12rem/16)] leading-[1rem]", children: props.networkName })
+      /* @__PURE__ */ jsx31(Btn, { address: props.address, tag: props.tag }),
+      /* @__PURE__ */ jsx31("span", { className: "text-[calc(12rem/16)] leading-[1rem]", children: props.networkName })
     ] })
   ] });
 }
-var ReviewItemAddress = React10.forwardRef((props, ref) => {
+var ReviewItemAddress = React11.forwardRef((props, ref) => {
   const _a = props, { address, tag } = _a, PROPS = __objRest(_a, ["address", "tag"]);
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31(
     "span",
     __spreadProps(__spreadValues({
       ref
@@ -3034,11 +3089,11 @@ var ReviewItemAddress = React10.forwardRef((props, ref) => {
         "rounded-full px-[6px] py-[3px] text-[calc(14rem/16)] inline-flex items-center gap-[calc(4rem/16)] bg-brand-black-300",
         props.className
       ),
-      children: /* @__PURE__ */ jsx30("span", { className: "text-[calc(12rem/16)] not-sr-only leading-[1rem] text-brand-white-500", children: address })
+      children: /* @__PURE__ */ jsx31("span", { className: "text-[calc(12rem/16)] not-sr-only leading-[1rem] text-brand-white-500", children: address })
     })
   );
 });
-var ReviewItemCopyAddressButton = React10.forwardRef((props, ref) => {
+var ReviewItemCopyAddressButton = React11.forwardRef((props, ref) => {
   const _a = props, { address, tag } = _a, PROPS = __objRest(_a, ["address", "tag"]);
   return /* @__PURE__ */ jsxs21(
     "button",
@@ -3055,8 +3110,8 @@ var ReviewItemCopyAddressButton = React10.forwardRef((props, ref) => {
           tag,
           " address"
         ] }),
-        /* @__PURE__ */ jsx30("span", { className: "text-[calc(12rem/16)] not-sr-only leading-[1rem] text-brand-white-500", children: address }),
-        /* @__PURE__ */ jsx30(Copy_default, { className: "size-4" })
+        /* @__PURE__ */ jsx31("span", { className: "text-[calc(12rem/16)] not-sr-only leading-[1rem] text-brand-white-500", children: address }),
+        /* @__PURE__ */ jsx31(Copy_default, { className: "size-4" })
       ]
     })
   );
@@ -3064,15 +3119,15 @@ var ReviewItemCopyAddressButton = React10.forwardRef((props, ref) => {
 
 // src/components/molecules/swap-review-item.tsx
 import { Loader2Icon } from "lucide-react";
-import React11 from "react";
-import { jsx as jsx31, jsxs as jsxs22 } from "react/jsx-runtime";
+import React12 from "react";
+import { jsx as jsx32, jsxs as jsxs22 } from "react/jsx-runtime";
 function SwapReviewItem(props) {
   const addressButton = props.addressButton;
   const { pendingMode = "idle" } = props;
   return /* @__PURE__ */ jsxs22("li", { className: "font-medium text-brand-black-100 items-center w-full h-[calc(48rem/16)] flex gap-[1rem]", children: [
-    /* @__PURE__ */ jsx31(BadgeIcon, __spreadValues({ size: "2.5rem" }, props.badge)),
+    /* @__PURE__ */ jsx32(BadgeIcon, __spreadValues({ size: "2.5rem" }, props.badge)),
     /* @__PURE__ */ jsxs22("div", { className: "flex-1 text-start flex flex-col", children: [
-      /* @__PURE__ */ jsx31("span", { className: "text-[calc(12rem/16)] leading-[1rem]", children: props.tag === "from" ? "Amount in" : "Amount out" }),
+      /* @__PURE__ */ jsx32("span", { className: "text-[calc(12rem/16)] leading-[1rem]", children: props.tag === "from" ? "Amount in" : "Amount out" }),
       /* @__PURE__ */ jsxs22(
         "span",
         {
@@ -3091,7 +3146,7 @@ function SwapReviewItem(props) {
       )
     ] }),
     /* @__PURE__ */ jsxs22("div", { className: "flex self-stretch items-end text-end shrink-0", children: [
-      /* @__PURE__ */ jsx31(if_default, { cond: props.variant === "processing", children: /* @__PURE__ */ jsx31(
+      /* @__PURE__ */ jsx32(if_default, { cond: props.variant === "processing", children: /* @__PURE__ */ jsx32(
         "span",
         {
           className: cn(
@@ -3104,7 +3159,7 @@ function SwapReviewItem(props) {
           children: props.asset.secondaryValue
         }
       ) }),
-      /* @__PURE__ */ jsx31(if_default, { cond: props.variant === "reviewing", children: /* @__PURE__ */ jsxs22("div", { className: "flex flex-col items-end gap-1.5", children: [
+      /* @__PURE__ */ jsx32(if_default, { cond: props.variant === "reviewing", children: /* @__PURE__ */ jsxs22("div", { className: "flex flex-col items-end gap-1.5", children: [
         addressButton,
         /* @__PURE__ */ jsxs22("span", { className: "text-[calc(11rem/16)] text-brand-black-100 px-2", children: [
           props.wallet.networkName,
@@ -3114,8 +3169,8 @@ function SwapReviewItem(props) {
     ] })
   ] });
 }
-var SwapReviewCopyAddressButton = React11.forwardRef(function SwapReviewCopyAddressButton2(props, ref) {
-  return /* @__PURE__ */ jsx31(
+var SwapReviewCopyAddressButton = React12.forwardRef(function SwapReviewCopyAddressButton2(props, ref) {
+  return /* @__PURE__ */ jsx32(
     ReviewItemCopyAddressButton,
     __spreadValues({
       ref,
@@ -3123,9 +3178,9 @@ var SwapReviewCopyAddressButton = React11.forwardRef(function SwapReviewCopyAddr
     }, props)
   );
 });
-var SwapReviewItemAddress = React11.forwardRef((props, ref) => {
+var SwapReviewItemAddress = React12.forwardRef((props, ref) => {
   const _a = props, { address, tag } = _a, PROPS = __objRest(_a, ["address", "tag"]);
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx32(
     "span",
     __spreadProps(__spreadValues({
       ref
@@ -3134,12 +3189,12 @@ var SwapReviewItemAddress = React11.forwardRef((props, ref) => {
         "rounded-full px-[6px] py-[3px] text-[calc(14rem/16)] inline-flex items-center gap-[calc(4rem/16)] bg-brand-black-300",
         props.className
       ),
-      children: /* @__PURE__ */ jsx31("span", { className: "text-[calc(12rem/16)] not-sr-only leading-[1rem] text-brand-white-500", children: address })
+      children: /* @__PURE__ */ jsx32("span", { className: "text-[calc(12rem/16)] not-sr-only leading-[1rem] text-brand-white-500", children: address })
     })
   );
 });
 function SwapReviewRoot(props) {
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx32(
     "section",
     {
       className: "select-none flex max-w-[25rem] flex-col gap-2 rounded-xl bg-brand-black-550 py-5 px-3.5",
@@ -3153,8 +3208,8 @@ function SwapReviewRoot(props) {
 }
 function SwapReviewSeperator(props) {
   return /* @__PURE__ */ jsxs22("div", { className: "overflow-x-hidden relative flex items-center justify-center", children: [
-    /* @__PURE__ */ jsx31("div", { className: "border-dashed border-brand-black-200 z-10 absolute inset-x-0 border-b" }),
-    /* @__PURE__ */ jsx31(
+    /* @__PURE__ */ jsx32("div", { className: "border-dashed border-brand-black-200 z-10 absolute inset-x-0 border-b" }),
+    /* @__PURE__ */ jsx32(
       "div",
       {
         className: "z-20 absolute inset-0",
@@ -3163,7 +3218,7 @@ function SwapReviewSeperator(props) {
         }
       }
     ),
-    /* @__PURE__ */ jsx31("div", { className: "self-center place-self-center relative z-30", children: props.children })
+    /* @__PURE__ */ jsx32("div", { className: "self-center place-self-center relative z-30", children: props.children })
   ] });
 }
 function SwapReviewSeperatorStatus(props) {
@@ -3180,7 +3235,7 @@ function SwapReviewSeperatorStatus(props) {
         }
       ),
       children: [
-        /* @__PURE__ */ jsx31(
+        /* @__PURE__ */ jsx32(
           "span",
           {
             className: cn("text-xs text-brand-black-100", {
@@ -3189,8 +3244,8 @@ function SwapReviewSeperatorStatus(props) {
             children: mode === "processing" ? "Swapping" : "Swapped"
           }
         ),
-        /* @__PURE__ */ jsx31("span", { role: "presentation", className: "absolute end-2.5", children: /* @__PURE__ */ jsxs22("span", { className: "text-[0.65625rem] size-[1em] flex items-center justify-center *:absolute *:left-0 *:top-0 relative", children: [
-          /* @__PURE__ */ jsx31(
+        /* @__PURE__ */ jsx32("span", { role: "presentation", className: "absolute end-2.5", children: /* @__PURE__ */ jsxs22("span", { className: "text-[0.65625rem] size-[1em] flex items-center justify-center *:absolute *:left-0 *:top-0 relative", children: [
+          /* @__PURE__ */ jsx32(
             Loader2Icon,
             {
               className: cn(
@@ -3201,7 +3256,7 @@ function SwapReviewSeperatorStatus(props) {
               )
             }
           ),
-          /* @__PURE__ */ jsx31(
+          /* @__PURE__ */ jsx32(
             Check_default,
             {
               className: cn(
@@ -3220,8 +3275,8 @@ function SwapReviewSeperatorStatus(props) {
 
 // src/components/molecules/dialog.tsx
 import * as DialogPrimitive2 from "@radix-ui/react-dialog";
-import React12 from "react";
-import { Fragment as Fragment7, jsx as jsx32, jsxs as jsxs23 } from "react/jsx-runtime";
+import React13 from "react";
+import { Fragment as Fragment7, jsx as jsx33, jsxs as jsxs23 } from "react/jsx-runtime";
 function DialogMorphContent(_a) {
   var _b = _a, {
     className,
@@ -3234,8 +3289,8 @@ function DialogMorphContent(_a) {
     "showCloseButton",
     "onInteractOutside"
   ]);
-  const [mode, setViewMode] = React12.useState("card");
-  React12.useEffect(() => {
+  const [mode, setViewMode] = React13.useState("card");
+  React13.useEffect(() => {
     const controller = new AbortController();
     const signal = controller.signal;
     const checkOrientation = () => {
@@ -3283,8 +3338,8 @@ function DialogMorphContent(_a) {
             "data-slot": "dialog-close",
             className: "ring-offset-background cursor-pointer w-[calc(32rem/16)] inline-flex items-center justify-center rounded-full text-brand-black-100 aspect-square focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
             children: [
-              /* @__PURE__ */ jsx32(XIcon_default, { width: "1rem", height: "1rem" }),
-              /* @__PURE__ */ jsx32("span", { className: "sr-only", children: "Close" })
+              /* @__PURE__ */ jsx33(XIcon_default, { width: "1rem", height: "1rem" }),
+              /* @__PURE__ */ jsx33("span", { className: "sr-only", children: "Close" })
             ]
           }
         )
@@ -3292,33 +3347,33 @@ function DialogMorphContent(_a) {
     })
   );
   return /* @__PURE__ */ jsxs23(DialogPortal, { "data-slot": "dialog-portal", children: [
-    /* @__PURE__ */ jsx32(DialogOverlay, {}),
-    mode === "card" ? /* @__PURE__ */ jsx32(SmoothCorners, { children: Content9 }) : /* @__PURE__ */ jsx32(Fragment7, { children: Content9 })
+    /* @__PURE__ */ jsx33(DialogOverlay, {}),
+    mode === "card" ? /* @__PURE__ */ jsx33(SmoothCorners, { children: Content9 }) : /* @__PURE__ */ jsx33(Fragment7, { children: Content9 })
   ] });
 }
 
 // src/components/molecules/manage-wallet.tsx
-import React13 from "react";
+import React14 from "react";
 import { Slot as Slot8 } from "@radix-ui/react-slot";
-import { jsx as jsx33 } from "react/jsx-runtime";
+import { jsx as jsx34 } from "react/jsx-runtime";
 function WalletManagerUIProvider(props) {
   const { expand: open = false, children } = props;
-  const [show, setShow] = React13.useState(open);
-  return /* @__PURE__ */ jsx33(WalletManagerContext.Provider, { value: { show, setShow }, children });
+  const [show, setShow] = React14.useState(open);
+  return /* @__PURE__ */ jsx34(WalletManagerContext.Provider, { value: { show, setShow }, children });
 }
-var WalletManagerContext = React13.createContext({
+var WalletManagerContext = React14.createContext({
   show: false,
   // @ts-expect-error
-  setShow: React13.Dispatch
+  setShow: React14.Dispatch
 });
 function useManager() {
-  return React13.useContext(WalletManagerContext);
+  return React14.useContext(WalletManagerContext);
 }
 function WalletManagerUIContent({
   children
 }) {
   const { show } = useManager();
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     Slot8,
     {
       className: cn("transition-all pt-[1rem] flex-1", {
@@ -3334,14 +3389,14 @@ import { InfoIcon } from "lucide-react";
 
 // src/@/ui/tooltip.tsx
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-import { jsx as jsx34, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs24 } from "react/jsx-runtime";
 function TooltipProvider(_a) {
   var _b = _a, {
     delayDuration = 0
   } = _b, props = __objRest(_b, [
     "delayDuration"
   ]);
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx35(
     TooltipPrimitive.Provider,
     __spreadValues({
       "data-slot": "tooltip-provider",
@@ -3351,11 +3406,11 @@ function TooltipProvider(_a) {
 }
 function Tooltip(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx34(TooltipProvider, { children: /* @__PURE__ */ jsx34(TooltipPrimitive.Root, __spreadValues({ "data-slot": "tooltip" }, props)) });
+  return /* @__PURE__ */ jsx35(TooltipProvider, { children: /* @__PURE__ */ jsx35(TooltipPrimitive.Root, __spreadValues({ "data-slot": "tooltip" }, props)) });
 }
 function TooltipTrigger(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx34(TooltipPrimitive.Trigger, __spreadValues({ "data-slot": "tooltip-trigger" }, props));
+  return /* @__PURE__ */ jsx35(TooltipPrimitive.Trigger, __spreadValues({ "data-slot": "tooltip-trigger" }, props));
 }
 function TooltipContent(_a) {
   var _b = _a, {
@@ -3367,7 +3422,7 @@ function TooltipContent(_a) {
     "sideOffset",
     "children"
   ]);
-  return /* @__PURE__ */ jsx34(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs24(
+  return /* @__PURE__ */ jsx35(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs24(
     TooltipPrimitive.Content,
     __spreadProps(__spreadValues({
       "data-slot": "tooltip-content",
@@ -3379,31 +3434,31 @@ function TooltipContent(_a) {
     }, props), {
       children: [
         children,
-        /* @__PURE__ */ jsx34(TooltipPrimitive.Arrow, { className: "bg-brand-black-600 fill-brand-black-600 z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })
+        /* @__PURE__ */ jsx35(TooltipPrimitive.Arrow, { className: "bg-brand-black-600 fill-brand-black-600 z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })
       ]
     })
   ) });
 }
 
 // src/components/molecules/summary.tsx
-import { jsx as jsx35, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx36, jsxs as jsxs25 } from "react/jsx-runtime";
 function Summary(props) {
-  return /* @__PURE__ */ jsx35("div", { className: "flex flex-col gap-2 text-brand-black-100", children: props.children });
+  return /* @__PURE__ */ jsx36("div", { className: "flex flex-col gap-2 text-brand-black-100", children: props.children });
 }
 function SummaryEntry(props) {
   var _a;
   const Icon = props.icon;
   const tooltip = typeof props.tooltip === "string" ? /* @__PURE__ */ jsxs25(Tooltip, { children: [
-    /* @__PURE__ */ jsx35(TooltipTrigger, { children: /* @__PURE__ */ jsx35(InfoIcon, { size: "1em" }) }),
-    /* @__PURE__ */ jsx35(TooltipContent, { children: props.tooltip })
+    /* @__PURE__ */ jsx36(TooltipTrigger, { children: /* @__PURE__ */ jsx36(InfoIcon, { size: "1em" }) }),
+    /* @__PURE__ */ jsx36(TooltipContent, { children: props.tooltip })
   ] }) : (_a = props.tooltip) != null ? _a : null;
   return /* @__PURE__ */ jsxs25("div", { className: "flex select-none items-center text-[calc(12rem/16)] font-medium", children: [
     /* @__PURE__ */ jsxs25("dt", { className: "flex-1 gap-1 flex items-center", children: [
-      /* @__PURE__ */ jsx35(Icon, { size: "1.16em" }),
-      /* @__PURE__ */ jsx35("span", { className: "text-[1em] leading-[1rem]", children: props.name }),
+      /* @__PURE__ */ jsx36(Icon, { size: "1.16em" }),
+      /* @__PURE__ */ jsx36("span", { className: "text-[1em] leading-[1rem]", children: props.name }),
       tooltip
     ] }),
-    /* @__PURE__ */ jsx35("dd", { children: props.children })
+    /* @__PURE__ */ jsx36("dd", { children: props.children })
   ] });
 }
 function makeEntry({
@@ -3415,7 +3470,7 @@ function makeEntry({
     children,
     tooltip: overwriteTooltip
   }) {
-    return /* @__PURE__ */ jsx35(
+    return /* @__PURE__ */ jsx36(
       SummaryEntry,
       {
         icon,
@@ -3428,39 +3483,39 @@ function makeEntry({
   };
 }
 var Bridge = makeEntry({
-  icon: ({ size }) => /* @__PURE__ */ jsx35(Percent_default, { width: size }),
+  icon: ({ size }) => /* @__PURE__ */ jsx36(Percent_default, { width: size }),
   name: "Bridge fee"
 });
 var RecipientAddress = makeEntry({
-  icon: ({ size }) => /* @__PURE__ */ jsx35(Wallet_default, { width: size }),
+  icon: ({ size }) => /* @__PURE__ */ jsx36(Wallet_default, { width: size }),
   name: "Recipient Address"
 });
 var GasEntry = makeEntry({
-  icon: ({ size }) => /* @__PURE__ */ jsx35(Gas_default, { width: size }),
+  icon: ({ size }) => /* @__PURE__ */ jsx36(Gas_default, { width: size }),
   name: "Gas costs"
 });
 var SpillageTolerance = makeEntry({
-  icon: ({ size }) => /* @__PURE__ */ jsx35(ArrowBottomTop_default, { width: size }),
+  icon: ({ size }) => /* @__PURE__ */ jsx36(ArrowBottomTop_default, { width: size }),
   name: "Spillage tolerance"
 });
 var Route = makeEntry({
-  icon: ({ size }) => /* @__PURE__ */ jsx35(ArrowSplit_default, { width: size }),
+  icon: ({ size }) => /* @__PURE__ */ jsx36(ArrowSplit_default, { width: size }),
   name: "Route"
 });
 var Rate = makeEntry({
-  icon: ({ size }) => /* @__PURE__ */ jsx35(ArrowBottomTop_default, { width: size }),
+  icon: ({ size }) => /* @__PURE__ */ jsx36(ArrowBottomTop_default, { width: size }),
   name: "Rate"
 });
 var Fee = makeEntry({
-  icon: ({ size }) => /* @__PURE__ */ jsx35(Gas_default, { width: size }),
+  icon: ({ size }) => /* @__PURE__ */ jsx36(Gas_default, { width: size }),
   name: "Fee"
 });
 var ETA = makeEntry({
-  icon: ({ size }) => /* @__PURE__ */ jsx35(Clock_default, { width: size }),
+  icon: ({ size }) => /* @__PURE__ */ jsx36(Clock_default, { width: size }),
   name: "Estimated time"
 });
 var Points = makeEntry({
-  icon: ({ size }) => /* @__PURE__ */ jsx35(Star_default, { width: size }),
+  icon: ({ size }) => /* @__PURE__ */ jsx36(Star_default, { width: size }),
   name: "Points"
 });
 var SummaryValues = {
@@ -3477,10 +3532,10 @@ var SummaryValues = {
   },
   Values: {
     Highlight: ({ children }) => {
-      return /* @__PURE__ */ jsx35("span", { className: "text-[inherit] text-brand-white-500", children });
+      return /* @__PURE__ */ jsx36("span", { className: "text-[inherit] text-brand-white-500", children });
     },
     Soft: ({ children }) => {
-      return /* @__PURE__ */ jsx35("span", { className: "text-[inherit]text-brand-black-50", children });
+      return /* @__PURE__ */ jsx36("span", { className: "text-[inherit]text-brand-black-50", children });
     }
   }
 };
@@ -3489,11 +3544,11 @@ var SummaryValues = {
 import { Slot as Slot9 } from "@radix-ui/react-slot";
 import { Loader2 } from "lucide-react";
 import { AnimatePresence as AnimatePresence2, motion as motion3 } from "motion/react";
-import React14 from "react";
+import React15 from "react";
 
 // src/@/ui/progress.tsx
 import * as ProgressPrimitive from "@radix-ui/react-progress";
-import { jsx as jsx36 } from "react/jsx-runtime";
+import { jsx as jsx37 } from "react/jsx-runtime";
 function Progress(_a) {
   var _b = _a, {
     className,
@@ -3502,7 +3557,7 @@ function Progress(_a) {
     "className",
     "value"
   ]);
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(
     ProgressPrimitive.Root,
     __spreadProps(__spreadValues({
       "data-slot": "progress",
@@ -3511,7 +3566,7 @@ function Progress(_a) {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ jsx36(
+      children: /* @__PURE__ */ jsx37(
         ProgressPrimitive.Indicator,
         {
           "data-slot": "progress-indicator",
@@ -3524,13 +3579,13 @@ function Progress(_a) {
 }
 
 // src/components/molecules/timeline.tsx
-import { jsx as jsx37, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs26 } from "react/jsx-runtime";
 var StatusTextMap = {
   processing: "Processing",
   upcoming: "Upcoming",
   error: "Failed"
 };
-var TimelineItem = React14.forwardRef(function TimelineItem2(props, ref) {
+var TimelineItem = React15.forwardRef(function TimelineItem2(props, ref) {
   var _b, _c, _d, _e;
   const _a = props, {
     processingStatus,
@@ -3546,10 +3601,10 @@ var TimelineItem = React14.forwardRef(function TimelineItem2(props, ref) {
     "durationMode"
   ]);
   const is_visually_active = processingStatus !== "upcoming";
-  const id = React14.useId();
+  const id = React15.useId();
   const layoutId = `${id}/${caption}/content-2`;
   const hideTime = durationMode === "none";
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(
     motion3.li,
     __spreadProps(__spreadValues({
       ref
@@ -3565,7 +3620,7 @@ var TimelineItem = React14.forwardRef(function TimelineItem2(props, ref) {
           },
           className: "flex h-[3.5rem] items-center gap-[0.86rem] py-[0.5625rem] px-[0.75rem] ",
           children: [
-            props.level === 0 ? /* @__PURE__ */ jsx37(BadgeIcon, __spreadValues({}, props.badge)) : /* @__PURE__ */ jsx37(
+            props.level === 0 ? /* @__PURE__ */ jsx38(BadgeIcon, __spreadValues({}, props.badge)) : /* @__PURE__ */ jsx38(
               IconButton,
               {
                 variant: "level_2",
@@ -3575,7 +3630,7 @@ var TimelineItem = React14.forwardRef(function TimelineItem2(props, ref) {
                 style: {
                   boxShadow: "0 4px 24px 0 rgba(255, 255, 255, 0.05) inset"
                 },
-                children: /* @__PURE__ */ jsx37(
+                children: /* @__PURE__ */ jsx38(
                   "span",
                   {
                     className: cn(
@@ -3590,8 +3645,8 @@ var TimelineItem = React14.forwardRef(function TimelineItem2(props, ref) {
               }
             ),
             /* @__PURE__ */ jsxs26("div", { className: "flex flex-col flex-1 gap-[calc(4/16rem)]", children: [
-              /* @__PURE__ */ jsx37("div", { className: "text-brand-white-500 text-xs md:!text-base h-auto md:h-[1.25rem] truncate max-w-[150px] md:max-w-full", children: caption }),
-              /* @__PURE__ */ jsx37("div", { className: "text-xs h-[1rem] text-brand-black-100", children: processingStatus === "completed" ? ((_b = props.data) == null ? void 0 : _b.transactionUrl) ? /* @__PURE__ */ jsxs26(
+              /* @__PURE__ */ jsx38("div", { className: "text-brand-white-500 text-xs md:!text-base h-auto md:h-[1.25rem] truncate max-w-[150px] md:max-w-full", children: caption }),
+              /* @__PURE__ */ jsx38("div", { className: "text-xs h-[1rem] text-brand-black-100", children: processingStatus === "completed" ? ((_b = props.data) == null ? void 0 : _b.transactionUrl) ? /* @__PURE__ */ jsxs26(
                 "a",
                 {
                   href: props.data.transactionUrl,
@@ -3599,11 +3654,11 @@ var TimelineItem = React14.forwardRef(function TimelineItem2(props, ref) {
                   target: "_blank",
                   rel: "noopener noreferrer",
                   children: [
-                    /* @__PURE__ */ jsx37("span", { children: "View in explorer " }),
-                    /* @__PURE__ */ jsx37(ArrowUpRight_default, { width: "0.75rem", height: "0.75rem" })
+                    /* @__PURE__ */ jsx38("span", { children: "View in explorer " }),
+                    /* @__PURE__ */ jsx38(ArrowUpRight_default, { width: "0.75rem", height: "0.75rem" })
                   ]
                 }
-              ) : /* @__PURE__ */ jsx37("span", { children: props.secondary }) : /* @__PURE__ */ jsx37("span", { children: (_c = props == null ? void 0 : props.secondary) != null ? _c : StatusTextMap[processingStatus] }) })
+              ) : /* @__PURE__ */ jsx38("span", { children: props.secondary }) : /* @__PURE__ */ jsx38("span", { children: (_c = props == null ? void 0 : props.secondary) != null ? _c : StatusTextMap[processingStatus] }) })
             ] }),
             /* @__PURE__ */ jsxs26(AnimatePresence2, { children: [
               processingStatus === "completed" ? /* @__PURE__ */ jsxs26(
@@ -3615,8 +3670,8 @@ var TimelineItem = React14.forwardRef(function TimelineItem2(props, ref) {
                   exit: { x: 10, opacity: 0 },
                   className: "flex gap-[calc(8rem/16)] items-center",
                   children: [
-                    !hideTime && /* @__PURE__ */ jsx37("span", { className: "text-[calc(13rem/16)] text-brand-black-100", children: (_d = props == null ? void 0 : props.data) == null ? void 0 : _d.completedIn }),
-                    /* @__PURE__ */ jsx37(
+                    !hideTime && /* @__PURE__ */ jsx38("span", { className: "text-[calc(13rem/16)] text-brand-black-100", children: (_d = props == null ? void 0 : props.data) == null ? void 0 : _d.completedIn }),
+                    /* @__PURE__ */ jsx38(
                       Check_default,
                       {
                         height: "1rem",
@@ -3636,8 +3691,8 @@ var TimelineItem = React14.forwardRef(function TimelineItem2(props, ref) {
                   layoutId,
                   className: "flex gap-[calc(10rem/16)] items-center",
                   children: [
-                    !hideTime && /* @__PURE__ */ jsx37("span", { className: "text-[calc(13rem/16)]", children: (_e = props == null ? void 0 : props.data) == null ? void 0 : _e.eta }),
-                    /* @__PURE__ */ jsx37(
+                    !hideTime && /* @__PURE__ */ jsx38("span", { className: "text-[calc(13rem/16)]", children: (_e = props == null ? void 0 : props.data) == null ? void 0 : _e.eta }),
+                    /* @__PURE__ */ jsx38(
                       Loader2,
                       {
                         size: "1rem",
@@ -3655,13 +3710,13 @@ var TimelineItem = React14.forwardRef(function TimelineItem2(props, ref) {
   );
 });
 function TimelineListGroup(props) {
-  return /* @__PURE__ */ jsx37("ul", { className: cn("flex flex-col overflow-hidden"), children: props.children });
+  return /* @__PURE__ */ jsx38("ul", { className: cn("flex flex-col overflow-hidden"), children: props.children });
 }
 function TimelineList(props) {
-  return /* @__PURE__ */ jsx37("ul", { className: "flex flex-col", children: props.children });
+  return /* @__PURE__ */ jsx38("ul", { className: "flex flex-col", children: props.children });
 }
-var TimelineRoot = React14.forwardRef((props, ref) => {
-  return /* @__PURE__ */ jsx37(
+var TimelineRoot = React15.forwardRef((props, ref) => {
+  return /* @__PURE__ */ jsx38(
     "ul",
     __spreadProps(__spreadValues({
       ref
@@ -3700,7 +3755,7 @@ function TransactionTimer(props) {
           }
         ),
         children: [
-          /* @__PURE__ */ jsx37("span", { children: timerMessage }),
+          /* @__PURE__ */ jsx38("span", { children: timerMessage }),
           /* @__PURE__ */ jsxs26("span", { className: "text-brand-white-500", children: [
             String(hours).padStart(2, "0"),
             ":",
@@ -3708,14 +3763,14 @@ function TransactionTimer(props) {
             ":",
             String(seconds).padStart(2, "0")
           ] }),
-          tooltipContent && /* @__PURE__ */ jsx37(TooltipProvider, { children: /* @__PURE__ */ jsxs26(Tooltip, { children: [
-            /* @__PURE__ */ jsx37(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx37("span", { children: /* @__PURE__ */ jsx37(CircleInfo_default, { width: "1em", height: "1em" }) }) }),
-            /* @__PURE__ */ jsx37(TooltipContent, { children: /* @__PURE__ */ jsx37("p", { children: tooltipContent }) })
+          tooltipContent && /* @__PURE__ */ jsx38(TooltipProvider, { children: /* @__PURE__ */ jsxs26(Tooltip, { children: [
+            /* @__PURE__ */ jsx38(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx38("span", { children: /* @__PURE__ */ jsx38(CircleInfo_default, { width: "1em", height: "1em" }) }) }),
+            /* @__PURE__ */ jsx38(TooltipContent, { children: /* @__PURE__ */ jsx38("p", { children: tooltipContent }) })
           ] }) })
         ]
       }
     ),
-    /* @__PURE__ */ jsx37(
+    /* @__PURE__ */ jsx38(
       Progress,
       {
         value: props.progress,
@@ -3739,7 +3794,7 @@ function TimerWrap(props) {
       },
       className: "flex flex-col items-stretch justify-start relative",
       children: [
-        /* @__PURE__ */ jsx37(
+        /* @__PURE__ */ jsx38(
           "div",
           {
             className: cn(
@@ -3749,7 +3804,7 @@ function TimerWrap(props) {
             children: props.Timer
           }
         ),
-        /* @__PURE__ */ jsx37(
+        /* @__PURE__ */ jsx38(
           Slot9,
           {
             className: cn("min-h-[calc(56rem/11)] z-20 relative !rounded-[1rem]", {
@@ -3766,14 +3821,14 @@ function TimerWrap(props) {
 // src/components/molecules/timeline-alt.tsx
 import { Loader2 as Loader22 } from "lucide-react";
 import { AnimatePresence as AnimatePresence3, motion as motion4 } from "motion/react";
-import React15 from "react";
-import { jsx as jsx38, jsxs as jsxs27 } from "react/jsx-runtime";
+import React16 from "react";
+import { jsx as jsx39, jsxs as jsxs27 } from "react/jsx-runtime";
 var StatusTextMap2 = {
   processing: "Processing",
   upcoming: "Upcoming",
   error: "Failed"
 };
-var TimelineAltItem = React15.forwardRef(function TimelineAltItem2(props, ref) {
+var TimelineAltItem = React16.forwardRef(function TimelineAltItem2(props, ref) {
   var _b, _c, _d, _e;
   const _a = props, {
     processingStatus,
@@ -3789,10 +3844,10 @@ var TimelineAltItem = React15.forwardRef(function TimelineAltItem2(props, ref) {
     "durationMode"
   ]);
   const is_visually_active = processingStatus !== "upcoming";
-  const id = React15.useId();
+  const id = React16.useId();
   const layoutId = `${id}/${caption}/content-2`;
   const hideTime = durationMode === "none";
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx39(
     motion4.li,
     __spreadProps(__spreadValues({
       ref
@@ -3804,7 +3859,7 @@ var TimelineAltItem = React15.forwardRef(function TimelineAltItem2(props, ref) {
       },
       children: /* @__PURE__ */ jsxs27(motion4.div, { className: "flex items-center bordergap-[0.86rem] py-[0.75rem] px-[0.875rem] ", children: [
         /* @__PURE__ */ jsxs27("div", { className: "flex flex-col flex-1 gap-[calc(4/16rem)]", children: [
-          /* @__PURE__ */ jsx38(
+          /* @__PURE__ */ jsx39(
             "div",
             {
               className: cn(
@@ -3818,7 +3873,7 @@ var TimelineAltItem = React15.forwardRef(function TimelineAltItem2(props, ref) {
               children: caption
             }
           ),
-          /* @__PURE__ */ jsx38("div", { className: "text-xs h-[1rem] text-brand-black-100", children: processingStatus === "completed" ? ((_b = props.data) == null ? void 0 : _b.transactionUrl) ? /* @__PURE__ */ jsxs27(
+          /* @__PURE__ */ jsx39("div", { className: "text-xs h-[1rem] text-brand-black-100", children: processingStatus === "completed" ? ((_b = props.data) == null ? void 0 : _b.transactionUrl) ? /* @__PURE__ */ jsxs27(
             "a",
             {
               href: props.data.transactionUrl,
@@ -3826,11 +3881,11 @@ var TimelineAltItem = React15.forwardRef(function TimelineAltItem2(props, ref) {
               target: "_blank",
               rel: "noopener noreferrer",
               children: [
-                /* @__PURE__ */ jsx38("span", { children: "View in explorer " }),
-                /* @__PURE__ */ jsx38(ArrowUpRight_default, { width: "0.75rem", height: "0.75rem" })
+                /* @__PURE__ */ jsx39("span", { children: "View in explorer " }),
+                /* @__PURE__ */ jsx39(ArrowUpRight_default, { width: "0.75rem", height: "0.75rem" })
               ]
             }
-          ) : /* @__PURE__ */ jsx38("span", { children: props.secondary }) : /* @__PURE__ */ jsx38("span", { children: (_c = props == null ? void 0 : props.secondary) != null ? _c : StatusTextMap2[processingStatus] }) })
+          ) : /* @__PURE__ */ jsx39("span", { children: props.secondary }) : /* @__PURE__ */ jsx39("span", { children: (_c = props == null ? void 0 : props.secondary) != null ? _c : StatusTextMap2[processingStatus] }) })
         ] }),
         /* @__PURE__ */ jsxs27(AnimatePresence3, { children: [
           processingStatus === "completed" ? /* @__PURE__ */ jsxs27(
@@ -3842,7 +3897,7 @@ var TimelineAltItem = React15.forwardRef(function TimelineAltItem2(props, ref) {
               exit: { x: 10, opacity: 0 },
               className: "flex gap-[calc(8rem/16)] items-center",
               children: [
-                !hideTime && /* @__PURE__ */ jsx38(
+                !hideTime && /* @__PURE__ */ jsx39(
                   "span",
                   {
                     className: cn("text-[calc(13rem/16)] text-brand-black-100", {
@@ -3851,7 +3906,7 @@ var TimelineAltItem = React15.forwardRef(function TimelineAltItem2(props, ref) {
                     children: (_d = props == null ? void 0 : props.data) == null ? void 0 : _d.completedIn
                   }
                 ),
-                /* @__PURE__ */ jsx38(
+                /* @__PURE__ */ jsx39(
                   Check_default,
                   {
                     height: "1rem",
@@ -3871,8 +3926,8 @@ var TimelineAltItem = React15.forwardRef(function TimelineAltItem2(props, ref) {
               layoutId,
               className: "flex gap-[calc(10rem/16)] items-center",
               children: [
-                !hideTime && /* @__PURE__ */ jsx38("span", { className: "text-[calc(13rem/16)]", children: (_e = props == null ? void 0 : props.data) == null ? void 0 : _e.eta }),
-                /* @__PURE__ */ jsx38(
+                !hideTime && /* @__PURE__ */ jsx39("span", { className: "text-[calc(13rem/16)]", children: (_e = props == null ? void 0 : props.data) == null ? void 0 : _e.eta }),
+                /* @__PURE__ */ jsx39(
                   Loader22,
                   {
                     size: "1rem",
@@ -3888,7 +3943,7 @@ var TimelineAltItem = React15.forwardRef(function TimelineAltItem2(props, ref) {
   );
 });
 function TimelineAltListGroup(props) {
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx39(
     "ul",
     {
       className: cn(
@@ -3899,10 +3954,10 @@ function TimelineAltListGroup(props) {
   );
 }
 function TimelineAltList(props) {
-  return /* @__PURE__ */ jsx38("ul", { className: "group/list group-list flex flex-col", children: props.children });
+  return /* @__PURE__ */ jsx39("ul", { className: "group/list group-list flex flex-col", children: props.children });
 }
-var TimelineAltRoot = React15.forwardRef((props, ref) => {
-  return /* @__PURE__ */ jsx38(
+var TimelineAltRoot = React16.forwardRef((props, ref) => {
+  return /* @__PURE__ */ jsx39(
     "ul",
     __spreadProps(__spreadValues({
       ref
@@ -3921,7 +3976,7 @@ var TimelineAltRoot = React15.forwardRef((props, ref) => {
 TimelineAltRoot.displayName = "TimelineAltRoot";
 
 // src/components/molecules/toast.tsx
-import { Fragment as Fragment8, jsx as jsx39, jsxs as jsxs28 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx40, jsxs as jsxs28 } from "react/jsx-runtime";
 var SeverityConfig = {
   error: {
     icon: Alert_default,
@@ -3947,23 +4002,23 @@ function ToastBox(props) {
     event.stopPropagation();
     onDismiss == null ? void 0 : onDismiss(event);
   };
-  return /* @__PURE__ */ jsx39(SmoothCorners, { size: "sm", children: /* @__PURE__ */ jsxs28(
+  return /* @__PURE__ */ jsx40(SmoothCorners, { size: "sm", children: /* @__PURE__ */ jsxs28(
     "div",
     {
       "data-is-toast": "true",
       className: "bg-brand-black-500 flex flex-col md:flex-row gap-[0.75rem] items-start py-[calc(10rem/16)] px-[calc(12rem/16)] text-muted-foreground",
       children: [
-        /* @__PURE__ */ jsx39(
+        /* @__PURE__ */ jsx40(
           "div",
           {
             className: cn("items-center justify-center shrink-0 grow-0", color),
             style: { fontSize: "calc(calc(24/16) * 1rem)" },
-            children: /* @__PURE__ */ jsx39(Icon, { width: "1em", height: "1em" })
+            children: /* @__PURE__ */ jsx40(Icon, { width: "1em", height: "1em" })
           }
         ),
         /* @__PURE__ */ jsxs28("div", { className: "flex flex-col flex-1", children: [
-          /* @__PURE__ */ jsx39(Text, { variant: "body1", className: "text-foreground", children: props.heading }),
-          /* @__PURE__ */ jsx39(
+          /* @__PURE__ */ jsx40(Text, { variant: "body1", className: "text-foreground", children: props.heading }),
+          /* @__PURE__ */ jsx40(
             Text,
             {
               variant: "caption2",
@@ -3972,9 +4027,9 @@ function ToastBox(props) {
             }
           )
         ] }),
-        /* @__PURE__ */ jsx39("div", { className: "flex gap-[calc(6rem/16)] items-center self-center w-full md:w-auto", children: actions ? /* @__PURE__ */ jsxs28(Fragment8, { children: [
-          /* @__PURE__ */ jsx39("div", { className: "flex gap-[calc(6rem/16)] flex-1 items-center  *:flex-1", children: actions }),
-          /* @__PURE__ */ jsx39(
+        /* @__PURE__ */ jsx40("div", { className: "flex gap-[calc(6rem/16)] items-center self-center w-full md:w-auto", children: actions ? /* @__PURE__ */ jsxs28(Fragment8, { children: [
+          /* @__PURE__ */ jsx40("div", { className: "flex gap-[calc(6rem/16)] flex-1 items-center  *:flex-1", children: actions }),
+          /* @__PURE__ */ jsx40(
             IconButton,
             {
               className: "cursor-pointer",
@@ -3982,10 +4037,10 @@ function ToastBox(props) {
               size: "smx",
               variant: "level_2",
               rounded: "default",
-              children: /* @__PURE__ */ jsx39(XIcon_default, { width: "1rem" })
+              children: /* @__PURE__ */ jsx40(XIcon_default, { width: "1rem" })
             }
           )
-        ] }) : /* @__PURE__ */ jsx39(
+        ] }) : /* @__PURE__ */ jsx40(
           Button2,
           {
             size: "sm",
@@ -4002,11 +4057,11 @@ function ToastBox(props) {
 
 // src/components/molecules/transaction-list.tsx
 import { motion as motion5 } from "motion/react";
-import { Fragment as Fragment9, jsx as jsx40, jsxs as jsxs29 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx41, jsxs as jsxs29 } from "react/jsx-runtime";
 function TxListItemProcessing(props) {
   const { size = "2rem" } = props;
-  return /* @__PURE__ */ jsx40(GradientContainer, { children: /* @__PURE__ */ jsxs29("div", { className: "rounded-[1rem] bg-brand-black-350 px-[0.75rem] h-[3.75rem] flex items-center", children: [
-    /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx41(GradientContainer, { children: /* @__PURE__ */ jsxs29("div", { className: "rounded-[1rem] bg-brand-black-350 px-[0.75rem] h-[3.75rem] flex items-center", children: [
+    /* @__PURE__ */ jsx41(
       GradientLine,
       {
         behaviour: "progress",
@@ -4015,7 +4070,7 @@ function TxListItemProcessing(props) {
       }
     ),
     /* @__PURE__ */ jsxs29("div", { className: "flex gap-[1rem] flex-1 z-20 text-brand-black-100 font-medium", children: [
-      /* @__PURE__ */ jsx40(
+      /* @__PURE__ */ jsx41(
         TokenTransferPair,
         {
           fromToken: props.from,
@@ -4024,13 +4079,13 @@ function TxListItemProcessing(props) {
         }
       ),
       /* @__PURE__ */ jsxs29("div", { className: "flex flex-grow flex-col text-start", children: [
-        /* @__PURE__ */ jsx40("span", { className: "text-brand-white-500 whitespace-nowrap text-[0.875rem] h-[1.25rem] max-w-28 md:max-w-full truncate", children: props.caption }),
+        /* @__PURE__ */ jsx41("span", { className: "text-brand-white-500 whitespace-nowrap text-[0.875rem] h-[1.25rem] max-w-28 md:max-w-full truncate", children: props.caption }),
         /* @__PURE__ */ jsxs29(StatusBadge, { variant: props.status === "failed" ? "error" : "none", children: [
           "~ ",
           props.eta
         ] })
       ] }),
-      /* @__PURE__ */ jsx40("div", { className: "basis-4/12 max-w-xs shrink-0 flex justify-end h-[2.25rem] whitespace-nowrap", children: /* @__PURE__ */ jsxs29(
+      /* @__PURE__ */ jsx41("div", { className: "basis-4/12 max-w-xs shrink-0 flex justify-end h-[2.25rem] whitespace-nowrap", children: /* @__PURE__ */ jsxs29(
         motion5.div,
         {
           initial: { y: 0 },
@@ -4043,7 +4098,7 @@ function TxListItemProcessing(props) {
                 animate: { opacity: props.status === "processing" ? 1 : 0 },
                 className: "flex flex-col text-end h-[2.25rem]",
                 children: [
-                  /* @__PURE__ */ jsx40("span", { className: "text-base text-brand-white-500 h-[1.25rem]", children: props.amount }),
+                  /* @__PURE__ */ jsx41("span", { className: "text-base text-brand-white-500 h-[1.25rem]", children: props.amount }),
                   /* @__PURE__ */ jsxs29("span", { className: "text-xs h-[1rem]", children: [
                     props.percentage,
                     "%"
@@ -4057,14 +4112,14 @@ function TxListItemProcessing(props) {
                 animate: { opacity: props.status === "failed" ? 1 : 0 },
                 className: "flex gap-[0.75rem] items-center h-[2.25rem] justify-end",
                 children: [
-                  /* @__PURE__ */ jsx40("span", { className: "text-base text-brand-white-500 h-[1.25rem]", children: props.amount }),
-                  /* @__PURE__ */ jsx40(
+                  /* @__PURE__ */ jsx41("span", { className: "text-base text-brand-white-500 h-[1.25rem]", children: props.amount }),
+                  /* @__PURE__ */ jsx41(
                     IconButton,
                     {
                       variant: "destructive",
                       rounded: "default",
                       size: "smx",
-                      children: /* @__PURE__ */ jsx40(RotateCcw_default, { className: "size-4 text-[currentColor]" })
+                      children: /* @__PURE__ */ jsx41(RotateCcw_default, { className: "size-4 text-[currentColor]" })
                     }
                   )
                 ]
@@ -4094,7 +4149,7 @@ var TxListItem = function TxListItem2(props) {
     "amount",
     "size"
   ]);
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx41(
     "button",
     __spreadProps(__spreadValues({}, rest), {
       type: "button",
@@ -4103,14 +4158,14 @@ var TxListItem = function TxListItem2(props) {
         props.className
       ),
       children: /* @__PURE__ */ jsxs29("div", { className: "flex justify-between gap-4 flex-1 z-20 text-brand-black-100 font-medium", children: [
-        /* @__PURE__ */ jsx40(TokenTransferPair, { fromToken: from, toToken: to, size }),
+        /* @__PURE__ */ jsx41(TokenTransferPair, { fromToken: from, toToken: to, size }),
         /* @__PURE__ */ jsxs29("div", { className: "flex flex-grow flex-col text-start whitespace-nowrap", children: [
-          /* @__PURE__ */ jsx40("span", { className: "text-brand-white-500 text-[0.875rem] h-[1.25rem] max-w-28 md:max-w-full truncate", children: caption }),
-          /* @__PURE__ */ jsx40(StatusBadge, { variant: mode === "rollback" ? "refunded" : "success" })
+          /* @__PURE__ */ jsx41("span", { className: "text-brand-white-500 text-[0.875rem] h-[1.25rem] max-w-28 md:max-w-full truncate", children: caption }),
+          /* @__PURE__ */ jsx41(StatusBadge, { variant: mode === "rollback" ? "refunded" : "success" })
         ] }),
         /* @__PURE__ */ jsxs29("div", { className: "shrink-0 flex flex-col text-end", children: [
-          /* @__PURE__ */ jsx40("span", { className: "text-base text-brand-white-500 h-[1.25rem]", children: amount }),
-          /* @__PURE__ */ jsx40("span", { className: "text-xs h-[1rem]", children: completedAt })
+          /* @__PURE__ */ jsx41("span", { className: "text-base text-brand-white-500 h-[1.25rem]", children: amount }),
+          /* @__PURE__ */ jsx41("span", { className: "text-xs h-[1rem]", children: completedAt })
         ] })
       ] })
     })
@@ -4122,44 +4177,44 @@ function StatusBadge({
 }) {
   return /* @__PURE__ */ jsxs29("span", { className: "text-[0.625rem] md:text-xs h-[1rem] flex items-center gap-[0.125rem]", children: [
     variant === "success" ? /* @__PURE__ */ jsxs29("span", { className: "text-brand-success-400 flex items-center gap-[0.125rem]", children: [
-      /* @__PURE__ */ jsx40(Check_default, { className: "size-2 md:size-3" }),
+      /* @__PURE__ */ jsx41(Check_default, { className: "size-2 md:size-3" }),
       " ",
-      /* @__PURE__ */ jsx40("span", { children: "Success" })
+      /* @__PURE__ */ jsx41("span", { children: "Success" })
     ] }) : null,
     variant === "refunded" ? /* @__PURE__ */ jsxs29(Fragment9, { children: [
-      /* @__PURE__ */ jsx40(StepBack_default, { strokeWidth: 2, className: "size-2 md:size-3" }),
-      /* @__PURE__ */ jsx40("span", { children: "Refunded" })
+      /* @__PURE__ */ jsx41(StepBack_default, { strokeWidth: 2, className: "size-2 md:size-3" }),
+      /* @__PURE__ */ jsx41("span", { children: "Refunded" })
     ] }) : null,
     variant === "error" ? /* @__PURE__ */ jsxs29(Fragment9, { children: [
-      /* @__PURE__ */ jsx40(Alert_default, { className: "size-2 md:size-3 text-brand-danger-500" }),
-      /* @__PURE__ */ jsx40("span", { className: "text-brand-danger-500", children: "Order expired" })
+      /* @__PURE__ */ jsx41(Alert_default, { className: "size-2 md:size-3 text-brand-danger-500" }),
+      /* @__PURE__ */ jsx41("span", { className: "text-brand-danger-500", children: "Order expired" })
     ] }) : null,
     variant === "none" ? children : null
   ] });
 }
 function TxList({ children }) {
-  return /* @__PURE__ */ jsx40("ul", { className: "flex flex-col gap-[0.5rem]", children });
+  return /* @__PURE__ */ jsx41("ul", { className: "flex flex-col gap-[0.5rem]", children });
 }
 
 // src/components/molecules/wallet-header.tsx
 import { Slot as Slot10 } from "@radix-ui/react-slot";
 import { cva as cva6 } from "class-variance-authority";
 import { motion as motion6 } from "motion/react";
-import * as React16 from "react";
+import * as React17 from "react";
 
 // src/components/organisms/assets-collection.tsx
 import * as Tab_ from "@radix-ui/react-tabs";
 
 // src/@/ui/tabs.tsx
 import * as TabsPrimitive from "@radix-ui/react-tabs";
-import { jsx as jsx41 } from "react/jsx-runtime";
+import { jsx as jsx42 } from "react/jsx-runtime";
 function Tabs(_a) {
   var _b = _a, {
     className
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx42(
     TabsPrimitive.Root,
     __spreadValues({
       "data-slot": "tabs",
@@ -4173,7 +4228,7 @@ function TabsContent(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx42(
     TabsPrimitive.Content,
     __spreadValues({
       "data-slot": "tabs-content",
@@ -4183,12 +4238,12 @@ function TabsContent(_a) {
 }
 
 // src/components/organisms/assets-collection.tsx
-import { jsx as jsx42, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx43, jsxs as jsxs30 } from "react/jsx-runtime";
 function TabsList2(props) {
-  return /* @__PURE__ */ jsx42("nav", { className: "flex flex-col", children: /* @__PURE__ */ jsx42(Tab_.TabsList, { asChild: true, children: /* @__PURE__ */ jsx42("ul", { className: "flex p-0 bg-transparent gap-3", children: props.children }) }) });
+  return /* @__PURE__ */ jsx43("nav", { className: "flex flex-col", children: /* @__PURE__ */ jsx43(Tab_.TabsList, { asChild: true, children: /* @__PURE__ */ jsx43("ul", { className: "flex p-0 bg-transparent gap-3", children: props.children }) }) });
 }
 function TabItem(props) {
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx43(
     Tab_.TabsTrigger,
     {
       value: props.value,
@@ -4210,7 +4265,7 @@ function AssetValueTrend(props) {
         "--trend-color": isZero ? "inherit" : !isUp ? "var(--color-brand-danger-500, indigo)" : "var(--color-brand-success-400, cyan)"
       },
       children: [
-        /* @__PURE__ */ jsx42("span", { className: "text-[var(--trend-color)]", children: /* @__PURE__ */ jsx42(
+        /* @__PURE__ */ jsx43("span", { className: "text-[var(--trend-color)]", children: /* @__PURE__ */ jsx43(
           ArrowTriangleBottom_default,
           {
             width: "0.75rem",
@@ -4244,7 +4299,7 @@ function Balance(props) {
   const { prefix = "$", suffix = "", formatter = currencyFormat } = props;
   const is_zero = props.amount === 0;
   const [int_, fraction] = formatter.format(props.amount).split(".");
-  return /* @__PURE__ */ jsx42("div", { className: "select-none", children: /* @__PURE__ */ jsxs30("span", { className: "text-[2.375rem] font-medium leading-[2.875rem] whitespace-nowrap", children: [
+  return /* @__PURE__ */ jsx43("div", { className: "select-none", children: /* @__PURE__ */ jsxs30("span", { className: "text-[2.375rem] font-medium leading-[2.875rem] whitespace-nowrap", children: [
     /* @__PURE__ */ jsxs30(
       "span",
       {
@@ -4269,10 +4324,10 @@ function Balance(props) {
 }
 
 // src/components/molecules/wallet-header.tsx
-import { Fragment as Fragment11, jsx as jsx43, jsxs as jsxs31 } from "react/jsx-runtime";
-var WalletHeaderContext = React16.createContext(null);
+import { Fragment as Fragment11, jsx as jsx44, jsxs as jsxs31 } from "react/jsx-runtime";
+var WalletHeaderContext = React17.createContext(null);
 function useWalletHeader() {
-  const context = React16.useContext(WalletHeaderContext);
+  const context = React17.useContext(WalletHeaderContext);
   if (!context) {
     throw new Error("useWalletHeader must be used within a WalletHeader");
   }
@@ -4293,7 +4348,7 @@ var walletHeaderVariants = cva6(
   }
 );
 var globalWalletHeaderState = null;
-var WalletHeader = React16.forwardRef(
+var WalletHeader = React17.forwardRef(
   (_a, ref) => {
     var _b = _a, {
       className,
@@ -4311,15 +4366,15 @@ var WalletHeader = React16.forwardRef(
       "children"
     ]);
     const Comp = asChild ? Slot10 : "div";
-    const [show, setShow] = React16.useState(() => {
+    const [show, setShow] = React17.useState(() => {
       return persistOpen && globalWalletHeaderState !== null ? globalWalletHeaderState : defaultOpen;
     });
-    React16.useEffect(() => {
+    React17.useEffect(() => {
       if (persistOpen) {
         globalWalletHeaderState = show;
       }
     }, [show, persistOpen]);
-    return /* @__PURE__ */ jsx43(WalletHeaderContext.Provider, { value: { show, setShow }, children: /* @__PURE__ */ jsx43(
+    return /* @__PURE__ */ jsx44(WalletHeaderContext.Provider, { value: { show, setShow }, children: /* @__PURE__ */ jsx44(
       Comp,
       __spreadProps(__spreadValues({
         ref,
@@ -4332,10 +4387,10 @@ var WalletHeader = React16.forwardRef(
   }
 );
 WalletHeader.displayName = "WalletHeader";
-var WalletConnectedHeader = React16.forwardRef((_a, ref) => {
+var WalletConnectedHeader = React17.forwardRef((_a, ref) => {
   var _b = _a, { className, accounts, children } = _b, props = __objRest(_b, ["className", "accounts", "children"]);
   const { show: open, setShow } = useWalletHeader();
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx44(
     "button",
     __spreadProps(__spreadValues({
       ref,
@@ -4350,8 +4405,8 @@ var WalletConnectedHeader = React16.forwardRef((_a, ref) => {
       onClick: () => setShow((e) => !e)
     }, props), {
       children: /* @__PURE__ */ jsxs31("div", { className: "flex w-full gap-2 justify-between items-center", children: [
-        children || /* @__PURE__ */ jsx43(AccountStack, { accounts }),
-        /* @__PURE__ */ jsx43(
+        children || /* @__PURE__ */ jsx44(AccountStack, { accounts }),
+        /* @__PURE__ */ jsx44(
           IconButton,
           {
             variant: "level_1",
@@ -4360,7 +4415,7 @@ var WalletConnectedHeader = React16.forwardRef((_a, ref) => {
             rounded: "full",
             size: "sm",
             asChild: true,
-            children: /* @__PURE__ */ jsx43("span", { children: /* @__PURE__ */ jsx43(ChevronBottomDown_default, {}) })
+            children: /* @__PURE__ */ jsx44("span", { children: /* @__PURE__ */ jsx44(ChevronBottomDown_default, {}) })
           }
         )
       ] })
@@ -4368,16 +4423,16 @@ var WalletConnectedHeader = React16.forwardRef((_a, ref) => {
   );
 });
 WalletConnectedHeader.displayName = "WalletConnectedHeader";
-var WalletHeaderContent = React16.forwardRef((_a, _ref) => {
+var WalletHeaderContent = React17.forwardRef((_a, _ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
   const { show: open } = useWalletHeader();
-  const containerRef = React16.useRef(null);
-  const parentRef = React16.useRef(null);
+  const containerRef = React17.useRef(null);
+  const parentRef = React17.useRef(null);
   const slideDown = {
     show: { opacity: [0, 0.8, 1] },
     hide: { opacity: [1, 0.25, 0] }
   };
-  React16.useEffect(() => {
+  React17.useEffect(() => {
     const updateHeight = () => {
       if (containerRef.current && parentRef.current) {
         const height = containerRef.current.offsetHeight;
@@ -4432,7 +4487,7 @@ var WalletHeaderContent = React16.forwardRef((_a, _ref) => {
     "onTransitionRun",
     "onTransitionCancel"
   ]);
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx44(
     motion6.div,
     {
       ref: parentRef,
@@ -4441,7 +4496,7 @@ var WalletHeaderContent = React16.forwardRef((_a, _ref) => {
       className: cn("z-10 relative", {
         "pointer-events-none": !open
       }),
-      children: /* @__PURE__ */ jsx43(
+      children: /* @__PURE__ */ jsx44(
         motion6.div,
         __spreadProps(__spreadValues({
           ref: containerRef,
@@ -4461,18 +4516,18 @@ var WalletHeaderContent = React16.forwardRef((_a, _ref) => {
   );
 });
 WalletHeaderContent.displayName = "WalletHeaderContent";
-var AccountStack = React16.forwardRef(
+var AccountStack = React17.forwardRef(
   ({ accounts = [] }, ref) => {
     var _a, _b;
-    return /* @__PURE__ */ jsx43("div", { ref, className: "flex gap-[0.625rem] items-center", children: accounts.length > 0 ? /* @__PURE__ */ jsxs31(React16.Fragment, { children: [
-      /* @__PURE__ */ jsx43("div", { className: "inline-flex -space-x-[0.3125rem]", children: accounts.map((account, index) => /* @__PURE__ */ jsx43(
+    return /* @__PURE__ */ jsx44("div", { ref, className: "flex gap-[0.625rem] items-center", children: accounts.length > 0 ? /* @__PURE__ */ jsxs31(React17.Fragment, { children: [
+      /* @__PURE__ */ jsx44("div", { className: "inline-flex -space-x-[0.3125rem]", children: accounts.map((account, index) => /* @__PURE__ */ jsx44(
         "div",
         {
           style: {
             zIndex: accounts.length - index,
             position: "relative"
           },
-          children: /* @__PURE__ */ jsx43(
+          children: /* @__PURE__ */ jsx44(
             BadgeIcon,
             {
               outline: true,
@@ -4487,14 +4542,14 @@ var AccountStack = React16.forwardRef(
         account.address
       )) }),
       /* @__PURE__ */ jsxs31("span", { className: "flex flex-col whitespace-nowrap", children: [
-        /* @__PURE__ */ jsx43("span", { className: "text-base font-medium h-[1.25rem] text-brand-white-500", children: accounts.length > 1 ? /* @__PURE__ */ jsxs31(Fragment11, { children: [
+        /* @__PURE__ */ jsx44("span", { className: "text-base font-medium h-[1.25rem] text-brand-white-500", children: accounts.length > 1 ? /* @__PURE__ */ jsxs31(Fragment11, { children: [
           accounts.length,
           " wallets"
-        ] }) : /* @__PURE__ */ jsx43(Fragment11, { children: shortenAccountAddress((_b = (_a = accounts[0]) == null ? void 0 : _a.address) != null ? _b : "") || "--" }) }),
-        /* @__PURE__ */ jsx43("span", { className: "text-xs text-start h-[1rem] font-medium inline-flex items-center gap-[0.125rem] text-brand-black-100", children: "Connected" })
+        ] }) : /* @__PURE__ */ jsx44(Fragment11, { children: shortenAccountAddress((_b = (_a = accounts[0]) == null ? void 0 : _a.address) != null ? _b : "") || "--" }) }),
+        /* @__PURE__ */ jsx44("span", { className: "text-xs text-start h-[1rem] font-medium inline-flex items-center gap-[0.125rem] text-brand-black-100", children: "Connected" })
       ] })
     ] }) : /* @__PURE__ */ jsxs31("div", { className: "flex items-center gap-[0.625rem] select-none", children: [
-      /* @__PURE__ */ jsx43(
+      /* @__PURE__ */ jsx44(
         IconButton,
         {
           disabled: true,
@@ -4502,22 +4557,22 @@ var AccountStack = React16.forwardRef(
           variant: "level_2",
           rounded: "full",
           size: "sm",
-          children: /* @__PURE__ */ jsx43(Wallet_default, { className: "size-5" })
+          children: /* @__PURE__ */ jsx44(Wallet_default, { className: "size-5" })
         }
       ),
-      /* @__PURE__ */ jsx43("p", { className: "text-base font-medium text-brand-white-100", children: "Select an account" })
+      /* @__PURE__ */ jsx44("p", { className: "text-base font-medium text-brand-white-100", children: "Select an account" })
     ] }) });
   }
 );
 AccountStack.displayName = "AccountStack";
-var WalletHeaderTabs = React16.forwardRef((_a, ref) => {
+var WalletHeaderTabs = React17.forwardRef((_a, ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
-  return /* @__PURE__ */ jsx43(Tabs, __spreadProps(__spreadValues({ ref, className: cn("gap-0 pt-3", className) }, props), { children }));
+  return /* @__PURE__ */ jsx44(Tabs, __spreadProps(__spreadValues({ ref, className: cn("gap-0 pt-3", className) }, props), { children }));
 });
 WalletHeaderTabs.displayName = "WalletHeaderTabs";
-var WalletHeaderTabsList = React16.forwardRef((_a, ref) => {
+var WalletHeaderTabsList = React17.forwardRef((_a, ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx44(
     TabsList2,
     __spreadProps(__spreadValues({
       ref,
@@ -4528,9 +4583,9 @@ var WalletHeaderTabsList = React16.forwardRef((_a, ref) => {
   );
 });
 WalletHeaderTabsList.displayName = "WalletHeaderTabsList";
-var WalletHeaderTabItem = React16.forwardRef((_a, ref) => {
+var WalletHeaderTabItem = React17.forwardRef((_a, ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx44(
     TabItem,
     __spreadProps(__spreadValues({
       ref,
@@ -4544,9 +4599,9 @@ var WalletHeaderTabItem = React16.forwardRef((_a, ref) => {
   );
 });
 WalletHeaderTabItem.displayName = "WalletHeaderTabItem";
-var WalletHeaderTabsContent = React16.forwardRef((_a, ref) => {
+var WalletHeaderTabsContent = React17.forwardRef((_a, ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx44(
     TabsContent,
     __spreadProps(__spreadValues({
       ref,
@@ -4557,7 +4612,7 @@ var WalletHeaderTabsContent = React16.forwardRef((_a, ref) => {
   );
 });
 WalletHeaderTabsContent.displayName = "WalletHeaderTabsContent";
-var WalletHeaderContentBlur = React16.forwardRef((_a, ref) => {
+var WalletHeaderContentBlur = React17.forwardRef((_a, ref) => {
   var _b = _a, { className, children, asChild = false } = _b, props = __objRest(_b, ["className", "children", "asChild"]);
   const { show: open, setShow } = useWalletHeader();
   const Comp = asChild ? Slot10 : "div";
@@ -4579,7 +4634,7 @@ var WalletHeaderContentBlur = React16.forwardRef((_a, ref) => {
       )
     }, props), {
       children: [
-        open && /* @__PURE__ */ jsx43(
+        open && /* @__PURE__ */ jsx44(
           "div",
           {
             className: "absolute inset-0 z-10",
@@ -4598,15 +4653,15 @@ var WalletHeaderContentBlur = React16.forwardRef((_a, ref) => {
 WalletHeaderContentBlur.displayName = "WalletHeaderContentBlur";
 
 // src/components/navigation/header.tsx
-import { jsx as jsx44 } from "react/jsx-runtime";
+import { jsx as jsx45 } from "react/jsx-runtime";
 function HeaderGradient() {
-  return /* @__PURE__ */ jsx44("div", { className: "absolute inset-0 h-[3px] bg-gradient-brand-animated" });
+  return /* @__PURE__ */ jsx45("div", { className: "absolute inset-0 h-[3px] bg-gradient-brand-animated" });
 }
 function HeaderContent({
   children,
   className
 }) {
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx45(
     "div",
     {
       className: cn(
@@ -4621,7 +4676,7 @@ function Header({
   children,
   className
 }) {
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx45(
     "header",
     {
       className: cn(
@@ -4634,7 +4689,7 @@ function Header({
 }
 
 // src/components/navigation/tabs.tsx
-import { jsx as jsx45, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx46, jsxs as jsxs32 } from "react/jsx-runtime";
 function TabAltHeader({
   label,
   isNew,
@@ -4642,7 +4697,7 @@ function TabAltHeader({
   onClick,
   className = ""
 }) {
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx46(
     "button",
     {
       type: "button",
@@ -4653,8 +4708,8 @@ function TabAltHeader({
         className
       ),
       children: /* @__PURE__ */ jsxs32("span", { className: "relative z-10 flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx45("span", { className: "font-medium", children: label }),
-        isNew && /* @__PURE__ */ jsx45("span", { className: "text-brand-warning-500 caption-text absolute top-0 left-[100%] w-max", children: "New" })
+        /* @__PURE__ */ jsx46("span", { className: "font-medium", children: label }),
+        isNew && /* @__PURE__ */ jsx46("span", { className: "text-brand-warning-500 caption-text absolute top-0 left-[100%] w-max", children: "New" })
       ] })
     }
   );
@@ -4663,13 +4718,13 @@ function TabAltHeaders({
   children,
   className = ""
 }) {
-  return /* @__PURE__ */ jsx45("div", { className: cn("flex space-x-3 mb-6", className), children });
+  return /* @__PURE__ */ jsx46("div", { className: cn("flex space-x-3 mb-6", className), children });
 }
 function TabAltContent({
   children,
   className = ""
 }) {
-  return /* @__PURE__ */ jsx45("div", { className, children });
+  return /* @__PURE__ */ jsx46("div", { className, children });
 }
 function TabAltPanel({
   id,
@@ -4678,18 +4733,32 @@ function TabAltPanel({
   className = ""
 }) {
   if (activeTab !== id) return null;
-  return /* @__PURE__ */ jsx45("div", { className, children }, id);
+  return /* @__PURE__ */ jsx46("div", { className, children }, id);
 }
 function TabAlt({
   children,
   className = ""
 }) {
-  return /* @__PURE__ */ jsx45("div", { className: cn("w-full", className), children });
+  return /* @__PURE__ */ jsx46("div", { className: cn("w-full", className), children });
 }
 
 // src/components/organisms/settings.tsx
 import { useState as useState7 } from "react";
-import { jsx as jsx46, jsxs as jsxs33 } from "react/jsx-runtime";
+
+// src/lib/form-utils.ts
+var createKeyDownHandler = () => {
+  return (e) => {
+    if (e.ctrlKey || e.metaKey || e.altKey) {
+      return;
+    }
+    if (["e", "E", "+", "-"].includes(e.key) || /^[a-zA-Z]$/.test(e.key)) {
+      e.preventDefault();
+    }
+  };
+};
+
+// src/components/organisms/settings.tsx
+import { jsx as jsx47, jsxs as jsxs33 } from "react/jsx-runtime";
 var PRESET_SLIPPAGES = ["Auto", "0.25%", "0.5%", "0.75%", "1%"];
 var DEFAULT_TOOLTIP_TEXTS = {
   bridge: {
@@ -4769,7 +4838,7 @@ var Settings = ({
         title,
         " settings"
       ] }),
-      /* @__PURE__ */ jsx46(
+      /* @__PURE__ */ jsx47(
         XIcon_default,
         {
           className: "size-4 cursor-pointer text-brand-black-100 hover:text-white duration-200 transition-colors",
@@ -4784,31 +4853,31 @@ var Settings = ({
           " Slippage"
         ] }),
         /* @__PURE__ */ jsxs33(Tooltip, { children: [
-          /* @__PURE__ */ jsx46(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx46(CircleInfo_default, { className: "size-[14px] cursor-pointer hover:text-white duration-200 transition-colors" }) }),
-          /* @__PURE__ */ jsx46(TooltipContent, { children: /* @__PURE__ */ jsx46("p", { className: "text-caption", children: effectiveSlippageTooltip }) })
+          /* @__PURE__ */ jsx47(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx47(CircleInfo_default, { className: "size-[14px] cursor-pointer hover:text-white duration-200 transition-colors" }) }),
+          /* @__PURE__ */ jsx47(TooltipContent, { children: /* @__PURE__ */ jsx47("p", { className: "text-caption", children: effectiveSlippageTooltip }) })
         ] })
       ] }),
       /* @__PURE__ */ jsxs33("div", { className: "grid grid-cols-3 gap-2 mt-3", children: [
-        PRESET_SLIPPAGES.map((option) => /* @__PURE__ */ jsx46(
+        PRESET_SLIPPAGES.map((option) => /* @__PURE__ */ jsx47(
           "div",
           {
             className: cn(
               "relative rounded-2xl p-[1.5px]",
               isSlippageSelected(option) ? "animated-gradient-border" : "bg-transparent"
             ),
-            children: /* @__PURE__ */ jsx46(
+            children: /* @__PURE__ */ jsx47(
               "button",
               {
                 type: "button",
                 onClick: () => handleSlippageSelect(option),
                 className: "cursor-pointer w-full rounded-[16px] bg-brand-card-100 hover:bg-brand-card-100/80 transition-colors duration-200 p-[14px] flex items-center justify-center min-h-12",
-                children: /* @__PURE__ */ jsx46("p", { className: "body-1 font-medium", children: option })
+                children: /* @__PURE__ */ jsx47("p", { className: "body-1 font-medium", children: option })
               }
             )
           },
           option
         )),
-        /* @__PURE__ */ jsx46(
+        /* @__PURE__ */ jsx47(
           "div",
           {
             className: cn(
@@ -4816,7 +4885,7 @@ var Settings = ({
               isCustomSlippageActive ? "animated-gradient-border" : "bg-transparent"
             ),
             children: /* @__PURE__ */ jsxs33("div", { className: "relative bg-brand-card-100 rounded-[16px]", children: [
-              /* @__PURE__ */ jsx46(
+              /* @__PURE__ */ jsx47(
                 Input,
                 {
                   min: 0,
@@ -4831,7 +4900,7 @@ var Settings = ({
                   onKeyDown: handleKeyDown
                 }
               ),
-              /* @__PURE__ */ jsx46("span", { className: "body-1 absolute right-4 top-1/2 -translate-y-1/2 text-brand-black-100", children: "%" })
+              /* @__PURE__ */ jsx47("span", { className: "body-1 absolute right-4 top-1/2 -translate-y-1/2 text-brand-black-100", children: "%" })
             ] })
           }
         )
@@ -4844,12 +4913,12 @@ var Settings = ({
           " deadline"
         ] }),
         /* @__PURE__ */ jsxs33(Tooltip, { children: [
-          /* @__PURE__ */ jsx46(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx46(CircleInfo_default, { className: "size-[14px] cursor-pointer hover:text-white duration-200 transition-colors" }) }),
-          /* @__PURE__ */ jsx46(TooltipContent, { children: /* @__PURE__ */ jsx46("p", { className: "text-caption", children: effectiveDeadlineTooltip }) })
+          /* @__PURE__ */ jsx47(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx47(CircleInfo_default, { className: "size-[14px] cursor-pointer hover:text-white duration-200 transition-colors" }) }),
+          /* @__PURE__ */ jsx47(TooltipContent, { children: /* @__PURE__ */ jsx47("p", { className: "text-caption", children: effectiveDeadlineTooltip }) })
         ] })
       ] }),
       /* @__PURE__ */ jsxs33("div", { className: "relative mt-3", children: [
-        /* @__PURE__ */ jsx46(
+        /* @__PURE__ */ jsx47(
           Input,
           {
             value: customDeadline,
@@ -4862,32 +4931,32 @@ var Settings = ({
             min: 0
           }
         ),
-        /* @__PURE__ */ jsx46("span", { className: "body-1 absolute right-4 top-1/2 -translate-y-1/2 text-brand-black-100", children: "minutes" })
+        /* @__PURE__ */ jsx47("span", { className: "body-1 absolute right-4 top-1/2 -translate-y-1/2 text-brand-black-100", children: "minutes" })
       ] })
     ] })
   ] });
 };
 
 // src/components/organisms/bridge-settings.tsx
-import { jsx as jsx47 } from "react/jsx-runtime";
+import { jsx as jsx48 } from "react/jsx-runtime";
 var BridgeSettings = (props) => {
-  return /* @__PURE__ */ jsx47(Settings, __spreadProps(__spreadValues({}, props), { type: "bridge" }));
+  return /* @__PURE__ */ jsx48(Settings, __spreadProps(__spreadValues({}, props), { type: "bridge" }));
 };
 
 // src/@/ui/sheet.tsx
 import * as SheetPrimitive from "@radix-ui/react-dialog";
-import { jsx as jsx48, jsxs as jsxs34 } from "react/jsx-runtime";
+import { jsx as jsx49, jsxs as jsxs34 } from "react/jsx-runtime";
 function Sheet(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx48(SheetPrimitive.Root, __spreadValues({ "data-slot": "sheet" }, props));
+  return /* @__PURE__ */ jsx49(SheetPrimitive.Root, __spreadValues({ "data-slot": "sheet" }, props));
 }
 function SheetTrigger(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx48(SheetPrimitive.Trigger, __spreadValues({ "data-slot": "sheet-trigger" }, props));
+  return /* @__PURE__ */ jsx49(SheetPrimitive.Trigger, __spreadValues({ "data-slot": "sheet-trigger" }, props));
 }
 function SheetPortal(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx48(SheetPrimitive.Portal, __spreadValues({ "data-slot": "sheet-portal" }, props));
+  return /* @__PURE__ */ jsx49(SheetPrimitive.Portal, __spreadValues({ "data-slot": "sheet-portal" }, props));
 }
 function SheetOverlay(_a) {
   var _b = _a, {
@@ -4895,7 +4964,7 @@ function SheetOverlay(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx49(
     SheetPrimitive.Overlay,
     __spreadValues({
       "data-slot": "sheet-overlay",
@@ -4917,7 +4986,7 @@ function SheetContent(_a) {
     "side"
   ]);
   return /* @__PURE__ */ jsxs34(SheetPortal, { children: [
-    /* @__PURE__ */ jsx48(SheetOverlay, {}),
+    /* @__PURE__ */ jsx49(SheetOverlay, {}),
     /* @__PURE__ */ jsxs34(
       SheetPrimitive.Content,
       __spreadProps(__spreadValues({
@@ -4933,7 +5002,7 @@ function SheetContent(_a) {
       }, props), {
         children: [
           children,
-          /* @__PURE__ */ jsx48(
+          /* @__PURE__ */ jsx49(
             SheetPrimitive.Close,
             {
               asChild: true,
@@ -4946,8 +5015,8 @@ function SheetContent(_a) {
                   rounded: "full",
                   size: "sm",
                   children: [
-                    /* @__PURE__ */ jsx48(ChevronDoubleRight_default, { className: "size-4 text-brand-black-100" }),
-                    /* @__PURE__ */ jsx48("span", { className: "sr-only", children: "Close" })
+                    /* @__PURE__ */ jsx49(ChevronDoubleRight_default, { className: "size-4 text-brand-black-100" }),
+                    /* @__PURE__ */ jsx49("span", { className: "sr-only", children: "Close" })
                   ]
                 }
               )
@@ -4960,7 +5029,7 @@ function SheetContent(_a) {
 }
 function SheetHeader(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx49(
     "div",
     __spreadValues({
       "data-slot": "sheet-header",
@@ -4968,53 +5037,25 @@ function SheetHeader(_a) {
     }, props)
   );
 }
-function SheetTitle(_a) {
-  var _b = _a, {
-    className
-  } = _b, props = __objRest(_b, [
-    "className"
-  ]);
-  return /* @__PURE__ */ jsx48(
-    SheetPrimitive.Title,
-    __spreadValues({
-      "data-slot": "sheet-title",
-      className: cn("text-foreground font-semibold", className)
-    }, props)
-  );
-}
-function SheetDescription(_a) {
-  var _b = _a, {
-    className
-  } = _b, props = __objRest(_b, [
-    "className"
-  ]);
-  return /* @__PURE__ */ jsx48(
-    SheetPrimitive.Description,
-    __spreadValues({
-      "data-slot": "sheet-description",
-      className: cn("text-muted-foreground text-sm", className)
-    }, props)
-  );
-}
 
 // src/components/navigation/hyperbridge-drawer.tsx
 import { Drawer as DrawerPrimitive2 } from "vaul";
-import { Fragment as Fragment12, jsx as jsx49, jsxs as jsxs35 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx50, jsxs as jsxs35 } from "react/jsx-runtime";
 function HBDrawer(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx49(DrawerPrimitive2.Root, __spreadValues({ "data-slot": "hb-drawer" }, props));
+  return /* @__PURE__ */ jsx50(DrawerPrimitive2.Root, __spreadValues({ "data-slot": "hb-drawer" }, props));
 }
 function HBDrawerTrigger(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx49(DrawerPrimitive2.Trigger, __spreadValues({ "data-slot": "hb-drawer-trigger" }, props));
+  return /* @__PURE__ */ jsx50(DrawerPrimitive2.Trigger, __spreadValues({ "data-slot": "hb-drawer-trigger" }, props));
 }
 function HBDrawerPortal(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx49(DrawerPrimitive2.Portal, __spreadValues({ "data-slot": "hb-drawer-portal" }, props));
+  return /* @__PURE__ */ jsx50(DrawerPrimitive2.Portal, __spreadValues({ "data-slot": "hb-drawer-portal" }, props));
 }
 function HBDrawerClose(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx49(DrawerPrimitive2.Close, __spreadValues({ "data-slot": "hb-drawer-close" }, props));
+  return /* @__PURE__ */ jsx50(DrawerPrimitive2.Close, __spreadValues({ "data-slot": "hb-drawer-close" }, props));
 }
 function HBDrawerOverlay(_a) {
   var _b = _a, {
@@ -5022,7 +5063,7 @@ function HBDrawerOverlay(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx50(
     DrawerPrimitive2.Overlay,
     __spreadValues({
       "data-slot": "hb-drawer-overlay",
@@ -5042,8 +5083,8 @@ function HBDrawerContent(_a) {
     "children"
   ]);
   return /* @__PURE__ */ jsxs35(Fragment12, { children: [
-    /* @__PURE__ */ jsx49(HBDrawerPortal, {}),
-    /* @__PURE__ */ jsx49(HBDrawerOverlay, {}),
+    /* @__PURE__ */ jsx50(HBDrawerPortal, {}),
+    /* @__PURE__ */ jsx50(HBDrawerOverlay, {}),
     /* @__PURE__ */ jsxs35(
       DrawerPrimitive2.Content,
       __spreadProps(__spreadValues({
@@ -5058,7 +5099,7 @@ function HBDrawerContent(_a) {
         )
       }, props), {
         children: [
-          /* @__PURE__ */ jsx49("div", { className: "bg-brand-black-350 mx-auto my-2 hidden h-[5px] w-16 shrink-0 rounded-[2.5px] group-data-[vaul-drawer-direction=bottom]/drawer-content:block" }),
+          /* @__PURE__ */ jsx50("div", { className: "bg-brand-black-350 mx-auto my-2 hidden h-[5px] w-16 shrink-0 rounded-[2.5px] group-data-[vaul-drawer-direction=bottom]/drawer-content:block" }),
           children
         ]
       })
@@ -5067,7 +5108,7 @@ function HBDrawerContent(_a) {
 }
 function HBDrawerHeader(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx50(
     "div",
     __spreadValues({
       "data-slot": "hb-drawer-header",
@@ -5080,7 +5121,7 @@ function HBDrawerHeader(_a) {
 }
 function HBDrawerFooter(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx50(
     "div",
     __spreadValues({
       "data-slot": "hb-drawer-footer",
@@ -5094,7 +5135,7 @@ function HBDrawerTitle(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx50(
     DrawerPrimitive2.Title,
     __spreadValues({
       "data-slot": "hb-drawer-title",
@@ -5108,7 +5149,7 @@ function HBDrawerDescription(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx50(
     DrawerPrimitive2.Description,
     __spreadValues({
       "data-slot": "hb-drawer-description",
@@ -5118,35 +5159,32 @@ function HBDrawerDescription(_a) {
 }
 
 // src/components/organisms/manage-account.tsx
-import { jsx as jsx50, jsxs as jsxs36 } from "react/jsx-runtime";
+import { jsx as jsx51, jsxs as jsxs36 } from "react/jsx-runtime";
 function ManageAccounts() {
   console.warn("ManageAccounts is deprecated");
   return null;
 }
 function HeaderChooseProvider() {
-  return /* @__PURE__ */ jsxs36(SheetHeader, { className: "p-[1rem] -mx-[1rem]", children: [
-    /* @__PURE__ */ jsxs36("div", { className: "flex items-center gap-[0.625rem] select-none", children: [
-      /* @__PURE__ */ jsx50(
-        IconButton,
-        {
-          disabled: true,
-          className: "pointer-events-none !text-brand-white-500",
-          variant: "level_2",
-          rounded: "full",
-          size: "sm",
-          children: /* @__PURE__ */ jsx50(Wallet_default, { className: "size-5" })
-        }
-      ),
-      /* @__PURE__ */ jsx50(SheetTitle, { className: "text-brand-white-100", children: /* @__PURE__ */ jsx50("span", { className: "text-base font-medium", children: "Connect Your Wallet" }) })
-    ] }),
-    /* @__PURE__ */ jsx50(SheetDescription, { className: "sr-only", children: "Choose a wallet provider to connect to our application." })
-  ] });
+  return /* @__PURE__ */ jsx51(SheetHeader, { className: "p-[1rem] -mx-[1rem]", children: /* @__PURE__ */ jsxs36("div", { className: "flex items-center gap-[0.625rem] select-none", children: [
+    /* @__PURE__ */ jsx51(
+      IconButton,
+      {
+        disabled: true,
+        className: "pointer-events-none !text-brand-white-500",
+        variant: "level_2",
+        rounded: "full",
+        size: "sm",
+        children: /* @__PURE__ */ jsx51(Wallet_default, { className: "size-5" })
+      }
+    ),
+    /* @__PURE__ */ jsx51("span", { className: "text-base font-medium text-brand-white-100", children: "Connect Your Wallet" })
+  ] }) });
 }
 function HeaderNested(props) {
   var _a;
   const { heading, image, onBack, hideBackButton } = props;
-  return /* @__PURE__ */ jsx50("div", { className: "p-[1rem] -mx-[1rem]", children: /* @__PURE__ */ jsxs36("div", { className: "flex items-center gap-[0.625rem] select-none", children: [
-    /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx51("div", { className: "p-[1rem] -mx-[1rem]", children: /* @__PURE__ */ jsxs36("div", { className: "flex items-center gap-[0.625rem] select-none", children: [
+    /* @__PURE__ */ jsx51(
       TokenImage,
       {
         src: image.src,
@@ -5154,15 +5192,15 @@ function HeaderNested(props) {
         alt: (_a = image.alt) != null ? _a : heading
       }
     ),
-    /* @__PURE__ */ jsx50("div", { className: "text-brand-white-100 flex-1", children: /* @__PURE__ */ jsx50("span", { className: "text-base font-medium", children: heading }) }),
-    !hideBackButton && /* @__PURE__ */ jsx50(
+    /* @__PURE__ */ jsx51("div", { className: "text-brand-white-100 flex-1", children: /* @__PURE__ */ jsx51("span", { className: "text-base font-medium", children: heading }) }),
+    !hideBackButton && /* @__PURE__ */ jsx51(
       IconButton,
       {
         variant: "level_1",
         rounded: "full",
         size: "sm",
         onClick: onBack,
-        children: /* @__PURE__ */ jsx50(
+        children: /* @__PURE__ */ jsx51(
           StepBack_default,
           {
             width: "1rem",
@@ -5180,8 +5218,8 @@ function ListSection({
   contentClassName
 }) {
   return /* @__PURE__ */ jsxs36("div", { className: "flex flex-col gap-y-[0.375rem]", children: [
-    /* @__PURE__ */ jsx50("div", { className: "text-caption text-brand-black-100 select-none font-normal", children: caption }),
-    /* @__PURE__ */ jsx50("div", { className: cn("flex flex-col gap-2", contentClassName), children })
+    /* @__PURE__ */ jsx51("div", { className: "text-caption text-brand-black-100 select-none font-normal", children: caption }),
+    /* @__PURE__ */ jsx51("div", { className: cn("flex flex-col gap-2", contentClassName), children })
   ] });
 }
 function CWDrawerContent(_a) {
@@ -5193,7 +5231,7 @@ function CWDrawerContent(_a) {
   const isMobile = useIsMobile();
   const viewportHeight = useViewportHeight(isMobile);
   if (isMobile) {
-    return /* @__PURE__ */ jsx50(
+    return /* @__PURE__ */ jsx51(
       HBDrawerContent,
       {
         className: "bg-brand-black-550 rounded-t-[1rem] w-full px-[1rem] border-t border-brand-black-300",
@@ -5204,30 +5242,30 @@ function CWDrawerContent(_a) {
         } : {
           minHeight: "90dvh"
         },
-        children: /* @__PURE__ */ jsx50("div", { className: "flex flex-col flex-1", children })
+        children: /* @__PURE__ */ jsx51("div", { className: "flex flex-col flex-1", children })
       }
     );
   }
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx51(
     SheetContent,
     __spreadProps(__spreadValues({}, props), {
       side: "right",
       className: "h-full max-h-auto max-w-[calc(29.75rem_+_1.25rem)] select-none border-none shadow-none text-brand-white-500 w-full sm:w-[540px] bg-transparent p-[0.625rem]",
-      children: /* @__PURE__ */ jsx50("div", { className: "bg-brand-black-550 flex-1 flex flex-col rounded-[1rem] px-[1rem] overflow-hidden", children })
+      children: /* @__PURE__ */ jsx51("div", { className: "bg-brand-black-550 flex-1 flex flex-col rounded-[1rem] px-[1rem] overflow-hidden", children })
     })
   );
 }
 
 // src/components/tokens/swap-token-selector.tsx
 import { useRef as useRef3 } from "react";
-import { jsx as jsx51, jsxs as jsxs37 } from "react/jsx-runtime";
+import { jsx as jsx52, jsxs as jsxs37 } from "react/jsx-runtime";
 var SwapTokenSelector = ({
   isOpen,
   onClose,
   children,
   className
 }) => {
-  return /* @__PURE__ */ jsx51(Modal, { isOpen, onClose, className, children });
+  return /* @__PURE__ */ jsx52(Modal, { isOpen, onClose, className, children });
 };
 var SwapTokenSelectorHeader = ({
   title,
@@ -5244,8 +5282,8 @@ var SwapTokenSelectorHeader = ({
       ),
       children: [
         /* @__PURE__ */ jsxs37("div", { className: "flex items-center justify-between", children: [
-          title && /* @__PURE__ */ jsx51("div", { className: "body-1 font-medium text-white max-w-[200px] break-words", children: title }),
-          onClose && /* @__PURE__ */ jsx51(
+          title && /* @__PURE__ */ jsx52("div", { className: "body-1 font-medium text-white max-w-[200px] break-words", children: title }),
+          onClose && /* @__PURE__ */ jsx52(
             XIcon_default,
             {
               className: "size-4 cursor-pointer text-brand-black-100 hover:text-white duration-200 transition-colors",
@@ -5262,7 +5300,7 @@ var SwapTokenSelectorSearch = ({
   children,
   className
 }) => {
-  return /* @__PURE__ */ jsx51("div", { className: cn("mt-4", className), children });
+  return /* @__PURE__ */ jsx52("div", { className: cn("mt-4", className), children });
 };
 var SwapTokenSelectorContent = ({
   children,
@@ -5270,8 +5308,8 @@ var SwapTokenSelectorContent = ({
 }) => {
   const scrollRef = useRef3(null);
   return /* @__PURE__ */ jsxs37("div", { className: "relative flex-1 flex flex-col min-h-0", children: [
-    /* @__PURE__ */ jsx51(ScrollAwareSeparator, { scrollRef }),
-    /* @__PURE__ */ jsx51(ScrollArea, { ref: scrollRef, className: "h-full", children: /* @__PURE__ */ jsx51("div", { className: cn("px-6 pb-6 space-y-4", className), children }) })
+    /* @__PURE__ */ jsx52(ScrollAwareSeparator, { scrollRef }),
+    /* @__PURE__ */ jsx52(ScrollArea, { ref: scrollRef, className: "h-full", children: /* @__PURE__ */ jsx52("div", { className: cn("px-6 pb-6 space-y-4", className), children }) })
   ] });
 };
 var SwapTokenSelectorSection = ({
@@ -5280,15 +5318,15 @@ var SwapTokenSelectorSection = ({
   className
 }) => {
   return /* @__PURE__ */ jsxs37("div", { className: cn("flex flex-col", className), children: [
-    title && /* @__PURE__ */ jsx51("p", { className: "text-caption text-brand-black-100 mb-2", children: title }),
-    /* @__PURE__ */ jsx51("div", { className: "space-y-2", children })
+    title && /* @__PURE__ */ jsx52("p", { className: "text-caption text-brand-black-100 mb-2", children: title }),
+    /* @__PURE__ */ jsx52("div", { className: "space-y-2", children })
   ] });
 };
 var SwapTokenSelectorEmpty = ({
   children,
   className
 }) => {
-  return /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsx52(
     "div",
     {
       className: cn(
@@ -5309,7 +5347,7 @@ var SwapTokenItem = ({
   amount,
   usdValue
 }) => {
-  return /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsx52(
     "div",
     {
       className: cn(
@@ -5325,7 +5363,7 @@ var SwapTokenItem = ({
           onClick,
           children: [
             /* @__PURE__ */ jsxs37("div", { className: "flex items-center text-start gap-3", children: [
-              /* @__PURE__ */ jsx51(
+              /* @__PURE__ */ jsx52(
                 BadgeIcon,
                 {
                   src: token.image,
@@ -5335,13 +5373,13 @@ var SwapTokenItem = ({
                 }
               ),
               /* @__PURE__ */ jsxs37("div", { className: "flex flex-col gap-[2px] items-start", children: [
-                /* @__PURE__ */ jsx51("p", { className: "body-1 font-medium text-white", children: token.name }),
+                /* @__PURE__ */ jsx52("p", { className: "body-1 font-medium text-white", children: token.name }),
                 address
               ] })
             ] }),
             /* @__PURE__ */ jsxs37("div", { className: "flex flex-col items-end gap-[2px]", children: [
-              /* @__PURE__ */ jsx51("p", { className: "body-1 font-medium text-white", children: amount }),
-              /* @__PURE__ */ jsx51("p", { className: "text-caption text-brand-black-100", children: usdValue })
+              /* @__PURE__ */ jsx52("p", { className: "body-1 font-medium text-white", children: amount }),
+              /* @__PURE__ */ jsx52("p", { className: "text-caption text-brand-black-100", children: usdValue })
             ] })
           ]
         }
@@ -5353,18 +5391,18 @@ var SwapTokenItem = ({
 // src/@/ui/dropdown-menu.tsx
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
 import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react";
-import { jsx as jsx52, jsxs as jsxs38 } from "react/jsx-runtime";
+import { jsx as jsx53, jsxs as jsxs38 } from "react/jsx-runtime";
 function DropdownMenu(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx52(DropdownMenuPrimitive.Root, __spreadValues({ "data-slot": "dropdown-menu" }, props));
+  return /* @__PURE__ */ jsx53(DropdownMenuPrimitive.Root, __spreadValues({ "data-slot": "dropdown-menu" }, props));
 }
 function DropdownMenuPortal(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx52(DropdownMenuPrimitive.Portal, __spreadValues({ "data-slot": "dropdown-menu-portal" }, props));
+  return /* @__PURE__ */ jsx53(DropdownMenuPrimitive.Portal, __spreadValues({ "data-slot": "dropdown-menu-portal" }, props));
 }
 function DropdownMenuTrigger(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx52(
+  return /* @__PURE__ */ jsx53(
     DropdownMenuPrimitive.Trigger,
     __spreadValues({
       "data-slot": "dropdown-menu-trigger"
@@ -5379,7 +5417,7 @@ function DropdownMenuContent(_a) {
     "className",
     "sideOffset"
   ]);
-  return /* @__PURE__ */ jsx52(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx52(
+  return /* @__PURE__ */ jsx53(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx53(
     DropdownMenuPrimitive.Content,
     __spreadValues({
       "data-slot": "dropdown-menu-content",
@@ -5393,7 +5431,7 @@ function DropdownMenuContent(_a) {
 }
 function DropdownMenuGroup(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx52(DropdownMenuPrimitive.Group, __spreadValues({ "data-slot": "dropdown-menu-group" }, props));
+  return /* @__PURE__ */ jsx53(DropdownMenuPrimitive.Group, __spreadValues({ "data-slot": "dropdown-menu-group" }, props));
 }
 function DropdownMenuItem(_a) {
   var _b = _a, {
@@ -5405,7 +5443,7 @@ function DropdownMenuItem(_a) {
     "inset",
     "variant"
   ]);
-  return /* @__PURE__ */ jsx52(
+  return /* @__PURE__ */ jsx53(
     DropdownMenuPrimitive.Item,
     __spreadValues({
       "data-slot": "dropdown-menu-item",
@@ -5439,7 +5477,7 @@ function DropdownMenuCheckboxItem(_a) {
       checked
     }, props), {
       children: [
-        /* @__PURE__ */ jsx52("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx52(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx52(CheckIcon, { className: "size-4" }) }) }),
+        /* @__PURE__ */ jsx53("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx53(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx53(CheckIcon, { className: "size-4" }) }) }),
         children
       ]
     })
@@ -5447,7 +5485,7 @@ function DropdownMenuCheckboxItem(_a) {
 }
 function DropdownMenuRadioGroup(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx52(
+  return /* @__PURE__ */ jsx53(
     DropdownMenuPrimitive.RadioGroup,
     __spreadValues({
       "data-slot": "dropdown-menu-radio-group"
@@ -5472,7 +5510,7 @@ function DropdownMenuRadioItem(_a) {
       )
     }, props), {
       children: [
-        /* @__PURE__ */ jsx52("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx52(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx52(CircleIcon, { className: "size-2 fill-current" }) }) }),
+        /* @__PURE__ */ jsx53("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx53(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx53(CircleIcon, { className: "size-2 fill-current" }) }) }),
         children
       ]
     })
@@ -5486,7 +5524,7 @@ function DropdownMenuLabel(_a) {
     "className",
     "inset"
   ]);
-  return /* @__PURE__ */ jsx52(
+  return /* @__PURE__ */ jsx53(
     DropdownMenuPrimitive.Label,
     __spreadValues({
       "data-slot": "dropdown-menu-label",
@@ -5504,7 +5542,7 @@ function DropdownMenuSeparator(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx52(
+  return /* @__PURE__ */ jsx53(
     DropdownMenuPrimitive.Separator,
     __spreadValues({
       "data-slot": "dropdown-menu-separator",
@@ -5518,7 +5556,7 @@ function DropdownMenuShortcut(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx52(
+  return /* @__PURE__ */ jsx53(
     "span",
     __spreadValues({
       "data-slot": "dropdown-menu-shortcut",
@@ -5531,7 +5569,7 @@ function DropdownMenuShortcut(_a) {
 }
 function DropdownMenuSub(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx52(DropdownMenuPrimitive.Sub, __spreadValues({ "data-slot": "dropdown-menu-sub" }, props));
+  return /* @__PURE__ */ jsx53(DropdownMenuPrimitive.Sub, __spreadValues({ "data-slot": "dropdown-menu-sub" }, props));
 }
 function DropdownMenuSubTrigger(_a) {
   var _b = _a, {
@@ -5555,7 +5593,7 @@ function DropdownMenuSubTrigger(_a) {
     }, props), {
       children: [
         children,
-        /* @__PURE__ */ jsx52(ChevronRightIcon, { className: "ml-auto size-4" })
+        /* @__PURE__ */ jsx53(ChevronRightIcon, { className: "ml-auto size-4" })
       ]
     })
   );
@@ -5566,7 +5604,7 @@ function DropdownMenuSubContent(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx52(
+  return /* @__PURE__ */ jsx53(
     DropdownMenuPrimitive.SubContent,
     __spreadValues({
       "data-slot": "dropdown-menu-sub-content",
@@ -5580,14 +5618,14 @@ function DropdownMenuSubContent(_a) {
 
 // src/@/ui/popover.tsx
 import * as PopoverPrimitive from "@radix-ui/react-popover";
-import { jsx as jsx53 } from "react/jsx-runtime";
+import { jsx as jsx54 } from "react/jsx-runtime";
 function Popover(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx53(PopoverPrimitive.Root, __spreadValues({ "data-slot": "popover" }, props));
+  return /* @__PURE__ */ jsx54(PopoverPrimitive.Root, __spreadValues({ "data-slot": "popover" }, props));
 }
 function PopoverTrigger(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx53(PopoverPrimitive.Trigger, __spreadValues({ "data-slot": "popover-trigger" }, props));
+  return /* @__PURE__ */ jsx54(PopoverPrimitive.Trigger, __spreadValues({ "data-slot": "popover-trigger" }, props));
 }
 function PopoverContent(_a) {
   var _b = _a, {
@@ -5599,7 +5637,7 @@ function PopoverContent(_a) {
     "align",
     "sideOffset"
   ]);
-  return /* @__PURE__ */ jsx53(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx53(
+  return /* @__PURE__ */ jsx54(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx54(
     PopoverPrimitive.Content,
     __spreadValues({
       "data-slot": "popover-content",
@@ -5614,13 +5652,13 @@ function PopoverContent(_a) {
 }
 function PopoverAnchor(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx53(PopoverPrimitive.Anchor, __spreadValues({ "data-slot": "popover-anchor" }, props));
+  return /* @__PURE__ */ jsx54(PopoverPrimitive.Anchor, __spreadValues({ "data-slot": "popover-anchor" }, props));
 }
 
 // src/@/ui/badge.tsx
 import { Slot as Slot11 } from "@radix-ui/react-slot";
 import { cva as cva7 } from "class-variance-authority";
-import { jsx as jsx54 } from "react/jsx-runtime";
+import { jsx as jsx55 } from "react/jsx-runtime";
 var badgeVariants = cva7(
   "inline-flex font-semibold whitespace-nowrap items-center justify-center rounded-full px-2 py-1 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
   {
@@ -5653,7 +5691,7 @@ function Badge(_a) {
     "asChild"
   ]);
   const Comp = asChild ? Slot11 : "span";
-  return /* @__PURE__ */ jsx54(
+  return /* @__PURE__ */ jsx55(
     Comp,
     __spreadValues({
       "data-slot": "badge",