@gearbox-protocol/permissionless-ui 1.15.3 → 1.15.4

package/dist/esm/components/index.js

@@ -6,7 +6,7 @@ import { AssetsListCell as G } from "./assets-list-cell/assets-list-cell.js";
 import { AssetsRatio as A } from "./assets-ratio/assets-ratio.js";
 import { ConnectRequired as h } from "./auth/connect-required.js";
 import { SignInRequired as w } from "./auth/signin-required.js";
-import { SIWEClientProvider as M } from "./auth/siwe-provider.js";
+import { SIWEClientProvider as H } from "./auth/siwe-provider.js";
 import { Avatar as E, AvatarFallback as v, AvatarImage as P } from "./avatar/avatar.js";
 import { Badge as y, badgeVariants as O } from "./badge/badge.js";
 import { BaseLink as _ } from "./base-link/base-link.js";
@@ -27,7 +27,7 @@ import { ExpandablCall as Lr } from "./cards/expandable-call/expandable-call.js"
 import { ExpandableCard as Ir } from "./cards/expandable-card/expandable-card.js";
 import { Checkbox as Fr } from "./checkbox/checkbox.js";
 import { CheckboxItem as Br } from "./checkbox-item/checkbox-item.js";
-import { ColoredText as Hr, coloredTextVariants as Mr } from "./colored-text/colored-text.js";
+import { ColoredText as kr, coloredTextVariants as Hr } from "./colored-text/colored-text.js";
 import { CompoundAPY as Er } from "./compound-apy/compound-apy.js";
 import { CreditSessionStatus as Pr } from "./credit-session-status/credit-session-status.js";
 import { Description as yr } from "./description/description.js";
@@ -50,7 +50,7 @@ import { DropdownMenuLabel as Go } from "./dropdown-menu/dropdown-menu-label.js"
 import { DropdownMenuRadioItem as Ao } from "./dropdown-menu/dropdown-menu-radio-item.js";
 import { DropdownMenuSeparator as ho } from "./dropdown-menu/dropdown-menu-separator.js";
 import { DropdownMenuShortcut as wo } from "./dropdown-menu/dropdown-menu-shortcut.js";
-import { DropdownMenuSubContent as Mo } from "./dropdown-menu/dropdown-menu-sub-content.js";
+import { DropdownMenuSubContent as Ho } from "./dropdown-menu/dropdown-menu-sub-content.js";
 import { DropdownMenuSubTrigger as Eo } from "./dropdown-menu/dropdown-menu-sub-trigger.js";
 import { ErrorLineMessage as Po } from "./error-message/error-line-message.js";
 import { ErrorMessage as yo } from "./error-message/error-message.js";
@@ -73,8 +73,8 @@ import { GeneralSelect as ce } from "./general-select/general-select.js";
 import { DEFAULT_AREA_SERIES as be, DEFAULT_OPTIONS as Ce, DEFAULT_VERTICAL_LINE as Se, getDefaultOptions as De, getDefaultSeries as Ve, getDefaultVerticalLine as Le } from "./graph/default-config.js";
 import { getXFormatter as Ie, getYFormatter as Ae } from "./graph/formatters.js";
 import { DEFAULT_SERIES_COLORS as he, Graph as Be } from "./graph/graph.js";
-import { GraphCurrentValue as He } from "./graph/graph-current-value.js";
-import { GraphTooltip as ke } from "./graph/graph-tooltip.js";
+import { GraphCurrentValue as ke } from "./graph/graph-current-value.js";
+import { GraphTooltip as Me } from "./graph/graph-tooltip.js";
 import { GraphView as ve, GraphViewWithData as Pe, graphViewVariants as Re, useGraphAside as ye } from "./graph/graph-view.js";
 import { VertLine as Ne } from "./graph/plugins/vertical-line.js";
 import { Guard as Ue } from "./guard/guard.js";
@@ -92,8 +92,8 @@ import { AppLogo as St } from "./layout/app-logo/app-logo.js";
 import { Block as Vt } from "./layout/block/block.js";
 import { Col as Gt } from "./layout/col/col.js";
 import { Container as At } from "./layout/container/container.js";
-import { Footer as ht, FooterLink as Bt, FooterLinkSection as wt, GearboxFooter as Ht } from "./layout/footer/footer.js";
-import { Grid as kt } from "./layout/grid/grid.js";
+import { Footer as ht, FooterLink as Bt, FooterLinkSection as wt, GearboxFooter as kt } from "./layout/footer/footer.js";
+import { Grid as Mt } from "./layout/grid/grid.js";
 import { Header as vt, useMobileMenu as Pt } from "./layout/header/header.js";
 import { Layout as yt } from "./layout/layout/layout.js";
 import { LegalDisclaimer as Nt } from "./layout/legal-disclaimer/legal-disclaimer.js";
@@ -113,7 +113,7 @@ import { OptionsItem as Da, OptionsList as Va } from "./options-list/options-lis
 import { PageTitle as Ga, pageTitleRootVariants as Ia, pageTitleVariants as Aa } from "./page-title/page-title.js";
 import { PercentIndicator as ha } from "./percent-indicator/percent-indicator.js";
 import { PointsIcon as wa } from "./points-icon/points-icon.js";
-import { PoolPointsIndicator as Ma } from "./pool-points-indicator/pool-points-indicator.js";
+import { PoolPointsIndicator as Ha } from "./pool-points-indicator/pool-points-indicator.js";
 import { Progress as Ea } from "./progress/progress.js";
 import { ProgressCircle as Pa } from "./progress-circle/progress-circle.js";
 import { RadioGroup as ya, RadioGroupItem as Oa, RadioOption as Na } from "./radio-group/radio-group.js";
@@ -131,7 +131,7 @@ import { SkeletonStack as Li } from "./skeleton/skeleton-stack.js";
 import { Slider as Ii } from "./slider/slider.js";
 import { SmartNumberInput as Fi } from "./smart-number-input/smart-number-input.js";
 import { Spinner as Bi, SpinnerOverlay as wi } from "./spinner/spinner.js";
-import { StatBadge as Mi, StatBadgeGrid as ki, statBadgeContentVariants as Ei, statBadgeGridVariants as vi, statBadgeTitleVariants as Pi, statBadgeVariants as Ri } from "./stat-badge/stat-badge.js";
+import { StatBadge as Hi, StatBadgeGrid as Mi, statBadgeContentVariants as Ei, statBadgeGridVariants as vi, statBadgeTitleVariants as Pi, statBadgeVariants as Ri } from "./stat-badge/stat-badge.js";
 import { StatusDot as Oi, statusDotVariants as Ni } from "./status-dot/status-dot.js";
 import { StatusTriangle as Ui } from "./status-triangle/status-triangle.js";
 import { Stepper as Wi } from "./stepper/stepper.js";
@@ -145,7 +145,7 @@ import { GridLoadingLine as dp } from "./table/grid-loading-line.js";
 import { GridTable as gp, GridTableBody as Tp, GridTableCaption as cp, GridTableCell as up, GridTableFooter as bp, GridTableHead as Cp, GridTableHeader as Sp, GridTableRow as Dp, Td as Vp, Th as Lp, gridTableCellVariants as Gp, gridTableHeadVariants as Ip, gridTableVariants as Ap } from "./table/grid-table.js";
 import { GridTableLoader as hp } from "./table/grid-table-loader.js";
 import { SortableHeadCell as wp } from "./table/sortable-head-cell.js";
-import { SortingTableHead as Mp, Table as kp, TableBody as Ep, TableCaption as vp, TableCell as Pp, TableFooter as Rp, TableHead as yp, TableHeader as Op, TableRow as Np, tableCellVariants as _p, tableHeadVariants as Up, tableVariants as qp } from "./table/table.js";
+import { SortingTableHead as Hp, Table as Mp, TableBody as Ep, TableCaption as vp, TableCell as Pp, TableFooter as Rp, TableHead as yp, TableHeader as Op, TableRow as Np, tableCellVariants as _p, tableHeadVariants as Up, tableVariants as qp } from "./table/table.js";
 import { TableLoader as Yp } from "./table/table-loader.js";
 import { TableLoaderGuard as zp } from "./table/table-loader-guard.js";
 import { TableCellSm as jp, TableLineSm as Jp } from "./table/table-sm.js";
@@ -155,19 +155,19 @@ import { Textarea as pn, textareaVariants as nn } from "./textarea/textarea.js";
 import { ThemeProvider as mn, useTheme as xn } from "./theme-provider.js";
 import { ThemeToggle as dn } from "./theme-toggle/theme-toggle.js";
 import { TipCard as gn, tipCardVariants as Tn } from "./tip-card/tip-card.js";
-import { TokenIcon as un } from "./token-icon/token-icon.js";
-import { TokenSymbol as Cn } from "./token-symbol/token-symbol.js";
-import { TokenTemplate as Dn } from "./token-template/token-template.js";
-import { Tooltip as Ln, TooltipContent as Gn, TooltipProvider as In, TooltipTrigger as An } from "./tooltip/tooltip.js";
-import { GraphDropdown as hn } from "./trading-view/graph-dropdown.js";
-import { TradingView as wn } from "./trading-view/trading-view.js";
-import { FormattedMessageTyped as Mn, useIntlTyped as kn } from "./typed-intl/index.js";
-import { Typography as vn, typographyVariants as Pn } from "./typography/typography.js";
-import { VerticalIndicator as yn, verticalIndicatorVariants as On } from "./vertical-indicator/vertical-indicator.js";
-import { VerticalList as _n, verticalListVariants as Un } from "./vertical-list/vertical-list.js";
-import { VSpace as Wn } from "./vspace/vspace.js";
-import { WithCopy as Zn } from "./with-copy/with-copy.js";
-import { WithFilterButton as Xn } from "./with-filter-button/with-filter-button.js";
+import { TokenIcon as un, preloadTokenIcons as bn } from "./token-icon/token-icon.js";
+import { TokenSymbol as Sn } from "./token-symbol/token-symbol.js";
+import { TokenTemplate as Vn } from "./token-template/token-template.js";
+import { Tooltip as Gn, TooltipContent as In, TooltipProvider as An, TooltipTrigger as Fn } from "./tooltip/tooltip.js";
+import { GraphDropdown as Bn } from "./trading-view/graph-dropdown.js";
+import { TradingView as kn } from "./trading-view/trading-view.js";
+import { FormattedMessageTyped as Mn, useIntlTyped as En } from "./typed-intl/index.js";
+import { Typography as Pn, typographyVariants as Rn } from "./typography/typography.js";
+import { VerticalIndicator as On, verticalIndicatorVariants as Nn } from "./vertical-indicator/vertical-indicator.js";
+import { VerticalList as Un, verticalListVariants as qn } from "./vertical-list/vertical-list.js";
+import { VSpace as Yn } from "./vspace/vspace.js";
+import { WithCopy as zn } from "./with-copy/with-copy.js";
+import { WithFilterButton as jn } from "./with-filter-button/with-filter-button.js";
 export {
   e as Accordion,
   t as AccordionContent,
@@ -211,7 +211,7 @@ export {
   Fr as Checkbox,
   Br as CheckboxItem,
   Gt as Col,
-  Hr as ColoredText,
+  kr as ColoredText,
   Er as CompoundAPY,
   gi as ConfirmationItem,
   h as ConnectRequired,
@@ -248,7 +248,7 @@ export {
   ho as DropdownMenuSeparator,
   wo as DropdownMenuShortcut,
   To as DropdownMenuSub,
-  Mo as DropdownMenuSubContent,
+  Ho as DropdownMenuSubContent,
   Eo as DropdownMenuSubTrigger,
   co as DropdownMenuTrigger,
   rp as EditButton,
@@ -277,15 +277,15 @@ export {
   ge as FormField,
   Mn as FormattedMessageTyped,
   Xe as GOOD_HF,
-  Ht as GearboxFooter,
+  kt as GearboxFooter,
   ce as GeneralSelect,
   Be as Graph,
-  He as GraphCurrentValue,
-  hn as GraphDropdown,
-  ke as GraphTooltip,
+  ke as GraphCurrentValue,
+  Bn as GraphDropdown,
+  Me as GraphTooltip,
   ve as GraphView,
   Pe as GraphViewWithData,
-  kt as Grid,
+  Mt as Grid,
   xp as GridErrorLine,
   dp as GridLoadingLine,
   gp as GridTable,
@@ -336,14 +336,14 @@ export {
   Ga as PageTitle,
   ha as PercentIndicator,
   wa as PointsIcon,
-  Ma as PoolPointsIndicator,
+  Ha as PoolPointsIndicator,
   Ea as Progress,
   Pa as ProgressCircle,
   ya as RadioGroup,
   Oa as RadioGroupItem,
   Na as RadioOption,
   nr as RangeButtons,
-  M as SIWEClientProvider,
+  H as SIWEClientProvider,
   Ua as SearchBar,
   Wa as SearchLine,
   ja as SegmentedControl,
@@ -367,11 +367,11 @@ export {
   Ii as Slider,
   Fi as SmartNumberInput,
   wp as SortableHeadCell,
-  Mp as SortingTableHead,
+  Hp as SortingTableHead,
   Bi as Spinner,
   wi as SpinnerOverlay,
-  Mi as StatBadge,
-  ki as StatBadgeGrid,
+  Hi as StatBadge,
+  Mi as StatBadgeGrid,
   Oi as StatusDot,
   Ui as StatusTriangle,
   Wi as Stepper,
@@ -379,7 +379,7 @@ export {
   mr as TabButton,
   Xi as TabControl,
   ji as TabItem,
-  kp as Table,
+  Mp as Table,
   Ep as TableBody,
   vp as TableCaption,
   Pp as TableCell,
@@ -406,29 +406,29 @@ export {
   gn as TipCard,
   et as TipWrap,
   un as TokenIcon,
-  Cn as TokenSymbol,
-  Dn as TokenTemplate,
-  Ln as Tooltip,
-  Gn as TooltipContent,
-  In as TooltipProvider,
-  An as TooltipTrigger,
-  wn as TradingView,
-  vn as Typography,
+  Sn as TokenSymbol,
+  Vn as TokenTemplate,
+  Gn as Tooltip,
+  In as TooltipContent,
+  An as TooltipProvider,
+  Fn as TooltipTrigger,
+  kn as TradingView,
+  Pn as Typography,
   Qp as UpdatedValue,
-  Wn as VSpace,
+  Yn as VSpace,
   Ne as VertLine,
-  yn as VerticalIndicator,
-  _n as VerticalList,
+  On as VerticalIndicator,
+  Un as VerticalList,
   bi as VerticalTimeline,
-  Zn as WithCopy,
-  Xn as WithFilterButton,
+  zn as WithCopy,
+  jn as WithFilterButton,
   Ya as WithSearchLine,
   l as alertBadgeVariants,
   X as backButtonVariants,
   O as badgeVariants,
   K as buttonVariants,
   dr as cardGridVariants,
-  Mr as coloredTextVariants,
+  Hr as coloredTextVariants,
   Zt as createGearboxAppConfig,
   zt as createLegalAgreementConfig,
   Xt as createPermissionlessInterfaceConfig,
@@ -451,6 +451,7 @@ export {
   ua as navitemVariants,
   Ia as pageTitleRootVariants,
   Aa as pageTitleVariants,
+  bn as preloadTokenIcons,
   Za as searchLineInputVariants,
   za as searchLineVariants,
   Ja as segmentedControlVariants,
@@ -466,15 +467,15 @@ export {
   qp as tableVariants,
   nn as textareaVariants,
   Tn as tipCardVariants,
-  Pn as typographyVariants,
+  Rn as typographyVariants,
   ye as useGraphAside,
   Ji as useHashTabs,
-  kn as useIntlTyped,
+  En as useIntlTyped,
   Pt as useMobileMenu,
   ga as useNavbarIndicator,
   Ki as useSectionTab,
   Qi as useTabControl,
   xn as useTheme,
-  On as verticalIndicatorVariants,
-  Un as verticalListVariants
+  Nn as verticalIndicatorVariants,
+  qn as verticalListVariants
 };

package/dist/esm/components/layout/app-logo/app-logo.js

@@ -1,7 +1,7 @@
 import { jsxs as m, jsx as e } from "react/jsx-runtime";
 import { Image as r } from "../../image/image.js";
 import { cn as o } from "../../../utils/cn.js";
-function x({
+function d({
   appName: a,
   size: t = "default"
 }) {
@@ -22,16 +22,16 @@ function x({
             height: t === "default" ? 24 : 20,
             loading: "eager",
             className: o(
-              "h-auto",
+              "h-auto flex-shrink-0",
               t === "default" ? "w-20 sm:w-24 md:w-[120px]" : "w-16 sm:w-20 md:w-[100px]"
             )
           }
         ),
-        /* @__PURE__ */ e("span", { className: "text-muted-foreground truncate", children: a })
+        /* @__PURE__ */ e("span", { className: "text-muted-foreground whitespace-nowrap", children: a })
       ]
     }
   );
 }
 export {
-  x as AppLogo
+  d as AppLogo
 };

package/dist/esm/components/layout/legal-disclaimer/legal-disclaimer.js

@@ -1,6 +1,9 @@
 import { jsxs as o, jsx as r } from "react/jsx-runtime";
 import { BaseLink as i } from "../../base-link/base-link.js";
-function c({ hrefs: e, appName: t = "Permissionless Interface" }) {
+function c({
+  hrefs: e,
+  appName: t = "Permissionless Interface"
+}) {
   return /* @__PURE__ */ o("p", { className: "text-sm text-muted-foreground max-w-md", children: [
     "Any use of and/or interaction with the ",
     t,

package/dist/esm/components/liquidation/liquidation-assets-table/liquidation-assets-table.js

@@ -1,23 +1,29 @@
-import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
 import { AssetUtils as h, PRICE_DECIMALS as b } from "@gearbox-protocol/sdk";
 import { useMemo as N } from "react";
 import { TokenSymbol as v } from "../../token-symbol/token-symbol.js";
 import { FormattedMessageTyped as s } from "../../typed-intl/index.js";
-import { useIsMobile as k } from "../../../hooks/use-media-query.js";
-import { cn as o } from "../../../utils/cn.js";
-function D({
+import { useIsMobile as L } from "../../../hooks/use-media-query.js";
+import { cn as n } from "../../../utils/cn.js";
+function q({
   tokensList: a,
-  graphParams: d,
-  data: l,
+  graphParams: l,
+  data: i,
   prices: m,
   editedPrices: f
 }) {
-  const { fixedBalances: i } = d, c = N(() => h.constructAssetRecord(i), [i]), x = k();
-  return /* @__PURE__ */ r("div", { className: "w-full", children: [
+  const { fixedBalances: o } = l, c = N(() => h.constructAssetRecord(o), [o]), u = L();
+  return !i || !i.length ? /* @__PURE__ */ e("div", { className: "w-full flex items-center justify-center py-8 text-sm text-muted-foreground", children: /* @__PURE__ */ e(
+    s,
+    {
+      messageId: "components.creditSessionDetailedLiquidation.table.noData",
+      defaultMessage: "No data"
+    }
+  ) }) : /* @__PURE__ */ r("div", { className: "w-full", children: [
     /* @__PURE__ */ r(
       "div",
       {
-        className: o(
+        className: n(
           "grid w-full px-3 sm:px-4 gap-1 sm:gap-2 items-center",
           "h-7 sm:h-8 md:h-[30px]",
           "relative after:absolute after:bottom-0 after:left-2 sm:after:left-3 after:right-2 sm:after:right-3 after:h-px after:border-b after:border-border"
@@ -30,15 +36,15 @@ function D({
         ]
       }
     ),
-    l.map((t, u, p) => {
-      const g = p.length - 1 === u;
+    i.map((t, x, g) => {
+      const p = g.length - 1 === x;
       return /* @__PURE__ */ r(
         "div",
         {
-          className: o(
+          className: n(
             "grid w-full px-3 sm:px-4 gap-1 sm:gap-2 items-center relative",
             "h-12 sm:h-14 md:h-[51px]",
-            !g && "after:absolute after:bottom-0 after:left-2 sm:after:left-3 after:right-2 sm:after:right-3 after:h-px after:border-b after:border-border"
+            !p && "after:absolute after:bottom-0 after:left-2 sm:after:left-3 after:right-2 sm:after:right-3 after:h-px after:border-b after:border-border"
           ),
           style: {
             gridTemplateColumns: "1fr 1fr 1fr"
@@ -47,7 +53,7 @@ function D({
             /* @__PURE__ */ e("div", { className: "text-left min-w-0", children: /* @__PURE__ */ e(
               v,
               {
-                size: x ? 18 : 24,
+                size: u ? 18 : 24,
                 token: a[t.token],
                 showSymbol: !0,
                 maxLength: 6,
@@ -56,11 +62,11 @@ function D({
             ) }),
             /* @__PURE__ */ r("div", { className: "text-right text-xs sm:text-sm md:text-base truncate", children: [
               "$",
-              n(m[t.token])
+              d(m[t.token])
             ] }),
             /* @__PURE__ */ e("div", { className: "text-right min-w-0", children: c[t.token] ? /* @__PURE__ */ e("span", { className: "text-xs sm:text-sm text-muted-foreground truncate", children: /* @__PURE__ */ e(s, { messageId: "components.creditSessionDetailedLiquidation.table.seeGraph" }) }) : /* @__PURE__ */ r("span", { className: "text-xs sm:text-sm md:text-base text-muted-foreground truncate", children: [
               "$",
-              n(f[t.token] || m[t.token])
+              d(f[t.token] || m[t.token])
             ] }) })
           ]
         },
@@ -69,9 +75,9 @@ function D({
     })
   ] });
 }
-function n(a) {
+function d(a) {
   return (Number(a || 0n) / Number(b)).toFixed(2);
 }
 export {
-  D as LiquidationModellingAssetsTable
+  q as LiquidationModellingAssetsTable
 };