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

package/dist/esm/components/checkbox/checkbox.js

@@ -1,14 +1,11 @@
 import { jsxs as b, jsx as e } from "react/jsx-runtime";
-import * as t from "@radix-ui/react-checkbox";
+import { faCheck as t } from "@fortawesome/free-solid-svg-icons";
+import * as a from "@radix-ui/react-checkbox";
 import { cva as y } from "class-variance-authority";
 import * as f from "react";
-import { faCheck as a } from "@fortawesome/free-solid-svg-icons";
 import { FaIcon as o } from "../icons/fa-icon.js";
-import "@gearbox-protocol/sdk";
 import { cn as r } 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 h = y("", {
   variants: {
@@ -25,10 +22,10 @@ const h = y("", {
     size: "md",
     color: "primary"
   }
-}), i = "absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2", s = "size-3", c = "text-current", u = f.forwardRef(({ className: d, color: n, size: p, ...m }, l) => /* @__PURE__ */ b(
-  t.Root,
+}), i = "absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2", s = "size-3", c = "text-current", u = f.forwardRef(({ className: d, color: n, size: p, ...l }, m) => /* @__PURE__ */ b(
+  a.Root,
   {
-    ref: l,
+    ref: m,
     className: r(
       "group peer relative shrink-0 border shadow cursor-pointer transition-colors overflow-hidden flex items-center justify-center",
       "data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
@@ -39,13 +36,13 @@ const h = y("", {
       "data-[state=checked]:disabled:bg-gray-20 data-[state=checked]:disabled:border-gray-50",
       d
     ),
-    ...m,
+    ...l,
     children: [
       /* @__PURE__ */ e(
         o,
         {
           "aria-hidden": "true",
-          icon: a,
+          icon: t,
           className: r(
             s,
             c,
@@ -58,20 +55,20 @@ const h = y("", {
         }
       ),
       /* @__PURE__ */ e(
-        t.Indicator,
+        a.Indicator,
         {
           className: r(
             i,
             c,
             "pointer-events-none flex items-center justify-center"
           ),
-          children: /* @__PURE__ */ e(o, { icon: a, className: s })
+          children: /* @__PURE__ */ e(o, { icon: t, className: s })
         }
       )
     ]
   }
 ));
-u.displayName = t.Root.displayName;
+u.displayName = a.Root.displayName;
 export {
   u as Checkbox
 };

package/dist/esm/components/client-adapters/index.js

@@ -1,8 +1,6 @@
-import { StyledButton as t } from "./styled-button/styled-button.js";
-import { StyledDialogContainer as d } from "./styled-dialog-container/styled-dialog-container.js";
-import { StyledRoundedImage as m } from "./styled-rounded-image/styled-rounded-image.js";
+import { StyledButton as e } from "./styled-button/styled-button.js";
+import { StyledDialogContainer as l } from "./styled-dialog-container/styled-dialog-container.js";
 export {
-  t as StyledButton,
-  d as StyledDialogContainer,
-  m as StyledRoundedImage
+  e as StyledButton,
+  l as StyledDialogContainer
 };

package/dist/esm/components/client-adapters/styled-button/styled-button.js

@@ -1,38 +1,29 @@
-import { jsx as a } from "react/jsx-runtime";
+import { jsx as m } from "react/jsx-runtime";
 import * as n from "react";
-import { Button as p } from "../../buttons/button/button.js";
-import "@gearbox-protocol/sdk";
-import { cn as s } from "../../../utils/cn.js";
-import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
-import "luxon";
+import { Button as s } from "../../buttons/button/button.js";
+import { cn as c } from "../../../utils/cn.js";
+import "@gearbox-protocol/sdk/onchain";
 import "../../../utils/z-index.js";
-const c = {
+const l = {
   primary: "default",
   outlined: "outline",
   neutral: "neutral",
   white: "white",
   success: "success"
-}, l = n.forwardRef(
-  ({
-    $size: t = "lg",
-    $width: r = "compact",
-    $color: o = "primary",
-    className: i,
-    ...e
-  }, m) => /* @__PURE__ */ a(
-    p,
+}, p = n.forwardRef(
+  ({ size: t = "lg", width: r = "compact", color: o = "primary", className: e, ...a }, i) => /* @__PURE__ */ m(
+    s,
     {
-      ref: m,
+      ref: i,
       size: t,
       width: r,
-      variant: c[o],
-      className: s("inline-block whitespace-normal", i),
-      ...e
+      variant: l[o],
+      className: c("inline-block whitespace-normal", e),
+      ...a
     }
   )
 );
-l.displayName = "StyledButton";
+p.displayName = "StyledButton";
 export {
-  l as StyledButton
+  p as StyledButton
 };

package/dist/esm/components/client-adapters/styled-dialog-container/styled-dialog-container.js

@@ -1,42 +1,21 @@
-import { jsx as s } from "react/jsx-runtime";
-import * as f from "react";
-import { DialogContainer as d } from "../../dialog/dialog-container.js";
-import "@gearbox-protocol/sdk";
-import { cn as c } from "../../../utils/cn.js";
-import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
-import "luxon";
+import { jsx as m } from "react/jsx-runtime";
+import * as i from "react";
+import { DialogContainer as l } from "../../dialog/dialog-container.js";
+import { cn as n } from "../../../utils/cn.js";
+import "@gearbox-protocol/sdk/onchain";
 import "../../../utils/z-index.js";
-const g = f.forwardRef(
-  ({
-    $padding: o = "lg",
-    $width: r,
-    $minWidth: t,
-    $maxWidth: i,
-    $minHeight: e,
-    $colorTheme: m = "box",
-    className: a,
-    style: l,
-    ...n
-  }, p) => /* @__PURE__ */ s(
-    d,
-    {
-      ref: p,
-      padding: o === "none" ? !1 : o === "lg" ? !0 : o,
-      colorTheme: m,
-      className: c(a),
-      ...n,
-      style: {
-        ...l,
-        width: r || void 0,
-        minWidth: t || void 0,
-        maxWidth: i || void 0,
-        minHeight: e || void 0
-      }
-    }
-  )
-);
-g.displayName = "StyledDialogContainer";
+const f = i.forwardRef(({ padding: o = "lg", className: r, style: e, ...t }, a) => /* @__PURE__ */ m(
+  l,
+  {
+    ref: a,
+    padding: o === "none" ? !1 : o === "lg" ? !0 : o,
+    colorTheme: "box",
+    className: n(r),
+    style: e,
+    ...t
+  }
+));
+f.displayName = "StyledDialogContainer";
 export {
-  g as StyledDialogContainer
+  f as StyledDialogContainer
 };

package/dist/esm/components/collateral-allocation-tooltip/allocation-wheel.js

@@ -1,12 +1,8 @@
-import { jsxs as k, jsx as r } from "react/jsx-runtime";
-import "react";
-import "@gearbox-protocol/sdk";
+import { jsxs as m, jsx as r } from "react/jsx-runtime";
 import { cn as d } from "../../utils/cn.js";
-import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
-import "luxon";
+import "@gearbox-protocol/sdk/onchain";
 import "../../utils/z-index.js";
-import { AllocationWheelTest as p } from "./constants.js";
+import { AllocationWheelTest as f } from "./constants.js";
 const c = [
   "stroke-chart-1",
   "stroke-chart-2",
@@ -20,21 +16,21 @@ const c = [
   "stroke-chart-10",
   "stroke-chart-11",
   "stroke-chart-12"
-], t = 20, o = 3.5, e = (t - o) / 2, i = 2 * Math.PI * e;
-function M({
-  share: h,
-  colorIndex: l,
+], t = 20, o = 3.5, e = (t - o) / 2, h = 2 * Math.PI * e;
+function g({
+  share: l,
+  colorIndex: i,
   idle: n = !1
 }) {
-  const s = Math.min(1, Math.max(0, h)), a = i * s, m = n ? "stroke-muted-foreground" : c[l % c.length];
-  return /* @__PURE__ */ k(
+  const s = Math.min(1, Math.max(0, l)), a = h * s, k = n ? "stroke-muted-foreground" : c[i % c.length];
+  return /* @__PURE__ */ m(
     "svg",
     {
       width: t,
       height: t,
       viewBox: `0 0 ${t} ${t}`,
       className: "-rotate-90",
-      "data-testid": p.root,
+      "data-testid": f.root,
       role: "img",
       "aria-label": "Allocation share",
       children: [
@@ -57,9 +53,9 @@ function M({
             cy: t / 2,
             r: e,
             fill: "none",
-            className: d(m),
+            className: d(k),
             strokeWidth: o,
-            strokeDasharray: `${a} ${i - a}`
+            strokeDasharray: `${a} ${h - a}`
           }
         )
       ]
@@ -67,5 +63,5 @@ function M({
   );
 }
 export {
-  M as AllocationWheel
+  g as AllocationWheel
 };

package/dist/esm/components/collateral-allocation-tooltip/collateral-allocation-tooltip.js

@@ -1,18 +1,14 @@
-import { jsx as t, jsxs as i } from "react/jsx-runtime";
+import { jsx as t, jsxs as l } from "react/jsx-runtime";
 import { faPause as k } from "@fortawesome/free-solid-svg-icons";
 import { FaIcon as v } from "../icons/fa-icon.js";
 import { TokenIcon as w } from "../token-icon/token-icon.js";
 import { SimpleTooltip as y } from "../tooltip/simple-tooltip.js";
 import "../tooltip/tooltip.js";
-import "react";
-import "@gearbox-protocol/sdk";
 import { cn as N } from "../../utils/cn.js";
-import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
-import "luxon";
+import "@gearbox-protocol/sdk/onchain";
 import "../../utils/z-index.js";
 import { AllocationWheel as U } from "./allocation-wheel.js";
-import { CollateralAllocationTooltipTest as l } from "./constants.js";
+import { CollateralAllocationTooltipTest as a } from "./constants.js";
 function I(o) {
   return new Intl.NumberFormat("en-US", {
     style: "currency",
@@ -27,15 +23,15 @@ function p(o) {
 function C(o) {
   return o.valueUsd != null;
 }
-function E({
+function O({
   data: o,
   children: u,
-  className: a
+  className: i
 }) {
   const s = o.slices.reduce(
     (e, r) => e + p(r.amount),
     0
-  ), m = o.slices.some((e) => C(e.amount));
+  ), d = o.slices.some((e) => C(e.amount));
   let f = 0;
   const x = /* @__PURE__ */ t(
     "div",
@@ -46,16 +42,16 @@ function E({
         "border border-border",
         "shadow-[0_4px_28px_4px_rgba(0,0,0,0.15)]"
       ),
-      "data-testid": l.root,
+      "data-testid": a.root,
       children: o.slices.map((e, r) => {
-        const d = p(e.amount), h = s > 0 ? d / s : 0, n = e.kind === "idle", g = n ? 0 : f++, b = e.kind === "idle" ? "idle" : `${e.token.address}-${r}`, c = m && e.amount.valueUsd != null ? I(d) : void 0;
-        return /* @__PURE__ */ i(
+        const m = p(e.amount), h = s > 0 ? m / s : 0, n = e.kind === "idle", g = n ? 0 : f++, b = e.kind === "idle" ? "idle" : `${e.token.address}-${r}`, c = d && e.amount.valueUsd != null ? I(m) : void 0;
+        return /* @__PURE__ */ l(
           "div",
           {
             className: "flex h-[34px] items-center justify-between gap-3 px-2 py-[7px]",
-            "data-testid": l.row,
+            "data-testid": a.row,
             children: [
-              /* @__PURE__ */ i("div", { className: "flex min-w-0 items-center gap-2", children: [
+              /* @__PURE__ */ l("div", { className: "flex min-w-0 items-center gap-2", children: [
                 n ? /* @__PURE__ */ t("span", { className: "flex size-5 shrink-0 items-center justify-center rounded-[10px] bg-muted", children: /* @__PURE__ */ t(
                   v,
                   {
@@ -65,9 +61,9 @@ function E({
                 ) }) : /* @__PURE__ */ t(w, { token: e.token, size: 20 }),
                 /* @__PURE__ */ t("span", { className: "truncate text-sm leading-5 text-foreground", children: n ? "Idle" : e.token.symbol })
               ] }),
-              m && /* @__PURE__ */ i("div", { className: "flex shrink-0 items-center gap-2", children: [
+              d && /* @__PURE__ */ l("div", { className: "flex shrink-0 items-center gap-2", children: [
                 c != null && /* @__PURE__ */ t("span", { className: "text-sm font-semibold leading-5 tabular-nums text-foreground", children: c }),
-                /* @__PURE__ */ t("span", { "data-testid": l.wheel, children: /* @__PURE__ */ t(
+                /* @__PURE__ */ t("span", { "data-testid": a.wheel, children: /* @__PURE__ */ t(
                   U,
                   {
                     share: h,
@@ -91,12 +87,12 @@ function E({
       type: "modal-tooltip",
       minWidth: "100%",
       maxWidth: "100%",
-      title: /* @__PURE__ */ t("span", { className: a, children: u }),
-      triggerClassName: a,
+      title: /* @__PURE__ */ t("span", { className: i, children: u }),
+      triggerClassName: i,
       children: x
     }
   );
 }
 export {
-  E as CollateralAllocationTooltip
+  O as CollateralAllocationTooltip
 };

package/dist/esm/components/collateral-allocation-tooltip/index.js

@@ -1,9 +1,5 @@
-import { AllocationWheel as t } from "./allocation-wheel.js";
-import { CollateralAllocationTooltip as a } from "./collateral-allocation-tooltip.js";
-import { AllocationWheelTest as i, CollateralAllocationTooltipTest as p } from "./constants.js";
+import { AllocationWheelTest as t, CollateralAllocationTooltipTest as e } from "./constants.js";
 export {
-  t as AllocationWheel,
-  i as AllocationWheelTest,
-  a as CollateralAllocationTooltip,
-  p as CollateralAllocationTooltipTest
+  t as AllocationWheelTest,
+  e as CollateralAllocationTooltipTest
 };

package/dist/esm/components/composites/index.js

@@ -1,48 +1,33 @@
 import { NotificationCenter as t } from "./notification-center/notification-center.js";
-import { PoolAssetsTableTest as e } from "./pool-assets-table/constants.js";
-import { PoolAssetsTable as s } from "./pool-assets-table/pool-assets-table.js";
-import { PoolAssetsTableHead as m } from "./pool-assets-table/pool-assets-table-head.js";
-import { PoolAssetsTableRow as c } from "./pool-assets-table/pool-assets-table-row.js";
-import { TransactionConfirmAmountFieldTest as l, TransactionConfirmAmountPairTest as p } from "./tx-preview/confirm/amounts/constants.js";
-import { TransactionConfirmAmountField as C } from "./tx-preview/confirm/amounts/TransactionConfirmAmountField.js";
-import { computeTransactionConfirmDialogLayout as S } from "./tx-preview/confirm/dialog/computeTransactionConfirmDialogLayout.js";
-import { TransactionConfirmDialogTest as h, transactionConfirmDialogShellVariants as A, transactionConfirmModalContainerVariants as R, transactionConfirmPreviewScrollVariants as g, transactionConfirmShellContentVariants as d } from "./tx-preview/confirm/dialog/constants.js";
-import { TransactionConfirmShell as b } from "./tx-preview/confirm/dialog/TransactionConfirmShell.js";
-import { TransactionConfirmExecuteButton as V } from "./tx-preview/confirm/execution/TransactionConfirmExecuteButton.js";
-import { TransactionConfirmExecuteButtonTest as H, TransactionConfirmFailureResultTest as B, TransactionConfirmSuccessResultTest as E, TransactionConfirmTxHashRowTest as v } from "./tx-preview/confirm/result/constants.js";
-import { TransactionConfirmFailureResult as I } from "./tx-preview/confirm/result/TransactionConfirmFailureResult.js";
-import { TransactionConfirmSuccessIcon as M } from "./tx-preview/confirm/result/TransactionConfirmSuccessIcon.js";
-import { TransactionConfirmSuccessResult as j } from "./tx-preview/confirm/result/TransactionConfirmSuccessResult.js";
-import { TransactionConfirmTxHashRow as q } from "./tx-preview/confirm/result/TransactionConfirmTxHashRow.js";
-import { ProgressStepperTest as G } from "./tx-preview/confirm/stepper/constants.js";
-import { ProgressStepper as K } from "./tx-preview/confirm/stepper/ProgressStepper.js";
-import { shouldShowTransactionProgressStepper as Q } from "./tx-preview/confirm/stepper/transactionExecutionStepTypes.js";
+import { PoolAssetsTableTest as n } from "./pool-assets-table/constants.js";
+import { PoolAssetsTable as a } from "./pool-assets-table/pool-assets-table.js";
+import { TransactionConfirmAmountFieldTest as m } from "./tx-preview/confirm/amounts/constants.js";
+import { TransactionConfirmAmountField as T } from "./tx-preview/confirm/amounts/TransactionConfirmAmountField.js";
+import { TransactionConfirmDialogTest as p } from "./tx-preview/confirm/dialog/constants.js";
+import { TransactionConfirmShell as l } from "./tx-preview/confirm/dialog/TransactionConfirmShell.js";
+import { TransactionConfirmExecuteButton as C } from "./tx-preview/confirm/execution/TransactionConfirmExecuteButton.js";
+import { TransactionConfirmExecuteButtonTest as S, TransactionConfirmFailureResultTest as A, TransactionConfirmSuccessResultTest as F, TransactionConfirmTxHashRowTest as P } from "./tx-preview/confirm/result/constants.js";
+import { TransactionConfirmFailureResult as h } from "./tx-preview/confirm/result/TransactionConfirmFailureResult.js";
+import { TransactionConfirmSuccessResult as d } from "./tx-preview/confirm/result/TransactionConfirmSuccessResult.js";
+import { TransactionConfirmTxHashRow as B } from "./tx-preview/confirm/result/TransactionConfirmTxHashRow.js";
+import { ProgressStepperTest as H } from "./tx-preview/confirm/stepper/constants.js";
+import { ProgressStepper as N } from "./tx-preview/confirm/stepper/ProgressStepper.js";
 export {
   t as NotificationCenter,
-  s as PoolAssetsTable,
-  m as PoolAssetsTableHead,
-  c as PoolAssetsTableRow,
-  e as PoolAssetsTableTest,
-  K as ProgressStepper,
-  G as ProgressStepperTest,
-  C as TransactionConfirmAmountField,
-  l as TransactionConfirmAmountFieldTest,
-  p as TransactionConfirmAmountPairTest,
-  h as TransactionConfirmDialogTest,
-  V as TransactionConfirmExecuteButton,
-  H as TransactionConfirmExecuteButtonTest,
-  I as TransactionConfirmFailureResult,
-  B as TransactionConfirmFailureResultTest,
-  b as TransactionConfirmShell,
-  M as TransactionConfirmSuccessIcon,
-  j as TransactionConfirmSuccessResult,
-  E as TransactionConfirmSuccessResultTest,
-  q as TransactionConfirmTxHashRow,
-  v as TransactionConfirmTxHashRowTest,
-  S as computeTransactionConfirmDialogLayout,
-  Q as shouldShowTransactionProgressStepper,
-  A as transactionConfirmDialogShellVariants,
-  R as transactionConfirmModalContainerVariants,
-  g as transactionConfirmPreviewScrollVariants,
-  d as transactionConfirmShellContentVariants
+  a as PoolAssetsTable,
+  n as PoolAssetsTableTest,
+  N as ProgressStepper,
+  H as ProgressStepperTest,
+  T as TransactionConfirmAmountField,
+  m as TransactionConfirmAmountFieldTest,
+  p as TransactionConfirmDialogTest,
+  C as TransactionConfirmExecuteButton,
+  S as TransactionConfirmExecuteButtonTest,
+  h as TransactionConfirmFailureResult,
+  A as TransactionConfirmFailureResultTest,
+  l as TransactionConfirmShell,
+  d as TransactionConfirmSuccessResult,
+  F as TransactionConfirmSuccessResultTest,
+  B as TransactionConfirmTxHashRow,
+  P as TransactionConfirmTxHashRowTest
 };

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

@@ -1,20 +1,16 @@
-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 "@gearbox-protocol/sdk";
+import { Typography as l } from "../../typography/typography.js";
 import { cn as c } from "../../../utils/cn.js";
-import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
-import "luxon";
+import "@gearbox-protocol/sdk/onchain";
 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",
       {
@@ -24,10 +20,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,
+          l,
           {
             as: "span",
             variant: "bodySmall",
@@ -36,7 +32,7 @@ function b({ row: t }) {
           }
         ),
         /* @__PURE__ */ e(
-          n,
+          l,
           {
             as: "span",
             variant: "bodySmall",
@@ -46,7 +42,7 @@ function b({ row: t }) {
           }
         )
       ] }),
-      /* @__PURE__ */ e(n, { 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(
@@ -67,7 +63,7 @@ function b({ row: t }) {
     }
   );
 }
-function L({
+function R({
   open: t,
   onOpenChange: s,
   deferredRows: o,
@@ -85,7 +81,7 @@ function L({
       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",
@@ -107,14 +103,14 @@ function L({
           ]
         }
       ),
-      children: /* @__PURE__ */ i(
+      children: /* @__PURE__ */ n(
         "div",
         {
           "data-testid": a.panel,
           className: "flex flex-col p-8",
           children: [
             f ? null : /* @__PURE__ */ e(
-              n,
+              l,
               {
                 as: "span",
                 variant: "bodySmall",
@@ -123,14 +119,14 @@ function L({
                 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,
+                    l,
                     {
                       as: "span",
                       variant: "bodySmall",
@@ -138,11 +134,11 @@ function L({
                       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,
-            d.length > 0 ? /* @__PURE__ */ i(
+            d.length > 0 ? /* @__PURE__ */ n(
               "div",
               {
                 className: c(
@@ -151,9 +147,9 @@ function L({
                 ),
                 "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,
+                      l,
                       {
                         as: "span",
                         variant: "bodySmall",
@@ -172,27 +168,27 @@ function L({
                       }
                     ) : 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((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(
-                          n,
+                          l,
                           {
                             as: "span",
                             variant: "bodySmall",
                             className: "truncate text-foreground",
-                            children: l.label
+                            children: i.label
                           }
                         ),
-                        /* @__PURE__ */ e(n, { 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
                   )) })
                 ]
               }
@@ -204,5 +200,5 @@ function L({
   );
 }
 export {
-  L as NotificationCenter
+  R as NotificationCenter
 };

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

@@ -2,6 +2,7 @@ class t {
   static root = "pool-assets-table-root";
   static exposureCell = "pool-assets-table-exposure-cell";
   static capCell = "pool-assets-table-cap-cell";
+  static capBelowExposureTip = "pool-assets-table-cap-below-exposure-tip";
   static capUtilizationCell = "pool-assets-table-cap-utilization-cell";
 }
 export {

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
 };