@gearbox-protocol/ui-kit 4.0.0-next.48 → 4.0.0-next.49

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

@@ -1,19 +1,17 @@
-import { jsx as e, jsxs as i, Fragment as x } from "react/jsx-runtime";
+import { jsx as e, jsxs as n, Fragment as x } from "react/jsx-runtime";
 import { faBell as h } from "@fortawesome/free-solid-svg-icons";
 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 n } from "../../typography/typography.js";
-import "react";
+import { Typography as i } from "../../typography/typography.js";
 import "@gearbox-protocol/sdk/onchain";
 import { cn as c } from "../../../utils/cn.js";
-import "sonner";
 import "luxon";
 import "../../../utils/z-index.js";
 import { notificationCenterTestIds as a } from "./constants.js";
 function b({ row: t }) {
-  const s = /* @__PURE__ */ i(x, { children: [
+  const s = /* @__PURE__ */ n(x, { children: [
     /* @__PURE__ */ e(
       "span",
       {
@@ -23,10 +21,10 @@ function b({ row: t }) {
         )
       }
     ),
-    /* @__PURE__ */ i("div", { className: "flex min-w-0 flex-1 flex-col gap-1.5", children: [
-      /* @__PURE__ */ i("div", { className: "flex items-start justify-between gap-3", children: [
+    /* @__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(
-          n,
+          i,
           {
             as: "span",
             variant: "bodySmall",
@@ -35,7 +33,7 @@ function b({ row: t }) {
           }
         ),
         /* @__PURE__ */ e(
-          n,
+          i,
           {
             as: "span",
             variant: "bodySmall",
@@ -45,7 +43,7 @@ function b({ row: t }) {
           }
         )
       ] }),
-      /* @__PURE__ */ e(n, { as: "span", variant: "bodySmall", color: "muted", children: t.positionName })
+      /* @__PURE__ */ e(i, { as: "span", variant: "bodySmall", color: "muted", children: t.positionName })
     ] })
   ] });
   return t.isClickable && t.onExecute ? /* @__PURE__ */ e(
@@ -66,7 +64,7 @@ function b({ row: t }) {
     }
   );
 }
-function E({
+function T({
   open: t,
   onOpenChange: s,
   deferredRows: o,
@@ -84,7 +82,7 @@ function E({
       align: "end",
       asChild: !0,
       className: "w-[460px] max-w-[calc(100vw-32px)] bg-modal p-0",
-      title: /* @__PURE__ */ i(
+      title: /* @__PURE__ */ n(
         "button",
         {
           type: "button",
@@ -106,14 +104,14 @@ function E({
           ]
         }
       ),
-      children: /* @__PURE__ */ i(
+      children: /* @__PURE__ */ n(
         "div",
         {
           "data-testid": a.panel,
           className: "flex flex-col p-8",
           children: [
             f ? null : /* @__PURE__ */ e(
-              n,
+              i,
               {
                 as: "span",
                 variant: "bodySmall",
@@ -122,14 +120,14 @@ function E({
                 children: /* @__PURE__ */ e(r, { messageId: "components.notificationCenter.empty" })
               }
             ),
-            o.length > 0 ? /* @__PURE__ */ i(
+            o.length > 0 ? /* @__PURE__ */ n(
               "div",
               {
                 className: "flex flex-col",
                 "data-testid": a.requestsSection,
                 children: [
                   /* @__PURE__ */ e(
-                    n,
+                    i,
                     {
                       as: "span",
                       variant: "bodySmall",
@@ -141,7 +139,7 @@ function E({
                 ]
               }
             ) : null,
-            d.length > 0 ? /* @__PURE__ */ i(
+            d.length > 0 ? /* @__PURE__ */ n(
               "div",
               {
                 className: c(
@@ -150,9 +148,9 @@ function E({
                 ),
                 "data-testid": a.successSection,
                 children: [
-                  /* @__PURE__ */ i("div", { className: "flex items-center justify-between pb-2", children: [
+                  /* @__PURE__ */ n("div", { className: "flex items-center justify-between pb-2", children: [
                     /* @__PURE__ */ e(
-                      n,
+                      i,
                       {
                         as: "span",
                         variant: "bodySmall",
@@ -171,7 +169,7 @@ function E({
                       }
                     ) : 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__ */ i(
+                  /* @__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(
                     "button",
                     {
                       type: "button",
@@ -180,7 +178,7 @@ function E({
                       className: "flex cursor-pointer items-center justify-between gap-3 py-2 text-left hover:opacity-80",
                       children: [
                         /* @__PURE__ */ e(
-                          n,
+                          i,
                           {
                             as: "span",
                             variant: "bodySmall",
@@ -188,7 +186,7 @@ function E({
                             children: l.label
                           }
                         ),
-                        /* @__PURE__ */ e(n, { as: "span", variant: "caption", color: "muted", children: l.timestampLabel })
+                        /* @__PURE__ */ e(i, { as: "span", variant: "caption", color: "muted", children: l.timestampLabel })
                       ]
                     },
                     l.id
@@ -203,5 +201,5 @@ function E({
   );
 }
 export {
-  E as NotificationCenter
+  T as NotificationCenter
 };

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

@@ -1,31 +1,30 @@
-import { jsxs as n, jsx as e } from "react/jsx-runtime";
+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 "react";
 import "@gearbox-protocol/sdk/onchain";
 import "clsx";
 import "tailwind-merge";
-import "sonner";
 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 S({
-  sort: p
+function P({
+  sort: n
 }) {
-  const o = c(), { state: s, set: t } = p;
-  return /* @__PURE__ */ n(l, { noHover: !0, height: "35px", children: [
+  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,
       {
         arrowPosition: "right",
-        sortDirection: m("name", s),
-        sortField: o.formatMessage({
+        sortDirection: m("name", o),
+        sortField: s.formatMessage({
           messageId: "components.poolAssetsTable.asset"
         }),
         title: /* @__PURE__ */ e(a, { messageId: "components.poolAssetsTable.asset" }),
@@ -36,8 +35,8 @@ function S({
       i,
       {
         arrowPosition: "left",
-        sortDirection: m("exposure", s),
-        sortField: o.formatMessage({
+        sortDirection: m("exposure", o),
+        sortField: s.formatMessage({
           messageId: "components.poolAssetsTable.exposure"
         }),
         title: /* @__PURE__ */ e(a, { messageId: "components.poolAssetsTable.exposure" }),
@@ -48,8 +47,8 @@ function S({
       i,
       {
         arrowPosition: "left",
-        sortDirection: m("cap", s),
-        sortField: o.formatMessage({
+        sortDirection: m("cap", o),
+        sortField: s.formatMessage({
           messageId: "components.poolAssetsTable.cap"
         }),
         title: /* @__PURE__ */ e(a, { messageId: "components.poolAssetsTable.cap" }),
@@ -60,8 +59,8 @@ function S({
       i,
       {
         arrowPosition: "left",
-        sortDirection: m("capUtilization", s),
-        sortField: o.formatMessage({
+        sortDirection: m("capUtilization", o),
+        sortField: s.formatMessage({
           messageId: "components.poolAssetsTable.capUtilization"
         }),
         title: /* @__PURE__ */ e(a, { messageId: "components.poolAssetsTable.capUtilization" }),
@@ -71,5 +70,5 @@ function S({
   ] });
 }
 export {
-  S as PoolAssetsTableHead
+  P as PoolAssetsTableHead
 };

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

@@ -1,10 +1,8 @@
-import { jsx as e, jsxs as m, Fragment as y } from "react/jsx-runtime";
+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 "react";
 import "@gearbox-protocol/sdk/onchain";
 import "clsx";
 import "tailwind-merge";
-import "sonner";
 import { formatMoney as C } from "../../../utils/format-money.js";
 import "luxon";
 import "../../../utils/z-index.js";
@@ -12,7 +10,7 @@ import "../../points-icon/points-icon.js";
 import { UtilizationValue as S } from "../../base/values/scalars.js";
 import "../../badge/badge.js";
 import "../../badge/chip.js";
-import { FormattedMessageTyped as a } from "../../typed-intl/index.js";
+import { FormattedMessageTyped as m } 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";
@@ -23,8 +21,9 @@ 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 l } from "../../table/grid-table.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 { TokenSymbol as P } from "../../token-symbol/token-symbol.js";
@@ -38,7 +37,7 @@ function V(i, t) {
 function B(i, t) {
   return t <= 0n || i <= 0n ? 0 : Number(i * 10000n / t) / 1e4;
 }
-function fe({
+function he({
   asset: i,
   underlyingToken: t,
   last: T,
@@ -47,13 +46,13 @@ function fe({
   colorIndex: A,
   explorerUrl: d
 }) {
-  const { token: r, limit: s, used: o } = i, N = c ? 40 : 21, u = B(o.value, z), h = () => /* @__PURE__ */ e(
+  const { token: r, limit: s, used: l } = i, N = c ? 40 : 21, u = B(l.value, z), h = () => /* @__PURE__ */ e(
     w,
     {
       leading: /* @__PURE__ */ e(P, { size: 32, token: r }),
       title: /* @__PURE__ */ e(L, { maxLength: N, children: r.symbol })
     }
-  ), f = () => /* @__PURE__ */ m(
+  ), f = () => /* @__PURE__ */ a(
     "div",
     {
       className: "flex items-center justify-end gap-2",
@@ -77,10 +76,10 @@ function fe({
                 precision: 2,
                 showSymbol: !1,
                 token: t,
-                value: o.value
+                value: l.value
               }
             ),
-            valueDescription: o.valueUsd === null ? /* @__PURE__ */ e(b, {}) : C(o.valueUsd)
+            valueDescription: l.valueUsd === null ? /* @__PURE__ */ e(b, {}) : C(l.valueUsd)
           }
         )
       ]
@@ -94,7 +93,7 @@ function fe({
       token: t,
       value: s.value
     }
-  ) }), v = () => /* @__PURE__ */ e("div", { "data-testid": p.capUtilizationCell, children: /* @__PURE__ */ e(S, { data: V(o.value, s.value) }) });
+  ) }), v = () => /* @__PURE__ */ e("div", { "data-testid": p.capUtilizationCell, children: /* @__PURE__ */ e(S, { data: V(l.value, s.value) }) });
   return /* @__PURE__ */ e(
     U,
     {
@@ -103,7 +102,7 @@ function fe({
       href: d ? `${d}/address/${r.address}` : void 0,
       target: "_blank",
       style: { minHeight: "75px" },
-      children: c ? /* @__PURE__ */ e(l, { className: "px-3 py-0!", size: "sm", span: "full", children: /* @__PURE__ */ m(
+      children: c ? /* @__PURE__ */ e(o, { className: "px-3 py-0!", size: "sm", span: "full", children: /* @__PURE__ */ a(
         I,
         {
           className: "w-full",
@@ -114,35 +113,35 @@ function fe({
             /* @__PURE__ */ e(
               n,
               {
-                title: /* @__PURE__ */ e(a, { messageId: "components.poolAssetsTable.exposure" }),
+                title: /* @__PURE__ */ e(m, { messageId: "components.poolAssetsTable.exposure" }),
                 children: f()
               }
             ),
             /* @__PURE__ */ e(
               n,
               {
-                title: /* @__PURE__ */ e(a, { messageId: "components.poolAssetsTable.cap" }),
+                title: /* @__PURE__ */ e(m, { messageId: "components.poolAssetsTable.cap" }),
                 children: g()
               }
             ),
             /* @__PURE__ */ e(
               n,
               {
-                title: /* @__PURE__ */ e(a, { messageId: "components.poolAssetsTable.capUtilization" }),
+                title: /* @__PURE__ */ e(m, { messageId: "components.poolAssetsTable.capUtilization" }),
                 children: v()
               }
             )
           ]
         }
-      ) }) : /* @__PURE__ */ m(y, { children: [
-        /* @__PURE__ */ e(l, { className: "pl-4", size: "sm", textAlign: "left", children: h() }),
-        /* @__PURE__ */ e(l, { size: "sm", textAlign: "right", children: f() }),
-        /* @__PURE__ */ e(l, { size: "sm", textAlign: "right", children: g() }),
-        /* @__PURE__ */ e(l, { className: "pr-4", size: "sm", textAlign: "right", children: v() })
+      ) }) : /* @__PURE__ */ a(y, { children: [
+        /* @__PURE__ */ e(o, { className: "pl-4", size: "sm", textAlign: "left", children: h() }),
+        /* @__PURE__ */ e(o, { size: "sm", textAlign: "right", children: f() }),
+        /* @__PURE__ */ e(o, { size: "sm", textAlign: "right", children: g() }),
+        /* @__PURE__ */ e(o, { className: "pr-4", size: "sm", textAlign: "right", children: v() })
       ] })
     }
   );
 }
 export {
-  fe as PoolAssetsTableRow
+  he as PoolAssetsTableRow
 };

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

@@ -2,11 +2,10 @@ import { jsx as o, jsxs as c } from "react/jsx-runtime";
 import { Card as f } from "../../cards/card/card.js";
 import "clsx";
 import "tailwind-merge";
-import "react";
 import "@fortawesome/free-solid-svg-icons";
+import "react";
 import "../../icons/fa-icon.js";
 import "@gearbox-protocol/sdk/onchain";
-import "sonner";
 import "luxon";
 import "../../../utils/z-index.js";
 import "react-intl";
@@ -20,7 +19,7 @@ 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 U({
+function S({
   list: t,
   sort: s,
   underlyingToken: l,
@@ -55,5 +54,5 @@ function U({
   ) });
 }
 export {
-  U as PoolAssetsTable
+  S as PoolAssetsTable
 };

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

@@ -1,12 +1,10 @@
-import { jsxs as i, Fragment as d, jsx as o } from "react/jsx-runtime";
+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 { TokenIcon as v } from "../../../../token-icon/token-icon.js";
 import { TokenTemplate as A } from "../../../../token-template/token-template.js";
-import "react";
 import "@gearbox-protocol/sdk/onchain";
 import { cn as h } from "../../../../../utils/cn.js";
-import "sonner";
 import { APPROXIMATE_SYMBOL as k } from "../../../../../utils/format.js";
 import { formatMoney as N } from "../../../../../utils/format-money.js";
 import "luxon";
@@ -30,19 +28,19 @@ const b = y(
     defaultVariants: { position: "first", size: "md" }
   }
 );
-function S(n) {
-  if (n.primaryAmount !== void 0)
+function S(e) {
+  if (e.primaryAmount !== void 0)
     return {
-      primaryAmount: n.primaryAmount,
-      secondaryAmount: n.secondaryAmount
+      primaryAmount: e.primaryAmount,
+      secondaryAmount: e.secondaryAmount
     };
-  const { amount: t } = n;
+  const { amount: t } = e;
   return {
     primaryAmount: { value: t?.value, token: t?.token },
     secondaryAmount: { valueUSD: t?.valueUsd ?? void 0 }
   };
 }
-function E(n) {
+function P(e) {
   const {
     label: t,
     loading: l = !1,
@@ -50,21 +48,21 @@ function E(n) {
     size: u = "md",
     maxLength: c,
     approximate: f
-  } = n, { isApproximate: m = !1, approximateSymbol: a = k } = f || {}, { primaryAmount: e, secondaryAmount: r } = S(n), x = e && "node" in e ? e.node : /* @__PURE__ */ i(d, { children: [
-    e.token && /* @__PURE__ */ o(v, { token: e.token, size: 16 }),
+  } = 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: [
-      m && /* @__PURE__ */ o("span", { children: a }),
-      /* @__PURE__ */ o(
+      a && /* @__PURE__ */ n("span", { children: m }),
+      /* @__PURE__ */ n(
         A,
         {
-          value: e?.value,
-          token: e.token,
+          value: o?.value,
+          token: o.token,
           maxLength: c
         }
       )
     ] })
   ] }), s = r && "node" in r ? r.node : r?.valueUSD ? /* @__PURE__ */ i(d, { children: [
-    m && /* @__PURE__ */ o("span", { children: a }),
+    a && /* @__PURE__ */ n("span", { children: m }),
     N(r.valueUSD)
   ] }) : null;
   return /* @__PURE__ */ i(
@@ -73,16 +71,16 @@ function E(n) {
       className: h(b({ position: p, size: u })),
       "data-testid": T.root,
       children: [
-        /* @__PURE__ */ o("span", { className: "text-sm font-medium text-foreground", children: t }),
+        /* @__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__ */ o(g, { loading: l, children: /* @__PURE__ */ o("span", { className: "inline-flex items-center gap-1.5 text-sm font-medium text-foreground", children: x }) }),
-          s && /* @__PURE__ */ o("span", { className: "text-xs leading-[130%] text-secondary-foreground", children: s })
+          /* @__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 })
         ] })
       ]
     }
   );
 }
 export {
-  E as TransactionConfirmAmountField,
+  P as TransactionConfirmAmountField,
   S as resolveAmountSlots
 };

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

@@ -1,10 +1,6 @@
 class t {
   static root = "transaction-confirm-amount-field-root";
 }
-class a {
-  static root = "transaction-confirm-amount-pair-root";
-}
 export {
-  t as TransactionConfirmAmountFieldTest,
-  a as TransactionConfirmAmountPairTest
+  t as TransactionConfirmAmountFieldTest
 };

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

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