@gearbox-protocol/ui-kit 4.0.0-next.9 → 4.0.1

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

@@ -1,26 +1,9 @@
-import { cva as o } from "class-variance-authority";
-class r {
-  static root = "transaction-confirm-dialog-root";
-  static execution = "transaction-confirm-dialog-execution";
-  static progress = "transaction-confirm-dialog-progress";
-  static result = "transaction-confirm-dialog-result";
-}
-const n = o(
-  "box-border w-full max-w-full md:w-[560px] md:max-w-[560px]"
-), i = o(
-  "flex max-h-[min(100dvh-2.5rem,900px)] min-h-0 flex-col"
-), l = o(
-  // `pr-2 -mr-2` pushes the scrollbar out into the card's padding instead of
-  // letting it sit flush against the content; the reserved gutter stops the
-  // layout shifting on the frame the scrollbar appears.
-  "flex min-h-0 flex-1 flex-col gap-4 overflow-x-hidden overflow-y-auto pr-2 -mr-2 [scrollbar-gutter:stable]"
-), e = o(
-  "box-border flex min-h-0 w-full min-w-0 max-w-full flex-1 flex-col"
-);
+const o = {
+  root: "transaction-confirm-dialog-root",
+  execution: "transaction-confirm-dialog-execution",
+  progress: "transaction-confirm-dialog-progress",
+  result: "transaction-confirm-dialog-result"
+};
 export {
-  r as TransactionConfirmDialogTest,
-  n as transactionConfirmDialogShellVariants,
-  i as transactionConfirmModalContainerVariants,
-  l as transactionConfirmPreviewScrollVariants,
-  e as transactionConfirmShellContentVariants
+  o as TransactionConfirmDialogTest
 };

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

@@ -1,12 +1,6 @@
-import { computeTransactionConfirmDialogLayout as a } from "./computeTransactionConfirmDialogLayout.js";
-import { TransactionConfirmDialogTest as t, transactionConfirmDialogShellVariants as i, transactionConfirmModalContainerVariants as e, transactionConfirmPreviewScrollVariants as l, transactionConfirmShellContentVariants as s } from "./constants.js";
-import { TransactionConfirmShell as f } from "./TransactionConfirmShell.js";
+import { TransactionConfirmDialogTest as n } from "./constants.js";
+import { TransactionConfirmShell as i } from "./TransactionConfirmShell.js";
 export {
-  t as TransactionConfirmDialogTest,
-  f as TransactionConfirmShell,
-  a as computeTransactionConfirmDialogLayout,
-  i as transactionConfirmDialogShellVariants,
-  e as transactionConfirmModalContainerVariants,
-  l as transactionConfirmPreviewScrollVariants,
-  s as transactionConfirmShellContentVariants
+  n as TransactionConfirmDialogTest,
+  i as TransactionConfirmShell
 };

package/dist/esm/components/composites/tx-preview/confirm/dialog/transaction-confirm-dialog.variants.js

@@ -0,0 +1,19 @@
+import { cva as o } from "class-variance-authority";
+const n = o(
+  "box-border w-full max-w-full md:w-[560px] md:max-w-[560px]"
+), r = o(
+  "flex max-h-[min(100dvh-2.5rem,900px)] min-h-0 flex-col"
+), a = o(
+  // `pr-2 -mr-2` pushes the scrollbar out into the card's padding instead of
+  // letting it sit flush against the content; the reserved gutter stops the
+  // layout shifting on the frame the scrollbar appears.
+  "flex min-h-0 flex-1 flex-col gap-4 overflow-x-hidden overflow-y-auto pr-2 -mr-2 [scrollbar-gutter:stable]"
+), t = o(
+  "box-border flex min-h-0 w-full min-w-0 max-w-full flex-1 flex-col"
+);
+export {
+  n as transactionConfirmDialogShellVariants,
+  r as transactionConfirmModalContainerVariants,
+  a as transactionConfirmPreviewScrollVariants,
+  t as transactionConfirmShellContentVariants
+};

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

@@ -1,38 +1,27 @@
-import { TransactionConfirmAmountFieldTest as n, TransactionConfirmAmountPairTest as t } from "./amounts/constants.js";
+import { TransactionConfirmAmountFieldTest as t } from "./amounts/constants.js";
 import { TransactionConfirmAmountField as e } from "./amounts/TransactionConfirmAmountField.js";
-import { computeTransactionConfirmDialogLayout as s } from "./dialog/computeTransactionConfirmDialogLayout.js";
-import { TransactionConfirmDialogTest as f, transactionConfirmDialogShellVariants as c, transactionConfirmModalContainerVariants as T, transactionConfirmPreviewScrollVariants as l, transactionConfirmShellContentVariants as p } from "./dialog/constants.js";
-import { TransactionConfirmShell as u } from "./dialog/TransactionConfirmShell.js";
-import { TransactionConfirmExecuteButton as S } from "./execution/TransactionConfirmExecuteButton.js";
-import { TransactionConfirmExecuteButtonTest as g, TransactionConfirmFailureResultTest as R, TransactionConfirmSuccessResultTest as P, TransactionConfirmTxHashRowTest as d } from "./result/constants.js";
-import { TransactionConfirmFailureResult as F } from "./result/TransactionConfirmFailureResult.js";
-import { TransactionConfirmSuccessIcon as A } from "./result/TransactionConfirmSuccessIcon.js";
-import { TransactionConfirmSuccessResult as B } from "./result/TransactionConfirmSuccessResult.js";
-import { TransactionConfirmTxHashRow as H } from "./result/TransactionConfirmTxHashRow.js";
-import { ProgressStepperTest as y } from "./stepper/constants.js";
-import { ProgressStepper as L } from "./stepper/ProgressStepper.js";
-import { shouldShowTransactionProgressStepper as b } from "./stepper/transactionExecutionStepTypes.js";
+import { TransactionConfirmDialogTest as a } from "./dialog/constants.js";
+import { TransactionConfirmShell as m } from "./dialog/TransactionConfirmShell.js";
+import { TransactionConfirmExecuteButton as T } from "./execution/TransactionConfirmExecuteButton.js";
+import { TransactionConfirmExecuteButtonTest as p, TransactionConfirmFailureResultTest as x, TransactionConfirmSuccessResultTest as u, TransactionConfirmTxHashRowTest as C } from "./result/constants.js";
+import { TransactionConfirmFailureResult as R } from "./result/TransactionConfirmFailureResult.js";
+import { TransactionConfirmSuccessResult as F } from "./result/TransactionConfirmSuccessResult.js";
+import { TransactionConfirmTxHashRow as h } from "./result/TransactionConfirmTxHashRow.js";
+import { ProgressStepperTest as w } from "./stepper/constants.js";
+import { ProgressStepper as B } from "./stepper/ProgressStepper.js";
 export {
-  L as ProgressStepper,
-  y as ProgressStepperTest,
+  B as ProgressStepper,
+  w as ProgressStepperTest,
   e as TransactionConfirmAmountField,
-  n as TransactionConfirmAmountFieldTest,
-  t as TransactionConfirmAmountPairTest,
-  f as TransactionConfirmDialogTest,
-  S as TransactionConfirmExecuteButton,
-  g as TransactionConfirmExecuteButtonTest,
-  F as TransactionConfirmFailureResult,
-  R as TransactionConfirmFailureResultTest,
-  u as TransactionConfirmShell,
-  A as TransactionConfirmSuccessIcon,
-  B as TransactionConfirmSuccessResult,
-  P as TransactionConfirmSuccessResultTest,
-  H as TransactionConfirmTxHashRow,
-  d as TransactionConfirmTxHashRowTest,
-  s as computeTransactionConfirmDialogLayout,
-  b as shouldShowTransactionProgressStepper,
-  c as transactionConfirmDialogShellVariants,
-  T as transactionConfirmModalContainerVariants,
-  l as transactionConfirmPreviewScrollVariants,
-  p as transactionConfirmShellContentVariants
+  t as TransactionConfirmAmountFieldTest,
+  a as TransactionConfirmDialogTest,
+  T as TransactionConfirmExecuteButton,
+  p as TransactionConfirmExecuteButtonTest,
+  R as TransactionConfirmFailureResult,
+  x as TransactionConfirmFailureResultTest,
+  m as TransactionConfirmShell,
+  F as TransactionConfirmSuccessResult,
+  u as TransactionConfirmSuccessResultTest,
+  h as TransactionConfirmTxHashRow,
+  C as TransactionConfirmTxHashRowTest
 };

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

@@ -1,24 +1,21 @@
-class s {
-  static root = "transaction-confirm-success-result-root";
-  static headline = "transaction-confirm-success-result-headline";
-  static subtitle = "transaction-confirm-success-result-subtitle";
-  static footer = "transaction-confirm-success-result-footer";
-}
-class o {
-  static root = "transaction-confirm-failure-result-root";
-  static footer = "transaction-confirm-failure-result-footer";
-}
-class a {
-  static root = "transaction-confirm-tx-hash-row-root";
-  static txHashLink = "transaction-confirm-tx-hash-row-tx-hash-link";
-  static addToWallet = "transaction-confirm-tx-hash-row-add-to-wallet";
-}
-class r {
-  static root = "transaction-confirm-execute-button-root";
-}
+const t = {
+  root: "transaction-confirm-success-result-root",
+  headline: "transaction-confirm-success-result-headline",
+  subtitle: "transaction-confirm-success-result-subtitle",
+  footer: "transaction-confirm-success-result-footer"
+}, o = {
+  root: "transaction-confirm-failure-result-root",
+  footer: "transaction-confirm-failure-result-footer"
+}, r = {
+  root: "transaction-confirm-tx-hash-row-root",
+  txHashLink: "transaction-confirm-tx-hash-row-tx-hash-link",
+  addToWallet: "transaction-confirm-tx-hash-row-add-to-wallet"
+}, n = {
+  root: "transaction-confirm-execute-button-root"
+};
 export {
-  r as TransactionConfirmExecuteButtonTest,
+  n as TransactionConfirmExecuteButtonTest,
   o as TransactionConfirmFailureResultTest,
-  s as TransactionConfirmSuccessResultTest,
-  a as TransactionConfirmTxHashRowTest
+  t as TransactionConfirmSuccessResultTest,
+  r as TransactionConfirmTxHashRowTest
 };

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

@@ -1,15 +1,13 @@
-import { TransactionConfirmExecuteButtonTest as n, TransactionConfirmFailureResultTest as s, TransactionConfirmSuccessResultTest as t, TransactionConfirmTxHashRowTest as a } from "./constants.js";
+import { TransactionConfirmExecuteButtonTest as n, TransactionConfirmFailureResultTest as t, TransactionConfirmSuccessResultTest as s, TransactionConfirmTxHashRowTest as a } from "./constants.js";
 import { TransactionConfirmFailureResult as i } from "./TransactionConfirmFailureResult.js";
-import { TransactionConfirmSuccessIcon as T } from "./TransactionConfirmSuccessIcon.js";
-import { TransactionConfirmSuccessResult as m } from "./TransactionConfirmSuccessResult.js";
-import { TransactionConfirmTxHashRow as x } from "./TransactionConfirmTxHashRow.js";
+import { TransactionConfirmSuccessResult as c } from "./TransactionConfirmSuccessResult.js";
+import { TransactionConfirmTxHashRow as m } from "./TransactionConfirmTxHashRow.js";
 export {
   n as TransactionConfirmExecuteButtonTest,
   i as TransactionConfirmFailureResult,
-  s as TransactionConfirmFailureResultTest,
-  T as TransactionConfirmSuccessIcon,
-  m as TransactionConfirmSuccessResult,
-  t as TransactionConfirmSuccessResultTest,
-  x as TransactionConfirmTxHashRow,
+  t as TransactionConfirmFailureResultTest,
+  c as TransactionConfirmSuccessResult,
+  s as TransactionConfirmSuccessResultTest,
+  m as TransactionConfirmTxHashRow,
   a as TransactionConfirmTxHashRowTest
 };

package/dist/esm/components/composites/tx-preview/confirm/stepper/ProgressStepper.js

@@ -1,13 +1,9 @@
-import { jsx as t, jsxs as i } from "react/jsx-runtime";
-import "react";
-import "@gearbox-protocol/sdk";
-import { cn as o } from "../../../../../utils/cn.js";
-import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
-import "luxon";
+import { jsx as t, jsxs as l } from "react/jsx-runtime";
+import { cn as s } from "../../../../../utils/cn.js";
+import "@gearbox-protocol/sdk/onchain";
 import "../../../../../utils/z-index.js";
-import { ProgressStepperTest as p } from "./constants.js";
-function x({
+import { ProgressStepperTest as x } from "./constants.js";
+function p({
   status: r,
   tone: n
 }) {
@@ -15,7 +11,7 @@ function x({
   return /* @__PURE__ */ t(
     "span",
     {
-      className: o(
+      className: s(
         "relative z-10 block size-[9px] shrink-0 rounded-full",
         // Reached steps (done + current) are solid so the dot matches the
         // "reached" connector running into it; only upcoming stays hollow.
@@ -28,7 +24,7 @@ function x({
   );
 }
 function d(r, n, a) {
-  return o(
+  return s(
     "h-px min-w-0 flex-1",
     r ? a === "muted" ? "bg-gray-50" : "bg-foreground" : n ? "border-t border-dashed border-gray-50" : "bg-gray-50"
   );
@@ -36,7 +32,7 @@ function d(r, n, a) {
 function h(r) {
   return r === "completed" || r === "active";
 }
-function F({
+function k({
   steps: r,
   tone: n = "foreground",
   className: a
@@ -44,18 +40,18 @@ function F({
   return /* @__PURE__ */ t(
     "ol",
     {
-      className: o("m-0 flex w-full list-none p-0", a),
-      "data-testid": p.root,
-      children: r.map((e, s) => {
-        const m = s === 0, u = s === r.length - 1, l = e.status === "active", c = r[s + 1], f = h(e.status), g = e.status === "completed" || e.status === "active" && !!c?.connectorMarker;
-        return /* @__PURE__ */ i(
+      className: s("m-0 flex w-full list-none p-0", a),
+      "data-testid": x.root,
+      children: r.map((e, o) => {
+        const m = o === 0, u = o === r.length - 1, c = e.status === "active", i = r[o + 1], f = h(e.status), g = e.status === "completed" || e.status === "active" && !!i?.connectorMarker;
+        return /* @__PURE__ */ l(
           "li",
           {
             className: "flex min-w-0 flex-1 flex-col items-center",
-            "aria-current": l ? "step" : void 0,
+            "aria-current": c ? "step" : void 0,
             children: [
-              /* @__PURE__ */ i("div", { className: "flex w-full items-center", children: [
-                m ? /* @__PURE__ */ t("span", { className: "min-w-0 flex-1", "aria-hidden": !0 }) : /* @__PURE__ */ i("span", { className: "relative flex min-w-0 flex-1 items-center", children: [
+              /* @__PURE__ */ l("div", { className: "flex w-full items-center", children: [
+                m ? /* @__PURE__ */ t("span", { className: "min-w-0 flex-1", "aria-hidden": !0 }) : /* @__PURE__ */ l("span", { className: "relative flex min-w-0 flex-1 items-center", children: [
                   /* @__PURE__ */ t(
                     "span",
                     {
@@ -69,13 +65,13 @@ function F({
                   ),
                   e.connectorMarker ? /* @__PURE__ */ t("span", { className: "-translate-x-1/2 -translate-y-1/2 absolute top-1/2 left-0 z-10 flex items-center", children: e.connectorMarker }) : null
                 ] }),
-                /* @__PURE__ */ t(x, { status: e.status, tone: n }),
+                /* @__PURE__ */ t(p, { status: e.status, tone: n }),
                 u ? /* @__PURE__ */ t("span", { className: "min-w-0 flex-1", "aria-hidden": !0 }) : /* @__PURE__ */ t(
                   "span",
                   {
                     className: d(
                       g,
-                      c?.connectorDashed,
+                      i?.connectorDashed,
                       n
                     ),
                     "aria-hidden": !0
@@ -85,9 +81,9 @@ function F({
               /* @__PURE__ */ t(
                 "span",
                 {
-                  className: o(
+                  className: s(
                     "mt-3 max-w-full truncate px-1 text-center text-xs leading-snug",
-                    l ? "font-medium text-foreground" : "font-normal text-secondary-foreground"
+                    c ? "font-medium text-foreground" : "font-normal text-secondary-foreground"
                   ),
                   children: e.label
                 }
@@ -101,5 +97,5 @@ function F({
   );
 }
 export {
-  F as ProgressStepper
+  k as ProgressStepper
 };

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

@@ -1,6 +1,6 @@
-class s {
-  static root = "progress-stepper-root";
-}
+const r = {
+  root: "progress-stepper-root"
+};
 export {
-  s as ProgressStepperTest
+  r as ProgressStepperTest
 };

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

@@ -1,8 +1,6 @@
 import { ProgressStepperTest as o } from "./constants.js";
 import { ProgressStepper as s } from "./ProgressStepper.js";
-import { shouldShowTransactionProgressStepper as S } from "./transactionExecutionStepTypes.js";
 export {
   s as ProgressStepper,
-  o as ProgressStepperTest,
-  S as shouldShowTransactionProgressStepper
+  o as ProgressStepperTest
 };

package/dist/esm/components/composites/tx-preview/confirm/stepper/transactionExecutionStepTypes.js

@@ -1,6 +1 @@
-function r(e) {
-  return e.some((o) => o.id !== "execute");
-}
-export {
-  r as shouldShowTransactionProgressStepper
-};
+

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

@@ -1,38 +1,27 @@
-import { TransactionConfirmAmountFieldTest as n, TransactionConfirmAmountPairTest as t } from "./confirm/amounts/constants.js";
+import { TransactionConfirmAmountFieldTest as t } from "./confirm/amounts/constants.js";
 import { TransactionConfirmAmountField as e } from "./confirm/amounts/TransactionConfirmAmountField.js";
-import { computeTransactionConfirmDialogLayout as s } from "./confirm/dialog/computeTransactionConfirmDialogLayout.js";
-import { TransactionConfirmDialogTest as f, transactionConfirmDialogShellVariants as c, transactionConfirmModalContainerVariants as T, transactionConfirmPreviewScrollVariants as l, transactionConfirmShellContentVariants as p } from "./confirm/dialog/constants.js";
-import { TransactionConfirmShell as u } from "./confirm/dialog/TransactionConfirmShell.js";
-import { TransactionConfirmExecuteButton as S } from "./confirm/execution/TransactionConfirmExecuteButton.js";
-import { TransactionConfirmExecuteButtonTest as g, TransactionConfirmFailureResultTest as R, TransactionConfirmSuccessResultTest as P, TransactionConfirmTxHashRowTest as d } from "./confirm/result/constants.js";
-import { TransactionConfirmFailureResult as F } from "./confirm/result/TransactionConfirmFailureResult.js";
-import { TransactionConfirmSuccessIcon as A } from "./confirm/result/TransactionConfirmSuccessIcon.js";
-import { TransactionConfirmSuccessResult as B } from "./confirm/result/TransactionConfirmSuccessResult.js";
-import { TransactionConfirmTxHashRow as H } from "./confirm/result/TransactionConfirmTxHashRow.js";
-import { ProgressStepperTest as y } from "./confirm/stepper/constants.js";
-import { ProgressStepper as L } from "./confirm/stepper/ProgressStepper.js";
-import { shouldShowTransactionProgressStepper as b } from "./confirm/stepper/transactionExecutionStepTypes.js";
+import { TransactionConfirmDialogTest as a } from "./confirm/dialog/constants.js";
+import { TransactionConfirmShell as m } from "./confirm/dialog/TransactionConfirmShell.js";
+import { TransactionConfirmExecuteButton as T } from "./confirm/execution/TransactionConfirmExecuteButton.js";
+import { TransactionConfirmExecuteButtonTest as p, TransactionConfirmFailureResultTest as x, TransactionConfirmSuccessResultTest as u, TransactionConfirmTxHashRowTest as C } from "./confirm/result/constants.js";
+import { TransactionConfirmFailureResult as R } from "./confirm/result/TransactionConfirmFailureResult.js";
+import { TransactionConfirmSuccessResult as F } from "./confirm/result/TransactionConfirmSuccessResult.js";
+import { TransactionConfirmTxHashRow as h } from "./confirm/result/TransactionConfirmTxHashRow.js";
+import { ProgressStepperTest as w } from "./confirm/stepper/constants.js";
+import { ProgressStepper as B } from "./confirm/stepper/ProgressStepper.js";
 export {
-  L as ProgressStepper,
-  y as ProgressStepperTest,
+  B as ProgressStepper,
+  w as ProgressStepperTest,
   e as TransactionConfirmAmountField,
-  n as TransactionConfirmAmountFieldTest,
-  t as TransactionConfirmAmountPairTest,
-  f as TransactionConfirmDialogTest,
-  S as TransactionConfirmExecuteButton,
-  g as TransactionConfirmExecuteButtonTest,
-  F as TransactionConfirmFailureResult,
-  R as TransactionConfirmFailureResultTest,
-  u as TransactionConfirmShell,
-  A as TransactionConfirmSuccessIcon,
-  B as TransactionConfirmSuccessResult,
-  P as TransactionConfirmSuccessResultTest,
-  H as TransactionConfirmTxHashRow,
-  d as TransactionConfirmTxHashRowTest,
-  s as computeTransactionConfirmDialogLayout,
-  b as shouldShowTransactionProgressStepper,
-  c as transactionConfirmDialogShellVariants,
-  T as transactionConfirmModalContainerVariants,
-  l as transactionConfirmPreviewScrollVariants,
-  p as transactionConfirmShellContentVariants
+  t as TransactionConfirmAmountFieldTest,
+  a as TransactionConfirmDialogTest,
+  T as TransactionConfirmExecuteButton,
+  p as TransactionConfirmExecuteButtonTest,
+  R as TransactionConfirmFailureResult,
+  x as TransactionConfirmFailureResultTest,
+  m as TransactionConfirmShell,
+  F as TransactionConfirmSuccessResult,
+  u as TransactionConfirmSuccessResultTest,
+  h as TransactionConfirmTxHashRow,
+  C as TransactionConfirmTxHashRowTest
 };

package/dist/esm/components/compound-apy/compound-apy.js

@@ -1,18 +1,16 @@
 import { jsx as e, jsxs as n } from "react/jsx-runtime";
-import { useId as g } from "react";
-import { YieldBreakdownTooltip as w } from "../yield-breakdown-tooltip/yield-breakdown-tooltip.js";
-import { totalApyOf as x, positiveTokenRewardsOf as v, pointProgramsOf as C } from "../../utils/apy-breakdown.js";
-import "@gearbox-protocol/sdk";
-import { bpsToPercent as I } from "../../utils/bps.js";
-import { cn as k } from "../../utils/cn.js";
-import "sonner";
-import { formatCompactPercent as P } from "../../utils/format-money.js";
-import "@gearbox-protocol/sdk/common-utils";
-import "luxon";
+import { useId as v } from "react";
+import { NoValue as x } from "../no-value/no-value.js";
+import { YieldBreakdownTooltip as C } from "../yield-breakdown-tooltip/yield-breakdown.js";
+import { cn as I } from "../../utils/cn.js";
+import "@gearbox-protocol/sdk/onchain";
+import { formatCompactPercent as k } from "../../utils/internal/format-percent.js";
 import "../../utils/z-index.js";
+import { totalApyOf as P, positiveTokenRewardsOf as A, pointProgramsOf as O } from "../../utils/internal/apy-breakdown.js";
+import { bpsToPercent as F } from "../../utils/internal/bps-to-percent.js";
 const l = 14;
-function A() {
-  const t = `additional-incentives-${g().replace(/:/g, "")}`;
+function N() {
+  const t = `additional-incentives-${v().replace(/:/g, "")}`;
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -62,39 +60,42 @@ function A() {
   );
 }
 function c(t) {
-  return t == null ? !1 : v(t).length > 0 || C(t).length > 0;
+  return t == null ? !1 : A(t).length > 0 || O(t).length > 0;
 }
-function E({
+function V({
   apy: t,
   maxLeverage: p,
   collateralApy: r,
   borrowApy: d,
-  additionalBorrowApy: a,
-  decimals: m = 2,
+  quotaRate: m,
+  decimals: a = 2,
+  tooltip: f = !0,
+  period: h,
   className: o
 }) {
   if (!t)
-    return /* @__PURE__ */ e("span", { className: "text-secondary-foreground", children: "—" });
-  const i = x(t), f = c(t) || c(r), h = i >= 1, s = () => {
-    const u = P(I(i), m);
-    return /* @__PURE__ */ n("div", { className: k("inline-flex items-center gap-1.5", o), children: [
-      /* @__PURE__ */ e("span", { className: "inline-flex items-center", children: u }),
-      f ? /* @__PURE__ */ e(A, {}) : null
+    return /* @__PURE__ */ e(x, {});
+  const i = P(t), u = c(t) || c(r), g = f && i >= 1, s = () => {
+    const w = k(F(i), a);
+    return /* @__PURE__ */ n("div", { className: I("inline-flex items-center gap-1.5", o), children: [
+      /* @__PURE__ */ e("span", { className: "inline-flex items-center", children: w }),
+      u ? /* @__PURE__ */ e(N, {}) : null
     ] });
   };
-  return h ? /* @__PURE__ */ e(
-    w,
+  return g ? /* @__PURE__ */ e(
+    C,
     {
       supplyApy: t,
       maxLeverage: p,
       collateralApy: r,
       borrowApy: d,
-      additionalBorrowApy: a,
+      quotaRate: m,
+      period: h,
       className: o,
       children: s()
     }
   ) : s();
 }
 export {
-  E as CompoundAPY
+  V as CompoundAPY
 };

package/dist/esm/components/confirm-menu/confirm-menu.js

@@ -1,22 +1,19 @@
 import { jsxs as n, jsx as r } from "react/jsx-runtime";
-import * as s from "react";
-import { IconButton as t } from "../icon-button/icon-button.js";
-import { faXmark as c } from "@fortawesome/free-solid-svg-icons";
-import { FaIcon as p } from "../icons/fa-icon.js";
-import "@gearbox-protocol/sdk";
+import { faXmark as s } from "@fortawesome/free-solid-svg-icons";
+import * as t from "react";
+import { IconButton as c } from "../icon-button/icon-button.js";
+import { FaIcon as f } from "../icons/fa-icon.js";
 import { cn as l } from "../../utils/cn.js";
-import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
-import "luxon";
+import "@gearbox-protocol/sdk/onchain";
 import "../../utils/z-index.js";
-const f = s.forwardRef(
-  ({ title: m, titleAddon: i, onClose: e, className: o }, a) => /* @__PURE__ */ n(
+const p = t.forwardRef(
+  ({ title: a, titleAddon: i, onClose: e, className: m }, o) => /* @__PURE__ */ n(
     "div",
     {
-      ref: a,
+      ref: o,
       className: l(
         "flex flex-nowrap items-center w-full max-w-full shrink-0 basis-full",
-        o
+        m
       ),
       children: [
         /* @__PURE__ */ n("div", { className: "flex min-w-0 grow shrink-0 basis-[0%] flex-nowrap items-center gap-2", children: [
@@ -27,26 +24,26 @@ const f = s.forwardRef(
                 "font-normal min-h-[min-content]",
                 "text-[21px] leading-[25px]"
               ),
-              children: m
+              children: a
             }
           ),
           i ? /* @__PURE__ */ r("div", { className: "shrink-0", children: i }) : null
         ] }),
         e ? /* @__PURE__ */ r("div", { className: "shrink-0 pl-2", children: /* @__PURE__ */ r(
-          t,
+          c,
           {
             buttonType: "hollow",
             size: 30,
             onClick: e,
             "aria-label": "Close",
-            children: /* @__PURE__ */ r(p, { icon: c, className: "size-5" })
+            children: /* @__PURE__ */ r(f, { icon: s, className: "size-5" })
           }
         ) }) : null
       ]
     }
   )
 );
-f.displayName = "ConfirmMenu";
+p.displayName = "ConfirmMenu";
 export {
-  f as ConfirmMenu
+  p as ConfirmMenu
 };

package/dist/esm/components/detailed-page-title/detailed-page-title-explorer-dropdown.js

@@ -9,11 +9,8 @@ import { SimpleTooltip as u } from "../tooltip/simple-tooltip.js";
 import "../tooltip/tooltip.js";
 import { FormattedMessageTyped as h } from "../typed-intl/index.js";
 import { useIsMobile as x } from "../../hooks/use-media-query.js";
-import "@gearbox-protocol/sdk";
 import { cn as g } from "../../utils/cn.js";
-import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
-import "luxon";
+import "@gearbox-protocol/sdk/onchain";
 import "../../utils/z-index.js";
 const D = s.forwardRef(function({ explorerLinks: r, className: i, title: m }, n) {
   const l = x() ? 32 : 40;

package/dist/esm/components/detailed-page-title/index.js

@@ -1,6 +1,4 @@
-import { DetailedPageTitleCopyButton as t } from "./detailed-page-title-copy-button.js";
-import { DetailedPageTitleExplorerDropdown as l } from "./detailed-page-title-explorer-dropdown.js";
+import { DetailedPageTitleExplorerDropdown as r } from "./detailed-page-title-explorer-dropdown.js";
 export {
-  t as DetailedPageTitleCopyButton,
-  l as DetailedPageTitleExplorerDropdown
+  r as DetailedPageTitleExplorerDropdown
 };