@gearbox-protocol/permissionless-ui 1.22.0-next.4 → 1.22.0-next.41

package/dist/types/locale/en.json.d.ts

@@ -0,0 +1,68 @@
+declare const _default: {
+  "errors.networkError": "Network error. Can't fetch data",
+  "errors.incorrectAddressError": "Incorrect address. Please, check url",
+  "errors.noOpenedAccountsError": "You have no opened Credit Accounts. Perhaps, you have recently been liquidated? Check notification centre to see more.",
+  "errors.notFound": "Not found",
+  "errors.tooManyRequests": "Too many requests",
+  "errors.incorrectAddress": "Incorrect address",
+  "components.errorMessage.oops": "Oops...",
+
+  "components.alertModal.ok": "Ok",
+
+  "components.footer.privacy": "Privacy Notice",
+  "components.footer.terms": "Terms of Service",
+  "components.footer.disclosure": "Risk Disclosure Statement",
+  "components.footer.legalNotice": "Legal Notice",
+  "components.footer.legal": "Legal Info",
+  "components.footer.gearbox": "Copyright © Gearbox Foundation 2023-2026.",
+  "components.footer.built": "Built at ETHGlobal MarketMake hackathon.",
+  "components.footer.version": "Version {value}",
+
+  "components.liquidationPrice.check": "Check Area",
+
+  "components.loading.loading": "Loading",
+  "components.loading.wait": "Please wait...",
+
+  "components.smartNumberInput.balance": "Balance",
+  "components.smartNumberInput.inputTitle": "Token Amount",
+  "components.smartNumberInput.confirm.input": "Input",
+
+  "components.tipWindow.title": "Tip",
+
+  "components.healthFactor.low": "Extremely low! This HF may not cover possible oracle deviations.",
+
+  "components.headCell": "Sort by {value}",
+
+  "components.graphView.noData": "Can't get data for this graph",
+
+  "components.filterBlock.reset": "Reset All",
+
+  "components.APY.tip": "These APYs are derived from the underlying protocols’ APIs and may differ in reality. Check respective protocols for their methodology.",
+
+  "components.creditSessionDetailedLiquidation.graph.legend.point": "Current price",
+  "components.creditSessionDetailedLiquidation.graph.legend.area": "Liquidation Area",
+  "components.creditSessionDetailedLiquidation.graph.tip.hf": "Health Factor",
+  "components.creditSessionDetailedLiquidation.graph.tip.price": "Price",
+  "components.creditSessionDetailedLiquidation.table.seeGraph": "See graph",
+  "components.creditSessionDetailedLiquidation.table.asset": "Asset",
+  "components.creditSessionDetailedLiquidation.table.currentPrice": "Current price",
+  "components.creditSessionDetailedLiquidation.table.modelPrice": "Model price",
+
+  "components.apyParts.features.points": "Points",
+  "components.apyParts.features.incent": "Incent.",
+  "components.apyParts.supplyAPY": "Organic APY",
+  "components.apyParts.title": "APY type",
+  "components.apyParts.supplyAPY.tip": "Yield from lending funds",
+  "components.apyParts.tokenYield": "Intrinsic APY",
+  "components.apyParts.tokenYield.tip": "Yield from holding wstETH",
+  "components.apyParts.extraAPY": "{symbol} Incentive",
+  "components.apyParts.extraAPY.tip": "Calculated at the current rate",
+  "components.apyParts.totalAPY": "Overall APY",
+  "components.apyParts.points": "{symbol} Incentive",
+  "components.apyParts.points.condition.crossDeposit": "For cross-chain deposits made via Omni",
+
+  "components.openCopyButtons.copy": "Copy to clipboard"
+}
+;
+
+export default _default;

package/dist/types/locale/index.d.ts

@@ -0,0 +1,10 @@
+import { default as en } from './en.json';
+type LocaleType = typeof en;
+export interface LocaleRegistry {
+    base: LocaleType;
+}
+type RegistryKeys<T> = {
+    [K in keyof T]: keyof T[K];
+}[keyof T];
+export default en;
+export type LocaleKeys = RegistryKeys<LocaleRegistry>;

package/dist/types/types/component-props.d.ts

@@ -1,5 +1,5 @@
 import { VariantProps } from 'class-variance-authority';
-import { default as React } from '../../node_modules/.pnpm/react@19.2.0/node_modules/react';
+import { default as React } from 'react';
 /**
  * Utility for extracting variants from CVA
  */

package/dist/types/types/footer.d.ts

@@ -21,7 +21,7 @@ export interface NetworkById {
     [chainId: number]: string;
 }
 export interface BlockSyncProps {
-    blockByChain: BlockByChain;
+    blockByChain: BlockByChain | undefined;
     explorerAddresses: ExplorerAddresses;
     networkById: NetworkById;
 }

package/dist/types/utils/bn-to-pretty-view.d.ts

@@ -1,3 +1,4 @@
+import { ParseSmallNumberResult } from './parse-input-to-bn';
 /**
  * Formats a BigInt value to a pretty human-readable string with locale formatting
  *
@@ -12,4 +13,4 @@
  * bnToPrettyView(1000000000000000000n, 18) // "1"
  * ```
  */
-export declare function bnToPrettyView(value: bigint, decimals: number, options?: Intl.NumberFormatOptions): string;
+export declare function bnToPrettyView(number: bigint | undefined | string | number, decimals: number, precision?: number, allowNegative?: boolean): ParseSmallNumberResult;

package/dist/types/utils/format-money.d.ts

@@ -44,10 +44,6 @@ export declare function formatPercentAmount(value: number, decimals: number, all
  * ```
  */
 export declare function percentTemplate(value: number, decimals?: number): string;
-/**
- * The factor used for percentage values in basis points (10000 = 100%)
- */
-export declare const PERCENTAGE_FACTOR = 10000;
 /**
  * Formats a percentage value from basis points
  * Use this when your value is in basis points (10000 = 100%)
@@ -64,38 +60,24 @@ export declare const PERCENTAGE_FACTOR = 10000;
  * ```
  */
 export declare function percentageTemplate(value: number | bigint, decimals?: number): string;
-/**
- * The factor used for slippage values (1000 = 1%)
- */
-export declare const SLIPPAGE_DECIMALS = 1000n;
-/**
- * Formats a number or bigint as a money amount with currency formatting
- * Compatible with legacy API that accepts options object
- *
- * @param value - The number or bigint to format
- * @param options - Number of decimal places or Intl.NumberFormatOptions
- * @returns Formatted string like "$1,234.56"
- *
- * @example
- * ```ts
- * formatMoneyAmount(1234.56) // "$1,234.56"
- * formatMoneyAmount(1234.56, 0) // "$1,235"
- * formatMoneyAmount(1234.56, { minimumFractionDigits: 2, maximumFractionDigits: 2 }) // "$1,234.56"
- * ```
- */
-export declare function formatMoneyAmount(value: number | bigint | string, options?: number | Intl.NumberFormatOptions): string;
-/**
- * Formats a slippage value to percentage string
- *
- * @param slippage - The slippage value (e.g., 10 for 1%)
- * @param precision - Number of decimal places (default: 1)
- * @returns Formatted slippage string like "1.0%"
- *
- * @example
- * ```ts
- * slippageTemplate(10) // "1.0%"
- * slippageTemplate(5, 2) // "0.50%"
- * slippageTemplate(undefined) // "-"
- * ```
- */
-export declare function slippageTemplate(slippage?: number, precision?: number): string;
+export declare const DEFAULT_FORMAT_MONEY_CONSTANTS: {
+    minimumFractionDigits: number;
+    maximumFractionDigits: number;
+    decimalPrecision: number;
+    minDecimalThreshold: number;
+    minExponentialThreshold: number;
+    maxExponentialThreshold: number;
+    locale: string;
+};
+export interface FormatMoneyAmountProps {
+    amount: number | bigint;
+    format?: "short" | "full";
+    maximumFractionDigits?: number;
+    minimumFractionDigits?: number;
+    decimalPrecision?: number;
+    minDecimalThreshold?: number;
+    minExponentialThreshold?: number;
+    maxExponentialThreshold?: number;
+    locale?: string;
+}
+export declare const formatMoneyAmount: ({ amount, format, maximumFractionDigits, minimumFractionDigits, decimalPrecision, minDecimalThreshold, minExponentialThreshold, maxExponentialThreshold, locale, }: FormatMoneyAmountProps) => string;

package/dist/types/utils/format-slippage.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Formats a slippage value to percentage string
+ *
+ * @param slippage - The slippage value (e.g., 10 for 1%)
+ * @param precision - Number of decimal places (default: 1)
+ * @returns Formatted slippage string like "1.0%"
+ *
+ * @example
+ * ```ts
+ * slippageTemplate(10) // "1.0%"
+ * slippageTemplate(5, 2) // "0.50%"
+ * slippageTemplate(undefined) // "-"
+ * ```
+ */
+export declare function slippageTemplate(slippage?: number, precision?: number): string;

package/dist/types/utils/index.d.ts

@@ -7,9 +7,11 @@ export * from './colors';
 export * from './copy';
 export * from './format';
 export * from './format-asset-amount';
-export { formatMoney, formatMoney as formatMoneyAmount, formatPercentAmount, PERCENTAGE_FACTOR, percentageTemplate, percentTemplate, SLIPPAGE_DECIMALS, slippageTemplate, } from './format-money';
+export { formatMoney, formatMoneyAmount, formatPercentAmount, percentageTemplate, percentTemplate, } from './format-money';
 export { FORMAT_CONSTANTS, type FormatNumberOptions, formatNumberWithSuffix, formatPrice, getAdaptiveDecimals, isBelowDisplayThreshold, isEffectivelyZero, toSignificantDigits, } from './format-number';
+export * from './format-slippage';
 export * from './interface';
+export * from './loading';
 export * from './network-icons';
 export * from './parse-input-to-bn';
 export * from './plural';
@@ -23,3 +25,4 @@ export type { SortField as UtilsSortField, SortType } from './sort';
 export * from './templates';
 export * from './ttl';
 export * from './window';
+export * from './z-index';

package/dist/types/utils/loading.d.ts

@@ -0,0 +1,3 @@
+export declare function allLoaded(itemsToLoad: Array<unknown>): boolean;
+export declare function round5(value: number): number;
+export declare function loadingProgress(itemsToLoad: Array<unknown>): number;

package/dist/types/utils/network-icons.d.ts

@@ -1,19 +1,10 @@
+import { NetworkType } from '@gearbox-protocol/sdk';
 /**
- * Network icon paths mapping
+ * Known network icons type.
+ * Accepts any NetworkType from SDK plus "AllNetworks" and arbitrary strings
+ * for forward compatibility with new networks.
  */
-export type NetworkType = "Mainnet" | "Arbitrum" | "Optimism" | "Sonic" | "Monad" | "AllNetworks" | string;
-/**
- * Alias for backward compatibility
- */
-export type NetworkIcons = NetworkType;
-/**
- * Network configuration
- */
-export interface NetworkConfig {
-    name: string;
-    icon: string;
-    chainId: number;
-}
+export type NetworkIcons = NetworkType | "AllNetworks";
 /**
  * Get network icon path by network name
  *
@@ -26,22 +17,4 @@ export interface NetworkConfig {
  * getNetworkIcon("Unknown") // ""
  * ```
  */
-export declare function getNetworkIcon(network: NetworkType): string;
-/**
- * Get network name by chain ID
- *
- * @param chainId - Chain ID
- * @returns Network name or undefined if not found
- */
-export declare function getNetworkByChainId(chainId: number): string | undefined;
-/**
- * Get network config by name
- *
- * @param network - Network name
- * @returns Network config or undefined if not found
- */
-export declare function getNetworkConfig(network: NetworkType): NetworkConfig | undefined;
-/**
- * Get all available networks
- */
-export declare function getAllNetworks(): NetworkConfig[];
+export declare function getNetworkIcon(network: NetworkIcons): string;

package/dist/types/utils/parse-input-to-bn.d.ts

@@ -1,16 +1,13 @@
-/**
- * Parses a string input to BigInt with decimal support
- *
- * @param input - The input string to parse (e.g., "123.45")
- * @param decimals - Number of decimal places for the token
- * @param allowNegative - Whether to allow negative values
- * @returns Tuple of [bigint value, cleaned input string] or [null, null] on error
- *
- * @example
- * ```ts
- * parseInputToBN("123.45", 18) // [123450000000000000000n, "123.45"]
- * parseInputToBN("", 18) // [0n, ""]
- * parseInputToBN("invalid", 18) // [null, null]
- * ```
- */
-export declare function parseInputToBN(input: string | undefined | null, decimals: number, allowNegative?: boolean): [bigint | null, string | null];
+export declare function isPositiveFloat(val: string): boolean;
+export type ParseOutput = [bigint | null, string | null];
+export declare const parseInputToBN: (input: string, decimals: number, allowNegative?: boolean) => ParseOutput;
+export interface SmallNumberParseResult {
+    integer: string;
+    repeat: number;
+    decimal: string | undefined;
+}
+export type ParseSmallNumberResult = SmallNumberParseResult | {
+    originalValue: string;
+};
+export declare function parseSmallNumber(numStr: string): ParseSmallNumberResult;
+export declare function bnToLiquidationPriceView(number: bigint, precision?: number): ParseSmallNumberResult;

package/dist/types/utils/shorten-string.d.ts

@@ -12,4 +12,5 @@
  * shortenString("A very long string", 10) // "A very lon..."
  * ```
  */
-export declare function shortenString(str: string, maxLength?: number): string;
+export declare function shortenString(str: string, maxLength: number): string;
+export declare function isLongString(str: string, maxLength: number): boolean;

package/dist/types/utils/static.d.ts

@@ -0,0 +1,3 @@
+export declare const STATIC_SERVER = "https://static.gearbox.finance";
+export declare const buildStaticUrl: (domain?: string) => (url: string) => string;
+export declare const getStatic: (url: string) => string;

package/dist/types/utils/templates.d.ts

@@ -38,7 +38,7 @@ type PartialTokenData = Pick<TokenData, "title" | "decimals"> & {
  * // "1.00 Very..." (truncated to 10 chars)
  * ```
  */
-export declare function tokenTemplate(value: bigint | string | number | undefined, token: PartialTokenData | undefined, precision?: number, spaceSymbol?: string, maxLength?: number): React.ReactElement;
+export declare function tokenTemplate(value: bigint | string | number | undefined, token: PartialTokenData | undefined, precision?: number, spaceSymbol?: string, maxLength?: number): string;
 /**
  * Formats a token amount and returns it as a string with token title
  * Use this when you need a formatted number string with token name (not a React element)

package/dist/types/utils/window.d.ts

@@ -12,4 +12,6 @@
  * openInNewWindow("https://example.com")
  * ```
  */
-export declare function openInNewWindow(url: string): void;
+type Target = "_blank" | "_self" | "_parent" | "_top";
+export declare function openInNewWindow(url: string, target?: Target, features?: string): void;
+export {};

package/dist/types/utils/z-index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * TODO: remove me
+ * Temporary added to avoid conflicts with other libraries
+ */
+export declare const Z_INDEX: {
+    readonly MODAL: "z-[50]";
+    readonly TOOLTIP: "z-[9999]";
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gearbox-protocol/permissionless-ui",
-  "version": "1.22.0-next.4",
+  "version": "1.22.0-next.41",
   "description": "Internal UI components",
   "license": "MIT",
   "main": "./dist/cjs/index.js",
@@ -75,17 +75,20 @@
     "@radix-ui/react-tooltip": "^1.1.6",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
+    "@fortawesome/fontawesome-svg-core": "^7.1.0",
+    "@fortawesome/free-solid-svg-icons": "^7.1.0",
+    "@fortawesome/react-fontawesome": "^3.1.1",
+    "@gearbox-protocol/static": "^1.117.2",
     "lightweight-charts": "^4.1.3",
-    "lucide-react": "^0.471.1",
     "luxon": "^3.5.0",
     "react-infinite-scroll-component": "^6.1.0",
     "react-markdown": "^9.0.3",
     "react-markdown-math": "^1.0.2",
     "react-slick": "^0.31.0",
-    "slick-carousel": "^1.8.1",
     "remark-gfm": "^4.0.0",
+    "slick-carousel": "^1.8.1",
     "sonner": "^2.0.7",
-    "tailwind-merge": "^2.6.0",
+    "tailwind-merge": "^3.4.0",
     "tailwindcss-animate": "^1.0.7"
   },
   "peerDependencies": {
@@ -105,6 +108,9 @@
     "wagmi": "^2.0.0"
   },
   "peerDependenciesMeta": {
+    "connectkit": {
+      "optional": true
+    },
     "next": {
       "optional": true
     },
@@ -124,7 +130,7 @@
     "@commitlint/cli": "^20.1.0",
     "@commitlint/config-conventional": "^20.0.0",
     "@gearbox-protocol/biome-config": "^1.0.2",
-    "@gearbox-protocol/sdk": "*",
+    "@gearbox-protocol/sdk": "12.6.6",
     "@rollup/plugin-typescript": "^12.3.0",
     "@storybook/addon-a11y": "^10.0.8",
     "@storybook/addon-docs": "^10.0.8",
@@ -136,9 +142,9 @@
     "@tanstack/react-query": "^5.64.1",
     "@types/cross-spawn": "^6.0.6",
     "@types/luxon": "^3.4.2",
-    "@types/react-slick": "^0.23.13",
     "@types/react": "^19.1.16",
     "@types/react-dom": "^19.1.9",
+    "@types/react-slick": "^0.23.13",
     "@vitejs/plugin-react": "^5.1.1",
     "@vitest/browser-playwright": "^4.0.14",
     "@vitest/coverage-v8": "^4.0.14",
@@ -165,7 +171,7 @@
     "tailwind-scrollbar": "^4.0.2",
     "tailwindcss": "^4.1.14",
     "typescript": "^5.9.3",
-    "viem": "^2.39.0",
+    "viem": "^2.45.3",
     "vite": "^6.3.5",
     "vite-plugin-dts": "^4.5.4",
     "vite-tsconfig-paths": "^5.1.4",

package/src/styles/base.css

@@ -45,6 +45,7 @@ html.dark {
     --background: 225 15% 98%;
     --foreground: 240 5% 12%;
     --card: 0 0% 100%;
+    --modal: 0 0% 95%;
     --card-foreground: 240 5% 12%;
     --popover: 0 0% 100%;
     --popover-foreground: 240 5% 12%;
@@ -54,13 +55,13 @@ html.dark {
     --secondary-foreground: 240 8.94% 75.88%;
     --muted: 225 10% 90%;
     --muted-foreground: 225 6% 40%;
-    --accent: 323.83, 100%, 58.04%;
+    --accent: 323.83 100% 58.04%;
     --accent-foreground: 0 0% 100%;
     --destructive: 0 85% 50%;
     --destructive-foreground: 0 0% 100%;
-    --success: 136.51, 100%, 78.63%;
-    --success-foreground: 0, 0%, 0%;
-    --success-hover: 136.58, 100%, 85.1%;
+    --success: 136.51 100% 78.63%;
+    --success-foreground: 0 0% 0%;
+    --success-hover: 136.58 100% 85.1%;
     --warning: 38 95% 45%;
     --liquidation: 274 67% 48%;
     --input: 225 10% 88%;
@@ -90,7 +91,8 @@ html.dark {
 
     --background: 240 3% 8%;
     --foreground: 0 0% 100%;
-    --card: 240 4% 10%;
+    --card: 240 3.85% 10.2%;
+    --modal: 240 4.92% 11.96%;
     --card-foreground: 0 0% 100%;
     --popover: 240 6% 12%;
     --popover-foreground: 0 0% 100%;
@@ -100,15 +102,15 @@ html.dark {
     --secondary-foreground: 240 8.94% 75.88%;
     --muted: 225 6% 19%;
     --muted-foreground: 240 2% 75%;
-    --accent: 323.83, 100%, 58.04%;
+    --accent: 323.83 100% 58.04%;
     --accent-foreground: 0 0% 100%;
-    --destructive: 3 93% 63%;
-    --success: 136.51, 100%, 78.63%;
-    --success-foreground: 0, 0%, 0%;
-    --success-hover: 136.58, 100%, 85.1%;
+    --destructive: 0 100% 65.69%;
+    --success: 136.51 100% 78.63%;
+    --success-foreground: 0 0% 0%;
+    --success-hover: 136.58 100% 85.1%;
     --destructive-foreground: 0 0% 100%;
-    --warning: 44 100% 69%;
-    --liquidation: 274 67% 58%;
+    --warning: 43.12 100% 68.63%;
+    --liquidation: 277.22 74.53% 58.43%;
     --input: 225 6% 19%;
     --ring: 330 100% 59%;
     --gray-10: 225 5.26% 14.9%;
@@ -127,7 +129,7 @@ html.dark {
     --white: 0 0% 100%;
     --white-foreground: 240 2.56% 7.65%;
     --black: 0 0% 0%;
-    --border: 0 0% 100% / 0.05;
+    --border: 0 0% 100% / 0.07;
   }
 }
 
@@ -180,6 +182,11 @@ html.dark {
     padding-right: 0 !important;
   }
 
+  /* Lock page scroll when our Modal is open */
+  body.gb-modal-open {
+    overflow: hidden !important;
+  }
+
   html.dark {
     color-scheme: dark;
   }

package/src/styles/theme.css

@@ -27,6 +27,7 @@
   --color-background: hsl(var(--background));
   --color-foreground: hsl(var(--foreground));
   --color-card: hsl(var(--card));
+  --color-modal: hsl(var(--modal));
   --color-card-foreground: hsl(var(--card-foreground));
   --color-popover: hsl(var(--popover));
   --color-popover-foreground: hsl(var(--popover-foreground));
@@ -97,4 +98,22 @@
       height: 0;
     }
   }
+
+  @keyframes modalOverlayShow {
+    from {
+      opacity: 0;
+    }
+    to {
+      opacity: 1;
+    }
+  }
+  
+  @keyframes modalContentShow {
+    from {
+      opacity: 0;
+    }
+    to {
+      opacity: 1;
+    }
+  }
 }

package/dist/cjs/components/dialog/dialog-modal.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),v=require("react"),u=require("../../utils/cn.cjs");require("sonner");require("@gearbox-protocol/sdk");function j(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const n=j(v);let l=0,c=null;const x={default:"bg-black/30",dark:"bg-black/0","dark-transparent":"bg-black/85"},d=n.forwardRef(({show:e=!0,theme:r="default",onClickOutside:t,className:o,children:f,...m},b)=>{const[y,s]=n.useState(!1),p=n.useCallback(a=>{a.target===a.currentTarget&&t&&t()},[t]),g=n.useCallback(a=>{a.key==="Escape"&&t&&t()},[t]);return n.useEffect(()=>{if(!e||typeof document>"u")return;const a=document.body;return l===0&&(c=a.classList.contains("overflow-hidden")),l+=1,a.classList.add("overflow-hidden"),()=>{l=Math.max(0,l-1),l===0&&(c||a.classList.remove("overflow-hidden"),c=null)}},[e]),n.useEffect(()=>{if(!e)return;s(!1);const a=requestAnimationFrame(()=>s(!0));return()=>cancelAnimationFrame(a)},[e]),e?i.jsx("div",{className:u.cn("fixed inset-0 z-50",x[r]),children:i.jsx("div",{role:"dialog","aria-modal":"true",className:"overflow-y-auto h-full outline-none flex justify-center items-center",onClick:p,onKeyDown:g,children:i.jsx("div",{ref:b,className:u.cn("relative m-auto py-0 px-0 sm:py-5 transition-opacity duration-[225ms] ease-[cubic-bezier(0.4,0,0.2,1)]",y?"opacity-100":"opacity-0",o),...m,children:f})})}):null});d.displayName="DialogModal";exports.DialogModal=d;

package/dist/cjs/hooks/use-pool-points-tips.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react");function c(u){const{points:t,tokensList:n}=u||{};return a.useMemo(()=>!t||!Array.isArray(t)?[]:t.map(e=>{const s=e.token&&n?n[e.token]:null,o=s?.symbol||e.token||"Unknown",i=s?.title||o,r=e.amount?typeof e.amount=="bigint"?(Number(e.amount)/1e18).toFixed(4):String(e.amount):"0";return{reward:e,amount:r,name:e.name||o,tokenTitle:i,fullTip:`${r} ${o}${e.description?` - ${e.description}`:""}`}}),[t,n])}exports.usePoolPointsTips=c;

package/dist/esm/components/dialog/dialog-modal.js

@@ -1,70 +0,0 @@
-import { jsx as o } from "react/jsx-runtime";
-import * as t from "react";
-import { cn as c } from "../../utils/cn.js";
-import "sonner";
-import "@gearbox-protocol/sdk";
-let n = 0, l = null;
-const v = {
-  default: "bg-black/30",
-  dark: "bg-black/0",
-  "dark-transparent": "bg-black/85"
-}, g = t.forwardRef(
-  ({
-    show: r = !0,
-    theme: s = "default",
-    onClickOutside: a,
-    className: d,
-    children: f,
-    ...u
-  }, m) => {
-    const [y, i] = t.useState(!1), p = t.useCallback(
-      (e) => {
-        e.target === e.currentTarget && a && a();
-      },
-      [a]
-    ), b = t.useCallback(
-      (e) => {
-        e.key === "Escape" && a && a();
-      },
-      [a]
-    );
-    return t.useEffect(() => {
-      if (!r || typeof document > "u") return;
-      const e = document.body;
-      return n === 0 && (l = e.classList.contains("overflow-hidden")), n += 1, e.classList.add("overflow-hidden"), () => {
-        n = Math.max(0, n - 1), n === 0 && (l || e.classList.remove("overflow-hidden"), l = null);
-      };
-    }, [r]), t.useEffect(() => {
-      if (!r) return;
-      i(!1);
-      const e = requestAnimationFrame(() => i(!0));
-      return () => cancelAnimationFrame(e);
-    }, [r]), r ? /* @__PURE__ */ o("div", { className: c("fixed inset-0 z-50", v[s]), children: /* @__PURE__ */ o(
-      "div",
-      {
-        role: "dialog",
-        "aria-modal": "true",
-        className: "overflow-y-auto h-full outline-none flex justify-center items-center",
-        onClick: p,
-        onKeyDown: b,
-        children: /* @__PURE__ */ o(
-          "div",
-          {
-            ref: m,
-            className: c(
-              "relative m-auto py-0 px-0 sm:py-5 transition-opacity duration-[225ms] ease-[cubic-bezier(0.4,0,0.2,1)]",
-              y ? "opacity-100" : "opacity-0",
-              d
-            ),
-            ...u,
-            children: f
-          }
-        )
-      }
-    ) }) : null;
-  }
-);
-g.displayName = "DialogModal";
-export {
-  g as DialogModal
-};

package/dist/esm/hooks/use-pool-points-tips.js

@@ -1,17 +0,0 @@
-import { useMemo as a } from "react";
-function l(u) {
-  const { points: e, tokensList: n } = u || {};
-  return a(() => !e || !Array.isArray(e) ? [] : e.map((t) => {
-    const r = t.token && n ? n[t.token] : null, o = r?.symbol || t.token || "Unknown", m = r?.title || o, s = t.amount ? typeof t.amount == "bigint" ? (Number(t.amount) / 1e18).toFixed(4) : String(t.amount) : "0";
-    return {
-      reward: t,
-      amount: s,
-      name: t.name || o,
-      tokenTitle: m,
-      fullTip: `${s} ${o}${t.description ? ` - ${t.description}` : ""}`
-    };
-  }), [e, n]);
-}
-export {
-  l as usePoolPointsTips
-};

package/dist/types/components/dialog/dialog-modal.d.ts

@@ -1,30 +0,0 @@
-import * as React from "react";
-type Themes = "default" | "dark" | "dark-transparent";
-export interface DialogModalProps extends React.HTMLAttributes<HTMLDivElement> {
-    theme?: Themes;
-    /**
-     * Whether to show the dialog container
-     * When false, renders null
-     * @default true
-     */
-    show?: boolean;
-    /**
-     * Callback when clicking outside the container (on the overlay)
-     * Only works when used as a modal overlay
-     */
-    onClickOutside: () => void;
-}
-/**
- * DialogModal component for responsive content width within dialogs
- * Follows the same pattern as Container from layout/container
- *
- * @example
- * ```tsx
- * // With show/hide control
- * <DialogModal show={isOpen} onClickOutside={handleClose}>
- *   <Content />
- * </DialogModal>
- * ```
- */
-declare const DialogModal: React.ForwardRefExoticComponent<DialogModalProps & React.RefAttributes<HTMLDivElement>>;
-export { DialogModal };