@gearbox-protocol/permissionless-ui 1.7.3 → 1.7.5

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

@@ -1,67 +0,0 @@
-import { type VariantProps } from "class-variance-authority";
-import * as React from "react";
-declare const navitemVariants: (props?: ({
-    variant?: "link" | "default" | "ghost" | "tab" | "active" | "pill" | null | undefined;
-    size?: "icon" | "default" | "sm" | "lg" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-/**
- * NavItem component props
- */
-export interface NavItemProps extends React.AnchorHTMLAttributes<HTMLAnchorElement>, VariantProps<typeof navitemVariants> {
-    /**
-     * Renders the navitem as a child element using Radix Slot
-     * Useful for creating custom navigation elements or working with routing libraries
-     *
-     * @example
-     * ```tsx
-     * <NavItem asChild>
-     *   <Link href="/path">Link</Link>
-     * </NavItem>
-     * ```
-     */
-    asChild?: boolean;
-    /**
-     * Whether the navigation item is currently active
-     */
-    active?: boolean;
-    /**
-     * Optional icon to display before the label
-     */
-    icon?: React.ReactNode;
-    /**
-     * Optional badge or indicator to display after the label
-     */
-    badge?: React.ReactNode;
-    /**
-     * Indicates if this is an external link
-     */
-    external?: boolean;
-}
-/**
- * NavItem component for navigation items
- *
- * @example
- * ```tsx
- * // Basic usage
- * <NavItem href="/dashboard">Dashboard</NavItem>
- *
- * // Active state
- * <NavItem href="/settings" active>Settings</NavItem>
- *
- * // With icon
- * <NavItem href="/profile" icon={<UserIcon />}>Profile</NavItem>
- *
- * // With badge
- * <NavItem href="/notifications" badge={<Badge>3</Badge>}>Notifications</NavItem>
- *
- * // As a router link
- * <NavItem asChild>
- *   <Link to="/dashboard">Dashboard</Link>
- * </NavItem>
- *
- * // Tab variant
- * <NavItem variant="tab" active>Overview</NavItem>
- * ```
- */
-declare const NavItem: React.ForwardRefExoticComponent<NavItemProps & React.RefAttributes<HTMLAnchorElement>>;
-export { NavItem, navitemVariants };

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

@@ -1,69 +0,0 @@
-import { type VariantProps } from "class-variance-authority";
-import * as React from "react";
-declare const pageTitleVariants: (props?: ({
-    size?: "default" | "sm" | "lg" | "xl" | null | undefined;
-    variant?: "default" | "primary" | "muted" | "gradient" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-declare const pageTitleRootVariants: (props?: ({
-    spacing?: "default" | "sm" | "lg" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export interface PageTitleProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof pageTitleVariants> {
-    /**
-     * Optional back button element to display before the title
-     */
-    backButton?: React.ReactNode;
-    /**
-     * Optional icon to display before the title
-     */
-    icon?: React.ReactNode;
-    /**
-     * Optional action buttons to display after the title
-     */
-    actions?: React.ReactNode;
-    /**
-     * Spacing between elements
-     */
-    spacing?: "sm" | "default" | "lg";
-    /**
-     * Optional subtitle or description
-     */
-    subtitle?: React.ReactNode;
-    /**
-     * Whether to render as h1 or div
-     */
-    as?: "h1" | "h2" | "h3" | "div";
-}
-/**
- * PageTitle component for displaying page headers with optional back button, icon, and actions
- *
- * @example
- * ```tsx
- * // Basic usage
- * <PageTitle>Dashboard</PageTitle>
- *
- * // With back button
- * <PageTitle backButton={<BackButton href="/home" />}>
- *   Settings
- * </PageTitle>
- *
- * // With icon and actions
- * <PageTitle
- *   icon={<UserIcon />}
- *   actions={<Button>Edit</Button>}
- * >
- *   Profile
- * </PageTitle>
- *
- * // With subtitle
- * <PageTitle subtitle="Manage your account settings">
- *   Settings
- * </PageTitle>
- *
- * // Different sizes and variants
- * <PageTitle size="lg" variant="gradient">
- *   Welcome
- * </PageTitle>
- * ```
- */
-export declare const PageTitle: React.ForwardRefExoticComponent<PageTitleProps & React.RefAttributes<HTMLDivElement>>;
-export { pageTitleVariants, pageTitleRootVariants };

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

@@ -1,41 +0,0 @@
-import type { PropsWithChildren } from "react";
-export type PoolPointsColor = "primary" | "secondary" | "green" | "blue" | "yellow";
-export interface PoolPointsIndicatorProps {
-    /**
-     * Size of the token icon in pixels
-     * @default 24
-     */
-    size?: number;
-    /**
-     * Color of the border and indicator
-     * @default "primary"
-     */
-    color?: PoolPointsColor;
-    /**
-     * Custom className
-     */
-    className?: string;
-}
-/**
- * PoolPointsIndicator component - wrapper that adds a circular border and indicator
- * around a TokenIcon (or any children) to show pool points
- *
- * @example
- * ```tsx
- * // Basic usage with TokenIcon
- * <PoolPointsIndicator size={24}>
- *   <TokenIcon symbol="ETH" size={24} />
- * </PoolPointsIndicator>
- *
- * // With custom color
- * <PoolPointsIndicator size={24} color="green">
- *   <TokenIcon symbol="USDC" size={24} />
- * </PoolPointsIndicator>
- *
- * // Secondary color
- * <PoolPointsIndicator size={32} color="secondary">
- *   <TokenIcon symbol="DAI" size={32} />
- * </PoolPointsIndicator>
- * ```
- */
-export declare function PoolPointsIndicator({ size, color, className, children, }: PropsWithChildren<PoolPointsIndicatorProps>): import("react/jsx-runtime").JSX.Element;

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

@@ -1,33 +0,0 @@
-import { type VariantProps } from "class-variance-authority";
-declare const searchBarVariants: (props?: ({
-    size?: "full" | "default" | "sm" | "lg" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-interface SearchBarProps extends VariantProps<typeof searchBarVariants> {
-    onChange: (query: string) => void;
-    placeholder?: string;
-    className?: string;
-    theme?: "light" | "dark";
-}
-/**
- * SearchBar — search input component with icon.
- *
- * @usage
- * Use SearchBar to provide search functionality:
- * search inputs, filter inputs, query inputs, search forms.
- *
- * Props:
- * - `onChange` — callback function called when search query changes (required).
- * - `placeholder` — placeholder text (defaults to "Search...").
- * - `className` — additional CSS classes for styling.
- * - `size` — size variant: "sm", "default", "lg", "full" (defaults to "default").
- * - `theme` — theme variant: "light" or "dark" (defaults to "light").
- *
- * Note: Includes search icon on the left side. Manages internal state for search query.
- * Calls onChange callback on every input change. Includes animated states for active/focused.
- *
- * Do NOT use SearchBar:
- * - for simple text inputs (use Input component).
- * - when you don't need search icon (use Input component).
- */
-export declare function SearchBar({ onChange, placeholder, className, size, theme, }: SearchBarProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/types/components/search-line.d.ts

@@ -1,117 +0,0 @@
-import { type VariantProps } from "class-variance-authority";
-import * as React from "react";
-declare const searchLineVariants: (props?: ({
-    size?: "full" | "default" | "sm" | "lg" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-declare const searchLineInputVariants: (props?: ({
-    active?: boolean | null | undefined;
-    theme?: "dark" | "light" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export interface SearchLineState {
-    value: string;
-    handleInput: (ev: React.ChangeEvent<HTMLInputElement>) => void;
-    handleSubmit: (ev: {
-        preventDefault: () => void;
-    }) => void;
-    loading?: boolean;
-}
-export interface SearchLineProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onSubmit">, VariantProps<typeof searchLineVariants> {
-    /**
-     * Search state object containing value, handlers, and loading state
-     */
-    searchState: SearchLineState;
-    /**
-     * Placeholder text for the search input
-     */
-    placeholder?: string;
-    /**
-     * Theme variant
-     */
-    theme?: "light" | "dark";
-    /**
-     * Whether to show the search icon on the left
-     */
-    showSearchIcon?: boolean;
-    /**
-     * Custom icon to show when active (default: ArrowRight)
-     */
-    customIcon?: React.ReactNode;
-    /**
-     * Callback when the search is submitted
-     */
-    onSubmit?: (value: string) => void;
-}
-/**
- * SearchLine component with animated states and submit functionality
- *
- * @example
- * ```tsx
- * // Basic usage with search state
- * const [value, setValue] = useState("");
- * const searchState = {
- *   value,
- *   handleInput: (e) => setValue(e.target.value),
- *   handleSubmit: (e) => {
- *     e.preventDefault();
- *     console.log("Search:", value);
- *   },
- *   loading: false,
- * };
- *
- * <SearchLine searchState={searchState} placeholder="Search..." />
- *
- * // With loading state
- * <SearchLine
- *   searchState={{ ...searchState, loading: true }}
- *   theme="dark"
- * />
- *
- * // Full width
- * <SearchLine
- *   searchState={searchState}
- *   size="full"
- *   showSearchIcon
- * />
- * ```
- */
-export declare const SearchLine: React.ForwardRefExoticComponent<SearchLineProps & React.RefAttributes<HTMLDivElement>>;
-/**
- * Props for WithSearchLine component
- */
-export interface WithSearchLineProps {
-    /**
-     * Search state object
-     */
-    searchState: SearchLineState;
-    /**
-     * Placeholder text for the search input
-     */
-    placeholder?: string;
-    /**
-     * Theme variant
-     */
-    theme?: "light" | "dark";
-    /**
-     * Content to display alongside the search line
-     */
-    children: React.ReactNode;
-    /**
-     * Additional class name for the container
-     */
-    className?: string;
-}
-/**
- * WithSearchLine component that combines content with a search line
- *
- * @example
- * ```tsx
- * <WithSearchLine
- *   searchState={searchState}
- *   placeholder="Search items..."
- * >
- *   <h2>Items List</h2>
- * </WithSearchLine>
- * ```
- */
-export declare const WithSearchLine: React.ForwardRefExoticComponent<WithSearchLineProps & React.RefAttributes<HTMLDivElement>>;
-export { searchLineVariants, searchLineInputVariants };

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

@@ -1,46 +0,0 @@
-import * as SelectPrimitive from "@radix-ui/react-select";
-import { type VariantProps } from "class-variance-authority";
-import * as React from "react";
-/**
- * Select — dropdown select component and its subcomponents.
- *
- * @usage
- * Use Select to create dropdown selection menus:
- * form selects, option pickers, filter dropdowns, choice selectors.
- *
- * Select Components:
- * - `Select` — root component (SelectPrimitive.Root).
- * - `SelectTrigger` — trigger button that opens the select menu.
- * - `SelectValue` — displays the selected value.
- * - `SelectContent` — dropdown content container.
- * - `SelectItem` — individual selectable option.
- * - `SelectLabel` — label for option groups.
- * - `SelectGroup` — groups related options.
- * - `SelectSeparator` — visual separator between options.
- * - `SelectScrollUpButton` / `SelectScrollDownButton` — scroll buttons for long lists.
- *
- * Note: All components are based on Radix UI Select.
- * Supports keyboard navigation and accessibility features.
- * Prefer using these components instead of @radix-ui/react-select directly.
- *
- * Do NOT use Select:
- * - for multi-select (use Checkbox or appropriate multi-select components).
- * - for simple toggle switches (use Checkbox or Switch components).
- */
-declare const Select: React.FC<SelectPrimitive.SelectProps>;
-declare const SelectGroup: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
-declare const SelectValue: React.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
-declare const selectTriggerVariants: (props?: ({
-    size?: "default" | "sm" | "lg" | null | undefined;
-    variant?: "default" | "error" | "success" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-interface SelectTriggerProps extends React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>, VariantProps<typeof selectTriggerVariants> {
-}
-declare const SelectTrigger: React.ForwardRefExoticComponent<SelectTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-declare const SelectScrollUpButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const SelectScrollDownButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const SelectContent: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const SelectLabel: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const SelectItem: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const SelectSeparator: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, selectTriggerVariants, };

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

@@ -1,45 +0,0 @@
-import { type VariantProps } from "class-variance-authority";
-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" | "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;
-/**
- * SkeletonProps — props for Skeleton component.
- */
-interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof skeletonVariants> {
-}
-/**
- * Skeleton — loading placeholder component with pulse animation.
- *
- * @usage
- * Use Skeleton to display loading placeholders:
- * content loading states, data fetching indicators, placeholder animations.
- *
- * Props:
- * - `variant` — visual variant: "default", "lighter", "darker" (defaults to "default").
- * - `speed` — animation speed: "slow", "default", "fast" (defaults to "default").
- * - `width` — width preset: "full", "3/4", "1/2", "1/3", "1/4", "xs", "sm", "md", "lg", "xl", "2xl" (defaults to "full").
- * - `height` — height preset: "xs", "sm", "md", "lg", "xl", "2xl", "3xl", "4xl", "5xl" (defaults to "md").
- * - All standard HTML div props are supported (className, style, etc.).
- *
- * Note: Uses pulse animation and muted background color.
- * Can be styled with className to match content dimensions.
- * Prefer using this component instead of native HTML div element for loading placeholders.
- *
- * Do NOT use Skeleton:
- * - for error states (use appropriate error components).
- * - for empty states (use appropriate empty state components).
- *
- * @example
- * ```tsx
- * <Skeleton />
- * <Skeleton width="1/2" height="sm" />
- * <Skeleton variant="lighter" width="md" height="lg" />
- * <Skeleton speed="fast" width="sm" height="xl" className="rounded-full" />
- * ```
- */
-declare function Skeleton({ className, variant, speed, width, height, ...props }: SkeletonProps): import("react/jsx-runtime").JSX.Element;
-export { Skeleton, skeletonVariants };

package/dist/types/components/stat-badge.d.ts

@@ -1,169 +0,0 @@
-import { type VariantProps } from "class-variance-authority";
-import * as React from "react";
-declare const statBadgeVariants: (props?: ({
-    variant?: "primary" | "filled" | "elevated" | "outlined" | null | undefined;
-    size?: "default" | "sm" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-declare const statBadgeTitleVariants: (props?: ({
-    size?: "default" | "sm" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-declare const statBadgeContentVariants: (props?: ({
-    size?: "default" | "sm" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export interface DeltaProps {
-    /**
-     * Label to show before the delta value
-     */
-    label?: string;
-    /**
-     * Delta value (percentage or number)
-     */
-    value: number;
-    /**
-     * Tooltip content for the delta
-     */
-    tooltip?: React.ReactNode;
-    /**
-     * Custom icon for positive delta
-     */
-    positiveIcon?: React.ReactNode;
-    /**
-     * Custom icon for negative delta
-     */
-    negativeIcon?: React.ReactNode;
-}
-export interface StatBadgeProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title">, VariantProps<typeof statBadgeVariants> {
-    /**
-     * Title/label of the stat
-     */
-    title: React.ReactNode;
-    /**
-     * Main value to display
-     */
-    value: React.ReactNode;
-    /**
-     * Optional description for the value
-     */
-    valueDescription?: React.ReactNode;
-    /**
-     * Optional delta configuration
-     */
-    delta?: DeltaProps;
-}
-/**
- * StatBadge component for displaying statistics and metrics with optional delta indicators
- *
- * **Note:** If using delta tooltips, wrap your app with `<TooltipProvider>` from the tooltip component.
- *
- * @example
- * ```tsx
- * // Basic usage
- * <StatBadge
- *   title="Total Value"
- *   value="$1,234.56"
- * />
- *
- * // With description
- * <StatBadge
- *   title="APY"
- *   value="12.5"
- *   valueDescription="%"
- * />
- *
- * // With delta (positive change)
- * <StatBadge
- *   title="Revenue"
- *   value="$10,000"
- *   delta={{
- *     label: "+15.5%",
- *     value: 15.5,
- *   }}
- * />
- *
- * // With delta and tooltip (requires TooltipProvider)
- * <TooltipProvider>
- *   <StatBadge
- *     title="Revenue"
- *     value="$10,000"
- *     delta={{
- *       label: "+15.5%",
- *       value: 15.5,
- *       tooltip: "15.5% increase from last month"
- *     }}
- *   />
- * </TooltipProvider>
- *
- * // Small size with outlined variant
- * <StatBadge
- *   title="Users"
- *   value="1,234"
- *   size="sm"
- *   variant="outlined"
- * />
- *
- * // Primary variant
- * <StatBadge
- *   title="Active Sessions"
- *   value="42"
- *   variant="primary"
- * />
- *
- * // Negative delta
- * <StatBadge
- *   title="Errors"
- *   value="12"
- *   delta={{
- *     label: "-25%",
- *     value: -25,
- *   }}
- * />
- * ```
- */
-export declare const StatBadge: React.ForwardRefExoticComponent<StatBadgeProps & React.RefAttributes<HTMLDivElement>>;
-declare const statBadgeGridVariants: (props?: ({
-    cols?: 2 | 1 | 3 | 5 | 4 | 6 | null | undefined;
-    gap?: "default" | "sm" | "lg" | "xl" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export interface StatBadgeGridProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof statBadgeGridVariants> {
-    /**
-     * Number of columns in the grid (responsive breakpoints applied automatically)
-     */
-    cols?: 1 | 2 | 3 | 4 | 5 | 6;
-    /**
-     * Gap size between grid items
-     */
-    gap?: "sm" | "default" | "lg" | "xl";
-}
-/**
- * StatBadgeGrid component for displaying multiple stat badges in a responsive grid layout
- *
- * @example
- * ```tsx
- * // Default 4 columns (1 on mobile, 2 on tablet, 3 on desktop, 4 on xl)
- * <StatBadgeGrid>
- *   <StatBadge title="Total Value" value="$1,234.56" />
- *   <StatBadge title="APY" value="12.5%" />
- *   <StatBadge title="Users" value="1,234" />
- * </StatBadgeGrid>
- *
- * // 3 columns layout
- * <StatBadgeGrid cols={3}>
- *   <StatBadge title="Revenue" value="$10,000" />
- *   <StatBadge title="Users" value="1,234" />
- *   <StatBadge title="Sessions" value="42" />
- * </StatBadgeGrid>
- *
- * // 2 columns with large gap
- * <StatBadgeGrid cols={2} gap="lg">
- *   <StatBadge title="Active" value="123" />
- *   <StatBadge title="Inactive" value="45" />
- * </StatBadgeGrid>
- *
- * // Single column
- * <StatBadgeGrid cols={1}>
- *   <StatBadge title="Total" value="$1,000" />
- * </StatBadgeGrid>
- * ```
- */
-export declare const StatBadgeGrid: React.ForwardRefExoticComponent<StatBadgeGridProps & React.RefAttributes<HTMLDivElement>>;
-export { statBadgeVariants, statBadgeTitleVariants, statBadgeContentVariants, statBadgeGridVariants, };

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

@@ -1,40 +0,0 @@
-import { type VariantProps } from "class-variance-authority";
-import * as React from "react";
-declare const textareaVariants: (props?: ({
-    size?: "default" | "sm" | "lg" | null | undefined;
-    variant?: "default" | "error" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-/**
- * TextareaProps — props for Textarea component.
- */
-export interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement>, VariantProps<typeof textareaVariants> {
-}
-/**
- * Textarea — multi-line text input component with size variants.
- *
- * @usage
- * Use Textarea for multi-line text input:
- * comments, descriptions, long-form text, message inputs, bytecodes.
- *
- * Props:
- * - `size` — textarea size: "sm", "default", "lg" (defaults to "default").
- * - `variant` — visual variant: "default", "error" (defaults to "default").
- * - All standard HTML textarea props are supported (value, onChange, placeholder, rows, etc.).
- *
- * Note: Minimum height varies by size (60px for sm, 80px for default, 120px for lg).
- * Uses standard form input styling with focus states.
- * Prefer using this component instead of native HTML textarea element.
- *
- * Do NOT use Textarea:
- * - for single-line text input (use Input component).
- * - for rich text editing (use appropriate rich text editor components).
- *
- * @example
- * ```tsx
- * <Textarea placeholder="Enter description" />
- * <Textarea size="lg" rows={10} />
- * <Textarea variant="error" />
- * ```
- */
-declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
-export { Textarea, textareaVariants };

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

@@ -1,28 +0,0 @@
-import { type ImageProps } from "./image";
-/**
- * TokenIcon — component for displaying token/asset icons.
- *
- * @usage
- * Use TokenIcon to display token or asset icons:
- * token symbols, asset icons, currency icons, token representations.
- *
- * Props:
- * - `symbol` — token symbol/ticker (required).
- * - `size` — icon size in pixels (defaults to 48).
- *
- * Note: Fetches icon from Gearbox static CDN based on symbol.
- * Automatically falls back to default icon if token icon is not found.
- * Symbol is normalized (removes "/", spaces, "-f", converts "-" to "_", lowercased).
- * Displays as rounded circle.
- *
- * Do NOT use TokenIcon:
- * - for address identifiers (use Identicon component).
- * - for custom images or logos (use Image component).
- */
-export interface TokenIconProps {
-    symbol: string;
-    size?: number;
-    className?: string;
-    ImageComponent?: React.ComponentType<ImageProps>;
-}
-export declare function TokenIcon({ symbol, size, className, ImageComponent, }: TokenIconProps): import("react/jsx-runtime").JSX.Element;