@gearbox-protocol/ui-kit 3.14.0-next.23 → 3.14.0-next.25

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"),l=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 d=require("../../../../../utils/cn.cjs");require("sonner");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 p=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("../../../../table/grid-table.cjs");require("../../../../token-symbol/token-symbol.cjs");require("../../../../typography/typography.cjs");require("../../../../help-tip/help-tip.cjs");require("../../../../description/description.cjs");const x=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 f=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/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("../../../../simple-dropdown/simple-dropdown.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("../../../../simple-dropdown/simple-dropdown-menu-item.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 _=require("./constants.cjs"),g=require("./formatUsdAmount.cjs"),y=l.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"},size:{sm:"min-h-[52px]",md:"min-h-[56px]"}},defaultVariants:{position:"primary",size:"md"}});function j({label:n,amount:i,token:r,usdPrice:u,loading:t=!1,position:o,size:s="md",maxLength:a}){const q=u!==void 0?g.formatUsdAmount(i,u):null,c=r?.symbol??r?.title??"",m=i||"0";return e.jsxs("div",{className:d.cn(y({position:o,size:s})),"data-testid":_.TransactionConfirmAmountFieldTest.root,children:[e.jsx("span",{className:"text-sm font-medium text-foreground",children:n}),e.jsxs("div",{className:"flex flex-col items-end gap-0.5",children:[e.jsx(f.FadeoutLoading,{loading:t,children:e.jsxs("span",{className:"inline-flex items-center gap-1.5 text-sm font-medium text-foreground",children:[r?e.jsx(p.TokenIcon,{symbol:c,size:16}):null,e.jsx("span",{children:e.jsx(x.TokenTemplate,{value:m,token:r,maxLength:a})})]})}),q?e.jsx("span",{className:"text-xs leading-[130%] text-secondary-foreground",children:q}):null]})]})}exports.TransactionConfirmAmountField=j;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=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 m=require("../../../../../utils/cn.cjs");require("sonner");const d=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 x=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("../../../../table/grid-table.cjs");require("../../../../token-symbol/token-symbol.cjs");require("../../../../typography/typography.cjs");require("../../../../help-tip/help-tip.cjs");require("../../../../description/description.cjs");const f=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 p=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/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("../../../../simple-dropdown/simple-dropdown.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("../../../../simple-dropdown/simple-dropdown-menu-item.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 g=require("./constants.cjs"),y=l.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"},size:{sm:"min-h-[52px]",md:"min-h-[56px]"}},defaultVariants:{position:"primary",size:"md"}});function _({label:q,amount:n,token:r,usdMoney:i,loading:t=!1,position:o,size:s="md",maxLength:a}){const u=i!==void 0?d.formatMoney(i):null,c=r?.symbol??r?.title??"";return e.jsxs("div",{className:m.cn(y({position:o,size:s})),"data-testid":g.TransactionConfirmAmountFieldTest.root,children:[e.jsx("span",{className:"text-sm font-medium text-foreground",children:q}),e.jsxs("div",{className:"flex flex-col items-end gap-0.5",children:[e.jsx(p.FadeoutLoading,{loading:t,children:e.jsxs("span",{className:"inline-flex items-center gap-1.5 text-sm font-medium text-foreground",children:[r?e.jsx(x.TokenIcon,{symbol:c,size:16}):null,e.jsx("span",{children:e.jsx(f.TokenTemplate,{value:n,token:r,maxLength:a})})]})}),u?e.jsx("span",{className:"text-xs leading-[130%] text-secondary-foreground",children:u}):null]})]})}exports.TransactionConfirmAmountField=_;

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"),e=require("./TransactionConfirmAmountField.cjs");function p({primaryLabel:r,primaryAmount:s,primaryToken:a,primaryUsdPrice:m,receiveLabel:c,receiveAmount:u,receiveToken:l,receiveUsdPrice:f,loading:n=!1,size:t="md",maxLength:i}){return o.jsxs("div",{className:"mb-4 flex flex-col gap-px","data-testid":d.TransactionConfirmAmountPairTest.root,children:[o.jsx(e.TransactionConfirmAmountField,{label:r,amount:s,token:a,usdPrice:m,loading:n,position:"primary",size:t,maxLength:i}),o.jsx(e.TransactionConfirmAmountField,{label:c,amount:u,token:l,usdPrice:f,loading:n,position:"receive",size:t,maxLength:i})]})}exports.TransactionConfirmAmountPair=p;
+"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;

package/dist/cjs/components/link/link.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("@gearbox-protocol/static"),x=require("class-variance-authority"),m=require("../base-link/base-link.cjs");require("react");require("@gearbox-protocol/sdk");const w=require("../../utils/cn.cjs");require("sonner");require("@gearbox-protocol/sdk/common-utils");require("luxon");require("../../utils/z-index.cjs");const _=x.cva("[&_.icon-wrap]:-mt-px [&_.icon-wrap]:pl-1.5 [&_.icon-wrap]:leading-none [&_.icon-wrap]:text-secondary-foreground hover:[&_.icon-wrap]:text-foreground",{variants:{variant:{default:"[&_.content-wrap]:border-b [&_.content-wrap]:border-transparent hover:[&_.content-wrap]:border-foreground",underlined:"[&_.content-wrap]:border-0",unset:"[&_.content-wrap]:border-0"}},defaultVariants:{variant:"default"}});function s({className:i,children:r,href:o,target:c,variant:a="default",size:l="default",color:p="main",external:n=!1,asChild:u=!1,...d}){return e.jsx(m.BaseLink,{href:o,target:c,external:n,variant:a,size:l,color:p,className:w.cn(_({variant:a}),i),...d,children:u?e.jsxs("span",{children:[e.jsx("span",{className:"content-wrap",children:r}),n&&e.jsx("span",{className:"icon-wrap -mt-px pl-1.5 leading-none",children:e.jsx(t.IconExternal,{size:14})})]}):e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"content-wrap",children:r}),n&&e.jsx("span",{className:"icon-wrap -mt-px pl-1.5 leading-none",children:e.jsx(t.IconExternal,{size:14})})]})})}s.displayName="Link";exports.Link=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),x=require("@gearbox-protocol/static"),q=require("class-variance-authority"),b=require("../base-link/base-link.cjs");require("react");require("@gearbox-protocol/sdk");const j=require("../../utils/cn.cjs");require("sonner");require("@gearbox-protocol/sdk/common-utils");require("luxon");require("../../utils/z-index.cjs");const g=q.cva("[&_.icon-wrap]:-mt-px [&_.icon-wrap]:pl-1.5 [&_.icon-wrap]:leading-none [&_.icon-wrap]:text-secondary-foreground hover:[&_.icon-wrap]:text-foreground",{variants:{variant:{default:"[&_.content-wrap]:border-b [&_.content-wrap]:border-transparent hover:[&_.content-wrap]:border-foreground",underlined:"[&_.content-wrap]:border-0",unset:"[&_.content-wrap]:border-0"}},defaultVariants:{variant:"default"}});function i({className:c,children:n,href:l,target:p,variant:t="default",size:u="default",color:d="main",external:a=!1,asChild:w=!1,...f}){const s=a?e.jsx("span",{className:"icon-wrap -mt-px pl-1.5 leading-none",children:e.jsx(x.IconExternal,{size:14})}):null,o=a&&typeof n=="string"?(()=>{const r=n.trimEnd().lastIndexOf(" "),m=r===-1?"":n.slice(0,r+1),_=r===-1?n:n.slice(r+1);return e.jsxs("span",{className:"content-wrap",children:[m,e.jsxs("span",{className:"whitespace-nowrap",children:[_,s]})]})})():e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"content-wrap",children:n}),s]});return e.jsx(b.BaseLink,{href:l,target:p,external:a,variant:t,size:u,color:d,className:j.cn(g({variant:t}),c),...f,children:w?e.jsx("span",{children:o}):o})}i.displayName="Link";exports.Link=i;

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

@@ -1,13 +1,14 @@
-import { jsxs as i, jsx as o } from "react/jsx-runtime";
-import { cva as f } from "class-variance-authority";
+import { jsxs as r, jsx as o } from "react/jsx-runtime";
+import { cva as c } 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 u } from "../../../../../utils/cn.js";
+import { cn as f } from "../../../../../utils/cn.js";
 import "sonner";
+import { formatMoney as u } from "../../../../../utils/format-money.js";
 import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../../../../utils/z-index.js";
@@ -96,7 +97,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 y } from "../../../../fadeout-loading/fadeout-loading.js";
+import { FadeoutLoading as h } from "../../../../fadeout-loading/fadeout-loading.js";
 import "../../../../filter/filter-block.js";
 import "../../../../filter/filter-checkbox-item.js";
 import "../../../../filter/filter-chip.js";
@@ -163,9 +164,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 h } from "./constants.js";
-import { formatUsdAmount as v } from "./formatUsdAmount.js";
-const b = f(
+import { TransactionConfirmAmountFieldTest as y } from "./constants.js";
+const v = c(
   "flex w-full items-center justify-between bg-gray-20 px-4 py-3",
   {
     variants: {
@@ -181,42 +181,42 @@ const b = f(
     defaultVariants: { position: "primary", size: "md" }
   }
 );
-function wi({
-  label: e,
-  amount: r,
+function wr({
+  label: p,
+  amount: e,
   token: t,
-  usdPrice: m,
+  usdMoney: i,
   loading: n = !1,
   position: s,
   size: a = "md",
   maxLength: l
 }) {
-  const p = m !== void 0 ? v(r, m) : null, d = t?.symbol ?? t?.title ?? "", c = r || "0";
-  return /* @__PURE__ */ i(
+  const m = i !== void 0 ? u(i) : null, d = t?.symbol ?? t?.title ?? "";
+  return /* @__PURE__ */ r(
     "div",
     {
-      className: u(b({ position: s, size: a })),
-      "data-testid": h.root,
+      className: f(v({ position: s, size: a })),
+      "data-testid": y.root,
       children: [
-        /* @__PURE__ */ o("span", { className: "text-sm font-medium text-foreground", children: e }),
-        /* @__PURE__ */ i("div", { className: "flex flex-col items-end gap-0.5", children: [
-          /* @__PURE__ */ o(y, { loading: n, children: /* @__PURE__ */ i("span", { className: "inline-flex items-center gap-1.5 text-sm font-medium text-foreground", children: [
+        /* @__PURE__ */ o("span", { className: "text-sm font-medium text-foreground", children: p }),
+        /* @__PURE__ */ r("div", { className: "flex flex-col items-end gap-0.5", children: [
+          /* @__PURE__ */ o(h, { loading: n, children: /* @__PURE__ */ r("span", { className: "inline-flex items-center gap-1.5 text-sm font-medium text-foreground", children: [
             t ? /* @__PURE__ */ o(x, { symbol: d, size: 16 }) : null,
             /* @__PURE__ */ o("span", { children: /* @__PURE__ */ o(
               g,
               {
-                value: c,
+                value: e,
                 token: t,
                 maxLength: l
               }
             ) })
           ] }) }),
-          p ? /* @__PURE__ */ o("span", { className: "text-xs leading-[130%] text-secondary-foreground", children: p }) : null
+          m ? /* @__PURE__ */ o("span", { className: "text-xs leading-[130%] text-secondary-foreground", children: m }) : null
         ] })
       ]
     }
   );
 }
 export {
-  wi as TransactionConfirmAmountField
+  wr as TransactionConfirmAmountField
 };

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

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

package/dist/esm/components/link/link.js

@@ -1,15 +1,15 @@
-import { jsx as r, jsxs as e, Fragment as f } from "react/jsx-runtime";
-import { IconExternal as t } from "@gearbox-protocol/static";
-import { cva as w } from "class-variance-authority";
-import { BaseLink as u } from "../base-link/base-link.js";
+import { jsxs as o, jsx as r, Fragment as g } from "react/jsx-runtime";
+import { IconExternal as x } from "@gearbox-protocol/static";
+import { cva as b } from "class-variance-authority";
+import { BaseLink as N } from "../base-link/base-link.js";
 import "react";
 import "@gearbox-protocol/sdk";
-import { cn as _ } from "../../utils/cn.js";
+import { cn as h } from "../../utils/cn.js";
 import "sonner";
 import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
-const g = w(
+const v = b(
   "[&_.icon-wrap]:-mt-px [&_.icon-wrap]:pl-1.5 [&_.icon-wrap]:leading-none [&_.icon-wrap]:text-secondary-foreground hover:[&_.icon-wrap]:text-foreground",
   {
     variants: {
@@ -22,40 +22,47 @@ const g = w(
     defaultVariants: { variant: "default" }
   }
 );
-function x({
-  className: p,
-  children: a,
-  href: i,
-  target: s,
-  variant: o = "default",
-  size: c = "default",
-  color: m = "main",
-  external: n = !1,
-  asChild: d = !1,
-  ...l
+function k({
+  className: i,
+  children: n,
+  href: c,
+  target: m,
+  variant: e = "default",
+  size: l = "default",
+  color: d = "main",
+  external: a = !1,
+  asChild: f = !1,
+  ...w
 }) {
+  const p = a ? /* @__PURE__ */ r("span", { className: "icon-wrap -mt-px pl-1.5 leading-none", children: /* @__PURE__ */ r(x, { size: 14 }) }) : null, s = a && typeof n == "string" ? (() => {
+    const t = n.trimEnd().lastIndexOf(" "), u = t === -1 ? "" : n.slice(0, t + 1), _ = t === -1 ? n : n.slice(t + 1);
+    return /* @__PURE__ */ o("span", { className: "content-wrap", children: [
+      u,
+      /* @__PURE__ */ o("span", { className: "whitespace-nowrap", children: [
+        _,
+        p
+      ] })
+    ] });
+  })() : /* @__PURE__ */ o(g, { children: [
+    /* @__PURE__ */ r("span", { className: "content-wrap", children: n }),
+    p
+  ] });
   return /* @__PURE__ */ r(
-    u,
+    N,
     {
-      href: i,
-      target: s,
-      external: n,
-      variant: o,
-      size: c,
-      color: m,
-      className: _(g({ variant: o }), p),
-      ...l,
-      children: d ? /* @__PURE__ */ e("span", { children: [
-        /* @__PURE__ */ r("span", { className: "content-wrap", children: a }),
-        n && /* @__PURE__ */ r("span", { className: "icon-wrap -mt-px pl-1.5 leading-none", children: /* @__PURE__ */ r(t, { size: 14 }) })
-      ] }) : /* @__PURE__ */ e(f, { children: [
-        /* @__PURE__ */ r("span", { className: "content-wrap", children: a }),
-        n && /* @__PURE__ */ r("span", { className: "icon-wrap -mt-px pl-1.5 leading-none", children: /* @__PURE__ */ r(t, { size: 14 }) })
-      ] })
+      href: c,
+      target: m,
+      external: a,
+      variant: e,
+      size: l,
+      color: d,
+      className: h(v({ variant: e }), i),
+      ...w,
+      children: f ? /* @__PURE__ */ r("span", { children: s }) : s
     }
   );
 }
-x.displayName = "Link";
+k.displayName = "Link";
 export {
-  x as Link
+  k as Link
 };

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

@@ -2,12 +2,12 @@ import { default as React } from 'react';
 import { TokenFullData } from '../../../../../types/common';
 export interface TransactionConfirmAmountFieldProps {
     readonly label: React.ReactNode;
-    readonly amount: string;
+    readonly amount: bigint;
     readonly token?: Omit<TokenFullData, "address">;
-    readonly usdPrice?: number;
+    readonly usdMoney?: bigint;
     readonly loading?: boolean;
     readonly position: "primary" | "receive";
     readonly size?: "sm" | "md";
     readonly maxLength?: number;
 }
-export declare function TransactionConfirmAmountField({ label, amount, token, usdPrice, loading, position, size, maxLength, }: TransactionConfirmAmountFieldProps): React.ReactElement;
+export declare function TransactionConfirmAmountField({ label, amount, token, usdMoney, loading, position, size, maxLength, }: TransactionConfirmAmountFieldProps): React.ReactElement;

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

@@ -2,15 +2,15 @@ import { default as React } from 'react';
 import { TokenFullData } from '../../../../../types/common';
 export interface TransactionConfirmAmountPairProps {
     readonly primaryLabel: React.ReactNode;
-    readonly primaryAmount: string;
+    readonly primaryAmount: bigint;
     readonly primaryToken?: Omit<TokenFullData, "address">;
-    readonly primaryUsdPrice?: number;
+    readonly primaryUsdMoney?: bigint;
     readonly receiveLabel: React.ReactNode;
-    readonly receiveAmount: string;
+    readonly receiveAmount: bigint;
     readonly receiveToken?: Omit<TokenFullData, "address">;
-    readonly receiveUsdPrice?: number;
+    readonly receiveUsdMoney?: bigint;
     readonly loading?: boolean;
     readonly size?: "sm" | "md";
     readonly maxLength?: number;
 }
-export declare function TransactionConfirmAmountPair({ primaryLabel, primaryAmount, primaryToken, primaryUsdPrice, receiveLabel, receiveAmount, receiveToken, receiveUsdPrice, loading, size, maxLength, }: TransactionConfirmAmountPairProps): React.ReactElement;
+export declare function TransactionConfirmAmountPair({ primaryLabel, primaryAmount, primaryToken, primaryUsdMoney, receiveLabel, receiveAmount, receiveToken, receiveUsdMoney, loading, size, maxLength, }: TransactionConfirmAmountPairProps): React.ReactElement;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gearbox-protocol/ui-kit",
-  "version": "3.14.0-next.23",
+  "version": "3.14.0-next.25",
   "description": "Internal UI components",
   "repository": {
     "type": "git",
@@ -166,7 +166,7 @@
     "@commitlint/cli": "^20.1.0",
     "@commitlint/config-conventional": "^20.0.0",
     "@gearbox-protocol/biome-config": "^1.0.2",
-    "@gearbox-protocol/sdk": "14.11.0-next.4",
+    "@gearbox-protocol/sdk": "14.11.0-next.9",
     "@rollup/plugin-typescript": "^12.3.0",
     "@storybook/addon-a11y": "^10.0.8",
     "@storybook/addon-docs": "^10.0.8",

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function s(o,r){if(!r)return null;const t=Number.parseFloat(o.replace(",",".")||"0");if(!Number.isFinite(t)||t===0)return null;const n=t*r,e=Math.abs(n)<100;try{return new Intl.NumberFormat("en-US",{style:"currency",currency:"USD",minimumFractionDigits:e?2:0,maximumFractionDigits:e?2:0}).format(n)}catch{return"$0"}}exports.formatUsdAmount=s;

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

@@ -1,21 +0,0 @@
-function u(s, r) {
-  if (!r)
-    return null;
-  const t = Number.parseFloat(s.replace(",", ".") || "0");
-  if (!Number.isFinite(t) || t === 0)
-    return null;
-  const n = t * r, e = Math.abs(n) < 100;
-  try {
-    return new Intl.NumberFormat("en-US", {
-      style: "currency",
-      currency: "USD",
-      minimumFractionDigits: e ? 2 : 0,
-      maximumFractionDigits: e ? 2 : 0
-    }).format(n);
-  } catch {
-    return "$0";
-  }
-}
-export {
-  u as formatUsdAmount
-};

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

@@ -1 +0,0 @@
-export declare function formatUsdAmount(amount: string, usdPrice: number): string | null;