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

package/dist/esm/components/base/leverage-input/leverage-input.js

@@ -1,72 +1,88 @@
-import { jsx as t, jsxs as m } from "react/jsx-runtime";
-import { useState as I } from "react";
-import { Stack as x } from "../stack/stack.js";
-import { useTitleText as y } from "../text/use-title-text.js";
+import { jsx as t, jsxs as s } from "react/jsx-runtime";
+import { useState as h } from "react";
+import { Stack as I } from "../stack/stack.js";
+import { useTitleText as V } from "../text/use-title-text.js";
 import { EditInput as j } from "../../edit-input/edit-input.js";
 import { Slider as F } from "../../slider/slider.js";
 import "../../slider/slider-context.js";
 import { TextButton as O } from "../../text-button/text-button.js";
 import { SimpleTooltip as R } from "../../tooltip/simple-tooltip.js";
 import "../../tooltip/tooltip.js";
-import { useIntlTyped as B, FormattedMessageTyped as T } from "../../typed-intl/index.js";
-import { WithTitle as D } from "../../with-title/with-title.js";
-import { formatLeverage as b } from "../../../utils/format-leverage.js";
-import { LeverageInputTest as i } from "./constants.js";
-const o = 100, P = 10;
-function ee({
+import { useIntlTyped as _, FormattedMessageTyped as b } from "../../typed-intl/index.js";
+import "@gearbox-protocol/sdk/onchain";
+import { cn as B } from "../../../utils/cn.js";
+import { formatLeverage as T } from "../../../utils/format-leverage.js";
+import "luxon";
+import "../../../utils/z-index.js";
+import { LeverageInputTest as l } from "./constants.js";
+const o = 100, D = 10, P = {
+  sm: "text-[14px] mb-[14px]",
+  default: "text-body mb-[18px]",
+  md: "text-lg mb-[22px]",
+  lg: "text-[21px] mb-[22px]"
+};
+function z({
+  title: n,
+  children: a,
+  size: r = "default"
+}) {
+  return /* @__PURE__ */ s("div", { className: "flex flex-col", children: [
+    /* @__PURE__ */ t("div", { className: B("font-medium text-foreground", P[r]), children: n }),
+    a !== void 0 && /* @__PURE__ */ t("div", { children: a })
+  ] });
+}
+function ae({
   value: n,
-  onChange: s,
+  onChange: a,
   max: r,
-  min: l = 1,
-  title: c,
-  hint: d,
-  reset: a,
-  colorIntervals: w,
-  colorIntervalLabel: N,
-  size: S = "sm"
+  min: m = 1,
+  title: d,
+  hint: c,
+  reset: i,
+  colorIntervals: N,
+  colorIntervalLabel: E,
+  size: w = "sm"
 }) {
-  const E = B(), C = y(), p = w ?? [
-    { start: l, end: r, color: "additionalSuccess" }
-  ], L = N ?? (p.length > 0 ? E.formatMessage({
+  const S = _(), L = V(), p = N ?? [], C = E ?? (p.length > 0 ? S.formatMessage({
     messageId: "components.leverageInput.available"
-  }) : void 0), [M, u] = I(void 0), [f, g] = I(""), h = M ?? n, v = (e) => {
-    s(_(e, l, r)), u(void 0);
+  }) : void 0), [M, u] = h(void 0), [f, x] = h(""), g = M ?? n, v = (e) => {
+    a(A(e, m, r)), u(void 0);
   }, k = () => {
     const e = Number.parseFloat(f.replace(",", "."));
     Number.isFinite(e) && v(e);
-  }, V = p.map((e) => ({
+  }, y = p.map((e) => ({
     ...e,
     start: e.start * o,
     end: e.end * o
   }));
-  return /* @__PURE__ */ t("div", { "data-testid": i.root, children: /* @__PURE__ */ t(
-    D,
+  return /* @__PURE__ */ t("div", { "data-testid": l.root, children: /* @__PURE__ */ t(
+    z,
     {
-      size: S,
-      title: /* @__PURE__ */ m(x, { direction: "row", align: "center", justify: "between", gap: "sm", children: [
-        /* @__PURE__ */ m("span", { className: "font-normal", children: [
-          c !== void 0 ? C(c) : /* @__PURE__ */ t(T, { messageId: "components.leverageInput.label" }),
-          d ? /* @__PURE__ */ t("span", { className: "text-muted-foreground ml-1", children: d }) : null
+      size: w,
+      title: /* @__PURE__ */ s(I, { direction: "row", align: "center", justify: "between", gap: "sm", children: [
+        /* @__PURE__ */ s("span", { className: "font-normal", children: [
+          d !== void 0 ? L(d) : /* @__PURE__ */ t(b, { messageId: "components.leverageInput.label" }),
+          c ? /* @__PURE__ */ t("span", { className: "text-muted-foreground ml-1", children: c }) : null
         ] }),
-        /* @__PURE__ */ m(x, { direction: "row", align: "center", gap: "sm", children: [
+        /* @__PURE__ */ s(I, { direction: "row", align: "center", gap: "sm", children: [
           /* @__PURE__ */ t("div", { className: "flex w-[90px] flex-row flex-nowrap items-center", children: /* @__PURE__ */ t(
             j,
             {
               value: f,
               placeholder: "0",
-              label: `${b(h)}x`,
+              label: `${T(g)}x`,
               textButtonProps: {
                 className: "inline-flex items-center whitespace-nowrap"
               },
-              "data-testid": i.value,
+              "data-testid": l.value,
               onEditModeChange: (e) => {
-                e && g(b(n));
+                e && x(T(n));
               },
-              onChange: (e) => g(e.target.value),
+              onChange: (e) => x(e.target.value),
               onSubmit: k
             }
           ) }),
-          a ? /* @__PURE__ */ t(
+          i ? /* @__PURE__ */ t(
             R,
             {
               placement: "top",
@@ -78,12 +94,12 @@ function ee({
                   buttonColor: "secondaryDashed",
                   size: "sm",
                   className: "max-w-full truncate",
-                  onClick: a.onClick,
-                  "data-testid": a.testId ?? i.reset,
-                  children: /* @__PURE__ */ t(T, { messageId: "components.leverageInput.reset" })
+                  onClick: i.onClick,
+                  "data-testid": i.testId ?? l.reset,
+                  children: /* @__PURE__ */ t(b, { messageId: "components.leverageInput.reset" })
                 }
               ),
-              children: a.tooltip
+              children: i.tooltip
             }
           ) : null
         ] })
@@ -91,14 +107,14 @@ function ee({
       children: /* @__PURE__ */ t(
         F,
         {
-          from: l * o,
+          from: m * o,
           to: r * o,
           precision: o,
-          value: h * o,
-          colorIntervals: V,
-          colorIntervalLabel: L,
-          markerStep: r > P ? 200 : 100,
-          "data-testid": i.slider,
+          value: g * o,
+          colorIntervals: y,
+          colorIntervalLabel: C,
+          markerStep: r > D ? 200 : 100,
+          "data-testid": l.slider,
           onChangeValue: (e) => u(e / o),
           onSubmitValue: (e) => v(e / o)
         }
@@ -106,10 +122,10 @@ function ee({
     }
   ) });
 }
-function _(n, s, r) {
-  return Math.min(Math.max(n, s), r);
+function A(n, a, r) {
+  return Math.min(Math.max(n, a), r);
 }
 export {
-  ee as LeverageInput,
-  i as LeverageInputTest
+  ae as LeverageInput,
+  l as LeverageInputTest
 };

package/dist/esm/components/base/liquidation-params-table/liquidation-params-table.js

@@ -1,23 +1,21 @@
 import { jsxs as i, jsx as e } from "react/jsx-runtime";
 import "react-intl";
 import "../../buttons/button/button.js";
-import "react";
-import "@gearbox-protocol/sdk";
+import "@gearbox-protocol/sdk/onchain";
 import "clsx";
 import "tailwind-merge";
-import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../../utils/z-index.js";
 import "../../table/grid-table.js";
 import "../../skeleton/skeleton.js";
+import "react";
 import { Table as d, TableHeader as c, TableRow as s, TableHead as m, TableBody as p, TableCell as r } from "../../table/table.js";
 import { FormattedMessageTyped as t } from "../../typed-intl/index.js";
 import { LiquidationParamsTableTest as u } from "./constants.js";
 function a(o) {
   return o / 100;
 }
-function z({
+function H({
   data: o
 }) {
   const n = a(o.liquidationPremium), l = a(o.liquidationFee);
@@ -57,6 +55,6 @@ function z({
   );
 }
 export {
-  z as LiquidationParamsTable,
+  H as LiquidationParamsTable,
   u as LiquidationParamsTableTest
 };

package/dist/esm/components/base/liquidation-price-block/liquidation-price-block.js

@@ -1,67 +1,75 @@
-import { jsx as i, jsxs as P } from "react/jsx-runtime";
+import { jsx as i, jsxs as c, Fragment as T } from "react/jsx-runtime";
 import { useTitleText as b } from "../text/use-title-text.js";
-import { FadeoutLoading as s } from "../../fadeout-loading/fadeout-loading.js";
-import { FormattedNumberString as T } from "../../formatted-number/formatted-number.js";
-import { HealthDot as g } from "../../status-elements/status-elements.js";
-import { FormattedMessageTyped as d } from "../../typed-intl/index.js";
-import { VerticalIndicator as h } from "../../vertical-indicator/vertical-indicator.js";
-import { bnToLiquidationPriceView as x } from "../../../utils/parse-input-to-bn.js";
-import { LiquidationPriceBlockTest as r } from "./constants.js";
-function q(e, o) {
+import { FadeoutLoading as u } from "../../fadeout-loading/fadeout-loading.js";
+import { FormattedNumberString as g } from "../../formatted-number/formatted-number.js";
+import { HealthDot as x } from "../../status-elements/status-elements.js";
+import { FormattedMessageTyped as p } from "../../typed-intl/index.js";
+import { VerticalIndicator as I } from "../../vertical-indicator/vertical-indicator.js";
+import { APPROXIMATE_SYMBOL as q } from "../../../utils/format.js";
+import { bnToLiquidationPriceView as B } from "../../../utils/parse-input-to-bn.js";
+import { LiquidationPriceBlockTest as n } from "./constants.js";
+function L(e, o) {
   if (!(!e || !o))
     return `${e.symbol} / ${o.symbol}`;
 }
-function D({
+function S({
   price: e,
   priceTo: o,
   collateral: t,
-  underlying: u,
-  zone: l,
-  isLoading: n,
-  title: a,
-  tip: p,
-  testId: f
+  underlying: r,
+  approximate: a,
+  zone: m,
+  isLoading: s,
+  title: d,
+  tip: v,
+  testId: P
 }) {
-  const v = b(), m = o !== void 0;
+  const h = b(), l = o !== void 0;
   return /* @__PURE__ */ i(
-    h,
+    I,
     {
       align: "center",
       dimPreviousValue: !1,
-      "data-testid": f ?? r.root,
-      label: a !== void 0 ? v(a) : /* @__PURE__ */ i(d, { messageId: "components.liquidationPriceBlock.label" }),
-      tip: p ?? /* @__PURE__ */ i(d, { messageId: "components.liquidationPriceBlock.tip" }),
-      value: /* @__PURE__ */ i(s, { loading: n, children: /* @__PURE__ */ i(
-        c,
+      "data-testid": P ?? n.root,
+      label: d !== void 0 ? h(d) : /* @__PURE__ */ i(p, { messageId: "components.liquidationPriceBlock.label" }),
+      tip: v ?? /* @__PURE__ */ i(p, { messageId: "components.liquidationPriceBlock.tip" }),
+      value: /* @__PURE__ */ i(u, { loading: s, children: /* @__PURE__ */ i(
+        f,
         {
           price: e,
-          zone: m ? void 0 : l,
-          testId: r.value
+          approximate: a && !l,
+          zone: l ? void 0 : m,
+          testId: n.value
         }
       ) }),
-      valueTo: m ? /* @__PURE__ */ i(s, { loading: n, children: /* @__PURE__ */ i(
-        c,
+      valueTo: l ? /* @__PURE__ */ i(u, { loading: s, children: /* @__PURE__ */ i(
+        f,
         {
           price: o ?? null,
-          zone: l,
-          testId: r.valueTo
+          approximate: a,
+          zone: m,
+          testId: n.valueTo
         }
       ) }) : void 0,
-      valueDescription: q(t, u)
+      valueDescription: L(t, r)
     }
   );
 }
-function c({
+function f({
   price: e,
-  zone: o,
-  testId: t
+  approximate: o,
+  zone: t,
+  testId: r
 }) {
-  return /* @__PURE__ */ P("span", { className: "inline-flex items-center", "data-testid": t, children: [
-    e === void 0 ? "—" : e === null || e === 0n ? "N/A" : /* @__PURE__ */ i(T, { value: x(e) }),
-    o ? /* @__PURE__ */ i("span", { className: "ml-1.5", children: /* @__PURE__ */ i(g, { zone: o }) }) : null
+  return /* @__PURE__ */ c("span", { className: "inline-flex items-center", "data-testid": r, children: [
+    e === void 0 ? "—" : e === null || e === 0n ? "N/A" : /* @__PURE__ */ c(T, { children: [
+      o ? /* @__PURE__ */ i("span", { className: "mr-0.5", children: q }) : null,
+      /* @__PURE__ */ i(g, { value: B(e) })
+    ] }),
+    t ? /* @__PURE__ */ i("span", { className: "ml-1.5", children: /* @__PURE__ */ i(x, { zone: t }) }) : null
   ] });
 }
 export {
-  D as LiquidationPriceBlock,
-  r as LiquidationPriceBlockTest
+  S as LiquidationPriceBlock,
+  n as LiquidationPriceBlockTest
 };

package/dist/esm/components/base/manage-pane/manage-pane.js

@@ -1,125 +1,133 @@
 import { jsxs as r, jsx as n } from "react/jsx-runtime";
-import { faEllipsis as x } from "@fortawesome/free-solid-svg-icons";
-import { useState as E, Children as N, isValidElement as f } from "react";
-import { InfoPortalProvider as v, InfoPortalOut as O } from "../info-portal/info-portal.js";
-import { SegmentedTabs as k, SEGMENTED_TABS_INACTIVE_BUTTON_CLASS as B } from "../segmented-tabs/segmented-tabs.js";
-import { Stack as e } from "../stack/stack.js";
-import { useTitleText as j } from "../text/use-title-text.js";
-import { Button as z } from "../../buttons/button/button.js";
-import { StyledDialogContainer as V } from "../../client-adapters/styled-dialog-container/styled-dialog-container.js";
-import { ConfirmMenu as F } from "../../confirm-menu/confirm-menu.js";
+import { faEllipsis as _ } from "@fortawesome/free-solid-svg-icons";
+import { createContext as E, useState as N, Children as O, isValidElement as g, useRef as k, useContext as B } from "react";
+import { SegmentedTabs as j, SEGMENTED_TABS_INACTIVE_BUTTON_CLASS as z } from "../segmented-tabs/segmented-tabs.js";
+import { Stack as i } from "../stack/stack.js";
+import { useTitleText as R } from "../text/use-title-text.js";
+import { Button as V } from "../../buttons/button/button.js";
+import { StyledDialogContainer as F } from "../../client-adapters/styled-dialog-container/styled-dialog-container.js";
+import { ConfirmMenu as G } from "../../confirm-menu/confirm-menu.js";
 import "../../modal/modal.js";
 import "@radix-ui/react-dialog";
 import "../../dialog/dialog-container.js";
 import "../../dialog/dialog-content.js";
 import "../../dialog/dialog-description.js";
 import "../../dialog/dialog-footer.js";
-import "@gearbox-protocol/sdk";
+import "@gearbox-protocol/sdk/onchain";
 import "clsx";
 import "tailwind-merge";
-import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../../utils/z-index.js";
 import "../../dialog/dialog-header.js";
 import "../../dialog/dialog-title.js";
-import { DialogModalContainer as G } from "../../dialog/dialog-modal-container.js";
+import { DialogModalContainer as L } from "../../dialog/dialog-modal-container.js";
 import "../../dialog/dialog-overlay.js";
 import "viem";
 import "../../input/input.js";
 import "../../label/label.js";
-import { FaIcon as L } from "../../icons/fa-icon.js";
-import { SimpleDropdown as U } from "../../simple-dropdown/simple-dropdown.js";
-import { SimpleDropdownMenuItem as q } from "../../simple-dropdown/simple-dropdown-menu-item.js";
-import { ManagePaneTest as i } from "./constants.js";
-function H(o) {
+import { FaIcon as U } from "../../icons/fa-icon.js";
+import { SimpleDropdown as q } from "../../simple-dropdown/simple-dropdown.js";
+import { SimpleDropdownMenuItem as H } from "../../simple-dropdown/simple-dropdown-menu-item.js";
+import { ManagePaneTest as e } from "./constants.js";
+const C = E({
+  current: null
+});
+function J({ children: o }) {
+  const p = k(null);
+  return /* @__PURE__ */ n(C.Provider, { value: p, children: o });
+}
+function K() {
+  const o = B(C);
+  return /* @__PURE__ */ n("div", { ref: o });
+}
+function Q(o) {
   return null;
 }
-function J(o) {
+function W(o) {
   return null;
 }
-function K(o) {
+function X(o) {
   return null;
 }
-function Q(o) {
-  return f(o) && o.type === H;
+function Y(o) {
+  return g(o) && o.type === Q;
 }
-function R(o) {
-  return f(o) && o.type === J;
+function Z(o) {
+  return g(o) && o.type === W;
 }
-function W(o) {
-  return f(o) && o.type === K;
+function $(o) {
+  return g(o) && o.type === X;
 }
 function Et({
   children: o,
-  activeTab: g,
+  activeTab: p,
   onTabChange: M,
   header: I,
-  footer: S,
-  actions: l,
-  testId: C
+  footer: P,
+  actions: d,
+  testId: S
 }) {
-  const d = j(), [P, h] = E(null), m = N.toArray(o), T = m.filter(Q), w = m.find(R), p = m.filter(W), A = T.filter((t) => !t.props.hidden), D = T.find((t) => t.props.id === g)?.props.children, a = w?.props.items ?? [], y = new Set(p.map((t) => t.props.id)), c = p.find((t) => t.props.id === P), b = () => h(null), u = [
-    ...A.map((t) => ({
+  const m = R(), [w, h] = N(null), c = O.toArray(o), T = c.filter(Y), A = c.find(Z), a = c.filter($), x = T.filter((t) => !t.props.hidden), D = T.find((t) => t.props.id === p)?.props.children, l = A?.props.items ?? [], y = new Set(a.map((t) => t.props.id)), u = a.find((t) => t.props.id === w), b = () => h(null), f = [
+    ...x.map((t) => ({
       id: t.props.id,
-      item: d(t.props.title),
+      item: m(t.props.title),
       disabled: t.props.disabled,
-      testId: i.tab(t.props.id)
+      testId: e.tab(t.props.id)
     })),
-    ...p.map((t) => ({
+    ...a.map((t) => ({
       id: t.props.id,
-      item: d(t.props.title),
-      testId: i.tab(t.props.id)
+      item: m(t.props.title),
+      testId: e.tab(t.props.id)
     }))
   ];
-  return /* @__PURE__ */ r(v, { children: [
-    /* @__PURE__ */ r(e, { gap: "md", "data-testid": C ?? i.root, children: [
+  return /* @__PURE__ */ r(J, { children: [
+    /* @__PURE__ */ r(i, { gap: "md", "data-testid": S ?? e.root, children: [
       I,
-      u.length > 0 || a.length > 0 || l ? /* @__PURE__ */ r(e, { direction: "row", align: "center", gap: "sm", children: [
-        u.length > 0 ? /* @__PURE__ */ n(
-          k,
+      f.length > 0 || l.length > 0 || d ? /* @__PURE__ */ r(i, { direction: "row", align: "center", gap: "sm", children: [
+        f.length > 0 ? /* @__PURE__ */ n(
+          j,
           {
-            items: u,
-            activeTab: g,
+            items: f,
+            activeTab: p,
             onTabChange: (t) => {
-              const s = p.find((_) => _.props.id === t);
+              const s = a.find((v) => v.props.id === t);
               if (s) {
                 s.props.children != null && h(s.props.id), s.props.onClick?.();
                 return;
               }
               y.has(t) || M(t);
             },
-            testId: i.tabs
+            testId: e.tabs
           }
         ) : null,
-        a.length > 0 || l ? /* @__PURE__ */ r(
-          e,
+        l.length > 0 || d ? /* @__PURE__ */ r(
+          i,
           {
             direction: "row",
             align: "center",
             gap: "sm",
             className: "ml-auto",
             children: [
-              a.length > 0 ? /* @__PURE__ */ n(
-                U,
+              l.length > 0 ? /* @__PURE__ */ n(
+                q,
                 {
                   title: /* @__PURE__ */ n(
-                    z,
+                    V,
                     {
                       type: "button",
                       variant: "ghost",
                       size: "md",
-                      className: B,
+                      className: z,
                       "aria-label": "More actions",
-                      "data-testid": i.dropdown,
-                      children: /* @__PURE__ */ n(L, { icon: x, className: "size-4" })
+                      "data-testid": e.dropdown,
+                      children: /* @__PURE__ */ n(U, { icon: _, className: "size-4" })
                     }
                   ),
                   asChild: !0,
                   placement: "bottom",
                   align: "end",
-                  children: a.map((t) => /* @__PURE__ */ n(
-                    q,
+                  children: l.map((t) => /* @__PURE__ */ n(
+                    H,
                     {
                       onSelect: t.onSelect,
                       children: t.title
@@ -128,39 +136,39 @@ function Et({
                   ))
                 }
               ) : null,
-              l
+              d
             ]
           }
         ) : null
       ] }) : null,
       /* @__PURE__ */ r(
-        V,
+        F,
         {
-          "data-testid": i.body,
+          "data-testid": e.body,
           "data-aside-form-top": !0,
           children: [
-            /* @__PURE__ */ n(e, { children: /* @__PURE__ */ n(O, {}) }),
+            /* @__PURE__ */ n(i, { children: /* @__PURE__ */ n(K, {}) }),
             D
           ]
         }
       ),
-      S
+      P
     ] }),
-    c?.props.children != null ? /* @__PURE__ */ n(
-      G,
+    u?.props.children != null ? /* @__PURE__ */ n(
+      L,
       {
         show: !0,
         onClickOutside: b,
         dialog: { padding: "xl" },
-        children: /* @__PURE__ */ r("div", { "data-testid": i.actionDialog, children: [
+        children: /* @__PURE__ */ r("div", { "data-testid": e.actionDialog, children: [
           /* @__PURE__ */ n(
-            F,
+            G,
             {
               onClose: b,
-              title: d(c.props.title)
+              title: m(u.props.title)
             }
           ),
-          c.props.children
+          u.props.children
         ] })
       }
     ) : null
@@ -169,13 +177,13 @@ function Et({
 function Nt({
   children: o
 }) {
-  return /* @__PURE__ */ n(e, { gap: "sm", "data-testid": i.message, children: o });
+  return /* @__PURE__ */ n(i, { gap: "sm", "data-testid": e.message, children: o });
 }
 export {
   Et as ManagePane,
-  K as ManagePaneActionTab,
+  X as ManagePaneActionTab,
   Nt as ManagePaneMessage,
-  H as ManagePaneTab,
-  J as ManagePaneTabDropdown,
-  i as ManagePaneTest
+  Q as ManagePaneTab,
+  W as ManagePaneTabDropdown,
+  e as ManagePaneTest
 };

package/dist/esm/components/base/more-accordion/more-accordion.js

@@ -1,6 +1,6 @@
 import { jsx as e, jsxs as o } from "react/jsx-runtime";
-import { useState as c } from "react";
-import { faChevronDown as d } from "@fortawesome/free-solid-svg-icons";
+import { faChevronDown as c } from "@fortawesome/free-solid-svg-icons";
+import { useState as d } from "react";
 import { FaIcon as l } from "../../icons/fa-icon.js";
 import { SimpleAccordion as p, SimpleAccordionItem as f } from "../../simple-accordion/simple-accordion.js";
 import { useTitleText as u } from "../text/use-title-text.js";
@@ -10,7 +10,7 @@ function A({
   moreMessage: n = "components.moreAccordion.more",
   lessMessage: s = "components.moreAccordion.less"
 }) {
-  const r = u(), [a, m] = c(!1);
+  const r = u(), [a, m] = d(!1);
   return /* @__PURE__ */ e("div", { "data-testid": t.root, children: /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(
     f,
     {
@@ -32,7 +32,7 @@ function A({
               /* @__PURE__ */ e(
                 l,
                 {
-                  icon: d,
+                  icon: c,
                   className: "size-3 transition-transform group-data-[state=open]:rotate-180"
                 }
               )

package/dist/esm/components/base/pool-apy-breakdown-card/constants.js

@@ -1,7 +1,10 @@
-class a {
+class o {
   static root = "pool-apy-breakdown-card-root";
+  static net = "pool-apy-breakdown-card-net";
   static value = "pool-apy-breakdown-card-value";
+  static reward = "pool-apy-breakdown-card-reward";
+  static points = "pool-apy-breakdown-card-points";
 }
 export {
-  a as PoolApyBreakdownCardTest
+  o as PoolApyBreakdownCardTest
 };