@gearbox-protocol/permissionless-ui 1.22.0-next.7 → 1.22.0-next.70

package/dist/types/components/app-bar/app-bar.d.ts

@@ -0,0 +1,133 @@
+import * as React from "react";
+export interface AppBarProps extends React.HTMLAttributes<HTMLElement> {
+    children?: React.ReactNode;
+}
+/**
+ * AppBar — top-level navigation bar container.
+ *
+ * Implements the classic 3-column layout: left panel, growing center, right panel.
+ * Uses `position: relative` so that AppBarCenterContent can be absolutely positioned.
+ *
+ * @example
+ * ```tsx
+ * <AppBar>
+ *   <AppBarSidePanel>{leftContent}</AppBarSidePanel>
+ *   <AppBarCenter>
+ *     <AppBarCenterContent>{tabs}</AppBarCenterContent>
+ *   </AppBarCenter>
+ *   <AppBarSidePanel>{rightContent}</AppBarSidePanel>
+ * </AppBar>
+ * ```
+ */
+export declare const AppBar: React.ForwardRefExoticComponent<AppBarProps & React.RefAttributes<HTMLElement>>;
+export interface AppBarSidePanelProps extends React.HTMLAttributes<HTMLDivElement> {
+    children?: React.ReactNode;
+}
+/**
+ * AppBarSidePanel — flex row container for left/right side items.
+ * Provides 8px gap between child elements.
+ */
+export declare const AppBarSidePanel: React.ForwardRefExoticComponent<AppBarSidePanelProps & React.RefAttributes<HTMLDivElement>>;
+export interface AppBarCenterProps extends React.HTMLAttributes<HTMLDivElement> {
+    children?: React.ReactNode;
+}
+/**
+ * AppBarCenter — center navigation area that grows to fill available space.
+ *
+ * Aligns itself to the bottom of the flex container (align-self: flex-end)
+ * so that the absolutely-positioned AppBarCenterContent appears below the
+ * side panel buttons.
+ */
+export declare const AppBarCenter: React.ForwardRefExoticComponent<AppBarCenterProps & React.RefAttributes<HTMLDivElement>>;
+export interface AppBarCenterContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    children?: React.ReactNode;
+}
+/**
+ * AppBarCenterContent — absolutely positioned container for navigation tabs.
+ *
+ * Positioned 16px below the AppBarCenter's bottom edge, creating the effect
+ * of tabs "hanging" below the main navigation bar.
+ *
+ * Hidden on mobile (< 768px), visible on desktop (≥ 768px).
+ */
+export declare const AppBarCenterContent: React.ForwardRefExoticComponent<AppBarCenterContentProps & React.RefAttributes<HTMLDivElement>>;
+export interface AppBarNavItemProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Optional attribute/badge displayed to the right of the label (e.g. "×10")
+     */
+    attribute?: React.ReactNode;
+    /**
+     * Whether to show hover background effect. Defaults to true.
+     */
+    hasHover?: boolean;
+    children?: React.ReactNode;
+}
+/**
+ * AppBarNavItem — a navigation menu item with hover background highlight.
+ *
+ * Renders the hover background as an absolutely positioned element that
+ * extends 6px above/below and 13px left/right beyond the item content,
+ * with a 15px border-radius, matching the original AppBarElement behavior.
+ *
+ * @example
+ * ```tsx
+ * <AppBarNavItem>Dashboard</AppBarNavItem>
+ * <AppBarNavItem attribute="×10">Farm</AppBarNavItem>
+ * <AppBarNavItem hasHover={false}>More</AppBarNavItem>
+ * ```
+ */
+export declare const AppBarNavItem: React.ForwardRefExoticComponent<AppBarNavItemProps & React.RefAttributes<HTMLDivElement>>;
+type AppBarButtonSize = "sm" | "md" | "lg";
+export interface AppBarHamburgerButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    size?: AppBarButtonSize;
+}
+/**
+ * AppBarHamburgerButton — outline button with hamburger (bars) icon.
+ * Used on mobile to open the navigation drawer.
+ */
+export declare const AppBarHamburgerButton: React.ForwardRefExoticComponent<AppBarHamburgerButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export interface AppBarDotsButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    size?: AppBarButtonSize;
+}
+/**
+ * AppBarDotsButton — outline button with three horizontal dots icon.
+ * Used to open the "more options" dropdown in the AppBar.
+ */
+export declare const AppBarDotsButton: React.ForwardRefExoticComponent<AppBarDotsButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export interface AppBarMenuItemProps extends React.HTMLAttributes<HTMLDivElement> {
+    children?: React.ReactNode;
+}
+/**
+ * AppBarMenuItem — a single item in the AppBar extra menus (hamburger / dots).
+ *
+ * Styled to match the original DropdownItem with 12px padding, 8px border-radius,
+ * and gray-80 hover background.
+ *
+ * @example
+ * ```tsx
+ * <AppBarDropdownMenu>
+ *   <AppBarMenuItem onClick={handler}>Dashboard</AppBarMenuItem>
+ *   <AppBarMenuItem onClick={handler}>Settings</AppBarMenuItem>
+ * </AppBarDropdownMenu>
+ * ```
+ */
+export declare const AppBarMenuItem: React.ForwardRefExoticComponent<AppBarMenuItemProps & React.RefAttributes<HTMLDivElement>>;
+export interface AppBarDropdownMenuProps extends React.HTMLAttributes<HTMLDivElement> {
+    children?: React.ReactNode;
+}
+/**
+ * AppBarDropdownMenu — the container for AppBarMenuItems.
+ *
+ * Styled to match the original DropdownMenu with gray-40 background,
+ * rounded-xl, shadow, and 4px padding.
+ *
+ * @example
+ * ```tsx
+ * <AppBarDropdownMenu>
+ *   <AppBarMenuItem>Item 1</AppBarMenuItem>
+ *   <AppBarMenuItem>Item 2</AppBarMenuItem>
+ * </AppBarDropdownMenu>
+ * ```
+ */
+export declare const AppBarDropdownMenu: React.ForwardRefExoticComponent<AppBarDropdownMenuProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/types/components/app-bar/index.d.ts

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

package/dist/types/components/assets-list-cell/assets-list-cell.d.ts

@@ -1,5 +1,16 @@
+import { default as React } from 'react';
 import { Address } from 'viem';
-export interface AssetsListCellProps {
+type Mode = "default" | "cascade";
+interface CommonOptions {
+    mode?: Mode;
+    showIconTooltip?: boolean;
+    otherTooltip?: React.ReactNode;
+    onOtherClick?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+}
+/**
+ * Single asset cell props (new API)
+ */
+export interface SingleAssetCellProps {
     /**
      * The asset address
      */
@@ -18,7 +29,6 @@ export interface AssetsListCellProps {
     explorerUrl?: string;
     /**
      * Icon symbol to use if it doesn't match the asset symbol
-     * e.g., pool tokens don't have their own symbol and use underlying symbol
      */
     iconSymbol?: string;
     /**
@@ -30,19 +40,73 @@ export interface AssetsListCellProps {
      * Additional CSS classes
      */
     className?: string;
+    balances?: undefined;
+    tokensList?: undefined;
+}
+/**
+ * Multi-asset list cell props (legacy API, compatible with @gearbox-protocol/interface)
+ */
+export interface MultiAssetCellProps {
+    /**
+     * List of asset balances (either objects with token address or plain addresses)
+     */
+    balances: Array<{
+        token: Address;
+    }> | Array<Address>;
+    /**
+     * Token data keyed by address
+     */
+    tokensList: Record<Address, {
+        symbol: string;
+        title?: string;
+    }>;
+    /**
+     * Maximum number of assets to display before showing "+N"
+     * @default 3
+     */
+    maxAssets?: number;
+    /**
+     * Size of token icons
+     * @default 24
+     */
+    iconSize?: number;
+    /**
+     * Display and interaction options
+     */
+    options?: CommonOptions;
+    /**
+     * Additional CSS classes
+     */
+    className?: string;
+    assetAddress?: undefined;
+    symbol?: undefined;
 }
+export type AssetsListCellProps = SingleAssetCellProps | MultiAssetCellProps;
 /**
- * AssetsListCell component for displaying asset information in list views
- * Similar to TableCellAsset but without table cell wrapper, suitable for list/grid layouts
+ * AssetsListCell — displays asset icons in a list/grid layout
+ *
+ * Supports two APIs:
+ * 1. Single asset (new): `<AssetsListCell assetAddress="0x..." symbol="ETH" />`
+ * 2. Multi-asset list (legacy): `<AssetsListCell balances={[...]} tokensList={...} />`
  *
  * @example
  * ```tsx
+ * // Single asset
  * <AssetsListCell
  *   assetAddress="0x1234..."
  *   symbol="ETH"
  *   comment="Ethereum"
- *   explorerUrl="https://etherscan.io"
+ * />
+ *
+ * // Multi-asset list (cascade mode)
+ * <AssetsListCell
+ *   balances={[{ token: "0x1234..." }, { token: "0x5678..." }]}
+ *   tokensList={{ "0x1234...": { symbol: "ETH" }, "0x5678...": { symbol: "USDC" } }}
+ *   maxAssets={5}
+ *   iconSize={24}
+ *   options={{ mode: "cascade" }}
  * />
  * ```
  */
-export declare function AssetsListCell({ assetAddress, symbol, iconSymbol, comment, explorerUrl, iconSize, className, }: AssetsListCellProps): import("react/jsx-runtime").JSX.Element;
+export declare function AssetsListCell(props: AssetsListCellProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/auth/connect-required.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from '../../../node_modules/.pnpm/react@19.2.0/node_modules/react';
+import { ReactNode } from 'react';
 import { Address } from 'viem';
 import { TabButtonProps } from '../buttons';
 /**
@@ -29,4 +29,4 @@ export interface ConnectRequiredProps extends TabButtonProps {
     owner?: Address;
     children: ReactNode;
 }
-export declare function ConnectRequired({ children, owner, ...customProps }: ConnectRequiredProps): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import('../../../node_modules/.pnpm/react@19.2.0/node_modules/react').ReactPortal | import('../../../node_modules/.pnpm/react@19.2.0/node_modules/react').ReactElement<unknown, string | import('../../../node_modules/.pnpm/react@19.2.0/node_modules/react').JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
+export declare function ConnectRequired({ children, owner, ...customProps }: ConnectRequiredProps): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;

package/dist/types/components/auth/signin-required.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from '../../../node_modules/.pnpm/react@19.2.0/node_modules/react';
+import { ReactNode } from 'react';
 import { Address } from 'viem';
 import { TabButtonProps } from '../buttons';
 /**
@@ -31,4 +31,4 @@ export interface SignInRequiredProps extends TabButtonProps {
     children: ReactNode;
     skipSignIn?: boolean;
 }
-export declare function SignInRequired({ children, owner, skipSignIn, ...customProps }: SignInRequiredProps): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import('../../../node_modules/.pnpm/react@19.2.0/node_modules/react').ReactPortal | import('../../../node_modules/.pnpm/react@19.2.0/node_modules/react').ReactElement<unknown, string | import('../../../node_modules/.pnpm/react@19.2.0/node_modules/react').JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
+export declare function SignInRequired({ children, owner, skipSignIn, ...customProps }: SignInRequiredProps): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;

package/dist/types/components/base-link/base-link.d.ts

@@ -1,5 +1,11 @@
+import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
-export interface BaseLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
+declare const linkVariants: (props?: ({
+    size?: "default" | "xs" | "sm" | "unset" | null | undefined;
+    variant?: "default" | "unset" | "underlined" | null | undefined;
+    color?: "main" | "default" | "secondary" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface BaseLinkProps extends Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, "color">, VariantProps<typeof linkVariants> {
     /**
      * Renders the link as a child element using Radix Slot
      * Useful for working with routing libraries like Next.js Link or React Router Link

package/dist/types/components/buttons/button/button.d.ts

@@ -2,7 +2,7 @@ import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
 declare const buttonVariants: (props?: ({
     variant?: "link" | "text" | "default" | "success" | "destructive" | "ghost" | "outline" | "secondary" | "white" | "neutral" | "pink" | "pink-outline" | "blue" | "blue-outline" | null | undefined;
-    size?: "default" | "icon" | "auto" | "sm" | "lg" | "xs" | null | undefined;
+    size?: "default" | "icon" | "auto" | "xs" | "sm" | "lg" | null | undefined;
     width?: "compact" | "wide" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 /**

package/dist/types/components/buttons/navigation-button/navigation-button.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 NavigationButtonProps {
     href: string;
     text: string;

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

@@ -12,12 +12,12 @@ import * as React from "react";
  * ```
  */
 declare const cardGridVariants: (props?: ({
-    columns?: 2 | 1 | 3 | 5 | 4 | 6 | null | undefined;
-    columnsLg?: 2 | 1 | 3 | 5 | 4 | 6 | null | undefined;
-    columnsMd?: 2 | 1 | 3 | 5 | 4 | 6 | null | undefined;
-    columnsSm?: 2 | 1 | 3 | 5 | 4 | 6 | null | undefined;
-    gap?: "none" | "sm" | "lg" | "md" | "xl" | null | undefined;
-    justifyItemContent?: "center" | "start" | "end" | "stretch" | null | undefined;
+    columns?: 2 | 1 | 3 | 4 | 5 | 6 | null | undefined;
+    columnsLg?: 2 | 1 | 3 | 4 | 5 | 6 | null | undefined;
+    columnsMd?: 2 | 1 | 3 | 4 | 5 | 6 | null | undefined;
+    columnsSm?: 2 | 1 | 3 | 4 | 5 | 6 | null | undefined;
+    gap?: "none" | "sm" | "lg" | "xl" | "md" | null | undefined;
+    justifyItemContent?: "center" | "end" | "start" | "stretch" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 interface CardGridProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof cardGridVariants> {
 }

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

@@ -1 +1,3 @@
 export * from './styled-button';
+export * from './styled-dialog-container';
+export * from './styled-rounded-image';

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

@@ -1,5 +1,5 @@
-import { default as React } from '../../../../node_modules/.pnpm/react@19.2.0/node_modules/react';
 import { ButtonProps } from '../../buttons/button';
+import * as React from "react";
 type ButtonWidth = "compact" | "wide";
 type ButtonColors = "primary" | "outlined" | "neutral" | "white" | "success";
 type ButtonSize = "sm" | "md" | "lg";

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

@@ -0,0 +1 @@
+export * from './styled-dialog-container';

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/colored-text/colored-text.d.ts

@@ -2,7 +2,7 @@ import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
 declare const coloredTextVariants: (props?: ({
     color?: "inherit" | "default" | "muted" | "success" | "warning" | "primary" | "alert" | null | undefined;
-    size?: "default" | "sm" | "lg" | "xs" | "unset" | "xl" | null | undefined;
+    size?: "default" | "xs" | "sm" | "lg" | "xl" | "unset" | null | undefined;
     weight?: "medium" | "normal" | "semibold" | "bold" | "unset" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export interface ColoredTextProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, "color">, VariantProps<typeof coloredTextVariants> {

package/dist/types/components/complex-input/complex-input.d.ts

@@ -1,53 +1,17 @@
-import { TokenData } from '@gearbox-protocol/sdk';
+import { InputProps } from '../input';
 import { WithTitleProps } from '../with-title';
+import { BalanceIndicatorProps } from '..';
 import type * as React from "react";
-export interface BalanceIndicatorProps {
-    /**
-     * Title for max button
-     */
-    title?: React.ReactNode;
-    /**
-     * Maximum amount available
-     */
-    maxAmount: bigint;
-    /**
-     * Token data
-     */
-    token: TokenData | undefined;
-    /**
-     * Size variant
-     */
-    size?: "sm" | "md" | "lg";
-    /**
-     * Whether the indicator is disabled
-     */
-    disabled?: boolean;
-    /**
-     * Whether to show max button
-     */
-    maxButton?: boolean;
-    /**
-     * Callback when max button is clicked
-     */
-    onMaxButtonClick?: () => void;
-}
 export interface ComplexInputProps {
     /**
      * Props for title wrapper
      */
     titleProps: WithTitleProps;
     /**
-     * Props for input element
+     * Props for input element (matches interface: InputProps with onChange overridden)
      */
-    inputProps: Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "size"> & {
-        /**
-         * Callback when value changes (receives bigint and string view)
-         */
+    inputProps: Omit<InputProps, "onChange" | "endingIcon"> & {
         onChange?: (value: bigint, valueView: string) => void;
-        /**
-         * Input size variant
-         */
-        inputSize?: "sm" | "lg" | "default";
     };
     /**
      * Props for balance indicator

package/dist/types/components/compound-apy/compound-apy.d.ts

@@ -1,5 +1,6 @@
 import { TokenData } from '@gearbox-protocol/sdk';
-import { LocaleKeys } from '../typed-intl';
+import { PoolAPYPointsTip } from '../pool-apy-tooltip';
+import { LocaleKeys } from '../../locale';
 export interface PoolBaseAPY {
     type: "supplyAPY" | "tokenYield";
     apy: number;
@@ -33,20 +34,6 @@ export interface ExternalAPYData {
      */
     tooltip?: LocaleKeys;
 }
-/**
- * Pool points tip (backward compatibility)
- * @internal - Not exported to avoid conflict with hooks/PoolPointsTip
- */
-interface CompoundAPYPoolPointsTip {
-    reward?: {
-        duration?: string;
-        condition?: string;
-    };
-    amount: string;
-    name: string;
-    tokenTitle?: string;
-    fullTip: string;
-}
 export interface CompoundAPYProps {
     /**
      * Total APY value (already in percent form, e.g., 5 for 5%)
@@ -71,7 +58,7 @@ export interface CompoundAPYProps {
     /**
      * Pool points data (backward compatibility)
      */
-    points?: Array<CompoundAPYPoolPointsTip>;
+    points?: Array<PoolAPYPointsTip>;
     /**
      * APY data from 7 days ago (backward compatibility)
      */
@@ -95,7 +82,10 @@ export interface CompoundAPYProps {
     className?: string;
 }
 /**
- * CompoundAPY component for displaying breakdown of APY with base, extra, and external components
+ * CompoundAPY component for displaying breakdown of APY with base, extra, and external components.
+ *
+ * Renders an APY string with an info icon, cascading reward token icons, and points icons.
+ * When APY >= 0.001 and not loading, wraps content in PoolAPYTooltip for detailed breakdown.
  *
  * @example
  * ```tsx
@@ -112,5 +102,4 @@ export interface CompoundAPYProps {
  * />
  * ```
  */
-export declare function CompoundAPY({ totalAPY, totalAPYLoading, baseAPY, extraAPY, externalAPY: externalAPYProp, tokensList, decimals, className, }: CompoundAPYProps): import("react/jsx-runtime").JSX.Element;
-export {};
+export declare function CompoundAPY({ totalAPY, totalAPYLoading, baseAPY, extraAPY, externalAPY: externalAPYProp, points, apy7DAgo, tokensList, decimals, className, }: CompoundAPYProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/confirm-menu/confirm-menu.d.ts

@@ -1,20 +1,19 @@
-import type * as React from "react";
+import * as React from "react";
 export interface ConfirmMenuProps {
-    /**
-     * Title text or element
-     */
+    /** Title text or element shown in the header */
     title: React.ReactNode;
-    /**
-     * Callback when close button is clicked
-     */
+    /** Callback when the close button is clicked */
     onClose: () => void;
-    /**
-     * Additional CSS class
-     */
+    /** Additional CSS class applied to the root element */
     className?: string;
 }
 /**
- * ConfirmMenu — dialog header with close button
+ * ConfirmMenu — dialog header with title and close button.
+ * Matches interface (A) layout and typography: full-width row, growing title area,
+ * title with 21px / 25px line-height, close IconButton (hollow, size 30).
+ *
+ * @usage
+ * Use for: modal or dialog headers that need a title and a close control.
  *
  * @example
  * ```tsx
@@ -24,4 +23,5 @@ export interface ConfirmMenuProps {
  * />
  * ```
  */
-export declare function ConfirmMenu({ title, onClose, className }: ConfirmMenuProps): import("react/jsx-runtime").JSX.Element;
+declare const ConfirmMenu: React.ForwardRefExoticComponent<ConfirmMenuProps & React.RefAttributes<HTMLDivElement>>;
+export { ConfirmMenu };

package/dist/types/components/currency-button/currency-button.d.ts

@@ -1,79 +1,44 @@
-import { NetworkType, TokenData } from '@gearbox-protocol/sdk';
+import { NetworkType } from '@gearbox-protocol/sdk';
+import { VariantProps } from 'class-variance-authority';
+import { TokenDataLike } from '..';
 import type * as React from "react";
-/**
- * Size variants for CurrencyButton
- */
-export type CurrencyButtonSize = "sm" | "md" | "lg" | "old" | "default";
-export interface CurrencyButtonProps {
-    /**
-     * Custom title override (uses token.symbol by default)
-     */
+declare const blockVariants: (props?: ({
+    size?: "xs" | "sm" | "md" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface CurrencyButtonProps extends VariantProps<typeof blockVariants> {
+    /** Override title (e.g. for tooltip). */
     title?: string;
-    /**
-     * Maximum length for symbol display
-     * @default 12
-     */
+    /** Max length for symbol display. @default 13 */
     maxLength?: number;
-    /**
-     * Token data to display
-     */
-    token?: TokenData;
-    /**
-     * Whether the button is disabled
-     */
+    /** Token to display. */
+    token?: TokenDataLike;
+    /** When true, button does not respond to click. */
     disabled?: boolean;
-    /**
-     * Callback when button is clicked to open token selection
-     * If not provided, button acts as a static display
-     */
+    /** Called when button is clicked to open token select. When set and not disabled, block is clickable. */
     showSelectDialog?: () => void;
-    /**
-     * Size variant
-     * @default "md"
-     */
-    size?: CurrencyButtonSize;
-    /**
-     * Whether the button is in active/selected state
-     */
+    /** When true, expand icon is rotated (e.g. dropdown open). @default false */
     active?: boolean;
-    /**
-     * Chain ID for multi-chain support
-     */
+    /** Chain ID for token/network. */
     chainId?: number;
-    /**
-     * Network type for multi-chain support
-     */
+    /** Network type. */
     network?: NetworkType;
-    /**
-     * Additional CSS class
-     */
+    /** Extra class name. */
     className?: string;
-    /**
-     * Children to render (fallback when no token)
-     */
+    /** Fallback content when no token (e.g. "Select token"). */
     children?: React.ReactNode;
 }
 /**
- * CurrencyButton — a button for selecting/displaying a token
+ * CurrencyButton — token display with optional expand icon and click-to-select.
  *
- * Shows token icon and symbol with an optional expand chevron when selectable.
+ * @usage
+ * Use as the token selector trigger in SmartNumberInput or similar.
+ * When showSelectDialog is set and not disabled, block is clickable and shows expand icon.
  *
  * @example
  * ```tsx
- * // Static display
- * <CurrencyButton token={tokenData} />
- *
- * // With selection
- * <CurrencyButton
- *   token={selectedToken}
- *   showSelectDialog={() => setOpen(true)}
- *   size="md"
- * />
- *
- * // Placeholder
- * <CurrencyButton showSelectDialog={() => setOpen(true)}>
- *   Select token
- * </CurrencyButton>
+ * <CurrencyButton token={token} showSelectDialog={() => setOpen(true)} size="md" />
+ * <CurrencyButton showSelectDialog={() => setOpen(true)}>Select token</CurrencyButton>
  * ```
  */
-export declare function CurrencyButton({ title, maxLength, token, disabled, showSelectDialog, size, active, chainId, network, className, children, }: CurrencyButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function CurrencyButton({ title, maxLength, token, disabled, showSelectDialog, size: sizeProp, active, chainId, network, className, children, }: CurrencyButtonProps): import("react/jsx-runtime").JSX.Element;
+export {};

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 };