@gearbox-protocol/permissionless-ui 1.22.0-next.2 → 1.22.0-next.21

package/dist/types/components/client-adapters/styled-dialog-container/styled-dialog-container.d.ts

@@ -0,0 +1,13 @@
+import { DialogContainerProps } from '../../dialog/dialog-container';
+import * as React from "react";
+type PaddingSize = "none" | "md" | "lg" | "xl";
+export interface StyledDialogContainerProps extends Omit<DialogContainerProps, "padding" | "colorTheme" | "maxWidth"> {
+    $padding?: PaddingSize;
+    $width?: string;
+    $minWidth?: string;
+    $maxWidth?: string;
+    $minHeight?: string;
+    $colorTheme?: DialogContainerProps["colorTheme"];
+}
+declare const StyledDialogContainer: React.ForwardRefExoticComponent<StyledDialogContainerProps & React.RefAttributes<HTMLDivElement>>;
+export { StyledDialogContainer };

package/dist/types/components/client-adapters/styled-rounded-image/index.d.ts

@@ -0,0 +1 @@
+export * from './styled-rounded-image';

package/dist/types/components/client-adapters/styled-rounded-image/styled-rounded-image.d.ts

@@ -0,0 +1,9 @@
+import { RoundedImageProps } from '../../rounded-image/rounded-image';
+import * as React from "react";
+export interface StyledRoundedImageProps extends Omit<RoundedImageProps, "size" | "rounded" | "defaultIcon"> {
+    $size: number;
+    $rounded?: boolean;
+    $defaultIcon?: string;
+}
+declare const StyledRoundedImage: React.ForwardRefExoticComponent<StyledRoundedImageProps & React.RefAttributes<HTMLImageElement>>;
+export { StyledRoundedImage };

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

@@ -1,8 +1,9 @@
-import type * as React from "react";
+import { TypographyProps } from '../typography/typography';
+import * as React from "react";
 /**
  * DescriptionProps — props for Description component.
  */
-export interface DescriptionProps extends React.HTMLAttributes<HTMLSpanElement> {
+export interface DescriptionProps extends Omit<TypographyProps, "variant" | "color"> {
 }
 /**
  * Description — component for displaying secondary/muted text.
@@ -23,4 +24,5 @@ export interface DescriptionProps extends React.HTMLAttributes<HTMLSpanElement>
  * <Description className="text-xs">Small description</Description>
  * ```
  */
-export declare function Description({ className, ...props }: DescriptionProps): import("react/jsx-runtime").JSX.Element;
+declare const Description: React.ForwardRefExoticComponent<DescriptionProps & React.RefAttributes<HTMLDivElement>>;
+export { Description };

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

@@ -1,7 +1,12 @@
+import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
-export interface DialogContainerProps extends React.HTMLAttributes<HTMLDivElement> {
-    maxWidth?: "sm" | "md" | "lg" | "xl" | "2xl" | "full";
-    padding?: boolean;
+declare const dialogContainerVariants: (props?: ({
+    padding?: boolean | "md" | "xl" | null | undefined;
+    colorTheme?: "default" | "modal" | "transparent" | "box" | null | undefined;
+    maxWidth?: "full" | "sm" | "lg" | "md" | "xl" | "2xl" | null | undefined;
+    sticky?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface DialogContainerProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof dialogContainerVariants> {
 }
 /**
  * DialogContainer component for responsive content width within dialogs

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

@@ -1,9 +1,15 @@
+import { VariantProps } from 'class-variance-authority';
+import { ModalProps } from '../modal/modal';
 import { DialogContainerProps } from './dialog-container';
-import { DialogModalProps } from './dialog-modal';
 import * as React from "react";
+declare const dialogModalContainerVariants: (props?: ({
+    width?: "full" | "default" | "lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export interface DialogModalContainerProps {
-    modalProps: Omit<DialogModalProps, "ref" | " children">;
-    dialogProps?: Omit<DialogContainerProps, "ref" | "children">;
+    show: boolean;
+    onClickOutside?: () => void;
+    modal?: Omit<ModalProps, "ref" | " children" | "show" | "onClickOutside">;
+    dialog?: Omit<DialogContainerProps, "ref" | "children"> & VariantProps<typeof dialogModalContainerVariants>;
 }
 /**
  * DialogModalContainer component for responsive content width within dialogs

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

@@ -1,5 +1,5 @@
 import * as DialogPrimitive from "@radix-ui/react-dialog";
-declare const Dialog: import('../../../node_modules/.pnpm/react@19.2.0/node_modules/react').FC<DialogPrimitive.DialogProps>;
-declare const DialogTrigger: import('../../../node_modules/.pnpm/react@19.2.0/node_modules/react').ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & import('../../../node_modules/.pnpm/react@19.2.0/node_modules/react').RefAttributes<HTMLButtonElement>>;
-declare const DialogPortal: import('../../../node_modules/.pnpm/react@19.2.0/node_modules/react').FC<DialogPrimitive.DialogPortalProps>;
+declare const Dialog: import('react').FC<DialogPrimitive.DialogProps>;
+declare const DialogTrigger: import('react').ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & import('react').RefAttributes<HTMLButtonElement>>;
+declare const DialogPortal: import('react').FC<DialogPrimitive.DialogPortalProps>;
 export { Dialog, DialogPortal, DialogTrigger };

package/dist/types/components/dialog/index.d.ts

@@ -1,3 +1,4 @@
+export * from '../modal/modal';
 export * from './dialog';
 export * from './dialog-container';
 export * from './dialog-content';
@@ -5,7 +6,6 @@ export * from './dialog-description';
 export * from './dialog-footer';
 export * from './dialog-form';
 export * from './dialog-header';
-export * from './dialog-modal';
 export * from './dialog-modal-container';
 export * from './dialog-overlay';
 export * from './dialog-title';

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

@@ -64,6 +64,7 @@ export * from './legal-agreement';
 export * from './liquidation';
 export * from './loader-guard';
 export * from './markdown-viewer';
+export * from './modal';
 export * from './navbar';
 export * from './navbar-logo';
 export * from './navitem';

package/dist/types/components/layout/col/col.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from '../../../../node_modules/.pnpm/react@19.2.0/node_modules/react';
+import * as React from "react";
 /**
  * ColProps — props for Col component.
  */

package/dist/types/components/layout/container/container.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from '../../../../node_modules/.pnpm/react@19.2.0/node_modules/react';
+import * as React from "react";
 /**
  * ContainerProps — props for Container component.
  */

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

@@ -1,5 +1,5 @@
-import { default as React } from '../../../../node_modules/.pnpm/react@19.2.0/node_modules/react';
 import { LegalReferences } from '../legal-disclaimer';
+import * as React from "react";
 export interface FooterProps extends React.HTMLAttributes<HTMLElement> {
     logo?: React.ReactNode;
     copyright?: React.ReactNode;

package/dist/types/components/layout/grid/grid.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from '../../../../node_modules/.pnpm/react@19.2.0/node_modules/react';
+import * as React from "react";
 /**
  * GridProps — props for Grid component.
  */

package/dist/types/components/layout/header/header.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from '../../../../node_modules/.pnpm/react@19.2.0/node_modules/react';
+import * as React from "react";
 interface MobileMenuContextValue {
     closeMobileMenu: () => void;
 }

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

@@ -1,4 +1,4 @@
-import { default as React } from '../../../../node_modules/.pnpm/react@19.2.0/node_modules/react';
+import * as React from "react";
 export interface LayoutProps extends React.HTMLAttributes<HTMLDivElement> {
     header?: React.ReactNode;
     footer?: React.ReactNode;

package/dist/types/components/modal/index.d.ts

@@ -0,0 +1 @@
+export * from './modal';

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

@@ -0,0 +1,33 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from "react";
+declare const dialogModalVariants: (props?: ({
+    colorTheme?: "default" | "dark" | "dark-transparent" | null | undefined;
+    backdrop?: "default" | "success" | "failure" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface ModalProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof dialogModalVariants> {
+    /**
+     * 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;
+}
+/**
+ * Modal component for responsive content width within dialogs
+ * Follows the same pattern as Container from layout/container
+ *
+ * @example
+ * ```tsx
+ * // With show/hide control
+ * <Modal show={isOpen} onClickOutside={handleClose}>
+ *   <Content />
+ * </Modal>
+ * ```
+ */
+declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<HTMLDivElement>>;
+export { Modal };

package/dist/types/components/navbar/navbar-indicator-context.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from '../../../node_modules/.pnpm/react@19.2.0/node_modules/react';
+import { default as React } from 'react';
 interface NavbarIndicatorContextType {
     registerItem: (id: string, element: HTMLElement) => void;
     unregisterItem: (id: string) => void;

package/dist/types/components/points-icon/points-icon.d.ts

@@ -1,3 +1,4 @@
+import { RoundedImageProps } from '../rounded-image/rounded-image';
 import * as React from "react";
 export interface PointsReward {
     /**
@@ -9,7 +10,7 @@ export interface PointsReward {
      */
     type: string;
 }
-export interface PointsIconProps extends React.HTMLAttributes<HTMLImageElement> {
+export interface PointsIconProps extends React.HTMLAttributes<HTMLImageElement>, Omit<RoundedImageProps, "size" | "src" | "alt"> {
     /**
      * Reward information with name and type
      */
@@ -22,10 +23,6 @@ export interface PointsIconProps extends React.HTMLAttributes<HTMLImageElement>
      * Base URL for static assets (defaults to Gearbox static CDN)
      */
     staticBaseUrl?: string;
-    /**
-     * Whether to apply rounded corners (circle)
-     */
-    rounded?: boolean;
 }
 /**
  * PointsIcon — component for displaying reward/points program icons.

package/dist/types/components/pool-points-indicator/pool-points-indicator.d.ts

@@ -1,4 +1,4 @@
-import { PropsWithChildren } from '../../../node_modules/.pnpm/react@19.2.0/node_modules/react';
+import { PropsWithChildren } from 'react';
 export type PoolPointsColor = "primary" | "secondary" | "green" | "blue" | "yellow";
 export interface PoolPointsIndicatorProps {
     /**

package/dist/types/components/rounded-image/rounded-image.d.ts

@@ -1,11 +1,26 @@
-import type * as React from "react";
-export interface RoundedImageProps extends React.ImgHTMLAttributes<HTMLImageElement> {
+import * as React from "react";
+export interface RoundedImageProps extends Omit<React.ImgHTMLAttributes<HTMLImageElement>, "onError"> {
     /**
      * Size of the image in pixels
      */
-    size?: number;
+    size: number;
+    /**
+     * Whether to apply rounded corners (circle)
+     */
+    rounded?: boolean;
+    /**
+     * Default icon to display if the image fails to load
+     */
+    defaultIcon?: string;
+    /**
+     * Image fit behavior
+     * - "contain" — show full image without cropping (best for icons)
+     * - "cover" — fill bounds, may crop (best for photos/avatars)
+     */
+    fit?: "contain" | "cover";
 }
 /**
  * RoundedImage — a circular image component
  */
-export declare function RoundedImage({ className, size, style, ...props }: RoundedImageProps): import("react/jsx-runtime").JSX.Element;
+declare const RoundedImage: React.ForwardRefExoticComponent<RoundedImageProps & React.RefAttributes<HTMLImageElement>>;
+export { RoundedImage };

package/dist/types/components/short-string/short-string.d.ts

@@ -3,10 +3,10 @@ import type * as React from "react";
  * ShortStringProps — props for ShortString component.
  */
 export interface ShortStringProps {
-    children: string;
-    maxLength?: number;
-    className?: string;
+    children: React.ReactNode;
+    maxLength?: number | "text-overflow";
     showTooltip?: boolean;
+    className?: string;
 }
 /**
  * ShortString — component for truncating text with tooltip showing full content.
@@ -36,4 +36,4 @@ export interface ShortStringProps {
  * </ShortString>
  * ```
  */
-export declare function ShortString({ children, maxLength, className, showTooltip, }: ShortStringProps): React.ReactElement;
+export declare function ShortString({ children, maxLength, showTooltip, className, }: ShortStringProps): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;

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

@@ -3,7 +3,7 @@ import type * as React from "react";
 declare const skeletonVariants: (props?: ({
     variant?: "default" | "lighter" | "darker" | null | undefined;
     speed?: "default" | "slow" | "fast" | null | undefined;
-    width?: "full" | "sm" | "lg" | "xs" | "md" | "xl" | "3/4" | "1/2" | "1/3" | "1/4" | "2xl" | null | undefined;
+    width?: "full" | "sm" | "lg" | "xs" | "md" | "xl" | "2xl" | "3/4" | "1/2" | "1/3" | "1/4" | null | undefined;
     height?: "sm" | "lg" | "xs" | "md" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 type WidthPreset = NonNullable<VariantProps<typeof skeletonVariants>["width"]>;

package/dist/types/components/theme-provider.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from '../../node_modules/.pnpm/react@19.2.0/node_modules/react';
+import { ReactNode } from 'react';
 /**
  * Theme types
  */

package/dist/types/components/tip-card/tip-card.d.ts

@@ -1,7 +1,7 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
 declare const tipCardVariants: (props?: ({
-    variant?: "default" | "success" | "warning" | "info" | "light" | "error" | null | undefined;
+    variant?: "default" | "success" | "warning" | "info" | "error" | "light" | null | undefined;
     hasIndicator?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 declare const indicatorColors: {

package/dist/types/components/token-icon/token-icon.d.ts

@@ -1,3 +1,5 @@
+import { default as React } from 'react';
+import { RoundedImageProps } from '../rounded-image/rounded-image';
 /**
  * TokenIcon — component for displaying token/asset icons.
  *
@@ -18,12 +20,16 @@
  * - for address identifiers (use Identicon component).
  * - for custom images or logos (use Image component).
  */
-export interface TokenIconProps {
-    symbol: string;
+type SymbolOrIcon = string | {
+    icon: string;
+};
+export interface TokenIconProps extends Omit<RoundedImageProps, "src" | "size"> {
+    symbol: SymbolOrIcon | undefined;
     size?: number;
     className?: string;
 }
-export declare function TokenIcon({ symbol, size, className }: TokenIconProps): import("react/jsx-runtime").JSX.Element;
+declare const TokenIcon: React.ForwardRefExoticComponent<TokenIconProps & React.RefAttributes<HTMLImageElement>>;
+export { TokenIcon };
 /**
  * Preload token icons into browser cache.
  * Call this function early in your app initialization with the list of token symbols.
@@ -37,4 +43,4 @@ export declare function TokenIcon({ symbol, size, className }: TokenIconProps):
  * preloadTokenIcons(tokens);
  * ```
  */
-export declare function preloadTokenIcons(symbols: string[]): void;
+export declare function preloadTokenIcons(symbols: SymbolOrIcon[]): void;

package/dist/types/components/token-symbol/token-symbol.d.ts

@@ -1,10 +1,15 @@
 import { NetworkType } from '@gearbox-protocol/sdk';
-import type * as React from "react";
+import { VariantProps } from 'class-variance-authority';
+import { default as React } from 'react';
+declare const tokenSymbolVariants: (props?: ({
+    marginSize?: "sm" | "lg" | "md" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
 type PartialTokenData = {
     symbol: string;
     title?: string;
+    icon?: string;
 };
-export interface TokenSymbolProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"> {
+export interface TokenSymbolProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title">, VariantProps<typeof tokenSymbolVariants> {
     /**
      * Token data object or symbol string
      */
@@ -67,5 +72,5 @@ export interface TokenSymbolProps extends Omit<React.HTMLAttributes<HTMLDivEleme
  * <TokenSymbol token="WETH" showSymbol={true} />
  * ```
  */
-export declare function TokenSymbol({ token, title, className, comment, showIcon, showSymbol, size, chainId, network, maxLength, ...props }: TokenSymbolProps): import("react/jsx-runtime").JSX.Element;
-export {};
+declare const TokenSymbol: React.ForwardRefExoticComponent<TokenSymbolProps & React.RefAttributes<HTMLDivElement>>;
+export { TokenSymbol };

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/configs/tailwind-preset.d.ts

@@ -57,6 +57,8 @@ export declare const preset: {
                     foreground: string;
                 };
                 success: string;
+                "success-foreground": string;
+                "success-hover": string;
                 warning: string;
                 liquidation: string;
                 border: string;

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

@@ -60,6 +60,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';

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/utils/format-money.d.ts

@@ -84,18 +84,3 @@ export declare const SLIPPAGE_DECIMALS = 1000n;
  * ```
  */
 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;

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,8 +7,9 @@ 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, formatMoney as formatMoneyAmount, formatPercentAmount, PERCENTAGE_FACTOR, percentageTemplate, percentTemplate, SLIPPAGE_DECIMALS, } 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 './network-icons';
 export * from './parse-input-to-bn';
@@ -23,3 +24,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/network-icons.d.ts

@@ -1,19 +1,8 @@
-/**
- * Network icon paths mapping
- */
-export type NetworkType = "Mainnet" | "Arbitrum" | "Optimism" | "Sonic" | "Monad" | "AllNetworks" | string;
+import { NetworkType } from '@gearbox-protocol/sdk';
 /**
  * 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 +15,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/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.2",
+  "version": "1.22.0-next.21",
   "description": "Internal UI components",
   "license": "MIT",
   "main": "./dist/cjs/index.js",
@@ -105,6 +105,9 @@
     "wagmi": "^2.0.0"
   },
   "peerDependenciesMeta": {
+    "connectkit": {
+      "optional": true
+    },
     "next": {
       "optional": true
     },