@gearbox-protocol/ui-kit 4.0.0-next.61 → 4.0.0-next.63

package/dist/esm/components/table/grid-table.js

@@ -1,10 +1,10 @@
-import { jsx as i } from "react/jsx-runtime";
+import { jsx as o } from "react/jsx-runtime";
 import { cva as g } from "class-variance-authority";
 import * as n from "react";
 import { BaseLink as H } from "../base-link/base-link.js";
-import { Col as j } from "../layout/col/col.js";
-import { Grid as k } from "../layout/grid/grid.js";
-import { cn as r } from "../../utils/cn.js";
+import { Col as z } from "../layout/col/col.js";
+import { Grid as C } from "../layout/grid/grid.js";
+import { cn as a } from "../../utils/cn.js";
 const D = g("w-full", {
   variants: {
     size: {
@@ -16,24 +16,24 @@ const D = g("w-full", {
   defaultVariants: {
     size: "default"
   }
-}), C = n.forwardRef(
-  ({ className: e, size: t, cols: a = 12, gap: d = 0, wrapperClassName: s, ...f }, c) => /* @__PURE__ */ i("div", { className: r("relative w-full overflow-auto", s), children: /* @__PURE__ */ i(
-    k,
+}), K = n.forwardRef(
+  ({ className: e, size: t, cols: r = 12, gap: d = 0, wrapperClassName: s, ...f }, u) => /* @__PURE__ */ o("div", { className: a("relative w-full overflow-auto", s), children: /* @__PURE__ */ o(
+    C,
     {
-      ref: c,
-      cols: a,
+      ref: u,
+      cols: r,
       gap: d,
-      className: r(D({ size: t, className: e })),
+      className: a(D({ size: t, className: e })),
       ...f
     }
   ) })
 );
-C.displayName = "GridTable";
-const K = n.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ i(
+K.displayName = "GridTable";
+const A = n.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ o(
   "div",
   {
-    ref: a,
-    className: r(
+    ref: r,
+    className: a(
       "contents",
       // Full-width border for header (no insets)
       "[&>*>*]:after:absolute [&>*>*]:after:bottom-0 [&>*>*]:after:inset-x-0 [&>*>*]:after:h-px [&>*>*]:after:bg-border",
@@ -44,126 +44,130 @@ const K = n.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ i(
     ...t
   }
 ));
-K.displayName = "GridTableHeader";
-const A = n.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ i(
+A.displayName = "GridTableHeader";
+const E = n.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ o(
   "div",
   {
-    ref: a,
-    className: r("contents [&>*:last-child>*]:after:hidden", e),
+    ref: r,
+    className: a("contents [&>*:last-child>*]:after:hidden", e),
     ...t
   }
 ));
-A.displayName = "GridTableBody";
+E.displayName = "GridTableBody";
+function j(e) {
+  const t = e.target.closest(
+    "a, button, input, select, textarea, [role='button']"
+  );
+  return t !== null && t !== e.currentTarget;
+}
 const S = n.forwardRef(
   ({
     className: e,
     cols: t,
-    gap: a = 0,
+    gap: r = 0,
     last: d,
     height: s,
     hideValue: f,
-    noHover: c,
-    noRound: y,
+    noHover: u,
+    noRound: x,
     onRowClick: l,
-    href: x,
-    target: z,
-    rel: w,
-    style: B,
-    children: u,
-    ...m
-  }, b) => {
-    const T = typeof s == "number" ? `${s}px` : s, v = n.useCallback(
-      (o) => {
-        !l || o.target.closest(
-          "a, button, input, select, textarea, [role='button']"
-        ) || l(o);
+    href: c,
+    target: w,
+    rel: B,
+    style: V,
+    children: m,
+    ...b
+  }, p) => {
+    const v = typeof s == "number" ? `${s}px` : s, T = n.useCallback(
+      (i) => {
+        l && (j(i) || l(i));
       },
       [l]
     ), h = n.useCallback(
-      (o) => {
-        if (l && (o.key === "Enter" || o.key === " ")) {
-          if (o.preventDefault(), o.target.closest(
-            "a, button, input, select, textarea, [role='button']"
-          ))
-            return;
-          l(o);
+      (i) => {
+        if (l && !(i.key !== "Enter" && i.key !== " ") && !j(i)) {
+          if (c) {
+            if (i.key !== "Enter") return;
+          } else
+            i.preventDefault();
+          l(i);
         }
       },
-      [l]
-    ), N = r(
+      [l, c]
+    ), N = a(
       "[&>*]:relative [&>*]:transition-colors data-[state=selected]:[&>*]:bg-muted",
       "[&>*]:after:absolute [&>*]:after:bottom-0 [&>*]:after:inset-x-0 [&>*]:after:h-px [&>*]:after:bg-border",
-      !y && [
+      !x && [
         "[&>*:first-child]:after:left-3",
         "[&>*:last-child]:after:right-3"
       ],
-      !c && [
+      !u && [
         "[&>*]:z-0",
         "[&>*]:before:absolute [&>*]:before:inset-x-0 [&>*]:before:top-0 [&>*]:before:bottom-px [&>*]:before:-z-10 [&>*]:before:bg-muted/50 [&>*]:before:opacity-0 [&>*]:before:transition-opacity",
         "hover:[&>*]:before:opacity-100",
-        !y && "[&>*:first-child]:before:rounded-l-lg [&>*:last-child]:before:rounded-r-lg"
+        !x && "[&>*:first-child]:before:rounded-l-lg [&>*:last-child]:before:rounded-r-lg"
       ],
       d && "[&>*]:after:hidden",
       f && "[&>*]:opacity-0"
-    ), G = r(
+    ), G = a(
       "grid grid-cols-subgrid col-span-full",
       N,
       "cursor-pointer",
       e
-    ), p = {
-      ...B,
-      ...T ? { height: T } : {}
+    ), y = {
+      ...V,
+      ...v ? { height: v } : {}
     };
-    return x ? /* @__PURE__ */ i(
+    return c ? /* @__PURE__ */ o(
       H,
       {
-        ref: b,
-        href: x,
-        target: z,
-        rel: w,
+        ref: p,
+        href: c,
+        target: w,
+        rel: B,
         size: "unset",
         variant: "unset",
-        className: r("no-underline text-foreground!", G),
-        style: p,
-        onClick: l ? v : void 0,
+        className: a("no-underline text-foreground!", G),
+        style: y,
+        onClick: l ? T : void 0,
         onKeyDown: l ? h : void 0,
-        ...m,
-        children: u
+        ...b,
+        children: m
       }
     ) : l ? (
       // biome-ignore lint/a11y/useSemanticElements: Using div with subgrid layout, not a semantic table
-      /* @__PURE__ */ i(
+      /* @__PURE__ */ o(
         "div",
         {
-          ref: b,
+          ref: p,
           role: "row",
           tabIndex: 0,
           className: G,
-          style: p,
-          onClick: v,
+          style: y,
+          onClick: T,
           onKeyDown: h,
-          ...m,
-          children: u
+          ...b,
+          children: m
         }
       )
-    ) : /* @__PURE__ */ i(
+    ) : /* @__PURE__ */ o(
       "div",
       {
-        ref: b,
-        className: r(
+        ref: p,
+        className: a(
           "grid grid-cols-subgrid col-span-full",
           N,
           e
         ),
-        style: p,
-        ...m,
-        children: u
+        style: y,
+        ...b,
+        children: m
       }
     );
   }
 );
 S.displayName = "GridTableRow";
-const E = g(
+const k = g(
   "flex items-center justify-start text-left align-middle font-medium text-muted-foreground !bg-transparent",
   {
     variants: {
@@ -190,13 +194,13 @@ const E = g(
     }
   }
 ), I = n.forwardRef(
-  ({ className: e, size: t, span: a = 1, justify: d = "start", gapBefore: s, ...f }, c) => /* @__PURE__ */ i(
-    j,
+  ({ className: e, size: t, span: r = 1, justify: d = "start", gapBefore: s, ...f }, u) => /* @__PURE__ */ o(
+    z,
     {
-      ref: c,
-      span: a,
-      className: r(
-        E({ size: t, justify: d, gapBefore: s, className: e })
+      ref: u,
+      span: r,
+      className: a(
+        k({ size: t, justify: d, gapBefore: s, className: e })
       ),
       ...f
     }
@@ -226,25 +230,25 @@ const L = g("flex items-center align-middle", {
     textAlign: "left",
     gapBefore: "none"
   }
-}), $ = n.forwardRef(
-  ({ className: e, size: t, span: a = 1, textAlign: d, gapBefore: s, ...f }, c) => /* @__PURE__ */ i(
-    j,
+}), O = n.forwardRef(
+  ({ className: e, size: t, span: r = 1, textAlign: d, gapBefore: s, ...f }, u) => /* @__PURE__ */ o(
+    z,
     {
-      ref: c,
-      span: a,
-      className: r(
+      ref: u,
+      span: r,
+      className: a(
         L({ size: t, textAlign: d, gapBefore: s, className: e })
       ),
       ...f
     }
   )
 );
-$.displayName = "GridTableCell";
+O.displayName = "GridTableCell";
 export {
-  C as GridTable,
-  A as GridTableBody,
-  $ as GridTableCell,
+  K as GridTable,
+  E as GridTableBody,
+  O as GridTableCell,
   I as GridTableHead,
-  K as GridTableHeader,
+  A as GridTableHeader,
   S as GridTableRow
 };

package/dist/esm/index.js

@@ -17,7 +17,7 @@ import { LiquidationParamsTableTest as V } from "./components/base/liquidation-p
 import { LiquidationParamsTable as N } from "./components/base/liquidation-params-table/liquidation-params-table.js";
 import { LiquidationPriceBlockTest as q } from "./components/base/liquidation-price-block/constants.js";
 import { LiquidationPriceBlock as O } from "./components/base/liquidation-price-block/liquidation-price-block.js";
-import { ManagePane as U, ManagePaneActionTab as X, ManagePaneMessage as Y, ManagePaneTab as Z, ManagePaneTabDropdown as z } from "./components/base/manage-pane/manage-pane.js";
+import { ManagePane as _, ManagePaneActionTab as X, ManagePaneMessage as Y, ManagePaneTab as Z, ManagePaneTabDropdown as z } from "./components/base/manage-pane/manage-pane.js";
 import { MoreAccordionTest as j } from "./components/base/more-accordion/constants.js";
 import { MoreAccordion as K } from "./components/base/more-accordion/more-accordion.js";
 import { NestedInfoStackTest as oo } from "./components/base/nested-info-stack/constants.js";
@@ -40,7 +40,7 @@ import { TimeToLiquidationBlockTest as Vo } from "./components/base/time-to-liqu
 import { TimeToLiquidationBlock as No } from "./components/base/time-to-liquidation-block/time-to-liquidation-block.js";
 import { TitleMetaTest as qo } from "./components/base/title-meta/constants.js";
 import { TitleMeta as Oo } from "./components/base/title-meta/title-meta.js";
-import { TokenAmount as Uo } from "./components/base/token-amount/token-amount.js";
+import { TokenAmount as _o } from "./components/base/token-amount/token-amount.js";
 import { TokenPairSymbolTest as Yo } from "./components/base/token-pair-symbol/constants.js";
 import { TokenPairSymbol as zo } from "./components/base/token-pair-symbol/token-pair-symbol.js";
 import { NoValue as jo } from "./components/no-value/no-value.js";
@@ -57,7 +57,7 @@ import { AlertModal as we } from "./components/alert-modal/alert-modal.js";
 import { AppBarDotsButton as Fe, AppBarDropdownMenu as He, AppBarHamburgerButton as ve, AppBarMenuItem as Re, AppBarNavItem as Ve } from "./components/app-bar/app-bar.js";
 import { AssetsListCell as Ne } from "./components/assets-list-cell/assets-list-cell.js";
 import { Badge as qe } from "./components/badge/badge.js";
-import { Chip as Oe, ChipTest as _e, Chips as Ue, ChipsTest as Xe } from "./components/badge/chip.js";
+import { Chip as Oe, ChipTest as Ue, Chips as _e, ChipsTest as Xe } from "./components/badge/chip.js";
 import { BaseLink as Ze } from "./components/base-link/base-link.js";
 import { BaseTable as Qe } from "./components/base-table/base-table.js";
 import { BaseTableLine as Je } from "./components/base-table/base-table-line.js";
@@ -81,7 +81,7 @@ import { PoolAssetsTableTest as Vr } from "./components/composites/pool-assets-t
 import { PoolAssetsTable as Nr } from "./components/composites/pool-assets-table/pool-assets-table.js";
 import { TransactionConfirmAmountFieldTest as qr } from "./components/composites/tx-preview/confirm/amounts/constants.js";
 import { TransactionConfirmAmountField as Or } from "./components/composites/tx-preview/confirm/amounts/TransactionConfirmAmountField.js";
-import { TransactionConfirmDialogTest as Ur } from "./components/composites/tx-preview/confirm/dialog/constants.js";
+import { TransactionConfirmDialogTest as _r } from "./components/composites/tx-preview/confirm/dialog/constants.js";
 import { TransactionConfirmShell as Yr } from "./components/composites/tx-preview/confirm/dialog/TransactionConfirmShell.js";
 import { TransactionConfirmExecuteButton as zr } from "./components/composites/tx-preview/confirm/execution/TransactionConfirmExecuteButton.js";
 import { TransactionConfirmExecuteButtonTest as jr, TransactionConfirmFailureResultTest as Jr, TransactionConfirmSuccessResultTest as Kr, TransactionConfirmTxHashRowTest as $r } from "./components/composites/tx-preview/confirm/result/constants.js";
@@ -105,7 +105,7 @@ import { DialogModalContainer as vt } from "./components/dialog/dialog-modal-con
 import { DialogTitle as Vt } from "./components/dialog/dialog-title.js";
 import { OneFieldDialog as Nt } from "./components/dialog/one-field-dialog.js";
 import { DisabledWrap as qt } from "./components/disabled-wrap/disabled-wrap.js";
-import { DropdownMenu as Ot, DropdownMenuPortal as _t, DropdownMenuTrigger as Ut } from "./components/dropdown-menu/dropdown-menu.js";
+import { DropdownMenu as Ot, DropdownMenuPortal as Ut, DropdownMenuTrigger as _t } from "./components/dropdown-menu/dropdown-menu.js";
 import { DropdownMenuContent as Yt } from "./components/dropdown-menu/dropdown-menu-content.js";
 import { DropdownMenuItem as zt } from "./components/dropdown-menu/dropdown-menu-item.js";
 import { DropdownMenuLabel as jt } from "./components/dropdown-menu/dropdown-menu-label.js";
@@ -131,7 +131,7 @@ import { Container as vp } from "./components/layout/container/container.js";
 import { Grid as Vp } from "./components/layout/grid/grid.js";
 import { Layout as Np } from "./components/layout/layout/layout.js";
 import { BlockedRegionDialog as qp, LegalAgreementDialog as Gp } from "./components/legal-agreement/legal-agreement-dialog.js";
-import { LegalAgreementLink as _p } from "./components/legal-agreement/legal-agreement-link.js";
+import { LegalAgreementLink as Up } from "./components/legal-agreement/legal-agreement-link.js";
 import { Link as Xp } from "./components/link/link.js";
 import { Loader as Zp } from "./components/loader/loader.js";
 import { Loading as Qp } from "./components/loading/loading.js";
@@ -156,7 +156,7 @@ import { SimpleDropdownMenuItem as Va } from "./components/simple-dropdown/simpl
 import { Skeleton as Na } from "./components/skeleton/skeleton.js";
 import { SkeletonStack as qa } from "./components/skeleton/skeleton-stack.js";
 import { SliderTest as Oa } from "./components/slider/constants.js";
-import { Spinner as Ua } from "./components/spinner/spinner.js";
+import { Spinner as _a } from "./components/spinner/spinner.js";
 import { SpinnerLoader as Ya } from "./components/spinner-loader/spinner-loader.js";
 import { SplitList as za } from "./components/split-list/split-list.js";
 import { TabControl as ja } from "./components/tab-control/tab-control.js";
@@ -177,7 +177,7 @@ import { TruncatedText as Rm } from "./components/truncated-text/truncated-text.
 import { FormattedMessageTyped as Em, useIntlTyped as Nm } from "./components/typed-intl/index.js";
 import { Typography as qm } from "./components/typography/typography.js";
 import { VerticalIndicator as Om } from "./components/vertical-indicator/vertical-indicator.js";
-import { VSpace as Um } from "./components/vspace/vspace.js";
+import { VSpace as _m } from "./components/vspace/vspace.js";
 import { WithCopy as Ym } from "./components/with-copy/with-copy.js";
 import { ApyBreakdownTooltip as zm } from "./components/yield-breakdown-tooltip/yield-breakdown-tooltip.js";
 import { useDebounceCall as jm } from "./hooks/use-debounce-call.js";
@@ -189,29 +189,30 @@ import { cn as li, cn as si } from "./utils/cn.js";
 import { APPROXIMATE_SYMBOL as di, formatTimestamp as gi, shortenHash as ui } from "./utils/format.js";
 import { formatLeverage as Si } from "./utils/format-leverage.js";
 import { formatMoney as Bi, percentageTemplate as Pi } from "./utils/format-money.js";
-import { slippageTemplate as Ai } from "./utils/format-slippage.js";
-import { leveragePresets as Li } from "./utils/leverage-presets.js";
-import { bnToLiquidationPriceView as Ii, parseInputToBN as Mi } from "./utils/parse-input-to-bn.js";
-import { shortenString as wi } from "./utils/shorten-string.js";
-import { tokenTemplateString as Fi } from "./utils/templates.js";
-import { openInNewWindow as vi } from "./utils/window.js";
-import { Z_INDEX as Vi } from "./utils/z-index.js";
-import { AmountInputTest as Ni } from "./components/base/amount-input/constants.js";
-import { DetailedPageTitleTest as qi } from "./components/base/detailed-page-title/constants.js";
-import { DetailsViewTest as Oi } from "./components/base/details-view/constants.js";
-import { HistoryChartTest as Ui } from "./components/base/history-chart/constants.js";
-import { InfoListTest as Yi } from "./components/base/info-list/constants.js";
-import { LeverageInputTest as zi } from "./components/base/leverage-input/constants.js";
-import { ManagePaneTest as ji } from "./components/base/manage-pane/constants.js";
-import { PageTitleTest as Ki } from "./components/base/page-title/constants.js";
-import { ReviewButtonTest as on } from "./components/base/review-button/constants.js";
-import { SectionHeadingTest as rn } from "./components/base/section-heading/constants.js";
-import { SegmentedTabsTest as pn } from "./components/base/segmented-tabs/constants.js";
-import { StackTest as mn } from "./components/base/stack/constants.js";
-import { StatBadgeTest as fn } from "./components/base/stat-badge/constants.js";
-import { TabberTest as ln } from "./components/base/tabber/constants.js";
-import { TokenAmountTest as Tn } from "./components/base/token-amount/constants.js";
-import { BaseTableLineTest as gn, BaseTableTest as un } from "./components/base-table/constants.js";
+import { formatUsdPrice as Ai } from "./utils/format-price.js";
+import { slippageTemplate as Li } from "./utils/format-slippage.js";
+import { leveragePresets as Ii } from "./utils/leverage-presets.js";
+import { bnToLiquidationPriceView as hi, parseInputToBN as wi } from "./utils/parse-input-to-bn.js";
+import { shortenString as Fi } from "./utils/shorten-string.js";
+import { tokenTemplateString as vi } from "./utils/templates.js";
+import { openInNewWindow as Vi } from "./utils/window.js";
+import { Z_INDEX as Ni } from "./utils/z-index.js";
+import { AmountInputTest as qi } from "./components/base/amount-input/constants.js";
+import { DetailedPageTitleTest as Oi } from "./components/base/detailed-page-title/constants.js";
+import { DetailsViewTest as _i } from "./components/base/details-view/constants.js";
+import { HistoryChartTest as Yi } from "./components/base/history-chart/constants.js";
+import { InfoListTest as zi } from "./components/base/info-list/constants.js";
+import { LeverageInputTest as ji } from "./components/base/leverage-input/constants.js";
+import { ManagePaneTest as Ki } from "./components/base/manage-pane/constants.js";
+import { PageTitleTest as on } from "./components/base/page-title/constants.js";
+import { ReviewButtonTest as rn } from "./components/base/review-button/constants.js";
+import { SectionHeadingTest as pn } from "./components/base/section-heading/constants.js";
+import { SegmentedTabsTest as mn } from "./components/base/segmented-tabs/constants.js";
+import { StackTest as fn } from "./components/base/stack/constants.js";
+import { StatBadgeTest as ln } from "./components/base/stat-badge/constants.js";
+import { TabberTest as Tn } from "./components/base/tabber/constants.js";
+import { TokenAmountTest as gn } from "./components/base/token-amount/constants.js";
+import { BaseTableLineTest as cn, BaseTableTest as Sn } from "./components/base-table/constants.js";
 export {
   di as APPROXIMATE_SYMBOL,
   Se as AlertBadge,
@@ -227,7 +228,7 @@ export {
   we as AlertModal,
   yr as AllocationWheelTest,
   r as AmountInput,
-  Ni as AmountInputTest,
+  qi as AmountInputTest,
   Fe as AppBarDotsButton,
   He as AppBarDropdownMenu,
   ve as AppBarHamburgerButton,
@@ -244,8 +245,8 @@ export {
   Ze as BaseLink,
   Qe as BaseTable,
   Je as BaseTableLine,
-  gn as BaseTableLineTest,
-  un as BaseTableTest,
+  cn as BaseTableLineTest,
+  Sn as BaseTableTest,
   qp as BlockedRegionDialog,
   p as BorrowRateBlock,
   m as BorrowRateBlockTest,
@@ -262,8 +263,8 @@ export {
   Ar as Checkbox,
   Lr as CheckboxLabeled,
   Oe as Chip,
-  _e as ChipTest,
-  Ue as Chips,
+  Ue as ChipTest,
+  _e as Chips,
   Xe as ChipsTest,
   Fp as Col,
   Fr as CollateralAllocationTooltipTest,
@@ -275,11 +276,11 @@ export {
   Cr as DangerZone,
   s as DetailedPageTitle,
   gt as DetailedPageTitleExplorerDropdown,
-  qi as DetailedPageTitleTest,
+  Oi as DetailedPageTitleTest,
   u as DetailsView,
   c as DetailsViewLeftPane,
   S as DetailsViewManagePane,
-  Oi as DetailsViewTest,
+  _i as DetailsViewTest,
   Ct as Dialog,
   Dt as DialogContainer,
   bt as DialogContent,
@@ -295,8 +296,8 @@ export {
   Yt as DropdownMenuContent,
   zt as DropdownMenuItem,
   jt as DropdownMenuLabel,
-  _t as DropdownMenuPortal,
-  Ut as DropdownMenuTrigger,
+  Ut as DropdownMenuPortal,
+  _t as DropdownMenuTrigger,
   Kt as EditInput,
   fi as EnglishLocale,
   op as ErrorLineMessage,
@@ -317,19 +318,19 @@ export {
   se as HealthFactorValue,
   dp as HelpTip,
   b as HistoryChart,
-  Ui as HistoryChartTest,
+  Yi as HistoryChartTest,
   Sp as IconButton,
   Dp as InfiniteScrollWrapper,
   k as InfoLine,
   I as InfoList,
-  Yi as InfoListTest,
+  zi as InfoListTest,
   bp as Input,
   kp as Label,
   Np as Layout,
   Gp as LegalAgreementDialog,
-  _p as LegalAgreementLink,
+  Up as LegalAgreementLink,
   w as LeverageInput,
-  zi as LeverageInputTest,
+  ji as LeverageInputTest,
   v as LeveragePresetChips,
   F as LeveragePresetChipsTest,
   Te as LeverageValue,
@@ -340,12 +341,12 @@ export {
   q as LiquidationPriceBlockTest,
   Zp as Loader,
   Qp as Loading,
-  U as ManagePane,
+  _ as ManagePane,
   X as ManagePaneActionTab,
   Y as ManagePaneMessage,
   Z as ManagePaneTab,
   z as ManagePaneTabDropdown,
-  ji as ManagePaneTest,
+  Ki as ManagePaneTest,
   Jp as MarkdownText,
   ct as Modal,
   K as MoreAccordion,
@@ -361,7 +362,7 @@ export {
   Nt as OneFieldDialog,
   po as PageHeadProvider,
   ao as PageTitle,
-  Ki as PageTitleTest,
+  on as PageTitleTest,
   ee as PnlValue,
   ia as PointsIcon,
   M as PointsInfoLine,
@@ -383,15 +384,15 @@ export {
   la as RadioGroup,
   sa as RadioGroupItem,
   uo as ReviewButton,
-  on as ReviewButtonTest,
+  rn as ReviewButtonTest,
   Sa as SdkStatusPill,
   ua as SdkStatusPillTest,
   Ba as SearchLine,
   So as SectionHeading,
-  rn as SectionHeadingTest,
+  pn as SectionHeadingTest,
   Da as SegmentedControl,
   Bo as SegmentedTabs,
-  pn as SegmentedTabsTest,
+  mn as SegmentedTabsTest,
   ba as Select,
   La as SelectContent,
   ka as SelectItem,
@@ -405,14 +406,14 @@ export {
   Na as Skeleton,
   qa as SkeletonStack,
   Oa as SliderTest,
-  Ua as Spinner,
+  _a as Spinner,
   Ya as SpinnerLoader,
   za as SplitList,
   Do as Stack,
-  mn as StackTest,
+  fn as StackTest,
   bo as StatBadge,
   Lo as StatBadgeGrid,
-  fn as StatBadgeTest,
+  ln as StatBadgeTest,
   ho as StrategyApyBreakdownCard,
   Io as StrategyApyBreakdownCardTest,
   Ir as StyledButton,
@@ -421,7 +422,7 @@ export {
   ja as TabControl,
   yo as Tabber,
   Fo as TabberSection,
-  ln as TabberTest,
+  Tn as TabberTest,
   om as Table,
   em as TableBody,
   rm as TableCell,
@@ -440,8 +441,8 @@ export {
   Sm as TipCard,
   Oo as TitleMeta,
   qo as TitleMetaTest,
-  Uo as TokenAmount,
-  Tn as TokenAmountTest,
+  _o as TokenAmount,
+  gn as TokenAmountTest,
   de as TokenBigint,
   Bm as TokenIcon,
   zo as TokenPairSymbol,
@@ -455,7 +456,7 @@ export {
   Hm as TradingView,
   Or as TransactionConfirmAmountField,
   qr as TransactionConfirmAmountFieldTest,
-  Ur as TransactionConfirmDialogTest,
+  _r as TransactionConfirmDialogTest,
   zr as TransactionConfirmExecuteButton,
   jr as TransactionConfirmExecuteButtonTest,
   et as TransactionConfirmFailureResult,
@@ -469,27 +470,28 @@ export {
   qm as Typography,
   ge as UsdValue,
   ue as UtilizationValue,
-  Um as VSpace,
+  _m as VSpace,
   $o as ValueTest,
   Om as VerticalIndicator,
   Ym as WithCopy,
-  Vi as Z_INDEX,
-  Ii as bnToLiquidationPriceView,
+  Ni as Z_INDEX,
+  hi as bnToLiquidationPriceView,
   li as cn,
   si as default,
   Si as formatLeverage,
   Bi as formatMoney,
   gi as formatTimestamp,
+  Ai as formatUsdPrice,
   Km as getSortForFields,
-  Li as leveragePresets,
+  Ii as leveragePresets,
   $m as nextMultiSortState,
-  vi as openInNewWindow,
-  Mi as parseInputToBN,
+  Vi as openInNewWindow,
+  wi as parseInputToBN,
   Pi as percentageTemplate,
   ui as shortenHash,
-  wi as shortenString,
-  Ai as slippageTemplate,
-  Fi as tokenTemplateString,
+  Fi as shortenString,
+  Li as slippageTemplate,
+  vi as tokenTemplateString,
   jm as useDebounceCall,
   Nm as useIntlTyped,
   ri as useIsDesktop,

package/dist/esm/utils/format-price.js

@@ -0,0 +1,10 @@
+function s(i) {
+  const t = Math.abs(i) >= 1e3 ? 0 : 2;
+  return `${i < 0 ? "-" : ""}$${Math.abs(i).toLocaleString("en-US", {
+    minimumFractionDigits: t,
+    maximumFractionDigits: t
+  })}`;
+}
+export {
+  s as formatUsdPrice
+};