@gearbox-protocol/ui-kit 3.14.0-next.60 → 3.14.0-next.62

package/dist/esm/components/checkbox/checkbox-labeled.js

@@ -71,14 +71,17 @@ import "../icon-button/icon-button.js";
 import "../separate-line/separate-line.js";
 import "../tip-card/tip-card.js";
 import "../composites/strategies-table/components/rewards-tooltip/rewards-tooltip-root.js";
+import "../composites/tx-preview/confirm/amounts/TransactionConfirmAmountField.js";
+import "../composites/tx-preview/confirm/dialog/constants.js";
+import "../modal/modal.js";
+import "../dialog/dialog-container.js";
+import "../spinner-loader/spinner-loader.js";
 import "../currency-button/currency-button.js";
 import "../detailed-apy/detailed-apy.js";
 import "../detailed-page-title/detailed-page-title.js";
 import "../detailed-page-title/detailed-page-title-copy-button.js";
 import "../detailed-page-title/detailed-page-title-explorer-dropdown.js";
-import "../modal/modal.js";
 import "@radix-ui/react-dialog";
-import "../dialog/dialog-container.js";
 import "../dialog/dialog-content.js";
 import "../dialog/dialog-description.js";
 import "../dialog/dialog-footer.js";
@@ -151,7 +154,6 @@ import "../slider/slider.js";
 import "../slider/slider-context.js";
 import "@radix-ui/react-slider";
 import "../spinner/spinner.js";
-import "../spinner-loader/spinner-loader.js";
 import "../split-list/split-list.js";
 import "../stat-badge/stat-badge.js";
 import "../status-dot/status-dot.js";

package/dist/esm/components/client-adapters/styled-rounded-image/styled-rounded-image.js

@@ -71,14 +71,17 @@ import "../../icon-button/icon-button.js";
 import "../../separate-line/separate-line.js";
 import "../../tip-card/tip-card.js";
 import "../../composites/strategies-table/components/rewards-tooltip/rewards-tooltip-root.js";
+import "../../composites/tx-preview/confirm/amounts/TransactionConfirmAmountField.js";
+import "../../composites/tx-preview/confirm/dialog/constants.js";
+import "../../modal/modal.js";
+import "../../dialog/dialog-container.js";
+import "../../spinner-loader/spinner-loader.js";
 import "../../currency-button/currency-button.js";
 import "../../detailed-apy/detailed-apy.js";
 import "../../detailed-page-title/detailed-page-title.js";
 import "../../detailed-page-title/detailed-page-title-copy-button.js";
 import "../../detailed-page-title/detailed-page-title-explorer-dropdown.js";
-import "../../modal/modal.js";
 import "@radix-ui/react-dialog";
-import "../../dialog/dialog-container.js";
 import "../../dialog/dialog-content.js";
 import "../../dialog/dialog-description.js";
 import "../../dialog/dialog-footer.js";
@@ -151,7 +154,6 @@ import "../../slider/slider.js";
 import "../../slider/slider-context.js";
 import "@radix-ui/react-slider";
 import "../../spinner/spinner.js";
-import "../../spinner-loader/spinner-loader.js";
 import "../../split-list/split-list.js";
 import "../../stat-badge/stat-badge.js";
 import "../../status-dot/status-dot.js";

package/dist/esm/components/complex-input/complex-input.js

@@ -72,14 +72,17 @@ import "../icon-button/icon-button.js";
 import "../separate-line/separate-line.js";
 import "../tip-card/tip-card.js";
 import "../composites/strategies-table/components/rewards-tooltip/rewards-tooltip-root.js";
+import "../composites/tx-preview/confirm/amounts/TransactionConfirmAmountField.js";
+import "../composites/tx-preview/confirm/dialog/constants.js";
+import "../modal/modal.js";
+import "../dialog/dialog-container.js";
+import "../spinner-loader/spinner-loader.js";
 import "../currency-button/currency-button.js";
 import "../detailed-apy/detailed-apy.js";
 import "../detailed-page-title/detailed-page-title.js";
 import "../detailed-page-title/detailed-page-title-copy-button.js";
 import "../detailed-page-title/detailed-page-title-explorer-dropdown.js";
-import "../modal/modal.js";
 import "@radix-ui/react-dialog";
-import "../dialog/dialog-container.js";
 import "../dialog/dialog-content.js";
 import "../dialog/dialog-description.js";
 import "../dialog/dialog-footer.js";
@@ -154,7 +157,6 @@ import "@radix-ui/react-slider";
 import { BalanceIndicator as P } from "../smart-number-input/balance-indicator.js";
 import "../smart-number-input/smart-number-input.js";
 import "../spinner/spinner.js";
-import "../spinner-loader/spinner-loader.js";
 import "../split-list/split-list.js";
 import "../stat-badge/stat-badge.js";
 import "../status-dot/status-dot.js";
@@ -167,7 +169,7 @@ import "../theme-provider.js";
 import "../time-to-liquidation/time-to-liquidation.js";
 import "../toggle/toggle.js";
 import "../with-filter-button/with-filter-button.js";
-function Gi({
+function Ji({
   titleProps: s,
   inputProps: a,
   balanceIndicatorProps: c
@@ -230,5 +232,5 @@ function Gi({
   );
 }
 export {
-  Gi as ComplexInput
+  Ji as ComplexInput
 };

package/dist/esm/components/composites/index.js

@@ -1,89 +1,127 @@
-import { CreditAccountHistory as r } from "./credit-account-history/credit-account-history.js";
-import { GEARBOX_PROTOCOL_INFO as a, ZERO_ADDRESS as l, isMulticallOperation as p } from "./credit-account-history/types.js";
-import { NotificationCenter as s } from "./notification-center/notification-center.js";
-import { OracleComponent as n } from "./oracles-and-lt-table/oracle-component.js";
+import { CreditAccountHistory as e } from "./credit-account-history/credit-account-history.js";
+import { GEARBOX_PROTOCOL_INFO as a, ZERO_ADDRESS as n, isMulticallOperation as i } from "./credit-account-history/types.js";
+import { NotificationCenter as m } from "./notification-center/notification-center.js";
+import { OracleComponent as p } from "./oracles-and-lt-table/oracle-component.js";
 import { OraclesAndLTLineView as u } from "./oracles-and-lt-table/oracles-and-lt-line-view.js";
-import { OraclesAndLTTableView as C } from "./oracles-and-lt-table/oracles-and-lt-table.js";
-import { OraclesAndLTTableHead as T } from "./oracles-and-lt-table/oracles-and-lt-table-head.js";
-import { OraclesList as b, getPriceFeedInfo as w } from "./oracles-and-lt-table/oracles-list.js";
-import { PoolAssetsTable as g } from "./pool-assets-table/pool-assets-table.js";
+import { OraclesAndLTTableView as T } from "./oracles-and-lt-table/oracles-and-lt-table.js";
+import { OraclesAndLTTableHead as c } from "./oracles-and-lt-table/oracles-and-lt-table-head.js";
+import { OraclesList as P, getPriceFeedInfo as g } from "./oracles-and-lt-table/oracles-list.js";
+import { PoolAssetsTable as R } from "./pool-assets-table/pool-assets-table.js";
 import { PoolAssetsTableHead as A } from "./pool-assets-table/pool-assets-table-head.js";
 import { PoolAssetsTableRow as F } from "./pool-assets-table/pool-assets-table-row.js";
-import { overflowContainerClassName as L, overflowWrapClassName as S } from "./pool-credit-manager-info/overflow-layout.js";
+import { overflowContainerClassName as y, overflowWrapClassName as L } from "./pool-credit-manager-info/overflow-layout.js";
 import { PoolCreditManagerInfo as H } from "./pool-credit-manager-info/pool-credit-manager-info.js";
-import { PoolCreditManagersTable as v } from "./pool-credit-managers-table/pool-credit-managers-table.js";
-import { PoolCreditManagersTableHead as E } from "./pool-credit-managers-table/pool-credit-managers-table-head.js";
-import { PoolCreditManagersTableRow as V } from "./pool-credit-managers-table/pool-credit-managers-table-row.js";
-import { balanceColumn as _, borrowApyColumn as G, borrowedColumn as Y, collateralColumn as Z, customColumn as z, defaultPoolName as B, poolColumn as X, supplyApyColumn as h, supplyColumn as j, utilizationColumn as k } from "./pool-table/columns.js";
+import { PoolCreditManagersTable as h } from "./pool-credit-managers-table/pool-credit-managers-table.js";
+import { PoolCreditManagersTableHead as N } from "./pool-credit-managers-table/pool-credit-managers-table-head.js";
+import { PoolCreditManagersTableRow as E } from "./pool-credit-managers-table/pool-credit-managers-table-row.js";
+import { balanceColumn as B, borrowApyColumn as W, borrowedColumn as _, collateralColumn as G, customColumn as Y, defaultPoolName as Z, poolColumn as z, supplyApyColumn as X, supplyColumn as j, utilizationColumn as k } from "./pool-table/columns.js";
 import { PoolTable as J } from "./pool-table/pool-table.js";
 import { customStrategyColumn as Q, strategyColumn as U, strategyLeverageColumn as $, strategyRewardsColumn as oo } from "./strategies-table/columns.js";
-import { APYFeature as ro, APYFeatureTooltip as to } from "./strategies-table/components/apy-feature/apy-feature.js";
-import { RWAFeature as lo, StrategiesRewardsCell as po, StrategyPoints as mo, ZeroSlippageFeature as so } from "./strategies-table/components/cells/cells.js";
-import { DisabledWrap as no, Plus as fo, TitleGrid as uo } from "./strategies-table/components/cells/cells.styles.js";
-import { Feature as Co } from "./strategies-table/components/feature/feature.js";
-import { FeatureRoot as Po } from "./strategies-table/components/feature/feature.styles.js";
-import { StrategiesTableNotFoundLine as wo } from "./strategies-table/components/not-found-line.js";
-import { PointsFeature as go, PointsFeatureTooltip as co, PointsLabel as Ao } from "./strategies-table/components/points-feature/points-feature.js";
-import { RewardsTooltip as Fo, RewardsTooltipHover as yo } from "./strategies-table/components/rewards-tooltip/rewards-tooltip.js";
-import { RewardsTooltipRoot as So } from "./strategies-table/components/rewards-tooltip/rewards-tooltip-root.js";
+import { APYFeature as eo, APYFeatureTooltip as to } from "./strategies-table/components/apy-feature/apy-feature.js";
+import { RWAFeature as no, StrategiesRewardsCell as io, StrategyPoints as so, ZeroSlippageFeature as mo } from "./strategies-table/components/cells/cells.js";
+import { DisabledWrap as po, Plus as fo, TitleGrid as uo } from "./strategies-table/components/cells/cells.styles.js";
+import { Feature as To } from "./strategies-table/components/feature/feature.js";
+import { FeatureRoot as co } from "./strategies-table/components/feature/feature.styles.js";
+import { StrategiesTableNotFoundLine as go } from "./strategies-table/components/not-found-line.js";
+import { PointsFeature as Ro, PointsFeatureTooltip as So, PointsLabel as Ao } from "./strategies-table/components/points-feature/points-feature.js";
+import { RewardsTooltip as Fo, RewardsTooltipHover as Oo } from "./strategies-table/components/rewards-tooltip/rewards-tooltip.js";
+import { RewardsTooltipRoot as Lo } from "./strategies-table/components/rewards-tooltip/rewards-tooltip-root.js";
 import { RewardsTooltipView as Ho } from "./strategies-table/components/rewards-tooltip/rewards-tooltip-view.js";
-import { RewardsTooltipContent as vo } from "./strategies-table/components/rewards-tooltip/tooltip-content.js";
-import { StrategiesTable as Eo } from "./strategies-table/components/strategies-table.js";
+import { RewardsTooltipContent as ho } from "./strategies-table/components/rewards-tooltip/tooltip-content.js";
+import { StrategiesTable as No } from "./strategies-table/components/strategies-table.js";
+import { TransactionConfirmAmountFieldTest as Eo, TransactionConfirmAmountPairTest as Io } from "./tx-preview/confirm/amounts/constants.js";
+import { TransactionConfirmAmountField as Wo } from "./tx-preview/confirm/amounts/TransactionConfirmAmountField.js";
+import { computeTransactionConfirmDialogLayout as Go } from "./tx-preview/confirm/dialog/computeTransactionConfirmDialogLayout.js";
+import { TransactionConfirmDialogTest as Zo, transactionConfirmDialogShellVariants as zo, transactionConfirmModalContainerVariants as Xo, transactionConfirmPreviewScrollVariants as jo, transactionConfirmShellContentVariants as ko } from "./tx-preview/confirm/dialog/constants.js";
+import { TransactionConfirmModalView as Jo } from "./tx-preview/confirm/dialog/TransactionConfirmModalView.js";
+import { TransactionConfirmPageView as Qo } from "./tx-preview/confirm/dialog/TransactionConfirmPageView.js";
+import { TransactionConfirmExecuteButton as $o } from "./tx-preview/confirm/execution/TransactionConfirmExecuteButton.js";
+import { TransactionConfirmExecuteButtonTest as rr, TransactionConfirmFailureResultTest as er, TransactionConfirmSuccessResultTest as tr, TransactionConfirmTxHashRowTest as ar } from "./tx-preview/confirm/result/constants.js";
+import { TransactionConfirmFailureResult as ir } from "./tx-preview/confirm/result/TransactionConfirmFailureResult.js";
+import { TransactionConfirmSuccessIcon as mr } from "./tx-preview/confirm/result/TransactionConfirmSuccessIcon.js";
+import { TransactionConfirmSuccessResult as pr } from "./tx-preview/confirm/result/TransactionConfirmSuccessResult.js";
+import { TransactionConfirmTxHashRow as ur } from "./tx-preview/confirm/result/TransactionConfirmTxHashRow.js";
+import { ProgressStepperTest as Tr } from "./tx-preview/confirm/stepper/constants.js";
+import { ProgressStepper as cr } from "./tx-preview/confirm/stepper/ProgressStepper.js";
+import { shouldShowTransactionProgressStepper as Pr } from "./tx-preview/confirm/stepper/transactionExecutionStepTypes.js";
 export {
-  ro as APYFeature,
+  eo as APYFeature,
   to as APYFeatureTooltip,
-  r as CreditAccountHistory,
-  no as DisabledWrap,
-  Co as Feature,
-  Po as FeatureRoot,
+  e as CreditAccountHistory,
+  po as DisabledWrap,
+  To as Feature,
+  co as FeatureRoot,
   a as GEARBOX_PROTOCOL_INFO,
-  s as NotificationCenter,
-  n as OracleComponent,
+  m as NotificationCenter,
+  p as OracleComponent,
   u as OraclesAndLTLineView,
-  T as OraclesAndLTTableHead,
-  C as OraclesAndLTTableView,
-  b as OraclesList,
+  c as OraclesAndLTTableHead,
+  T as OraclesAndLTTableView,
+  P as OraclesList,
   fo as Plus,
-  go as PointsFeature,
-  co as PointsFeatureTooltip,
+  Ro as PointsFeature,
+  So as PointsFeatureTooltip,
   Ao as PointsLabel,
-  g as PoolAssetsTable,
+  R as PoolAssetsTable,
   A as PoolAssetsTableHead,
   F as PoolAssetsTableRow,
   H as PoolCreditManagerInfo,
-  v as PoolCreditManagersTable,
-  E as PoolCreditManagersTableHead,
-  V as PoolCreditManagersTableRow,
+  h as PoolCreditManagersTable,
+  N as PoolCreditManagersTableHead,
+  E as PoolCreditManagersTableRow,
   J as PoolTable,
-  lo as RWAFeature,
+  cr as ProgressStepper,
+  Tr as ProgressStepperTest,
+  no as RWAFeature,
   Fo as RewardsTooltip,
-  vo as RewardsTooltipContent,
-  yo as RewardsTooltipHover,
-  So as RewardsTooltipRoot,
+  ho as RewardsTooltipContent,
+  Oo as RewardsTooltipHover,
+  Lo as RewardsTooltipRoot,
   Ho as RewardsTooltipView,
-  po as StrategiesRewardsCell,
-  Eo as StrategiesTable,
-  wo as StrategiesTableNotFoundLine,
-  mo as StrategyPoints,
+  io as StrategiesRewardsCell,
+  No as StrategiesTable,
+  go as StrategiesTableNotFoundLine,
+  so as StrategyPoints,
   uo as TitleGrid,
-  l as ZERO_ADDRESS,
-  so as ZeroSlippageFeature,
-  _ as balanceColumn,
-  G as borrowApyColumn,
-  Y as borrowedColumn,
-  Z as collateralColumn,
-  z as customColumn,
+  Wo as TransactionConfirmAmountField,
+  Eo as TransactionConfirmAmountFieldTest,
+  Io as TransactionConfirmAmountPairTest,
+  Zo as TransactionConfirmDialogTest,
+  $o as TransactionConfirmExecuteButton,
+  rr as TransactionConfirmExecuteButtonTest,
+  ir as TransactionConfirmFailureResult,
+  er as TransactionConfirmFailureResultTest,
+  Jo as TransactionConfirmModalView,
+  Qo as TransactionConfirmPageView,
+  mr as TransactionConfirmSuccessIcon,
+  pr as TransactionConfirmSuccessResult,
+  tr as TransactionConfirmSuccessResultTest,
+  ur as TransactionConfirmTxHashRow,
+  ar as TransactionConfirmTxHashRowTest,
+  n as ZERO_ADDRESS,
+  mo as ZeroSlippageFeature,
+  B as balanceColumn,
+  W as borrowApyColumn,
+  _ as borrowedColumn,
+  G as collateralColumn,
+  Go as computeTransactionConfirmDialogLayout,
+  Y as customColumn,
   Q as customStrategyColumn,
-  B as defaultPoolName,
-  w as getPriceFeedInfo,
-  p as isMulticallOperation,
-  L as overflowContainerClassName,
-  S as overflowWrapClassName,
-  X as poolColumn,
+  Z as defaultPoolName,
+  g as getPriceFeedInfo,
+  i as isMulticallOperation,
+  y as overflowContainerClassName,
+  L as overflowWrapClassName,
+  z as poolColumn,
+  Pr as shouldShowTransactionProgressStepper,
   U as strategyColumn,
   $ as strategyLeverageColumn,
   oo as strategyRewardsColumn,
-  h as supplyApyColumn,
+  X as supplyApyColumn,
   j as supplyColumn,
+  zo as transactionConfirmDialogShellVariants,
+  Xo as transactionConfirmModalContainerVariants,
+  jo as transactionConfirmPreviewScrollVariants,
+  ko as transactionConfirmShellContentVariants,
   k as utilizationColumn
 };

package/dist/esm/components/composites/pool-table/columns.js

@@ -176,6 +176,8 @@ import "../../with-filter-button/with-filter-button.js";
 import { RWAFeature as B } from "../strategies-table/components/cells/cells.js";
 import "../strategies-table/components/feature/feature.styles.js";
 import "../strategies-table/components/rewards-tooltip/rewards-tooltip-root.js";
+import "../tx-preview/confirm/amounts/TransactionConfirmAmountField.js";
+import "../tx-preview/confirm/dialog/constants.js";
 function p(o, t, i) {
   const e = o?.header ?? /* @__PURE__ */ r(
     f,
@@ -293,7 +295,7 @@ function R(o, t, i) {
     }
   );
 }
-function ee(o) {
+function le(o) {
   const { header: t, mobileTitle: i } = p(
     o,
     "components.poolTable.pool"
@@ -315,7 +317,7 @@ function ee(o) {
     mobileTitle: i
   };
 }
-function re(o) {
+function me(o) {
   const { header: t, mobileTitle: i } = p(
     o,
     "components.poolTable.supply"
@@ -331,7 +333,7 @@ function re(o) {
     mobileTitle: i
   };
 }
-function le(o) {
+function ne(o) {
   const { header: t, headerTip: i, mobileTitle: e } = p(
     o,
     "components.poolTable.supplyApy",
@@ -369,7 +371,7 @@ function le(o) {
     mobileTitle: e
   };
 }
-function me(o) {
+function pe(o) {
   const { header: t, mobileTitle: i } = p(
     o,
     "components.poolTable.borrowed"
@@ -383,7 +385,7 @@ function me(o) {
     mobileTitle: i
   };
 }
-function ne(o) {
+function ae(o) {
   const { header: t, headerTip: i, mobileTitle: e } = p(
     o,
     "components.poolTable.borrowApy"
@@ -401,7 +403,7 @@ function ne(o) {
     mobileTitle: e
   };
 }
-function pe(o) {
+function de(o) {
   const { header: t, mobileTitle: i } = p(
     o,
     "components.poolTable.utilization"
@@ -420,7 +422,7 @@ function pe(o) {
     mobileTitle: i
   };
 }
-function ae(o) {
+function se(o) {
   const t = o?.maxAssets ?? 5, i = (m) => R(m, t, o?.options), { header: e, mobileTitle: l } = p(
     o,
     "components.poolTable.collateral"
@@ -436,7 +438,7 @@ function ae(o) {
     mobileTitle: l
   };
 }
-function de(o) {
+function ce(o) {
   const { header: t, mobileTitle: i } = p(
     o,
     "components.poolTable.balance"
@@ -453,18 +455,18 @@ function de(o) {
     mobileTitle: i
   };
 }
-function se(o) {
+function ue(o) {
   return o;
 }
 export {
-  de as balanceColumn,
-  ne as borrowApyColumn,
-  me as borrowedColumn,
-  ae as collateralColumn,
-  se as customColumn,
+  ce as balanceColumn,
+  ae as borrowApyColumn,
+  pe as borrowedColumn,
+  se as collateralColumn,
+  ue as customColumn,
   F as defaultPoolName,
-  ee as poolColumn,
-  le as supplyApyColumn,
-  re as supplyColumn,
-  pe as utilizationColumn
+  le as poolColumn,
+  ne as supplyApyColumn,
+  me as supplyColumn,
+  de as utilizationColumn
 };

package/dist/esm/components/composites/tx-preview/confirm/amounts/TransactionConfirmAmountField.js

@@ -27,7 +27,7 @@ import "../../../../buttons/external-button/external-button.js";
 import "../../../../buttons/filter-button/filter-button.js";
 import "../../../../buttons/navigation-button/navigation-button.js";
 import "../../../../buttons/tab-button/tab-button.js";
-import { TokenIcon as b } from "../../../../token-icon/token-icon.js";
+import { TokenIcon as v } from "../../../../token-icon/token-icon.js";
 import "wagmi";
 import "../../../../auth/wallet-ui-context.js";
 import "../../../../avatar/avatar.js";
@@ -54,10 +54,10 @@ import "../../../../simple-dropdown/simple-dropdown.js";
 import "../../../../simple-dropdown/simple-dropdown-menu-item.js";
 import "../../../../typography/typography.js";
 import "../../../../table/grid-table.js";
-import { getSymbolOrIcon as N } from "../../../../token-symbol/token-symbol.js";
+import { getSymbolOrIcon as b } from "../../../../token-symbol/token-symbol.js";
 import "../../../../help-tip/help-tip.js";
 import "../../../../description/description.js";
-import { TokenTemplate as T } from "../../../../token-template/token-template.js";
+import { TokenTemplate as N } from "../../../../token-template/token-template.js";
 import "../../../../confirm-menu/confirm-menu.js";
 import "../../../../dialog/dialog-modal-container.js";
 import "../../../../text-button/text-button.js";
@@ -74,14 +74,17 @@ import "../../../../icon-button/icon-button.js";
 import "../../../../separate-line/separate-line.js";
 import "../../../../tip-card/tip-card.js";
 import "../../../strategies-table/components/rewards-tooltip/rewards-tooltip-root.js";
+import { TransactionConfirmAmountFieldTest as T } from "./constants.js";
+import "../dialog/constants.js";
+import "../../../../modal/modal.js";
+import "../../../../dialog/dialog-container.js";
+import "../../../../spinner-loader/spinner-loader.js";
 import "../../../../currency-button/currency-button.js";
 import "../../../../detailed-apy/detailed-apy.js";
 import "../../../../detailed-page-title/detailed-page-title.js";
 import "../../../../detailed-page-title/detailed-page-title-copy-button.js";
 import "../../../../detailed-page-title/detailed-page-title-explorer-dropdown.js";
-import "../../../../modal/modal.js";
 import "@radix-ui/react-dialog";
-import "../../../../dialog/dialog-container.js";
 import "../../../../dialog/dialog-content.js";
 import "../../../../dialog/dialog-description.js";
 import "../../../../dialog/dialog-footer.js";
@@ -154,7 +157,6 @@ import "../../../../slider/slider.js";
 import "../../../../slider/slider-context.js";
 import "@radix-ui/react-slider";
 import "../../../../spinner/spinner.js";
-import "../../../../spinner-loader/spinner-loader.js";
 import "../../../../split-list/split-list.js";
 import "../../../../stat-badge/stat-badge.js";
 import "../../../../status-dot/status-dot.js";
@@ -167,61 +169,60 @@ import "../../../../theme-provider.js";
 import "../../../../time-to-liquidation/time-to-liquidation.js";
 import "../../../../toggle/toggle.js";
 import "../../../../with-filter-button/with-filter-button.js";
-import { TransactionConfirmAmountFieldTest as v } from "./constants.js";
-const F = "≈", j = g(
+const S = "≈", F = g(
   "flex w-full items-center justify-between bg-gray-20 px-4 py-3",
   {
     variants: {
       position: {
-        primary: "rounded-t-lg",
-        receive: "rounded-b-lg",
-        solo: "rounded-b-lg rounded-t-lg",
-        none: ""
+        first: "rounded-t-lg",
+        inBetween: "",
+        last: "rounded-b-lg",
+        solo: "rounded-b-lg rounded-t-lg"
       },
       size: {
         sm: "min-h-[52px]",
         md: "min-h-[56px]"
       }
     },
-    defaultVariants: { position: "primary", size: "md" }
+    defaultVariants: { position: "first", size: "md" }
   }
 );
 function Pi({
   label: s,
   primaryAmount: t,
   secondaryAmount: i,
-  loading: d = !1,
-  position: l,
-  size: a = "md",
+  loading: l = !1,
+  position: a,
+  size: d = "md",
   maxLength: c,
   approximate: f
 }) {
-  const { isApproximate: m = !1, approximateSymbol: p = F } = f || {}, x = t && "node" in t ? t.node : /* @__PURE__ */ r(n, { children: [
-    t.token && /* @__PURE__ */ o(b, { symbol: N(t.token), size: 16 }),
+  const { isApproximate: m = !1, approximateSymbol: p = S } = f || {}, x = t && "node" in t ? t.node : /* @__PURE__ */ r(n, { children: [
+    t.token && /* @__PURE__ */ o(v, { symbol: b(t.token), size: 16 }),
     /* @__PURE__ */ r("span", { children: [
       m && /* @__PURE__ */ o("span", { children: p }),
       /* @__PURE__ */ o(
-        T,
+        N,
         {
-          value: t?.amount,
+          value: t?.value,
           token: t.token,
           maxLength: c
         }
       )
     ] })
-  ] }), e = i && "node" in i ? i.node : i?.usd ? /* @__PURE__ */ r(n, { children: [
+  ] }), e = i && "node" in i ? i.node : i?.valueUSD ? /* @__PURE__ */ r(n, { children: [
     m && /* @__PURE__ */ o("span", { children: p }),
-    u(i.usd)
+    u(i.valueUSD)
   ] }) : null;
   return /* @__PURE__ */ r(
     "div",
     {
-      className: h(j({ position: l, size: a })),
-      "data-testid": v.root,
+      className: h(F({ position: a, size: d })),
+      "data-testid": T.root,
       children: [
         /* @__PURE__ */ o("span", { className: "text-sm font-medium text-foreground", children: s }),
         /* @__PURE__ */ r("div", { className: "flex flex-col items-end gap-0.5", children: [
-          /* @__PURE__ */ o(k, { loading: d, children: /* @__PURE__ */ o("span", { className: "inline-flex items-center gap-1.5 text-sm font-medium text-foreground", children: x }) }),
+          /* @__PURE__ */ o(k, { loading: l, children: /* @__PURE__ */ o("span", { className: "inline-flex items-center gap-1.5 text-sm font-medium text-foreground", children: x }) }),
           e && /* @__PURE__ */ o("span", { className: "text-xs leading-[130%] text-secondary-foreground", children: e })
         ] })
       ]

package/dist/esm/components/composites/tx-preview/confirm/amounts/index.js

@@ -1,9 +1,7 @@
 import { TransactionConfirmAmountFieldTest as r, TransactionConfirmAmountPairTest as t } from "./constants.js";
 import { TransactionConfirmAmountField as m } from "./TransactionConfirmAmountField.js";
-import { TransactionConfirmAmountPair as e } from "./TransactionConfirmAmountPair.js";
 export {
   m as TransactionConfirmAmountField,
   r as TransactionConfirmAmountFieldTest,
-  e as TransactionConfirmAmountPair,
   t as TransactionConfirmAmountPairTest
 };