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

package/dist/esm/components/composites/notification-center/notification-center.js

@@ -4,10 +4,9 @@ import { FaIcon as g } from "../../icons/fa-icon.js";
 import { SimpleDropdown as y } from "../../simple-dropdown/simple-dropdown.js";
 import "../../simple-dropdown/simple-dropdown-menu-item.js";
 import { FormattedMessageTyped as r } from "../../typed-intl/index.js";
-import { Typography as i } from "../../typography/typography.js";
-import "@gearbox-protocol/sdk/onchain";
+import { Typography as l } from "../../typography/typography.js";
 import { cn as c } from "../../../utils/cn.js";
-import "luxon";
+import "@gearbox-protocol/sdk/onchain";
 import "../../../utils/z-index.js";
 import { notificationCenterTestIds as a } from "./constants.js";
 function b({ row: t }) {
@@ -24,7 +23,7 @@ function b({ row: t }) {
     /* @__PURE__ */ n("div", { className: "flex min-w-0 flex-1 flex-col gap-1.5", children: [
       /* @__PURE__ */ n("div", { className: "flex items-start justify-between gap-3", children: [
         /* @__PURE__ */ e(
-          i,
+          l,
           {
             as: "span",
             variant: "bodySmall",
@@ -33,7 +32,7 @@ function b({ row: t }) {
           }
         ),
         /* @__PURE__ */ e(
-          i,
+          l,
           {
             as: "span",
             variant: "bodySmall",
@@ -43,7 +42,7 @@ function b({ row: t }) {
           }
         )
       ] }),
-      /* @__PURE__ */ e(i, { as: "span", variant: "bodySmall", color: "muted", children: t.positionName })
+      /* @__PURE__ */ e(l, { as: "span", variant: "bodySmall", color: "muted", children: t.positionName })
     ] })
   ] });
   return t.isClickable && t.onExecute ? /* @__PURE__ */ e(
@@ -64,7 +63,7 @@ function b({ row: t }) {
     }
   );
 }
-function T({
+function R({
   open: t,
   onOpenChange: s,
   deferredRows: o,
@@ -111,7 +110,7 @@ function T({
           className: "flex flex-col p-8",
           children: [
             f ? null : /* @__PURE__ */ e(
-              i,
+              l,
               {
                 as: "span",
                 variant: "bodySmall",
@@ -127,7 +126,7 @@ function T({
                 "data-testid": a.requestsSection,
                 children: [
                   /* @__PURE__ */ e(
-                    i,
+                    l,
                     {
                       as: "span",
                       variant: "bodySmall",
@@ -135,7 +134,7 @@ function T({
                       children: /* @__PURE__ */ e(r, { messageId: "components.notificationCenter.requests" })
                     }
                   ),
-                  /* @__PURE__ */ e("div", { className: "-mr-2 flex max-h-[40dvh] flex-col divide-y divide-gray-60 overflow-y-auto overflow-x-hidden pr-2 [scrollbar-gutter:stable]", children: o.map((l) => /* @__PURE__ */ e(b, { row: l }, l.id)) })
+                  /* @__PURE__ */ e("div", { className: "-mr-2 flex max-h-[40dvh] flex-col divide-y divide-gray-60 overflow-y-auto overflow-x-hidden pr-2 [scrollbar-gutter:stable]", children: o.map((i) => /* @__PURE__ */ e(b, { row: i }, i.id)) })
                 ]
               }
             ) : null,
@@ -150,7 +149,7 @@ function T({
                 children: [
                   /* @__PURE__ */ n("div", { className: "flex items-center justify-between pb-2", children: [
                     /* @__PURE__ */ e(
-                      i,
+                      l,
                       {
                         as: "span",
                         variant: "bodySmall",
@@ -169,27 +168,27 @@ function T({
                       }
                     ) : null
                   ] }),
-                  /* @__PURE__ */ e("div", { className: "-mr-2 flex max-h-[30dvh] flex-col overflow-y-auto overflow-x-hidden pr-2 [scrollbar-gutter:stable]", children: d.map((l) => /* @__PURE__ */ n(
+                  /* @__PURE__ */ e("div", { className: "-mr-2 flex max-h-[30dvh] flex-col overflow-y-auto overflow-x-hidden pr-2 [scrollbar-gutter:stable]", children: d.map((i) => /* @__PURE__ */ n(
                     "button",
                     {
                       type: "button",
                       "data-testid": a.successRow,
-                      onClick: l.onView,
+                      onClick: i.onView,
                       className: "flex cursor-pointer items-center justify-between gap-3 py-2 text-left hover:opacity-80",
                       children: [
                         /* @__PURE__ */ e(
-                          i,
+                          l,
                           {
                             as: "span",
                             variant: "bodySmall",
                             className: "truncate text-foreground",
-                            children: l.label
+                            children: i.label
                           }
                         ),
-                        /* @__PURE__ */ e(i, { as: "span", variant: "caption", color: "muted", children: l.timestampLabel })
+                        /* @__PURE__ */ e(l, { as: "span", variant: "caption", color: "muted", children: i.timestampLabel })
                       ]
                     },
-                    l.id
+                    i.id
                   )) })
                 ]
               }
@@ -201,5 +200,5 @@ function T({
   );
 }
 export {
-  T as NotificationCenter
+  R as NotificationCenter
 };

package/dist/esm/components/composites/pool-assets-table/index.js

@@ -1,10 +1,6 @@
 import { PoolAssetsTableTest as s } from "./constants.js";
 import { PoolAssetsTable as l } from "./pool-assets-table.js";
-import { PoolAssetsTableHead as a } from "./pool-assets-table-head.js";
-import { PoolAssetsTableRow as b } from "./pool-assets-table-row.js";
 export {
   l as PoolAssetsTable,
-  a as PoolAssetsTableHead,
-  b as PoolAssetsTableRow,
   s as PoolAssetsTableTest
 };

package/dist/esm/components/composites/pool-assets-table/pool-assets-table-head.js

@@ -1,74 +1,63 @@
-import { jsxs as p, jsx as e } from "react/jsx-runtime";
-import { HeadCell as i } from "../../head-cell/head-cell.js";
-import "react-intl";
-import "../../buttons/button/button.js";
-import "@gearbox-protocol/sdk/onchain";
-import "clsx";
-import "tailwind-merge";
-import "luxon";
-import "../../../utils/z-index.js";
-import { GridTableRow as l, GridTableHead as r } from "../../table/grid-table.js";
-import "../../skeleton/skeleton.js";
-import "react";
-import "../../table/table.js";
-import { useIntlTyped as c, FormattedMessageTyped as a } from "../../typed-intl/index.js";
-import { getSortForField as m } from "../../../hooks/use-filter.js";
-import "../../breakpoint-provider.js";
-function P({
-  sort: n
+import { jsxs as m, jsx as e } from "react/jsx-runtime";
+import { getSortForField as i } from "./sort-for-field.js";
+import { HeadCell as r } from "../../head-cell/head-cell.js";
+import { GridTableRow as p, GridTableHead as a } from "../../table/grid-table.js";
+import { useIntlTyped as c, FormattedMessageTyped as n } from "../../typed-intl/index.js";
+function b({
+  sort: l
 }) {
-  const s = c(), { state: o, set: t } = n;
-  return /* @__PURE__ */ p(l, { noHover: !0, height: "35px", children: [
-    /* @__PURE__ */ e(r, { className: "pl-4", justify: "start", size: "sm", children: /* @__PURE__ */ e(
-      i,
+  const s = c(), { state: o, set: t } = l;
+  return /* @__PURE__ */ m(p, { noHover: !0, height: "35px", children: [
+    /* @__PURE__ */ e(a, { className: "pl-4", justify: "start", size: "sm", children: /* @__PURE__ */ e(
+      r,
       {
         arrowPosition: "right",
-        sortDirection: m("name", o),
+        sortDirection: i("name", o),
         sortField: s.formatMessage({
           messageId: "components.poolAssetsTable.asset"
         }),
-        title: /* @__PURE__ */ e(a, { messageId: "components.poolAssetsTable.asset" }),
+        title: /* @__PURE__ */ e(n, { messageId: "components.poolAssetsTable.asset" }),
         onSort: () => t("name", "desc")
       }
     ) }),
-    /* @__PURE__ */ e(r, { justify: "end", size: "sm", children: /* @__PURE__ */ e(
-      i,
+    /* @__PURE__ */ e(a, { justify: "end", size: "sm", children: /* @__PURE__ */ e(
+      r,
       {
         arrowPosition: "left",
-        sortDirection: m("exposure", o),
+        sortDirection: i("exposure", o),
         sortField: s.formatMessage({
           messageId: "components.poolAssetsTable.exposure"
         }),
-        title: /* @__PURE__ */ e(a, { messageId: "components.poolAssetsTable.exposure" }),
+        title: /* @__PURE__ */ e(n, { messageId: "components.poolAssetsTable.exposure" }),
         onSort: () => t("exposure", "desc")
       }
     ) }),
-    /* @__PURE__ */ e(r, { justify: "end", size: "sm", children: /* @__PURE__ */ e(
-      i,
+    /* @__PURE__ */ e(a, { justify: "end", size: "sm", children: /* @__PURE__ */ e(
+      r,
       {
         arrowPosition: "left",
-        sortDirection: m("cap", o),
+        sortDirection: i("cap", o),
         sortField: s.formatMessage({
           messageId: "components.poolAssetsTable.cap"
         }),
-        title: /* @__PURE__ */ e(a, { messageId: "components.poolAssetsTable.cap" }),
+        title: /* @__PURE__ */ e(n, { messageId: "components.poolAssetsTable.cap" }),
         onSort: () => t("cap", "desc")
       }
     ) }),
-    /* @__PURE__ */ e(r, { className: "pr-4", justify: "end", size: "sm", children: /* @__PURE__ */ e(
-      i,
+    /* @__PURE__ */ e(a, { className: "pr-4", justify: "end", size: "sm", children: /* @__PURE__ */ e(
+      r,
       {
         arrowPosition: "left",
-        sortDirection: m("capUtilization", o),
+        sortDirection: i("capUtilization", o),
         sortField: s.formatMessage({
           messageId: "components.poolAssetsTable.capUtilization"
         }),
-        title: /* @__PURE__ */ e(a, { messageId: "components.poolAssetsTable.capUtilization" }),
+        title: /* @__PURE__ */ e(n, { messageId: "components.poolAssetsTable.capUtilization" }),
         onSort: () => t("capUtilization", "desc")
       }
     ) })
   ] });
 }
 export {
-  P as PoolAssetsTableHead
+  b as PoolAssetsTableHead
 };

package/dist/esm/components/composites/pool-assets-table/pool-assets-table-row.js

@@ -1,61 +1,50 @@
 import { jsx as e, jsxs as a, Fragment as y } from "react/jsx-runtime";
-import { NoValue as b } from "../../base/values/no-value.js";
-import "@gearbox-protocol/sdk/onchain";
+import { NoValue as b } from "../../no-value/no-value.js";
 import "clsx";
 import "tailwind-merge";
 import { formatMoney as C } from "../../../utils/format-money.js";
-import "luxon";
+import "@gearbox-protocol/sdk/onchain";
 import "../../../utils/z-index.js";
 import { UtilizationValue as S } from "../../base/values/scalars.js";
 import "../../badge/badge.js";
 import "../../badge/chip.js";
-import { FormattedMessageTyped as m } from "../../typed-intl/index.js";
+import { FormattedMessageTyped as n } from "../../typed-intl/index.js";
 import { AllocationWheel as k } from "../../collateral-allocation-tooltip/allocation-wheel.js";
-import "@fortawesome/free-solid-svg-icons";
-import "../../icons/fa-icon.js";
-import "../../token-icon/token-icon.js";
-import "../../tooltip/simple-tooltip.js";
-import "../../tooltip/tooltip.js";
 import { NameCell as w } from "../../name-cell/name-cell.js";
 import { ShortString as L } from "../../short-string/short-string.js";
-import "react-intl";
-import "../../buttons/button/button.js";
 import { GridTableRow as U, GridTableCell as o } from "../../table/grid-table.js";
-import "../../skeleton/skeleton.js";
-import "react";
-import "../../table/table.js";
-import { TableLineSm as I, TableCellSm as n } from "../../table/table-sm.js";
+import { TableLineSm as I, TableCellSm as m } from "../../table/table-sm.js";
 import { TokenSymbol as P } from "../../token-symbol/token-symbol.js";
 import { TokenTemplate as x } from "../../token-template/token-template.js";
 import { VerticalIndicator as j } from "../../vertical-indicator/vertical-indicator.js";
-import { PoolAssetsTableTest as p } from "./constants.js";
-function V(i, t) {
+import { PoolAssetsTableTest as c } from "./constants.js";
+function V(l, t) {
   if (t !== 0n)
-    return Number(i * 10000n / t);
+    return Number(l * 10000n / t);
 }
-function B(i, t) {
-  return t <= 0n || i <= 0n ? 0 : Number(i * 10000n / t) / 1e4;
+function B(l, t) {
+  return t <= 0n || l <= 0n ? 0 : Number(l * 10000n / t) / 1e4;
 }
-function ue({
-  asset: i,
+function le({
+  asset: l,
   underlyingToken: t,
   last: T,
-  isCompact: c,
+  isCompact: p,
   totalUsed: z,
   colorIndex: A,
   explorerUrl: d
 }) {
-  const { token: r, limit: s, used: l } = i, N = c ? 40 : 21, u = B(l.value, z), h = () => /* @__PURE__ */ e(
+  const { token: s, limit: r, used: i } = l, N = p ? 40 : 21, u = B(i.value, z), h = () => /* @__PURE__ */ e(
     w,
     {
-      leading: /* @__PURE__ */ e(P, { size: 32, token: r }),
-      title: /* @__PURE__ */ e(L, { maxLength: N, children: r.symbol })
+      leading: /* @__PURE__ */ e(P, { size: 32, token: s }),
+      title: /* @__PURE__ */ e(L, { maxLength: N, children: s.symbol })
     }
   ), f = () => /* @__PURE__ */ a(
     "div",
     {
       className: "flex items-center justify-end gap-2",
-      "data-testid": p.exposureCell,
+      "data-testid": c.exposureCell,
       children: [
         /* @__PURE__ */ e(
           k,
@@ -75,33 +64,33 @@ function ue({
                 precision: 2,
                 showSymbol: !1,
                 token: t,
-                value: l.value
+                value: i.value
               }
             ),
-            valueDescription: l.valueUsd === null ? /* @__PURE__ */ e(b, {}) : C(l.valueUsd)
+            valueDescription: i.valueUsd === null ? /* @__PURE__ */ e(b, {}) : C(i.valueUsd)
           }
         )
       ]
     }
-  ), g = () => /* @__PURE__ */ e("div", { "data-testid": p.capCell, children: s.value === 0n ? /* @__PURE__ */ e(b, {}) : /* @__PURE__ */ e(
+  ), g = () => /* @__PURE__ */ e("div", { "data-testid": c.capCell, children: r.value === 0n ? /* @__PURE__ */ e(b, {}) : /* @__PURE__ */ e(
     x,
     {
       decimalPartLength: 2,
       precision: 2,
       showSymbol: !1,
       token: t,
-      value: s.value
+      value: r.value
     }
-  ) }), v = () => /* @__PURE__ */ e("div", { "data-testid": p.capUtilizationCell, children: /* @__PURE__ */ e(S, { data: V(l.value, s.value) }) });
+  ) }), v = () => /* @__PURE__ */ e("div", { "data-testid": c.capUtilizationCell, children: /* @__PURE__ */ e(S, { data: V(i.value, r.value) }) });
   return /* @__PURE__ */ e(
     U,
     {
       last: T,
       height: "auto",
-      href: d ? `${d}/address/${r.address}` : void 0,
+      href: d ? `${d}/address/${s.address}` : void 0,
       target: "_blank",
       style: { minHeight: "75px" },
-      children: c ? /* @__PURE__ */ e(o, { className: "px-3 py-0!", size: "sm", span: "full", children: /* @__PURE__ */ a(
+      children: p ? /* @__PURE__ */ e(o, { className: "px-3 py-0!", size: "sm", span: "full", children: /* @__PURE__ */ a(
         I,
         {
           className: "w-full",
@@ -110,23 +99,23 @@ function ue({
           title: h(),
           children: [
             /* @__PURE__ */ e(
-              n,
+              m,
               {
-                title: /* @__PURE__ */ e(m, { messageId: "components.poolAssetsTable.exposure" }),
+                title: /* @__PURE__ */ e(n, { messageId: "components.poolAssetsTable.exposure" }),
                 children: f()
               }
             ),
             /* @__PURE__ */ e(
-              n,
+              m,
               {
-                title: /* @__PURE__ */ e(m, { messageId: "components.poolAssetsTable.cap" }),
+                title: /* @__PURE__ */ e(n, { messageId: "components.poolAssetsTable.cap" }),
                 children: g()
               }
             ),
             /* @__PURE__ */ e(
-              n,
+              m,
               {
-                title: /* @__PURE__ */ e(m, { messageId: "components.poolAssetsTable.capUtilization" }),
+                title: /* @__PURE__ */ e(n, { messageId: "components.poolAssetsTable.capUtilization" }),
                 children: v()
               }
             )
@@ -142,5 +131,5 @@ function ue({
   );
 }
 export {
-  ue as PoolAssetsTableRow
+  le as PoolAssetsTableRow
 };

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

@@ -6,53 +6,48 @@ import "@fortawesome/free-solid-svg-icons";
 import "react";
 import "../../icons/fa-icon.js";
 import "@gearbox-protocol/sdk/onchain";
-import "luxon";
 import "../../../utils/z-index.js";
-import "react-intl";
-import "../../buttons/button/button.js";
 import { GridTable as b, GridTableHeader as T, GridTableBody as h } from "../../table/grid-table.js";
-import "../../skeleton/skeleton.js";
-import "../../table/table.js";
 import { useIsMobile as u } from "../../../hooks/use-media-query.js";
 import { useObservedWidthKey as x } from "../../../hooks/use-observed-width-key.js";
 import { PoolAssetsTableTest as v } from "./constants.js";
 import { PoolAssetsTableHead as w } from "./pool-assets-table-head.js";
 import { PoolAssetsTableRow as A } from "./pool-assets-table-row.js";
 const C = 680;
-function S({
+function k({
   list: t,
-  sort: s,
+  sort: m,
   underlyingToken: l,
-  explorerUrl: p
+  explorerUrl: a
 }) {
-  const a = u(), { ref: d, widthKey: m } = x(), i = m > 0 ? m < C : a, n = t.reduce((r, e) => r + e.used.value, 0n);
-  return /* @__PURE__ */ o(f, { ref: d, className: "overflow-hidden rounded-lg p-2", children: /* @__PURE__ */ c(
+  const d = u(), { ref: n, widthKey: i } = x(), s = i > 0 ? i < C : d, p = t.reduce((e, r) => e + r.used.value, 0n);
+  return /* @__PURE__ */ o(f, { ref: n, className: "overflow-hidden rounded-lg p-2", children: /* @__PURE__ */ c(
     b,
     {
-      cols: i ? "1fr" : "1fr max-content max-content minmax(0,1fr)",
+      cols: s ? "1fr" : "1fr max-content max-content minmax(0,1fr)",
       "data-testid": v.root,
       gap: 0,
       size: "lg",
       wrapperClassName: "overflow-visible",
       children: [
-        !i && /* @__PURE__ */ o(T, { children: /* @__PURE__ */ o(w, { sort: s }) }),
-        /* @__PURE__ */ o(h, { children: t.map((r, e) => /* @__PURE__ */ o(
+        !s && /* @__PURE__ */ o(T, { children: /* @__PURE__ */ o(w, { sort: m }) }),
+        /* @__PURE__ */ o(h, { children: t.map((e, r) => /* @__PURE__ */ o(
           A,
           {
-            asset: r,
+            asset: e,
             underlyingToken: l,
-            last: e === t.length - 1,
-            isCompact: i,
-            totalUsed: n,
-            colorIndex: e,
-            explorerUrl: p
+            last: r === t.length - 1,
+            isCompact: s,
+            totalUsed: p,
+            colorIndex: r,
+            explorerUrl: a
           },
-          r.token.address
+          e.token.address
         )) })
       ]
     }
   ) });
 }
 export {
-  S as PoolAssetsTable
+  k as PoolAssetsTable
 };

package/dist/esm/components/composites/pool-assets-table/sort-for-field.js

@@ -0,0 +1,7 @@
+const e = (o, r) => {
+  if (o === r?.field)
+    return r.sort;
+};
+export {
+  e as getSortForField
+};

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

@@ -1,16 +1,16 @@
-import { jsxs as i, Fragment as d, jsx as n } from "react/jsx-runtime";
-import { cva as y } from "class-variance-authority";
-import { FadeoutLoading as g } from "../../../../fadeout-loading/fadeout-loading.js";
+import { jsxs as t, Fragment as s, jsx as e } from "react/jsx-runtime";
+import { cva as g } from "class-variance-authority";
+import { resolveAmountSlots as h } from "./amount-slots.js";
+import { FadeoutLoading as y } from "../../../../fadeout-loading/fadeout-loading.js";
 import { TokenIcon as v } from "../../../../token-icon/token-icon.js";
 import { TokenTemplate as A } from "../../../../token-template/token-template.js";
+import { cn as k } from "../../../../../utils/cn.js";
+import { APPROXIMATE_SYMBOL as N } from "../../../../../utils/format.js";
+import { formatMoney as T } from "../../../../../utils/format-money.js";
 import "@gearbox-protocol/sdk/onchain";
-import { cn as h } from "../../../../../utils/cn.js";
-import { APPROXIMATE_SYMBOL as k } from "../../../../../utils/format.js";
-import { formatMoney as N } from "../../../../../utils/format-money.js";
-import "luxon";
 import "../../../../../utils/z-index.js";
-import { TransactionConfirmAmountFieldTest as T } from "./constants.js";
-const b = y(
+import { TransactionConfirmAmountFieldTest as b } from "./constants.js";
+const S = g(
   "flex w-full items-center justify-between bg-gray-20 px-4 py-3",
   {
     variants: {
@@ -28,59 +28,46 @@ const b = y(
     defaultVariants: { position: "first", size: "md" }
   }
 );
-function S(e) {
-  if (e.primaryAmount !== void 0)
-    return {
-      primaryAmount: e.primaryAmount,
-      secondaryAmount: e.secondaryAmount
-    };
-  const { amount: t } = e;
-  return {
-    primaryAmount: { value: t?.value, token: t?.token },
-    secondaryAmount: { valueUSD: t?.valueUsd ?? void 0 }
-  };
-}
-function P(e) {
+function U(r) {
   const {
-    label: t,
-    loading: l = !1,
+    label: l,
+    loading: d = !1,
     position: p,
-    size: u = "md",
-    maxLength: c,
-    approximate: f
-  } = e, { isApproximate: a = !1, approximateSymbol: m = k } = f || {}, { primaryAmount: o, secondaryAmount: r } = S(e), x = o && "node" in o ? o.node : /* @__PURE__ */ i(d, { children: [
-    o.token && /* @__PURE__ */ n(v, { token: o.token, size: 16 }),
-    /* @__PURE__ */ i("span", { children: [
-      a && /* @__PURE__ */ n("span", { children: m }),
-      /* @__PURE__ */ n(
+    size: c = "md",
+    maxLength: f,
+    approximate: u
+  } = r, { isApproximate: i = !1, approximateSymbol: a = N } = u || {}, { primaryAmount: o, secondaryAmount: n } = h(r), x = o && "node" in o ? o.node : /* @__PURE__ */ t(s, { children: [
+    o.token && /* @__PURE__ */ e(v, { token: o.token, size: 16 }),
+    /* @__PURE__ */ t("span", { children: [
+      i && /* @__PURE__ */ e("span", { children: a }),
+      /* @__PURE__ */ e(
         A,
         {
           value: o?.value,
           token: o.token,
-          maxLength: c
+          maxLength: f
         }
       )
     ] })
-  ] }), s = r && "node" in r ? r.node : r?.valueUSD ? /* @__PURE__ */ i(d, { children: [
-    a && /* @__PURE__ */ n("span", { children: m }),
-    N(r.valueUSD)
+  ] }), m = n && "node" in n ? n.node : n?.valueUSD ? /* @__PURE__ */ t(s, { children: [
+    i && /* @__PURE__ */ e("span", { children: a }),
+    T(n.valueUSD)
   ] }) : null;
-  return /* @__PURE__ */ i(
+  return /* @__PURE__ */ t(
     "div",
     {
-      className: h(b({ position: p, size: u })),
-      "data-testid": T.root,
+      className: k(S({ position: p, size: c })),
+      "data-testid": b.root,
       children: [
-        /* @__PURE__ */ n("span", { className: "text-sm font-medium text-foreground", children: t }),
-        /* @__PURE__ */ i("div", { className: "flex flex-col items-end gap-0.5", children: [
-          /* @__PURE__ */ n(g, { loading: l, children: /* @__PURE__ */ n("span", { className: "inline-flex items-center gap-1.5 text-sm font-medium text-foreground", children: x }) }),
-          s && /* @__PURE__ */ n("span", { className: "text-xs leading-[130%] text-secondary-foreground", children: s })
+        /* @__PURE__ */ e("span", { className: "text-sm font-medium text-foreground", children: l }),
+        /* @__PURE__ */ t("div", { className: "flex flex-col items-end gap-0.5", children: [
+          /* @__PURE__ */ e(y, { loading: d, children: /* @__PURE__ */ e("span", { className: "inline-flex items-center gap-1.5 text-sm font-medium text-foreground", children: x }) }),
+          m && /* @__PURE__ */ e("span", { className: "text-xs leading-[130%] text-secondary-foreground", children: m })
         ] })
       ]
     }
   );
 }
 export {
-  P as TransactionConfirmAmountField,
-  S as resolveAmountSlots
+  U as TransactionConfirmAmountField
 };

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

@@ -0,0 +1,15 @@
+function t(n) {
+  if (n.primaryAmount !== void 0)
+    return {
+      primaryAmount: n.primaryAmount,
+      secondaryAmount: n.secondaryAmount
+    };
+  const { amount: o } = n;
+  return {
+    primaryAmount: { value: o?.value, token: o?.token },
+    secondaryAmount: { valueUSD: o?.valueUsd ?? void 0 }
+  };
+}
+export {
+  t as resolveAmountSlots
+};

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

@@ -1,7 +1,6 @@
 import { TransactionConfirmAmountFieldTest as r } from "./constants.js";
-import { TransactionConfirmAmountField as e, resolveAmountSlots as m } from "./TransactionConfirmAmountField.js";
+import { TransactionConfirmAmountField as i } from "./TransactionConfirmAmountField.js";
 export {
-  e as TransactionConfirmAmountField,
-  r as TransactionConfirmAmountFieldTest,
-  m as resolveAmountSlots
+  i as TransactionConfirmAmountField,
+  r as TransactionConfirmAmountFieldTest
 };