@gearbox-protocol/permissionless-ui 1.22.0-next.45 → 1.22.0-next.47

package/dist/esm/index.js

@@ -6,7 +6,7 @@ import { Apy as I } from "./components/apy/apy.js";
 import { ArcLoader as h } from "./components/arc-loader/arc-loader.js";
 import { AssetLine as B } from "./components/asset-line/asset-line.js";
 import { AssetsListCell as w } from "./components/assets-list-cell/assets-list-cell.js";
-import { AssetsRatio as E } from "./components/assets-ratio/assets-ratio.js";
+import { AssetsRatio as P } from "./components/assets-ratio/assets-ratio.js";
 import { ConnectRequired as v } from "./components/auth/connect-required.js";
 import { SignInRequired as y } from "./components/auth/signin-required.js";
 import { SIWEClientProvider as N } from "./components/auth/siwe-provider.js";
@@ -27,7 +27,7 @@ import { TabButton as cr } from "./components/buttons/tab-button/tab-button.js";
 import { CardGrid as Sr, cardGridVariants as Cr } from "./components/card-grid/card-grid.js";
 import { Card as Dr, CardContent as Ar, CardDescription as Ir, CardFooter as Vr, CardHeader as hr, CardTitle as Fr } from "./components/cards/card/card.js";
 import { DangerZone as Gr } from "./components/cards/danger-zone/danger-zone.js";
-import { ExpandablCall as Pr } from "./components/cards/expandable-call/expandable-call.js";
+import { ExpandablCall as Er } from "./components/cards/expandable-call/expandable-call.js";
 import { ExpandableCard as kr } from "./components/cards/expandable-card/expandable-card.js";
 import { Carousel as Mr } from "./components/carousel/carousel.js";
 import { Checkbox as Hr } from "./components/checkbox/checkbox.js";
@@ -53,7 +53,7 @@ import { DialogFooter as Ie } from "./components/dialog/dialog-footer.js";
 import { DialogForm as he } from "./components/dialog/dialog-form.js";
 import { DialogHeader as Be } from "./components/dialog/dialog-header.js";
 import { DialogModalContainer as we } from "./components/dialog/dialog-modal-container.js";
-import { DialogOverlay as Ee } from "./components/dialog/dialog-overlay.js";
+import { DialogOverlay as Pe } from "./components/dialog/dialog-overlay.js";
 import { DialogTitle as ve } from "./components/dialog/dialog-title.js";
 import { OneFieldDialog as ye } from "./components/dialog/one-field-dialog.js";
 import { DefaultDropdownLabel as Ne } from "./components/dropdown-label/dropdown-label.js";
@@ -77,7 +77,7 @@ import { FilterBlock as Io } from "./components/filter/filter-block.js";
 import { FilterCheckboxItem as ho } from "./components/filter/filter-checkbox-item.js";
 import { FilterChip as Bo } from "./components/filter/filter-chip.js";
 import { FilterChips as wo } from "./components/filter/filter-chips.js";
-import { FilterDropdownItem as Eo } from "./components/filter/filter-dropdown-item.js";
+import { FilterDropdownItem as Po } from "./components/filter/filter-dropdown-item.js";
 import { FilterGroup as vo } from "./components/filter/filter-group.js";
 import { FilterLabel as yo } from "./components/filter/filter-label.js";
 import { FilterModal as No } from "./components/filter/filter-modal.js";
@@ -98,7 +98,7 @@ import { GraphView as St, GraphViewWithData as Ct, graphViewVariants as Lt, useG
 import { VertLine as It } from "./components/graph/plugins/vertical-line.js";
 import { GridTDCell as ht } from "./components/grid-td-cell/grid-td-cell.js";
 import { Guard as Bt } from "./components/guard/guard.js";
-import { HeadCell as wt, SimpleHeadCell as Pt } from "./components/head-cell/head-cell.js";
+import { HeadCell as wt, SimpleHeadCell as Et } from "./components/head-cell/head-cell.js";
 import { BAD_HF as kt, GOOD_HF as vt, HealthFactor as Mt, getHFZones as yt } from "./components/health-factor/health-factor.js";
 import { HelpCenterContainer as Nt } from "./components/help-center-container/help-center-container.js";
 import { HelpSection as Ot, HelpSections as _t } from "./components/help-sections/help-sections.js";
@@ -118,7 +118,7 @@ import { Header as Da, useMobileMenu as Aa } from "./components/layout/header/he
 import { Layout as Va } from "./components/layout/layout/layout.js";
 import { LegalDisclaimer as Fa } from "./components/layout/legal-disclaimer/legal-disclaimer.js";
 import { PageLayout as Ga } from "./components/layout/page-layout/page-layout.js";
-import { BlockedRegionDialog as Pa, LegalAgreementDialog as Ea, createGearboxAppConfig as ka, createLegalAgreementConfig as va, createPermissionlessInterfaceConfig as Ma, createPermissionlessSafeConfig as ya } from "./components/legal-agreement/legal-agreement-dialog.js";
+import { BlockedRegionDialog as Ea, LegalAgreementDialog as Pa, createGearboxAppConfig as ka, createLegalAgreementConfig as va, createPermissionlessInterfaceConfig as Ma, createPermissionlessSafeConfig as ya } from "./components/legal-agreement/legal-agreement-dialog.js";
 import { LiquidationModellingAssetsTable as Na } from "./components/liquidation/liquidation-assets-table/liquidation-assets-table.js";
 import { LiquidationGraph as Oa } from "./components/liquidation/liquidation-graph/liquidation-graph.js";
 import { LiquidationGraphLegend as qa } from "./components/liquidation/liquidation-graph-legend/liquidation-graph-legend.js";
@@ -139,7 +139,7 @@ import { PageTitle as Di, pageTitleRootVariants as Ai, pageTitleVariants as Ii }
 import { PercentIndicator as hi } from "./components/percent-indicator/percent-indicator.js";
 import { PointsIcon as Bi } from "./components/points-icon/points-icon.js";
 import { PoolAPYTooltip as wi } from "./components/pool-apy-tooltip/pool-apy-tooltip.js";
-import { PoolIndicatorIcon as Ei } from "./components/pool-indicator-icon/pool-indicator-icon.js";
+import { PoolIndicatorIcon as Pi } from "./components/pool-indicator-icon/pool-indicator-icon.js";
 import { PoolPointsIndicator as vi } from "./components/pool-points-indicator/pool-points-indicator.js";
 import { Progress as yi } from "./components/progress/progress.js";
 import { ProgressCircle as Ni } from "./components/progress-circle/progress-circle.js";
@@ -157,7 +157,7 @@ import { Identicon as Dp } from "./components/signatures/identicon.js";
 import { VerticalTimeline as Ip } from "./components/signatures/vertical-timeline.js";
 import { Skeleton as hp, skeletonVariants as Fp } from "./components/skeleton/skeleton.js";
 import { SkeletonStack as Gp } from "./components/skeleton/skeleton-stack.js";
-import { Slider as Pp } from "./components/slider/slider.js";
+import { Slider as Ep } from "./components/slider/slider.js";
 import { SliderToken as kp } from "./components/slider-token/slider-token.js";
 import { BalanceIndicator as Mp } from "./components/smart-number-input/balance-indicator.js";
 import { SmartNumberInput as Hp } from "./components/smart-number-input/smart-number-input.js";
@@ -176,7 +176,7 @@ import { GridTableCellAsset as Cn, GridTableCellUpdatable as Ln, GridTableEditab
 import { TableCellAsset as In, TableCellUpdatable as Vn, TableEditable as hn } from "./components/table/editable-table.js";
 import { GridErrorLine as Bn } from "./components/table/grid-error-line.js";
 import { GridLoadingLine as wn } from "./components/table/grid-loading-line.js";
-import { GridTable as En, GridTableBody as kn, GridTableCaption as vn, GridTableCell as Mn, GridTableFooter as yn, GridTableHead as Hn, GridTableHeader as Nn, GridTableRow as Rn, Td as On, Th as _n, gridTableCellVariants as qn, gridTableHeadVariants as Un, gridTableVariants as Wn } from "./components/table/grid-table.js";
+import { GridTable as Pn, GridTableBody as kn, GridTableCaption as vn, GridTableCell as Mn, GridTableFooter as yn, GridTableHead as Hn, GridTableHeader as Nn, GridTableRow as Rn, Td as On, Th as _n, gridTableCellVariants as qn, gridTableHeadVariants as Un, gridTableVariants as Wn } from "./components/table/grid-table.js";
 import { GridTableLoader as Xn } from "./components/table/grid-table-loader.js";
 import { SortableHeadCell as Yn } from "./components/table/sortable-head-cell.js";
 import { SortingTableHead as Kn, Table as jn, TableBody as Jn, TableCaption as $n, TableCell as rm, TableFooter as em, TableHead as om, TableHeader as tm, TableRow as am, tableCellVariants as im, tableHeadVariants as pm, tableVariants as nm } from "./components/table/table.js";
@@ -188,63 +188,64 @@ import { Tabs as bm, TabsContent as Sm, TabsList as Cm, TabsTrigger as Lm } from
 import { TextButton as Am } from "./components/text-button/text-button.js";
 import { Textarea as Vm, textareaVariants as hm } from "./components/textarea/textarea.js";
 import { ThemeProvider as Bm, useTheme as Gm } from "./components/theme-provider.js";
-import { ThemeToggle as Pm } from "./components/theme-toggle/theme-toggle.js";
-import { TipCard as km, tipCardVariants as vm } from "./components/tip-card/tip-card.js";
-import { TokenIcon as ym, preloadTokenIcons as Hm } from "./components/token-icon/token-icon.js";
-import { TokenSymbol as Rm } from "./components/token-symbol/token-symbol.js";
-import { TokenTemplate as _m } from "./components/token-template/token-template.js";
-import { SimpleTooltip as Um } from "./components/tooltip/simple-tooltip.js";
-import { Tooltip as zm, TooltipContent as Xm, TooltipProvider as Zm, TooltipTrigger as Ym } from "./components/tooltip/tooltip.js";
-import { GraphDropdown as Km } from "./components/trading-view/graph-dropdown.js";
-import { TradingView as Jm } from "./components/trading-view/trading-view.js";
-import { FormattedMessageTyped as rl, useIntlTyped as el } from "./components/typed-intl/index.js";
-import { Typography as tl, typographyVariants as al } from "./components/typography/typography.js";
-import { VerticalIndicator as pl, verticalIndicatorVariants as nl } from "./components/vertical-indicator/vertical-indicator.js";
-import { VerticalList as ll, verticalListVariants as fl } from "./components/vertical-list/vertical-list.js";
-import { VSpace as sl } from "./components/vspace/vspace.js";
-import { WithCopy as ul } from "./components/with-copy/with-copy.js";
-import { WithFilterButton as gl } from "./components/with-filter-button/with-filter-button.js";
-import { WithTitle as bl } from "./components/with-title/with-title.js";
-import { designTokens as Cl } from "./configs/design-tokens.js";
-import { interactiveVariants as Dl, paddingVariants as Al, sizeVariants as Il, stateVariants as Vl } from "./configs/variants.js";
-import { useCheckboxSelect as Fl } from "./hooks/use-checkbox-select.js";
-import { useControllableState as Gl } from "./hooks/use-controllable-state.js";
-import { useDebounce as Pl } from "./hooks/use-debounce.js";
-import { useDebounceCall as kl } from "./hooks/use-debounce-call.js";
-import { getSortForField as Ml, useFilterAllSelected as yl, useRangeFilter as Hl, useSelectFilter as Nl, useSort as Rl } from "./hooks/use-filter.js";
-import { useHF as _l } from "./hooks/use-hf.js";
-import { useEditPriceManually as Ul, useLiquidationGraphParams as Wl, useLiquidationHeatmap as zl } from "./hooks/use-liquidation/index.js";
-import { useIsDesktop as Zl, useIsExtraSmall as Yl, useIsMobile as Ql, useIsTablet as Kl, useMediaQuery as jl } from "./hooks/use-media-query.js";
-import { useOpenedState as $l } from "./hooks/use-opened-state.js";
-import { usePrevious as ef } from "./hooks/use-previous.js";
-import { useSmartNumberInput as tf } from "./hooks/use-smart-number-input.js";
-import { default as pf } from "./locale/en.json.js";
-import { generateId as mf, useFormFieldIds as lf } from "./utils/a11y.js";
-import { bnToInputView as xf } from "./utils/bn-to-input-view.js";
-import { bnToPrettyView as df } from "./utils/bn-to-pretty-view.js";
-import { cn as Tf } from "./utils/cn.js";
-import { generateColorsFromBase as cf, getCSSVariable as bf, hexToRgba as Sf, resolveCSSColor as Cf } from "./utils/colors.js";
-import { copyToClipboard as Df } from "./utils/copy.js";
-import { convertPercent as If, formatBytecodeSize as Vf, formatBytecodeVersion as hf, formatTimestamp as Ff, shortenHash as Bf, significantTrunc as Gf } from "./utils/format.js";
-import { formatAssetAmount as Pf } from "./utils/format-asset-amount.js";
-import { formatMoney as kf, formatMoneyAmount as vf, formatPercentAmount as Mf, percentTemplate as yf, percentageTemplate as Hf } from "./utils/format-money.js";
-import { FORMAT_CONSTANTS as Rf, formatNumberWithSuffix as Of, formatPrice as _f, getAdaptiveDecimals as qf, isBelowDisplayThreshold as Uf, isEffectivelyZero as Wf, toSignificantDigits as zf } from "./utils/format-number.js";
-import { slippageTemplate as Zf } from "./utils/format-slippage.js";
-import { allLoaded as Qf, loadingProgress as Kf, round5 as jf } from "./utils/loading.js";
-import { getNetworkIcon as $f } from "./utils/network-icons.js";
-import { bnToLiquidationPriceView as ex, isPositiveFloat as ox, parseInputToBN as tx, parseSmallNumber as ax } from "./utils/parse-input-to-bn.js";
-import { pluralize as px, selectPluralString as nx } from "./utils/plural.js";
-import { getAvailableRanges as lx } from "./utils/ranges.js";
-import { extractTextFromLabel as xx, serializeValue as sx } from "./utils/react.js";
-import { searchInString as ux } from "./utils/search.js";
-import { createTokenSearchFilter as gx, searchInToken as cx } from "./utils/search-in-token.js";
-import { shortSHA as Sx } from "./utils/short-sha.js";
-import { isLongString as Lx, shortenString as Dx } from "./utils/shorten-string.js";
-import { negativeTokenTemplate as Ix, tokenTemplate as Vx, tokenTemplateNumber as hx, tokenTemplateString as Fx } from "./utils/templates.js";
-import { TTL_CONSTANTS as Gx, getTTLZone as wx, ttlFromTimestamp as Px, ttlLeft as Ex, ttlLeftParsed as kx } from "./utils/ttl.js";
-import { openInNewWindow as Mx } from "./utils/window.js";
-import { Z_INDEX as Hx } from "./utils/z-index.js";
-import { CELL_BAD as Rx, CELL_CURRENT as Ox, CELL_GOOD as _x, CELL_HOVERED as qx, CELL_LIQUIDATION as Ux, CELL_OK as Wx, DEFAULT_AXIS_MAX as zx, DEFAULT_AXIS_MIN as Xx, formatAxisLabel as Zx, formatAxisTipLabel as Yx, formatAxisTipPrice as Qx, getCellClass as Kx, isPointInCell as jx, useAxis as Jx, useFixedAssets as $x, useIsAxisInRelativeUnits as rs, useLiquidationGraphActivePrice as es, useLiquidationGraphCurrentActiveValue as os, usePriceInNumber as ts, useWithLiquidationGraphActivePrices as as } from "./hooks/use-liquidation/utils.js";
+import { ThemeToggle as Em } from "./components/theme-toggle/theme-toggle.js";
+import { TimeToLiquidation as km } from "./components/time-to-liquidation/time-to-liquidation.js";
+import { TipCard as Mm, tipCardVariants as ym } from "./components/tip-card/tip-card.js";
+import { TokenIcon as Nm, preloadTokenIcons as Rm } from "./components/token-icon/token-icon.js";
+import { TokenSymbol as _m } from "./components/token-symbol/token-symbol.js";
+import { TokenTemplate as Um } from "./components/token-template/token-template.js";
+import { SimpleTooltip as zm } from "./components/tooltip/simple-tooltip.js";
+import { Tooltip as Zm, TooltipContent as Ym, TooltipProvider as Qm, TooltipTrigger as Km } from "./components/tooltip/tooltip.js";
+import { GraphDropdown as Jm } from "./components/trading-view/graph-dropdown.js";
+import { TradingView as rl } from "./components/trading-view/trading-view.js";
+import { FormattedMessageTyped as ol, useIntlTyped as tl } from "./components/typed-intl/index.js";
+import { Typography as il, typographyVariants as pl } from "./components/typography/typography.js";
+import { VerticalIndicator as ml, verticalIndicatorVariants as ll } from "./components/vertical-indicator/vertical-indicator.js";
+import { VerticalList as xl, verticalListVariants as sl } from "./components/vertical-list/vertical-list.js";
+import { VSpace as ul } from "./components/vspace/vspace.js";
+import { WithCopy as gl } from "./components/with-copy/with-copy.js";
+import { WithFilterButton as bl } from "./components/with-filter-button/with-filter-button.js";
+import { WithTitle as Cl } from "./components/with-title/with-title.js";
+import { designTokens as Dl } from "./configs/design-tokens.js";
+import { interactiveVariants as Il, paddingVariants as Vl, sizeVariants as hl, stateVariants as Fl } from "./configs/variants.js";
+import { useCheckboxSelect as Gl } from "./hooks/use-checkbox-select.js";
+import { useControllableState as El } from "./hooks/use-controllable-state.js";
+import { useDebounce as kl } from "./hooks/use-debounce.js";
+import { useDebounceCall as Ml } from "./hooks/use-debounce-call.js";
+import { getSortForField as Hl, useFilterAllSelected as Nl, useRangeFilter as Rl, useSelectFilter as Ol, useSort as _l } from "./hooks/use-filter.js";
+import { useHF as Ul } from "./hooks/use-hf.js";
+import { useEditPriceManually as zl, useLiquidationGraphParams as Xl, useLiquidationHeatmap as Zl } from "./hooks/use-liquidation/index.js";
+import { useIsDesktop as Ql, useIsExtraSmall as Kl, useIsMobile as jl, useIsTablet as Jl, useMediaQuery as $l } from "./hooks/use-media-query.js";
+import { useOpenedState as ef } from "./hooks/use-opened-state.js";
+import { usePrevious as tf } from "./hooks/use-previous.js";
+import { useSmartNumberInput as pf } from "./hooks/use-smart-number-input.js";
+import { default as mf } from "./locale/en.json.js";
+import { generateId as ff, useFormFieldIds as xf } from "./utils/a11y.js";
+import { bnToInputView as df } from "./utils/bn-to-input-view.js";
+import { bnToPrettyView as Tf } from "./utils/bn-to-pretty-view.js";
+import { cn as cf } from "./utils/cn.js";
+import { generateColorsFromBase as Sf, getCSSVariable as Cf, hexToRgba as Lf, resolveCSSColor as Df } from "./utils/colors.js";
+import { copyToClipboard as If } from "./utils/copy.js";
+import { convertPercent as hf, formatBytecodeSize as Ff, formatBytecodeVersion as Bf, formatTimestamp as Gf, shortenHash as wf, significantTrunc as Ef } from "./utils/format.js";
+import { formatAssetAmount as kf } from "./utils/format-asset-amount.js";
+import { formatMoney as Mf, formatMoneyAmount as yf, formatPercentAmount as Hf, percentTemplate as Nf, percentageTemplate as Rf } from "./utils/format-money.js";
+import { FORMAT_CONSTANTS as _f, formatNumberWithSuffix as qf, formatPrice as Uf, getAdaptiveDecimals as Wf, isBelowDisplayThreshold as zf, isEffectivelyZero as Xf, toSignificantDigits as Zf } from "./utils/format-number.js";
+import { slippageTemplate as Qf } from "./utils/format-slippage.js";
+import { allLoaded as jf, loadingProgress as Jf, round5 as $f } from "./utils/loading.js";
+import { getNetworkIcon as ex } from "./utils/network-icons.js";
+import { bnToLiquidationPriceView as tx, isPositiveFloat as ax, parseInputToBN as ix, parseSmallNumber as px } from "./utils/parse-input-to-bn.js";
+import { pluralize as mx, selectPluralString as lx } from "./utils/plural.js";
+import { getAvailableRanges as xx } from "./utils/ranges.js";
+import { extractTextFromLabel as dx, serializeValue as ux } from "./utils/react.js";
+import { searchInString as gx } from "./utils/search.js";
+import { createTokenSearchFilter as bx, searchInToken as Sx } from "./utils/search-in-token.js";
+import { shortSHA as Lx } from "./utils/short-sha.js";
+import { isLongString as Ax, shortenString as Ix } from "./utils/shorten-string.js";
+import { negativeTokenTemplate as hx, tokenTemplate as Fx, tokenTemplateNumber as Bx, tokenTemplateString as Gx } from "./utils/templates.js";
+import { TTL_CONSTANTS as Ex, getTTLZones as Px, ttlFromTimestamp as kx, ttlLeft as vx, ttlLeftHuman as Mx } from "./utils/ttl.js";
+import { openInNewWindow as Hx } from "./utils/window.js";
+import { Z_INDEX as Rx } from "./utils/z-index.js";
+import { CELL_BAD as _x, CELL_CURRENT as qx, CELL_GOOD as Ux, CELL_HOVERED as Wx, CELL_LIQUIDATION as zx, CELL_OK as Xx, DEFAULT_AXIS_MAX as Zx, DEFAULT_AXIS_MIN as Yx, formatAxisLabel as Qx, formatAxisTipLabel as Kx, formatAxisTipPrice as jx, getCellClass as Jx, isPointInCell as $x, useAxis as rs, useFixedAssets as es, useIsAxisInRelativeUnits as os, useLiquidationGraphActivePrice as ts, useLiquidationGraphCurrentActiveValue as as, usePriceInNumber as is, useWithLiquidationGraphActivePrices as ps } from "./hooks/use-liquidation/utils.js";
 export {
   o as Accordion,
   t as AccordionContent,
@@ -268,7 +269,7 @@ export {
   h as ArcLoader,
   B as AssetLine,
   w as AssetsListCell,
-  E as AssetsRatio,
+  P as AssetsRatio,
   O as Avatar,
   _ as AvatarFallback,
   q as AvatarImage,
@@ -279,16 +280,16 @@ export {
   Z as BaseLink,
   la as Block,
   Q as BlockSync,
-  Pa as BlockedRegionDialog,
+  Ea as BlockedRegionDialog,
   j as BreadCrumbs,
   ar as Button,
   $ as ButtonCheckbox,
-  Rx as CELL_BAD,
-  Ox as CELL_CURRENT,
-  _x as CELL_GOOD,
-  qx as CELL_HOVERED,
-  Ux as CELL_LIQUIDATION,
-  Wx as CELL_OK,
+  _x as CELL_BAD,
+  qx as CELL_CURRENT,
+  Ux as CELL_GOOD,
+  Wx as CELL_HOVERED,
+  zx as CELL_LIQUIDATION,
+  Xx as CELL_OK,
   Dr as Card,
   Ar as CardContent,
   Ir as CardDescription,
@@ -311,8 +312,8 @@ export {
   oe as CreditSessionStatus,
   ae as CurrencyButton,
   ot as DEFAULT_AREA_SERIES,
-  zx as DEFAULT_AXIS_MAX,
-  Xx as DEFAULT_AXIS_MIN,
+  Zx as DEFAULT_AXIS_MAX,
+  Yx as DEFAULT_AXIS_MIN,
   tt as DEFAULT_OPTIONS,
   st as DEFAULT_SERIES_COLORS,
   at as DEFAULT_VERTICAL_LINE,
@@ -329,7 +330,7 @@ export {
   he as DialogForm,
   Be as DialogHeader,
   we as DialogModalContainer,
-  Ee as DialogOverlay,
+  Pe as DialogOverlay,
   Te as DialogPortal,
   ve as DialogTitle,
   ge as DialogTrigger,
@@ -350,22 +351,22 @@ export {
   ze as DropdownMenuTrigger,
   bn as EditButton,
   xo as EditInput,
-  pf as EnglishLocale,
+  mf as EnglishLocale,
   uo as ErrorLineMessage,
   go as ErrorMessage,
   bo as ErrorView,
-  Pr as ExpandablCall,
+  Er as ExpandablCall,
   kr as ExpandableCard,
   Co as ExplorerLinksDropdown,
   lr as ExternalButton,
-  Rf as FORMAT_CONSTANTS,
+  _f as FORMAT_CONSTANTS,
   Do as FadeoutLoading,
   Io as FilterBlock,
   xr as FilterButton,
   ho as FilterCheckboxItem,
   Bo as FilterChip,
   wo as FilterChips,
-  Eo as FilterDropdownItem,
+  Po as FilterDropdownItem,
   vo as FilterGroup,
   yo as FilterLabel,
   No as FilterModal,
@@ -376,7 +377,7 @@ export {
   ga as FooterLink,
   ca as FooterLinkSection,
   Yo as FormField,
-  rl as FormattedMessageTyped,
+  ol as FormattedMessageTyped,
   Ko as FormattedNumberString,
   vt as GOOD_HF,
   ba as GearboxFooter,
@@ -384,7 +385,7 @@ export {
   rt as GeneralSelect,
   dt as Graph,
   Tt as GraphCurrentValue,
-  Km as GraphDropdown,
+  Jm as GraphDropdown,
   ct as GraphTooltip,
   St as GraphView,
   Ct as GraphViewWithData,
@@ -392,7 +393,7 @@ export {
   Bn as GridErrorLine,
   wn as GridLoadingLine,
   ht as GridTDCell,
-  En as GridTable,
+  Pn as GridTable,
   kn as GridTableBody,
   vn as GridTableCaption,
   Mn as GridTableCell,
@@ -421,7 +422,7 @@ export {
   ea as Input,
   aa as Label,
   Va as Layout,
-  Ea as LegalAgreementDialog,
+  Pa as LegalAgreementDialog,
   Fa as LegalDisclaimer,
   Oa as LiquidationGraph,
   qa as LiquidationGraphLegend,
@@ -450,7 +451,7 @@ export {
   hi as PercentIndicator,
   Bi as PointsIcon,
   wi as PoolAPYTooltip,
-  Ei as PoolIndicatorIcon,
+  Pi as PoolIndicatorIcon,
   vi as PoolPointsIndicator,
   yi as Progress,
   Ni as ProgressCircle,
@@ -478,11 +479,11 @@ export {
   bp as ShortString,
   Yt as ShowOn,
   y as SignInRequired,
-  Pt as SimpleHeadCell,
-  Um as SimpleTooltip,
+  Et as SimpleHeadCell,
+  zm as SimpleTooltip,
   hp as Skeleton,
   Gp as SkeletonStack,
-  Pp as Slider,
+  Ep as Slider,
   kp as SliderToken,
   Hp as SmartNumberInput,
   Yn as SortableHeadCell,
@@ -501,7 +502,7 @@ export {
   mn as StyledDropdown,
   zr as StyledRoundedImage,
   fn as Switch,
-  Gx as TTL_CONSTANTS,
+  Ex as TTL_CONSTANTS,
   cr as TabButton,
   sn as TabControl,
   dn as TabItem,
@@ -529,177 +530,178 @@ export {
   Vm as Textarea,
   _n as Th,
   Bm as ThemeProvider,
-  Pm as ThemeToggle,
-  km as TipCard,
+  Em as ThemeToggle,
+  km as TimeToLiquidation,
+  Mm as TipCard,
   zt as TipWrap,
-  ym as TokenIcon,
-  Rm as TokenSymbol,
-  _m as TokenTemplate,
-  zm as Tooltip,
-  Xm as TooltipContent,
-  Zm as TooltipProvider,
-  Ym as TooltipTrigger,
-  Jm as TradingView,
-  tl as Typography,
+  Nm as TokenIcon,
+  _m as TokenSymbol,
+  Um as TokenTemplate,
+  Zm as Tooltip,
+  Ym as TooltipContent,
+  Qm as TooltipProvider,
+  Km as TooltipTrigger,
+  rl as TradingView,
+  il as Typography,
   gm as UpdatedValue,
-  sl as VSpace,
+  ul as VSpace,
   It as VertLine,
-  pl as VerticalIndicator,
-  ll as VerticalList,
+  ml as VerticalIndicator,
+  xl as VerticalList,
   Ip as VerticalTimeline,
-  ul as WithCopy,
-  gl as WithFilterButton,
+  gl as WithCopy,
+  bl as WithFilterButton,
   ji as WithSearchLine,
-  bl as WithTitle,
-  Hx as Z_INDEX,
+  Cl as WithTitle,
+  Rx as Z_INDEX,
   m as alertBadgeVariants,
-  Qf as allLoaded,
+  jf as allLoaded,
   or as backButtonVariants,
   z as badgeVariants,
-  xf as bnToInputView,
-  ex as bnToLiquidationPriceView,
-  df as bnToPrettyView,
+  df as bnToInputView,
+  tx as bnToLiquidationPriceView,
+  Tf as bnToPrettyView,
   ir as buttonVariants,
   Cr as cardGridVariants,
-  Tf as cn,
+  cf as cn,
   Yr as coloredTextVariants,
-  If as convertPercent,
-  Df as copyToClipboard,
+  hf as convertPercent,
+  If as copyToClipboard,
   ka as createGearboxAppConfig,
   va as createLegalAgreementConfig,
   Ma as createPermissionlessInterfaceConfig,
   ya as createPermissionlessSafeConfig,
-  gx as createTokenSearchFilter,
-  Cl as designTokens,
-  xx as extractTextFromLabel,
+  bx as createTokenSearchFilter,
+  Dl as designTokens,
+  dx as extractTextFromLabel,
   Xo as filterBlockVariants,
-  Pf as formatAssetAmount,
-  Zx as formatAxisLabel,
-  Yx as formatAxisTipLabel,
-  Qx as formatAxisTipPrice,
-  Vf as formatBytecodeSize,
-  hf as formatBytecodeVersion,
-  kf as formatMoney,
-  vf as formatMoneyAmount,
-  Of as formatNumberWithSuffix,
-  Mf as formatPercentAmount,
-  _f as formatPrice,
-  Ff as formatTimestamp,
-  cf as generateColorsFromBase,
-  mf as generateId,
-  qf as getAdaptiveDecimals,
-  lx as getAvailableRanges,
-  bf as getCSSVariable,
-  Kx as getCellClass,
+  kf as formatAssetAmount,
+  Qx as formatAxisLabel,
+  Kx as formatAxisTipLabel,
+  jx as formatAxisTipPrice,
+  Ff as formatBytecodeSize,
+  Bf as formatBytecodeVersion,
+  Mf as formatMoney,
+  yf as formatMoneyAmount,
+  qf as formatNumberWithSuffix,
+  Hf as formatPercentAmount,
+  Uf as formatPrice,
+  Gf as formatTimestamp,
+  Sf as generateColorsFromBase,
+  ff as generateId,
+  Wf as getAdaptiveDecimals,
+  xx as getAvailableRanges,
+  Cf as getCSSVariable,
+  Jx as getCellClass,
   it as getDefaultOptions,
   pt as getDefaultSeries,
   nt as getDefaultVerticalLine,
   yt as getHFZones,
-  $f as getNetworkIcon,
-  Ml as getSortForField,
-  wx as getTTLZone,
+  ex as getNetworkIcon,
+  Hl as getSortForField,
+  Px as getTTLZones,
   lt as getXFormatter,
   ft as getYFormatter,
   Lt as graphViewVariants,
   qn as gridTableCellVariants,
   Un as gridTableHeadVariants,
   Wn as gridTableVariants,
-  Sf as hexToRgba,
+  Lf as hexToRgba,
   $t as iconButtonVariants,
   oa as inputVariants,
-  Dl as interactiveVariants,
-  Uf as isBelowDisplayThreshold,
-  Wf as isEffectivelyZero,
-  Lx as isLongString,
-  jx as isPointInCell,
-  ox as isPositiveFloat,
+  Il as interactiveVariants,
+  zf as isBelowDisplayThreshold,
+  Xf as isEffectivelyZero,
+  Ax as isLongString,
+  $x as isPointInCell,
+  ax as isPositiveFloat,
   ia as labelVariants,
-  Kf as loadingProgress,
+  Jf as loadingProgress,
   ri as navbarVariants,
   mi as navitemVariants,
-  Ix as negativeTokenTemplate,
-  Mx as openInNewWindow,
-  Al as paddingVariants,
+  hx as negativeTokenTemplate,
+  Hx as openInNewWindow,
+  Vl as paddingVariants,
   Ai as pageTitleRootVariants,
   Ii as pageTitleVariants,
-  tx as parseInputToBN,
-  ax as parseSmallNumber,
-  yf as percentTemplate,
-  Hf as percentageTemplate,
-  px as pluralize,
-  Hm as preloadTokenIcons,
-  Cf as resolveCSSColor,
-  jf as round5,
-  ux as searchInString,
-  cx as searchInToken,
+  ix as parseInputToBN,
+  px as parseSmallNumber,
+  Nf as percentTemplate,
+  Rf as percentageTemplate,
+  mx as pluralize,
+  Rm as preloadTokenIcons,
+  Df as resolveCSSColor,
+  $f as round5,
+  gx as searchInString,
+  Sx as searchInToken,
   Ji as searchLineInputVariants,
   $i as searchLineVariants,
   op as segmentedControlVariants,
-  nx as selectPluralString,
+  lx as selectPluralString,
   up as selectTriggerVariants,
-  sx as serializeValue,
-  Sx as shortSHA,
-  Bf as shortenHash,
-  Dx as shortenString,
-  Gf as significantTrunc,
-  Il as sizeVariants,
+  ux as serializeValue,
+  Lx as shortSHA,
+  wf as shortenHash,
+  Ix as shortenString,
+  Ef as significantTrunc,
+  hl as sizeVariants,
   Fp as skeletonVariants,
-  Zf as slippageTemplate,
+  Qf as slippageTemplate,
   Xp as statBadgeContentVariants,
   Zp as statBadgeGridVariants,
   Yp as statBadgeTitleVariants,
   Qp as statBadgeVariants,
-  Vl as stateVariants,
+  Fl as stateVariants,
   Jp as statusDotVariants,
   im as tableCellVariants,
   pm as tableHeadVariants,
   nm as tableVariants,
   hm as textareaVariants,
-  vm as tipCardVariants,
-  zf as toSignificantDigits,
-  Vx as tokenTemplate,
-  hx as tokenTemplateNumber,
-  Fx as tokenTemplateString,
-  Px as ttlFromTimestamp,
-  Ex as ttlLeft,
-  kx as ttlLeftParsed,
-  al as typographyVariants,
-  Jx as useAxis,
-  Fl as useCheckboxSelect,
-  Gl as useControllableState,
-  Pl as useDebounce,
-  kl as useDebounceCall,
-  Ul as useEditPriceManually,
-  yl as useFilterAllSelected,
-  $x as useFixedAssets,
-  lf as useFormFieldIds,
+  ym as tipCardVariants,
+  Zf as toSignificantDigits,
+  Fx as tokenTemplate,
+  Bx as tokenTemplateNumber,
+  Gx as tokenTemplateString,
+  kx as ttlFromTimestamp,
+  vx as ttlLeft,
+  Mx as ttlLeftHuman,
+  pl as typographyVariants,
+  rs as useAxis,
+  Gl as useCheckboxSelect,
+  El as useControllableState,
+  kl as useDebounce,
+  Ml as useDebounceCall,
+  zl as useEditPriceManually,
+  Nl as useFilterAllSelected,
+  es as useFixedAssets,
+  xf as useFormFieldIds,
   Dt as useGraphAside,
-  _l as useHF,
+  Ul as useHF,
   un as useHashTabs,
-  el as useIntlTyped,
-  rs as useIsAxisInRelativeUnits,
-  Zl as useIsDesktop,
-  Yl as useIsExtraSmall,
-  Ql as useIsMobile,
-  Kl as useIsTablet,
-  es as useLiquidationGraphActivePrice,
-  os as useLiquidationGraphCurrentActiveValue,
-  Wl as useLiquidationGraphParams,
-  zl as useLiquidationHeatmap,
-  jl as useMediaQuery,
+  tl as useIntlTyped,
+  os as useIsAxisInRelativeUnits,
+  Ql as useIsDesktop,
+  Kl as useIsExtraSmall,
+  jl as useIsMobile,
+  Jl as useIsTablet,
+  ts as useLiquidationGraphActivePrice,
+  as as useLiquidationGraphCurrentActiveValue,
+  Xl as useLiquidationGraphParams,
+  Zl as useLiquidationHeatmap,
+  $l as useMediaQuery,
   Aa as useMobileMenu,
   ti as useNavbarIndicator,
-  $l as useOpenedState,
-  ef as usePrevious,
-  ts as usePriceInNumber,
-  Hl as useRangeFilter,
+  ef as useOpenedState,
+  tf as usePrevious,
+  is as usePriceInNumber,
+  Rl as useRangeFilter,
   Tn as useSectionTab,
-  Nl as useSelectFilter,
-  tf as useSmartNumberInput,
-  Rl as useSort,
+  Ol as useSelectFilter,
+  pf as useSmartNumberInput,
+  _l as useSort,
   gn as useTabControl,
   Gm as useTheme,
-  as as useWithLiquidationGraphActivePrices,
-  nl as verticalIndicatorVariants,
-  fl as verticalListVariants
+  ps as useWithLiquidationGraphActivePrices,
+  ll as verticalIndicatorVariants,
+  sl as verticalListVariants
 };