@gearbox-protocol/ui-kit 3.14.0-next.54 → 3.14.0-next.55

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("class-variance-authority");require("../../../../accordion/accordion.cjs");require("@gearbox-protocol/static");require("react");require("@fortawesome/free-solid-svg-icons");require("../../../../icons/fa-icon.cjs");require("@gearbox-protocol/sdk");const p=require("../../../../../utils/cn.cjs");require("sonner");const x=require("../../../../../utils/format-money.cjs");require("@gearbox-protocol/sdk/common-utils");require("luxon");require("../../../../../utils/z-index.cjs");require("../../../../alert-badge/alert-badge.cjs");require("../../../../alert-dialog/alert-dialog.cjs");require("../../../../alert-modal/alert-modal.cjs");require("../../../../tooltip/simple-tooltip.cjs");require("../../../../tooltip/tooltip.cjs");require("react-intl");require("../../../../arc-loader/arc-loader.cjs");require("../../../../asset-line/asset-line.cjs");require("../../../../buttons/back-button/back-button.cjs");require("../../../../buttons/button/button.cjs");require("../../../../buttons/copy-button/copy-button.cjs");require("../../../../buttons/external-button/external-button.cjs");require("../../../../buttons/filter-button/filter-button.cjs");require("../../../../buttons/navigation-button/navigation-button.cjs");require("../../../../buttons/tab-button/tab-button.cjs");const f=require("../../../../token-icon/token-icon.cjs");require("wagmi");require("../../../../auth/wallet-ui-context.cjs");require("../../../../avatar/avatar.cjs");require("../../../../badge/badge.cjs");require("../../../../base-link/base-link.cjs");require("../../../../navigation-context/navigation-context.cjs");require("../../../../button-checkbox/button-checkbox.cjs");require("../../../../card-grid/card-grid.cjs");require("../../../../cards/card/card.cjs");require("../../../../carousel/carousel.cjs");require("../../../../checkbox/checkbox.cjs");require("../../../../checkbox/checkbox-labeled.cjs");require("../../../../checkbox-item/checkbox-item.cjs");require("../../../../client-adapters/styled-button/styled-button.cjs");require("../../../../client-adapters/styled-dialog-container/styled-dialog-container.cjs");require("../../../../client-adapters/styled-rounded-image/styled-rounded-image.cjs");require("../../../../colored-text/colored-text.cjs");require("../../../../input/input.cjs");require("../../../../with-title/with-title.cjs");require("../../../../smart-number-input/balance-indicator.cjs");require("../../../../smart-number-input/smart-number-input.cjs");require("../../../credit-account-history/credit-account-history.cjs");require("../../../../simple-dropdown/simple-dropdown.cjs");require("../../../../simple-dropdown/simple-dropdown-menu-item.cjs");require("../../../../typography/typography.cjs");require("../../../../table/grid-table.cjs");const g=require("../../../../token-symbol/token-symbol.cjs");require("../../../../help-tip/help-tip.cjs");require("../../../../description/description.cjs");const _=require("../../../../token-template/token-template.cjs");require("../../../../confirm-menu/confirm-menu.cjs");require("../../../../dialog/dialog-modal-container.cjs");require("../../../../text-button/text-button.cjs");require("../../../../vertical-indicator/vertical-indicator.cjs");require("../../../../points-icon/points-icon.cjs");require("../../../../skeleton/skeleton.cjs");require("../../../../vertical-list/vertical-list.cjs");require("../../../../rounded-image/rounded-image.cjs");require("../../../../progress/progress.cjs");require("../../../../pool-indicator-icon/pool-indicator-icon.cjs");require("../../../strategies-table/components/feature/feature.styles.cjs");require("viem");require("../../../../icon-button/icon-button.cjs");require("../../../../separate-line/separate-line.cjs");require("../../../../tip-card/tip-card.cjs");require("../../../strategies-table/components/rewards-tooltip/rewards-tooltip-root.cjs");require("../../../../currency-button/currency-button.cjs");require("../../../../detailed-apy/detailed-apy.cjs");require("../../../../detailed-page-title/detailed-page-title.cjs");require("../../../../detailed-page-title/detailed-page-title-copy-button.cjs");require("../../../../detailed-page-title/detailed-page-title-explorer-dropdown.cjs");require("../../../../modal/modal.cjs");require("@radix-ui/react-dialog");require("../../../../dialog/dialog-container.cjs");require("../../../../dialog/dialog-content.cjs");require("../../../../dialog/dialog-description.cjs");require("../../../../dialog/dialog-footer.cjs");require("../../../../dialog/dialog-header.cjs");require("../../../../dialog/dialog-title.cjs");require("../../../../dialog/dialog-overlay.cjs");require("../../../../label/label.cjs");require("../../../../dropdown-menu/dropdown-menu.cjs");require("../../../../dropdown-menu/dropdown-menu-checkbox-item.cjs");require("../../../../dropdown-menu/dropdown-menu-content.cjs");require("../../../../dropdown-menu/dropdown-menu-item.cjs");require("../../../../dropdown-menu/dropdown-menu-label.cjs");require("../../../../dropdown-menu/dropdown-menu-radio-item.cjs");require("../../../../dropdown-menu/dropdown-menu-separator.cjs");require("../../../../dropdown-menu/dropdown-menu-shortcut.cjs");require("../../../../dropdown-menu/dropdown-menu-sub-content.cjs");require("../../../../dropdown-menu/dropdown-menu-sub-trigger.cjs");require("../../../../edit-input/edit-input.cjs");const y=require("../../../../fadeout-loading/fadeout-loading.cjs");require("../../../../filter/filter-block.cjs");require("../../../../filter/filter-checkbox-item.cjs");require("../../../../filter/filter-chip.cjs");require("../../../../filter/filter-chips.cjs");require("../../../../filter/filter-dropdown-item.cjs");require("../../../../filter/filter-group.cjs");require("../../../../filter/filter-label.cjs");require("../../../../search-line/search-line.cjs");require("../../../../tabs/tabs.cjs");require("../../../../filter/filter-modal-item.cjs");require("../../../../filter/filter-radio-item.cjs");require("../../../../filter/filter-separator.cjs");require("../../../../filter/variants.cjs");require("../../../../graph/formatters.cjs");require("lightweight-charts");require("../../../../graph/graph-view.cjs");require("../../../../health-factor/health-factor.cjs");require("../../../../horizontal-indicator/horizontal-indicator.cjs");require("../../../../layout/app-footer/app-footer.cjs");require("../../../../layout/app-header/app-header.cjs");require("../../../../layout/col/col.cjs");require("../../../../layout/container/container.cjs");require("../../../../layout/footer/footer.cjs");require("../../../../layout/grid/grid.cjs");require("../../../../layout/header/header.cjs");require("../../../../layout/layout/layout.cjs");require("../../../../layout/main-aside-layout/main-aside-layout.cjs");require("../../../../page-title/page-title.cjs");require("../../../../layout/social-icons/social-icons.cjs");require("../../../../legal-agreement/legal-agreement-theme.cjs");require("../../../../link/link.cjs");require("../../../../../utils/reactochart-compat.cjs");require("../../../../status-elements/status-elements.cjs");require("../../../../loader/loader.cjs");require("../../../../loading/loading.cjs");require("../../../../loading-bar/loading-bar.cjs");require("react-markdown");require("remark-gfm");require("../../../../navbar/navbar.cjs");require("../../../../navbar/navbar-indicator-context.cjs");require("../../../../app-bar/app-bar.cjs");require("../../../../navitem/navitem.cjs");require("../../../../progress-bar/progress-bar.cjs");require("../../../../radio-group/radio-group.cjs");require("../../../../search-bar/search-bar.cjs");require("../../../../segmented-control/segmented-control.cjs");require("../../../../select/select.cjs");require("../../../../separator/separator.cjs");require("../../../../simple-accordion/simple-accordion.cjs");require("../../../../slider/slider.cjs");require("../../../../slider/slider-context.cjs");require("@radix-ui/react-slider");require("../../../../spinner/spinner.cjs");require("../../../../spinner-loader/spinner-loader.cjs");require("../../../../split-list/split-list.cjs");require("../../../../stat-badge/stat-badge.cjs");require("../../../../status-dot/status-dot.cjs");require("../../../../stepper/stepper.cjs");require("../../../../switch/switch.cjs");require("../../../../table/table.cjs");require("../../../../table/grid-table-loader.cjs");require("../../../../textarea/textarea.cjs");require("../../../../theme-provider.cjs");require("../../../../time-to-liquidation/time-to-liquidation.cjs");require("../../../../toggle/toggle.cjs");require("../../../../with-filter-button/with-filter-button.cjs");const j=require("./constants.cjs"),h="≈",b=d.cva("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:""},size:{sm:"min-h-[52px]",md:"min-h-[56px]"}},defaultVariants:{position:"primary",size:"md"}});function T({label:o,amount:t,token:r,usdMoney:i,loading:s=!1,position:a,size:c="md",maxLength:l,approximate:m}){const u=i!==void 0?x.formatMoney(i):null,{isApproximate:q=!1,approximateSymbol:n=h}=m||{};return e.jsxs("div",{className:p.cn(b({position:a,size:c})),"data-testid":j.TransactionConfirmAmountFieldTest.root,children:[e.jsx("span",{className:"text-sm font-medium text-foreground",children:o}),e.jsxs("div",{className:"flex flex-col items-end gap-0.5",children:[e.jsx(y.FadeoutLoading,{loading:s,children:e.jsxs("span",{className:"inline-flex items-center gap-1.5 text-sm font-medium text-foreground",children:[r?e.jsx(f.TokenIcon,{symbol:g.getSymbolOrIcon(r),size:16}):null,e.jsxs("span",{children:[q&&e.jsx("span",{children:n}),e.jsx(_.TokenTemplate,{value:t,token:r,maxLength:l})]})]})}),u?e.jsxs("span",{className:"text-xs leading-[130%] text-secondary-foreground",children:[q&&e.jsx("span",{children:n}),u]}):null]})]})}exports.TransactionConfirmAmountField=T;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),m=require("class-variance-authority");require("../../../../accordion/accordion.cjs");require("@gearbox-protocol/static");require("react");require("@fortawesome/free-solid-svg-icons");require("../../../../icons/fa-icon.cjs");require("@gearbox-protocol/sdk");const x=require("../../../../../utils/cn.cjs");require("sonner");const p=require("../../../../../utils/format-money.cjs");require("@gearbox-protocol/sdk/common-utils");require("luxon");require("../../../../../utils/z-index.cjs");require("../../../../alert-badge/alert-badge.cjs");require("../../../../alert-dialog/alert-dialog.cjs");require("../../../../alert-modal/alert-modal.cjs");require("../../../../tooltip/simple-tooltip.cjs");require("../../../../tooltip/tooltip.cjs");require("react-intl");require("../../../../arc-loader/arc-loader.cjs");require("../../../../asset-line/asset-line.cjs");require("../../../../buttons/back-button/back-button.cjs");require("../../../../buttons/button/button.cjs");require("../../../../buttons/copy-button/copy-button.cjs");require("../../../../buttons/external-button/external-button.cjs");require("../../../../buttons/filter-button/filter-button.cjs");require("../../../../buttons/navigation-button/navigation-button.cjs");require("../../../../buttons/tab-button/tab-button.cjs");const f=require("../../../../token-icon/token-icon.cjs");require("wagmi");require("../../../../auth/wallet-ui-context.cjs");require("../../../../avatar/avatar.cjs");require("../../../../badge/badge.cjs");require("../../../../base-link/base-link.cjs");require("../../../../navigation-context/navigation-context.cjs");require("../../../../button-checkbox/button-checkbox.cjs");require("../../../../card-grid/card-grid.cjs");require("../../../../cards/card/card.cjs");require("../../../../carousel/carousel.cjs");require("../../../../checkbox/checkbox.cjs");require("../../../../checkbox/checkbox-labeled.cjs");require("../../../../checkbox-item/checkbox-item.cjs");require("../../../../client-adapters/styled-button/styled-button.cjs");require("../../../../client-adapters/styled-dialog-container/styled-dialog-container.cjs");require("../../../../client-adapters/styled-rounded-image/styled-rounded-image.cjs");require("../../../../colored-text/colored-text.cjs");require("../../../../input/input.cjs");require("../../../../with-title/with-title.cjs");require("../../../../smart-number-input/balance-indicator.cjs");require("../../../../smart-number-input/smart-number-input.cjs");require("../../../credit-account-history/credit-account-history.cjs");require("../../../../simple-dropdown/simple-dropdown.cjs");require("../../../../simple-dropdown/simple-dropdown-menu-item.cjs");require("../../../../typography/typography.cjs");require("../../../../table/grid-table.cjs");const g=require("../../../../token-symbol/token-symbol.cjs");require("../../../../help-tip/help-tip.cjs");require("../../../../description/description.cjs");const j=require("../../../../token-template/token-template.cjs");require("../../../../confirm-menu/confirm-menu.cjs");require("../../../../dialog/dialog-modal-container.cjs");require("../../../../text-button/text-button.cjs");require("../../../../vertical-indicator/vertical-indicator.cjs");require("../../../../points-icon/points-icon.cjs");require("../../../../skeleton/skeleton.cjs");require("../../../../vertical-list/vertical-list.cjs");require("../../../../rounded-image/rounded-image.cjs");require("../../../../progress/progress.cjs");require("../../../../pool-indicator-icon/pool-indicator-icon.cjs");require("../../../strategies-table/components/feature/feature.styles.cjs");require("viem");require("../../../../icon-button/icon-button.cjs");require("../../../../separate-line/separate-line.cjs");require("../../../../tip-card/tip-card.cjs");require("../../../strategies-table/components/rewards-tooltip/rewards-tooltip-root.cjs");require("../../../../currency-button/currency-button.cjs");require("../../../../detailed-apy/detailed-apy.cjs");require("../../../../detailed-page-title/detailed-page-title.cjs");require("../../../../detailed-page-title/detailed-page-title-copy-button.cjs");require("../../../../detailed-page-title/detailed-page-title-explorer-dropdown.cjs");require("../../../../modal/modal.cjs");require("@radix-ui/react-dialog");require("../../../../dialog/dialog-container.cjs");require("../../../../dialog/dialog-content.cjs");require("../../../../dialog/dialog-description.cjs");require("../../../../dialog/dialog-footer.cjs");require("../../../../dialog/dialog-header.cjs");require("../../../../dialog/dialog-title.cjs");require("../../../../dialog/dialog-overlay.cjs");require("../../../../label/label.cjs");require("../../../../dropdown-menu/dropdown-menu.cjs");require("../../../../dropdown-menu/dropdown-menu-checkbox-item.cjs");require("../../../../dropdown-menu/dropdown-menu-content.cjs");require("../../../../dropdown-menu/dropdown-menu-item.cjs");require("../../../../dropdown-menu/dropdown-menu-label.cjs");require("../../../../dropdown-menu/dropdown-menu-radio-item.cjs");require("../../../../dropdown-menu/dropdown-menu-separator.cjs");require("../../../../dropdown-menu/dropdown-menu-shortcut.cjs");require("../../../../dropdown-menu/dropdown-menu-sub-content.cjs");require("../../../../dropdown-menu/dropdown-menu-sub-trigger.cjs");require("../../../../edit-input/edit-input.cjs");const _=require("../../../../fadeout-loading/fadeout-loading.cjs");require("../../../../filter/filter-block.cjs");require("../../../../filter/filter-checkbox-item.cjs");require("../../../../filter/filter-chip.cjs");require("../../../../filter/filter-chips.cjs");require("../../../../filter/filter-dropdown-item.cjs");require("../../../../filter/filter-group.cjs");require("../../../../filter/filter-label.cjs");require("../../../../search-line/search-line.cjs");require("../../../../tabs/tabs.cjs");require("../../../../filter/filter-modal-item.cjs");require("../../../../filter/filter-radio-item.cjs");require("../../../../filter/filter-separator.cjs");require("../../../../filter/variants.cjs");require("../../../../graph/formatters.cjs");require("lightweight-charts");require("../../../../graph/graph-view.cjs");require("../../../../health-factor/health-factor.cjs");require("../../../../horizontal-indicator/horizontal-indicator.cjs");require("../../../../layout/app-footer/app-footer.cjs");require("../../../../layout/app-header/app-header.cjs");require("../../../../layout/col/col.cjs");require("../../../../layout/container/container.cjs");require("../../../../layout/footer/footer.cjs");require("../../../../layout/grid/grid.cjs");require("../../../../layout/header/header.cjs");require("../../../../layout/layout/layout.cjs");require("../../../../layout/main-aside-layout/main-aside-layout.cjs");require("../../../../page-title/page-title.cjs");require("../../../../layout/social-icons/social-icons.cjs");require("../../../../legal-agreement/legal-agreement-theme.cjs");require("../../../../link/link.cjs");require("../../../../../utils/reactochart-compat.cjs");require("../../../../status-elements/status-elements.cjs");require("../../../../loader/loader.cjs");require("../../../../loading/loading.cjs");require("../../../../loading-bar/loading-bar.cjs");require("react-markdown");require("remark-gfm");require("../../../../navbar/navbar.cjs");require("../../../../navbar/navbar-indicator-context.cjs");require("../../../../app-bar/app-bar.cjs");require("../../../../navitem/navitem.cjs");require("../../../../progress-bar/progress-bar.cjs");require("../../../../radio-group/radio-group.cjs");require("../../../../search-bar/search-bar.cjs");require("../../../../segmented-control/segmented-control.cjs");require("../../../../select/select.cjs");require("../../../../separator/separator.cjs");require("../../../../simple-accordion/simple-accordion.cjs");require("../../../../slider/slider.cjs");require("../../../../slider/slider-context.cjs");require("@radix-ui/react-slider");require("../../../../spinner/spinner.cjs");require("../../../../spinner-loader/spinner-loader.cjs");require("../../../../split-list/split-list.cjs");require("../../../../stat-badge/stat-badge.cjs");require("../../../../status-dot/status-dot.cjs");require("../../../../stepper/stepper.cjs");require("../../../../switch/switch.cjs");require("../../../../table/table.cjs");require("../../../../table/grid-table-loader.cjs");require("../../../../textarea/textarea.cjs");require("../../../../theme-provider.cjs");require("../../../../time-to-liquidation/time-to-liquidation.cjs");require("../../../../toggle/toggle.cjs");require("../../../../with-filter-button/with-filter-button.cjs");const h=require("./constants.cjs"),k="≈",b=m.cva("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:""},size:{sm:"min-h-[52px]",md:"min-h-[56px]"}},defaultVariants:{position:"primary",size:"md"}});function T({label:o,primaryAmount:r,secondaryAmount:i,loading:t=!1,position:s,size:a="md",maxLength:c,approximate:l}){const{isApproximate:u=!1,approximateSymbol:q=k}=l||{},d=r&&"node"in r?r.node:e.jsxs(e.Fragment,{children:[r.token&&e.jsx(f.TokenIcon,{symbol:g.getSymbolOrIcon(r.token),size:16}),e.jsxs("span",{children:[u&&e.jsx("span",{children:q}),e.jsx(j.TokenTemplate,{value:r?.amount,token:r.token,maxLength:c})]})]}),n=i&&"node"in i?i.node:i?.usd?e.jsxs(e.Fragment,{children:[u&&e.jsx("span",{children:q}),p.formatMoney(i.usd)]}):null;return e.jsxs("div",{className:x.cn(b({position:s,size:a})),"data-testid":h.TransactionConfirmAmountFieldTest.root,children:[e.jsx("span",{className:"text-sm font-medium text-foreground",children:o}),e.jsxs("div",{className:"flex flex-col items-end gap-0.5",children:[e.jsx(_.FadeoutLoading,{loading:t,children:e.jsx("span",{className:"inline-flex items-center gap-1.5 text-sm font-medium text-foreground",children:d})}),n&&e.jsx("span",{className:"text-xs leading-[130%] text-secondary-foreground",children:n})]})]})}exports.TransactionConfirmAmountField=T;

package/dist/cjs/components/composites/tx-preview/confirm/amounts/TransactionConfirmAmountPair.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),d=require("./constants.cjs"),i=require("./TransactionConfirmAmountField.cjs");function p({primaryLabel:r,primaryAmount:s,primaryToken:a,primaryUsdMoney:m,receiveLabel:c,receiveAmount:u,receiveToken:l,receiveUsdMoney:f,loading:n=!1,size:t="md",maxLength:e}){return o.jsxs("div",{className:"mb-4 flex flex-col gap-px","data-testid":d.TransactionConfirmAmountPairTest.root,children:[o.jsx(i.TransactionConfirmAmountField,{label:r,amount:s,token:a,usdMoney:m,loading:n,position:"primary",size:t,maxLength:e}),o.jsx(i.TransactionConfirmAmountField,{label:c,amount:u,token:l,usdMoney:f,loading:n,position:"receive",size:t,maxLength:e})]})}exports.TransactionConfirmAmountPair=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),f=require("./constants.cjs"),i=require("./TransactionConfirmAmountField.cjs");function p({primaryLabel:e,primaryAmount:s,primaryToken:a,primaryUsdMoney:m,receiveLabel:c,receiveAmount:u,receiveToken:l,receiveUsdMoney:d,loading:n=!1,size:t="md",maxLength:r}){return o.jsxs("div",{className:"mb-4 flex flex-col gap-px","data-testid":f.TransactionConfirmAmountPairTest.root,children:[o.jsx(i.TransactionConfirmAmountField,{label:e,primaryAmount:{amount:s,token:a},secondaryAmount:{usd:m},loading:n,position:"primary",size:t,maxLength:r}),o.jsx(i.TransactionConfirmAmountField,{label:c,primaryAmount:{amount:u,token:l},secondaryAmount:{usd:d},loading:n,position:"receive",size:t,maxLength:r})]})}exports.TransactionConfirmAmountPair=p;

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

@@ -1,14 +1,14 @@
-import { jsxs as r, jsx as o } from "react/jsx-runtime";
-import { cva as u } from "class-variance-authority";
+import { jsxs as r, Fragment as n, jsx as o } from "react/jsx-runtime";
+import { cva as g } from "class-variance-authority";
 import "../../../../accordion/accordion.js";
 import "@gearbox-protocol/static";
 import "react";
 import "@fortawesome/free-solid-svg-icons";
 import "../../../../icons/fa-icon.js";
 import "@gearbox-protocol/sdk";
-import { cn as x } from "../../../../../utils/cn.js";
+import { cn as h } from "../../../../../utils/cn.js";
 import "sonner";
-import { formatMoney as g } from "../../../../../utils/format-money.js";
+import { formatMoney as u } from "../../../../../utils/format-money.js";
 import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../../../../utils/z-index.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 h } from "../../../../token-icon/token-icon.js";
+import { TokenIcon as b } 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 y } from "../../../../token-symbol/token-symbol.js";
+import { getSymbolOrIcon as N } from "../../../../token-symbol/token-symbol.js";
 import "../../../../help-tip/help-tip.js";
 import "../../../../description/description.js";
-import { TokenTemplate as b } from "../../../../token-template/token-template.js";
+import { TokenTemplate as T } from "../../../../token-template/token-template.js";
 import "../../../../confirm-menu/confirm-menu.js";
 import "../../../../dialog/dialog-modal-container.js";
 import "../../../../text-button/text-button.js";
@@ -100,7 +100,7 @@ import "../../../../dropdown-menu/dropdown-menu-shortcut.js";
 import "../../../../dropdown-menu/dropdown-menu-sub-content.js";
 import "../../../../dropdown-menu/dropdown-menu-sub-trigger.js";
 import "../../../../edit-input/edit-input.js";
-import { FadeoutLoading as v } from "../../../../fadeout-loading/fadeout-loading.js";
+import { FadeoutLoading as k } from "../../../../fadeout-loading/fadeout-loading.js";
 import "../../../../filter/filter-block.js";
 import "../../../../filter/filter-checkbox-item.js";
 import "../../../../filter/filter-chip.js";
@@ -167,8 +167,8 @@ 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 T } from "./constants.js";
-const A = "≈", N = u(
+import { TransactionConfirmAmountFieldTest as v } from "./constants.js";
+const F = "≈", j = g(
   "flex w-full items-center justify-between bg-gray-20 px-4 py-3",
   {
     variants: {
@@ -186,49 +186,48 @@ const A = "≈", N = u(
     defaultVariants: { position: "primary", size: "md" }
   }
 );
-function Mt({
-  label: n,
-  amount: s,
-  token: t,
-  usdMoney: i,
-  loading: a = !1,
+function Pi({
+  label: s,
+  primaryAmount: t,
+  secondaryAmount: i,
+  loading: d = !1,
   position: l,
-  size: d = "md",
+  size: a = "md",
   maxLength: c,
   approximate: f
 }) {
-  const m = i !== void 0 ? g(i) : null, { isApproximate: p = !1, approximateSymbol: e = A } = 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 }),
+    /* @__PURE__ */ r("span", { children: [
+      m && /* @__PURE__ */ o("span", { children: p }),
+      /* @__PURE__ */ o(
+        T,
+        {
+          value: t?.amount,
+          token: t.token,
+          maxLength: c
+        }
+      )
+    ] })
+  ] }), e = i && "node" in i ? i.node : i?.usd ? /* @__PURE__ */ r(n, { children: [
+    m && /* @__PURE__ */ o("span", { children: p }),
+    u(i.usd)
+  ] }) : null;
   return /* @__PURE__ */ r(
     "div",
     {
-      className: x(N({ position: l, size: d })),
-      "data-testid": T.root,
+      className: h(j({ position: l, size: a })),
+      "data-testid": v.root,
       children: [
-        /* @__PURE__ */ o("span", { className: "text-sm font-medium text-foreground", children: n }),
+        /* @__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(v, { loading: a, children: /* @__PURE__ */ r("span", { className: "inline-flex items-center gap-1.5 text-sm font-medium text-foreground", children: [
-            t ? /* @__PURE__ */ o(h, { symbol: y(t), size: 16 }) : null,
-            /* @__PURE__ */ r("span", { children: [
-              p && /* @__PURE__ */ o("span", { children: e }),
-              /* @__PURE__ */ o(
-                b,
-                {
-                  value: s,
-                  token: t,
-                  maxLength: c
-                }
-              )
-            ] })
-          ] }) }),
-          m ? /* @__PURE__ */ r("span", { className: "text-xs leading-[130%] text-secondary-foreground", children: [
-            p && /* @__PURE__ */ o("span", { children: e }),
-            m
-          ] }) : null
+          /* @__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 }) }),
+          e && /* @__PURE__ */ o("span", { className: "text-xs leading-[130%] text-secondary-foreground", children: e })
         ] })
       ]
     }
   );
 }
 export {
-  Mt as TransactionConfirmAmountField
+  Pi as TransactionConfirmAmountField
 };

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

@@ -1,49 +1,57 @@
-import { jsxs as c, jsx as t } from "react/jsx-runtime";
+import { jsxs as l, jsx as t } from "react/jsx-runtime";
 import { TransactionConfirmAmountPairTest as d } from "./constants.js";
-import { TransactionConfirmAmountField as i } from "./TransactionConfirmAmountField.js";
-function y({
-  primaryLabel: a,
-  primaryAmount: e,
-  primaryToken: m,
+import { TransactionConfirmAmountField as m } from "./TransactionConfirmAmountField.js";
+function T({
+  primaryLabel: i,
+  primaryAmount: a,
+  primaryToken: e,
   primaryUsdMoney: s,
-  receiveLabel: f,
-  receiveAmount: l,
-  receiveToken: p,
-  receiveUsdMoney: u,
+  receiveLabel: u,
+  receiveAmount: p,
+  receiveToken: c,
+  receiveUsdMoney: f,
   loading: o = !1,
-  size: n = "md",
-  maxLength: r
+  size: r = "md",
+  maxLength: n
 }) {
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ l(
     "div",
     {
       className: "mb-4 flex flex-col gap-px",
       "data-testid": d.root,
       children: [
         /* @__PURE__ */ t(
-          i,
+          m,
           {
-            label: a,
-            amount: e,
-            token: m,
-            usdMoney: s,
+            label: i,
+            primaryAmount: {
+              amount: a,
+              token: e
+            },
+            secondaryAmount: {
+              usd: s
+            },
             loading: o,
             position: "primary",
-            size: n,
-            maxLength: r
+            size: r,
+            maxLength: n
           }
         ),
         /* @__PURE__ */ t(
-          i,
+          m,
           {
-            label: f,
-            amount: l,
-            token: p,
-            usdMoney: u,
+            label: u,
+            primaryAmount: {
+              amount: p,
+              token: c
+            },
+            secondaryAmount: {
+              usd: f
+            },
             loading: o,
             position: "receive",
-            size: n,
-            maxLength: r
+            size: r,
+            maxLength: n
           }
         )
       ]
@@ -51,5 +59,5 @@ function y({
   );
 }
 export {
-  y as TransactionConfirmAmountPair
+  T as TransactionConfirmAmountPair
 };

package/dist/types/components/composites/tx-preview/confirm/amounts/TransactionConfirmAmountField.d.ts

@@ -7,9 +7,17 @@ declare const rootVariants: (props?: ({
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export interface TransactionConfirmAmountFieldProps extends VariantProps<typeof rootVariants> {
     readonly label: React.ReactNode;
-    readonly amount: bigint;
-    readonly token?: Omit<TokenFullData, "address">;
-    readonly usdMoney?: bigint;
+    readonly primaryAmount: {
+        readonly amount: bigint;
+        readonly token?: Omit<TokenFullData, "address">;
+    } | {
+        node: React.ReactNode;
+    };
+    readonly secondaryAmount?: {
+        readonly usd?: bigint;
+    } | {
+        node: React.ReactNode;
+    };
     readonly loading?: boolean;
     readonly maxLength?: number;
     readonly approximate?: {
@@ -17,5 +25,5 @@ export interface TransactionConfirmAmountFieldProps extends VariantProps<typeof
         approximateSymbol?: string;
     };
 }
-export declare function TransactionConfirmAmountField({ label, amount, token, usdMoney, loading, position, size, maxLength, approximate, }: TransactionConfirmAmountFieldProps): React.ReactElement;
+export declare function TransactionConfirmAmountField({ label, primaryAmount, secondaryAmount, loading, position, size, maxLength, approximate, }: TransactionConfirmAmountFieldProps): React.ReactElement;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gearbox-protocol/ui-kit",
-  "version": "3.14.0-next.54",
+  "version": "3.14.0-next.55",
   "description": "Internal UI components",
   "repository": {
     "type": "git",