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

package/dist/types/components/tooltip/simple-tooltip.d.ts

@@ -0,0 +1,84 @@
+import * as React from "react";
+export type SimpleTooltipPlacement = "top" | "bottom" | "right" | "left";
+export type SimpleTooltipType = "tooltip" | "modal-tooltip";
+export type SimpleTooltipTrigger = "hover" | "click";
+export interface SimpleTooltipProps {
+    /**
+     * Tooltip popup content — what appears inside the floating panel.
+     */
+    children: React.ReactNode;
+    /**
+     * Trigger element — what the user hovers over or clicks to reveal the tooltip.
+     *
+     * Named `title` for backward compatibility with the legacy
+     * `@gearbox-protocol/interface` Tooltip API.
+     */
+    title: React.ReactNode;
+    /** Placement relative to the trigger element. @default "top" */
+    placement?: SimpleTooltipPlacement;
+    /** How the tooltip is triggered. @default "hover" */
+    trigger?: SimpleTooltipTrigger;
+    /** Show an arrow pointing at the trigger. @default true */
+    triangle?: boolean;
+    /** Delay before the tooltip shows (ms, hover mode only). @default 0 */
+    delayShow?: number;
+    /** Maximum width of the tooltip panel. @default "200px" */
+    maxWidth?: string;
+    /** Minimum width of the tooltip panel. */
+    minWidth?: string;
+    /**
+     * Visual type:
+     * - `"tooltip"` — dark semi-transparent background, small text (default)
+     * - `"modal-tooltip"` — transparent background, no padding (for rich content)
+     *
+     * @default "tooltip"
+     */
+    type?: SimpleTooltipType;
+    /** Controlled open state. When provided the component becomes controlled. */
+    open?: boolean;
+    /** Called when the open state should change (controlled mode). */
+    onOpenChange?: (open: boolean) => void;
+    /** Extra className applied to the floating content container. */
+    className?: string;
+    /** Extra className applied to the trigger wrapper `<span>`. */
+    triggerClassName?: string;
+}
+/**
+ * `SimpleTooltip` — a drop-in replacement for the legacy
+ * `@gearbox-protocol/interface` Tooltip component.
+ *
+ * Built on Radix UI Tooltip primitives and styled with Tailwind CSS.
+ *
+ * The API intentionally mirrors the legacy component:
+ * `title` = trigger element, `children` = popup content.
+ *
+ * Supports **hover** (default) and **click** trigger modes.
+ *
+ * @example
+ * ```tsx
+ * // Hover tooltip (default behaviour)
+ * <SimpleTooltip title={<span>Hover me</span>} placement="top">
+ *   Some helpful text
+ * </SimpleTooltip>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Click-triggered tooltip
+ * <SimpleTooltip title={<button>Click me</button>} trigger="click" placement="bottom">
+ *   <div>Rich interactive content</div>
+ * </SimpleTooltip>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Modal-style (transparent background, for cards / complex content)
+ * <SimpleTooltip title={<span>Details</span>} type="modal-tooltip" triangle={false}>
+ *   <Card>…</Card>
+ * </SimpleTooltip>
+ * ```
+ */
+export declare function SimpleTooltip({ children, title, placement, trigger, triangle, delayShow, maxWidth, minWidth, type, open: controlledOpen, onOpenChange: controlledOnOpenChange, className, triggerClassName, }: SimpleTooltipProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace SimpleTooltip {
+    var displayName: string;
+}

package/dist/types/components/typed-intl/index.d.ts

@@ -1,13 +1,11 @@
 import { FormatXMLElementFn, PrimitiveType } from 'intl-messageformat';
 import { FormattedMessage } from 'react-intl';
+import { LocaleKeys } from '../../locale';
 import type * as React from "react";
 type FormattedMessageProps = React.ComponentProps<typeof FormattedMessage>;
 export type Values = FormattedMessageProps["values"];
-export type LocaleKeys = string;
 export interface FormattedMessageTypedProps {
     messageId: LocaleKeys;
-    /** @deprecated Use messageId instead */
-    id?: LocaleKeys;
     values?: Values;
     defaultMessage?: string;
 }

package/dist/types/components/typography/typography.d.ts

@@ -1,8 +1,8 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
 declare const typographyVariants: (props?: ({
-    variant?: "body" | "caption" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "bodySmall" | "overline" | null | undefined;
-    color?: "inherit" | "default" | "muted" | "success" | "warning" | "destructive" | "primary" | null | undefined;
+    variant?: "body" | "caption" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "bodySmall" | "overline" | "inherit" | null | undefined;
+    color?: "inherit" | "default" | "muted" | "success" | "warning" | "destructive" | "primary" | "secondary" | null | undefined;
     weight?: "medium" | "inherit" | "normal" | "semibold" | "bold" | null | undefined;
     align?: "inherit" | "left" | "center" | "right" | null | undefined;
     leading?: "inherit" | "normal" | "tight" | "relaxed" | null | undefined;

package/dist/types/components/vertical-list/vertical-list.d.ts

@@ -1,14 +1,11 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
 declare const verticalListVariants: (props?: ({
-    gap?: "default" | "sm" | "lg" | "xs" | "md" | null | undefined;
+    rowGap?: "default" | "xs" | "md" | null | undefined;
     divided?: boolean | null | undefined;
+    nested?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export interface VerticalListProps extends React.HTMLAttributes<HTMLUListElement>, VariantProps<typeof verticalListVariants> {
-    /**
-     * Gap between items
-     */
-    gap?: "xs" | "sm" | "default" | "md" | "lg";
     /**
      * Show dividers between items
      */

package/dist/types/components/with-copy/with-copy.d.ts

@@ -1,4 +1,4 @@
-import { PropsWithChildren } from '../../../node_modules/.pnpm/react@19.2.0/node_modules/react';
+import { PropsWithChildren } from 'react';
 import type * as React from "react";
 export interface WithCopyProps {
     /** Text to copy to clipboard */

package/dist/types/components/with-title/with-title.d.ts

@@ -1,14 +1,13 @@
+import { VariantProps } from 'class-variance-authority';
 import type * as React from "react";
-export type Sizes = "default" | "sm" | "lg";
-export interface WithTitleProps {
+declare const withTitleVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | "md" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface WithTitleProps extends VariantProps<typeof withTitleVariants> {
     /**
      * Title text or element
      */
     title: string | React.ReactNode;
-    /**
-     * Size variant
-     */
-    size?: Sizes;
     /**
      * Children content
      */
@@ -29,3 +28,4 @@ export interface WithTitleProps {
  * ```
  */
 export declare function WithTitle({ title, children, size, className, }: WithTitleProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -7,5 +7,4 @@ export * from './use-hf';
 export * from './use-liquidation';
 export * from './use-media-query';
 export * from './use-opened-state';
-export * from './use-pool-points-tips';
 export * from './use-previous';

package/dist/types/hooks/use-filter.d.ts

@@ -6,11 +6,11 @@ export interface SelectFilterList<T> {
 /**
  * Hook for managing range filter state
  */
-export declare function useRangeFilter(): readonly [FilterRange | null, import('../../node_modules/.pnpm/react@19.2.0/node_modules/react').Dispatch<import('../../node_modules/.pnpm/react@19.2.0/node_modules/react').SetStateAction<FilterRange | null>>, () => void];
+export declare function useRangeFilter(): readonly [FilterRange | null, import('react').Dispatch<import('react').SetStateAction<FilterRange | null>>, () => void];
 /**
  * Hook for managing select filter state
  */
-export declare function useSelectFilter<T>(initialState?: SelectFilterList<T> | null): readonly [SelectFilterList<T> | null, import('../../node_modules/.pnpm/react@19.2.0/node_modules/react').Dispatch<import('../../node_modules/.pnpm/react@19.2.0/node_modules/react').SetStateAction<SelectFilterList<T> | null>>, () => void];
+export declare function useSelectFilter<T>(initialState?: SelectFilterList<T> | null): readonly [SelectFilterList<T> | null, import('react').Dispatch<import('react').SetStateAction<SelectFilterList<T> | null>>, () => void];
 type SortType = "desc" | "asc";
 export interface FilterSortField<T> {
     field: T;

package/dist/types/index.d.ts

@@ -1,3 +1,4 @@
+import { default as EnglishLocale } from './locale/en.json';
 export * from './components/accordion';
 export * from './components/alert-badge';
 export * from './components/alert-dialog';
@@ -60,6 +61,7 @@ export * from './components/legal-agreement';
 export * from './components/liquidation';
 export * from './components/loader-guard';
 export * from './components/markdown-viewer';
+export * from './components/modal';
 export * from './components/navbar';
 export * from './components/navbar-logo';
 export * from './components/navitem';
@@ -94,6 +96,7 @@ export * from './components/spinner';
 export * from './components/split-list';
 export * from './components/stat-badge';
 export * from './components/status-dot';
+export * from './components/status-elements';
 export * from './components/status-triangle';
 export * from './components/stepper';
 export * from './components/styled-dropdown';
@@ -122,10 +125,13 @@ export * from './components/with-title';
 export * from './configs/design-tokens';
 export * from './configs/variants';
 export * from './hooks';
+export type { LocaleKeys } from './locale';
+export * from './locale';
+export { EnglishLocale };
 export * from './utils';
 export * from './utils/a11y';
 export { cn } from './utils/cn';
 export * from './utils/copy';
 export * from './utils/format';
-export { formatMoney, formatPercentAmount, PERCENTAGE_FACTOR, percentageTemplate, percentTemplate, } from './utils/format-money';
+export { formatMoney, formatPercentAmount, percentageTemplate, percentTemplate, } from './utils/format-money';
 export * from './utils/templates';

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.40",
   "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",