@gearbox-protocol/ui-kit 3.14.0-next.9 → 4.0.0-next.1

package/dist/types/components/next/next-navigation-provider.d.ts

@@ -1,26 +0,0 @@
-import type * as React from "react";
-interface NextNavigationProviderProps {
-    Link: React.ComponentType<any>;
-    useRouter: () => {
-        push: (url: string) => void;
-    };
-    usePathname: () => string;
-    children: React.ReactNode;
-}
-/**
- * Navigation provider for Next.js App Router.
- * Maps Next.js navigation primitives to the universal NavigationAdapter.
- *
- * @example
- * ```tsx
- * import { NextNavigationProvider } from "@gearbox-protocol/ui-kit/next";
- * import NextLink from "next/link";
- * import { useRouter, usePathname } from "next/navigation";
- *
- * <NextNavigationProvider Link={NextLink} useRouter={useRouter} usePathname={usePathname}>
- *   <App />
- * </NextNavigationProvider>
- * ```
- */
-export declare function NextNavigationProvider({ Link: NextLink, useRouter, usePathname, children, }: NextNavigationProviderProps): import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1,3 +0,0 @@
-import { TokenIconProps } from '../token-icon';
-export type { TokenIconProps };
-export declare function TokenIcon(props: TokenIconProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/not-found/index.d.ts

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

package/dist/types/components/not-found/not-found.d.ts

@@ -1,18 +0,0 @@
-import type * as React from "react";
-export interface NotFoundProps {
-    icon?: React.ReactNode;
-    message: React.ReactNode;
-    className?: string;
-}
-/**
- * NotFound - Display a "not found" message with an optional icon
- *
- * @example
- * ```tsx
- * <NotFound
- *   icon={<IconDeadRobot />}
- *   message="No data found"
- * />
- * ```
- */
-export declare function NotFound({ icon, message, className, }: NotFoundProps): React.ReactElement;

package/dist/types/components/options-list/index.d.ts

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

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

@@ -1,15 +0,0 @@
-import type * as React from "react";
-export interface OptionsListProps extends React.HTMLAttributes<HTMLDivElement> {
-    children: React.ReactNode;
-}
-export declare function OptionsList({ className, children, ...props }: OptionsListProps): React.ReactElement;
-export interface OptionsItemProps {
-    icon?: React.ReactNode;
-    title: string | React.ReactNode;
-    subTitle?: string | React.ReactNode;
-    onClick?: () => void;
-    endingIcon?: React.ReactNode;
-    last?: boolean;
-    className?: string;
-}
-export declare function OptionsItem({ icon, title, subTitle, onClick, endingIcon, last, className, }: OptionsItemProps): React.ReactElement;

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

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

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

@@ -1,19 +0,0 @@
-import type * as React from "react";
-export interface OverflowProps extends React.HTMLAttributes<HTMLDivElement> {
-    children?: React.ReactNode;
-}
-/**
- * Overflow — a container that hides overflow content
- */
-export declare function Overflow({ children, className, ...props }: OverflowProps): import("react/jsx-runtime").JSX.Element;
-export interface OverflowWrapProps extends React.HTMLAttributes<HTMLDivElement> {
-    children?: React.ReactNode;
-    /**
-     * @deprecated Use className instead
-     */
-    size?: number;
-}
-/**
- * OverflowWrap — a container that wraps long words
- */
-export declare function OverflowWrap({ children, className, size, ...props }: OverflowWrapProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/overflow-container/index.d.ts

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

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

@@ -1,55 +0,0 @@
-import type * as React from "react";
-export type Size = "default" | "small";
-export type BorderColor = "default" | "light" | "none";
-export interface OverflowContainerProps {
-    /**
-     * Size variant
-     */
-    size?: Size;
-    /**
-     * Maximum height
-     */
-    maxHeight: string;
-    /**
-     * Minimum height
-     */
-    minHeight?: string;
-    /**
-     * Border color variant
-     */
-    borderColor?: BorderColor;
-    /**
-     * Outer padding (CSS string like "14px 12px 14px 0")
-     */
-    outerPadding?: string;
-    /**
-     * Inner padding (CSS string like "0 22px 0 16px")
-     */
-    innerPadding?: string | null;
-    /**
-     * Children content
-     */
-    children?: React.ReactNode;
-    /**
-     * Additional CSS class
-     */
-    className?: string;
-    /**
-     * Additional CSS class for the overflow container
-     */
-    overflowContainerClassName?: string;
-}
-/**
- * OverflowContainer — scrollable container with border and padding
- *
- * @example
- * ```tsx
- * <OverflowContainer
- *   maxHeight="400px"
- *   innerPadding="16px"
- * >
- *   {items.map(item => <div key={item.id}>{item.content}</div>)}
- * </OverflowContainer>
- * ```
- */
-export declare function OverflowContainer({ children, maxHeight, minHeight, size, borderColor, outerPadding, innerPadding, className, overflowContainerClassName, }: OverflowContainerProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/percent-indicator/index.d.ts

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

package/dist/types/components/percent-indicator/percent-indicator.d.ts

@@ -1,23 +0,0 @@
-import type * as React from "react";
-export interface PercentIndicatorProps extends React.HTMLAttributes<HTMLDivElement> {
-    /**
-     * The percentage value (already in percent form, e.g., 75 for 75%)
-     */
-    percent: number;
-    /**
-     * Number of decimal places to show
-     * @default 2
-     */
-    decimals?: number;
-    /**
-     * Show color indicator based on percentage
-     * @default true
-     */
-    showColor?: boolean;
-    /**
-     * Show progress bar below the value
-     * @default true
-     */
-    showProgressBar?: boolean;
-}
-export declare function PercentIndicator({ percent, decimals, showColor, showProgressBar, className, ...props }: PercentIndicatorProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/pool-apy-tooltip/pool-apy-tooltip.d.ts

@@ -1,47 +0,0 @@
-import { PoolBaseAPY } from '../compound-apy/compound-apy';
-import { LocaleKeys } from '../../locale';
-import { ExtraRewardApyData, TokenMetaInfo } from '../../types/common';
-import type * as React from "react";
-export interface PoolAPYPointsTip {
-    reward?: {
-        duration?: string;
-        condition?: string;
-        name?: string;
-        type?: string;
-    };
-    amount: string;
-    name: string;
-    tokenTitle?: string;
-    fullTip: string;
-}
-interface ExternalAPYData {
-    totalValue: number;
-    apy: number;
-    name: string;
-    /** When omitted, the block renders a plain name + APY line (no i18n id). */
-    tooltip?: LocaleKeys;
-}
-interface APY7DAgoData {
-    totalAPY?: number;
-    /** From the original DetailedApyProps */
-    totalAPYLoading?: boolean;
-    baseAPY?: Array<PoolBaseAPY>;
-    /** Alternative loading flag used by some consumers */
-    loading7DAgo?: boolean;
-    loading?: boolean;
-    /** Allow extra fields from consumers */
-    [key: string]: unknown;
-}
-export interface PoolAPYTooltipProps {
-    children?: React.ReactNode;
-    totalAPY?: number;
-    baseAPY?: Array<PoolBaseAPY>;
-    extraAPY?: Array<ExtraRewardApyData>;
-    points?: Array<PoolAPYPointsTip>;
-    apy7DAgo?: APY7DAgoData;
-    externalAPY?: ExternalAPYData;
-    tokensList?: Record<string, TokenMetaInfo>;
-    className?: string;
-}
-export declare function PoolAPYTooltip({ children, totalAPY, baseAPY, extraAPY, points, apy7DAgo, externalAPY, tokensList, className, }: PoolAPYTooltipProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/types/components/pool-indicator-icon/index.d.ts

@@ -1 +0,0 @@
-export * from './pool-indicator-icon';

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

@@ -1,32 +0,0 @@
-import { default as React } from 'react';
-type Color = "primary" | "secondary";
-export interface PoolIndicatorIconProps {
-    /**
-     * Children content (e.g. TokenSymbol)
-     */
-    children?: React.ReactNode;
-    /**
-     * Size of the token icon in pixels
-     * @default 24
-     */
-    size?: number;
-    /**
-     * Color variant for the border and indicator badge
-     * @default "primary"
-     */
-    color?: Color;
-    /**
-     * Additional CSS class
-     */
-    className?: string;
-}
-/**
- * PoolIndicatorIcon — wraps a token icon with a colored ring border
- * and a small lightning indicator badge in the top-right corner.
- *
- * Matches the original @gearbox-protocol/interface PoolIndicatorIcon:
- * - Colored ring (border) around the icon, 4px larger on each side
- * - Small 14×14 circle badge at top-right with a lightning icon
- */
-export declare const PoolIndicatorIcon: React.ForwardRefExoticComponent<PoolIndicatorIconProps & React.RefAttributes<HTMLDivElement>>;
-export {};

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

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

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

@@ -1,27 +0,0 @@
-import * as ProgressPrimitive from "@radix-ui/react-progress";
-import * as React from "react";
-export interface ProgressProps extends React.ComponentPropsWithoutRef<typeof ProgressPrimitive.Root> {
-    /**
-     * Visual variant based on progress status
-     */
-    variant?: "default" | "success" | "warning" | "danger" | "info";
-    /**
-     * Size of the progress bar
-     */
-    size?: "sm" | "default" | "lg";
-    /**
-     * Show percentage label
-     */
-    showLabel?: boolean;
-}
-/**
- * Progress — progress indicator component
- *
- * @example
- * ```tsx
- * <Progress value={60} />
- * <Progress value={30} variant="warning" showLabel />
- * ```
- */
-declare const Progress: React.ForwardRefExoticComponent<ProgressProps & React.RefAttributes<HTMLDivElement>>;
-export { Progress };

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

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

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

@@ -1,26 +0,0 @@
-import * as React from "react";
-type BarIndex = 1 | 2 | 3;
-declare function hfToBarIndex(hf: number): BarIndex;
-export interface ProgressBarProps {
-    /** Progress value (e.g. health factor in basis points). */
-    progress: number;
-    /** Optional tooltip text (shown via HelpTip in top-right). */
-    tip?: string;
-    /** Optional children to display in the center of the progress bar. */
-    children?: React.ReactNode;
-}
-/**
- * ProgressBar — three-segment bar with arrow indicator and Low/Normal/High legend.
- * Matches interface ProgressBar: HF-based active segment (bad/warning/success), arrow at progress position, optional tip.
- *
- * @usage
- * Use for health factor or similar progress (e.g. 11000 = low, 11001–14999 = normal, 15000+ = high).
- *
- * @example
- * ```tsx
- * <ProgressBar progress={12000}>Health factor</ProgressBar>
- * <ProgressBar progress={15000} tip="Explanation text">HF</ProgressBar>
- * ```
- */
-declare const ProgressBar: React.ForwardRefExoticComponent<ProgressBarProps & React.RefAttributes<HTMLDivElement>>;
-export { ProgressBar, hfToBarIndex };

package/dist/types/components/progress-circle/index.d.ts

@@ -1 +0,0 @@
-export { ProgressCircle, type ProgressCircleProps } from './progress-circle';

package/dist/types/components/progress-circle/progress-circle.d.ts

@@ -1,65 +0,0 @@
-import type * as React from "react";
-export interface ProgressCircleProps {
-    /**
-     * Progress value from 0 to 100
-     */
-    value: number;
-    /**
-     * Size of the circle in pixels
-     * @default 40
-     */
-    size?: number;
-    /**
-     * Width of the stroke
-     * @default 4
-     */
-    strokeWidth?: number;
-    /**
-     * Color of the progress indicator
-     * @default "currentColor"
-     */
-    indicatorColor?: string;
-    /**
-     * Color of the background track
-     * @default "hsl(var(--muted))"
-     */
-    trackColor?: string;
-    /**
-     * Additional className
-     */
-    className?: string;
-    /**
-     * Children to render in the center
-     */
-    children?: React.ReactNode;
-}
-/**
- * ProgressCircle — circular progress indicator.
- *
- * @usage
- * Use ProgressCircle to display progress in a circular format:
- * - Epoch countdowns
- * - Upload/download progress
- * - Task completion status
- * - Time remaining indicators
- *
- * @example
- * ```tsx
- * // Basic usage
- * <ProgressCircle value={75} />
- *
- * // With custom size and colors
- * <ProgressCircle
- *   value={50}
- *   size={60}
- *   strokeWidth={6}
- *   indicatorColor="hsl(var(--primary))"
- * />
- *
- * // With content in center
- * <ProgressCircle value={75} size={80}>
- *   <span className="text-sm font-medium">75%</span>
- * </ProgressCircle>
- * ```
- */
-export declare function ProgressCircle({ value, size, strokeWidth, indicatorColor, trackColor, className, children, }: ProgressCircleProps): React.ReactElement;

package/dist/types/components/radio-group/index.d.ts

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

package/dist/types/components/radio-group/radio-group.d.ts

@@ -1,47 +0,0 @@
-import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
-import * as React from "react";
-/**
- * RadioGroup — container for radio buttons (controlled or uncontrolled).
- *
- * @usage
- * Use for single selection from a list: form options, settings, filters.
- *
- * @example
- * ```tsx
- * <RadioGroup value={selected} onValueChange={setSelected}>
- *   <RadioOption value="a" label="Option A" />
- *   <RadioOption value="b" label="Option B" description="Optional description" />
- * </RadioGroup>
- * ```
- */
-declare const RadioGroup: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-/**
- * RadioGroupItem — single radio input (circle + inner dot). Use inside RadioGroup.
- */
-declare const RadioGroupItem: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-export interface RadioOptionProps extends Omit<React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>, "id"> {
-    /** Value submitted when this option is selected */
-    value: string;
-    /** Label text (clickable) */
-    label: React.ReactNode;
-    /** Optional description under the label */
-    description?: React.ReactNode;
-    /** Whether the option is disabled */
-    disabled?: boolean;
-}
-/**
- * RadioOption — labeled radio button with optional description. Wraps RadioGroupItem + label.
- *
- * @usage
- * Use for list items with a label and optional description; matches A’s Radio + RadioItem layout.
- *
- * @example
- * ```tsx
- * <RadioGroup defaultValue="opt1">
- *   <RadioOption value="opt1" label="Option 1" description="First option" />
- *   <RadioOption value="opt2" label="Option 2" />
- * </RadioGroup>
- * ```
- */
-declare const RadioOption: React.ForwardRefExoticComponent<RadioOptionProps & React.RefAttributes<HTMLButtonElement>>;
-export { RadioGroup, RadioGroupItem, RadioOption };

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

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

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

@@ -1,59 +0,0 @@
-import type * as React from "react";
-type AlignItems = "flex-start" | "flex-end" | "center" | "baseline" | "stretch";
-type JustifyContent = "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly";
-type FlexDirection = "row" | "column" | "row-reverse" | "column-reverse";
-export interface RowProps extends React.HTMLAttributes<HTMLDivElement> {
-    /**
-     * Align items (legacy API with $ prefix)
-     */
-    $align?: AlignItems;
-    /**
-     * Align items (new API)
-     */
-    align?: AlignItems;
-    /**
-     * Justify content (legacy API with $ prefix)
-     */
-    $justify?: JustifyContent;
-    /**
-     * Justify content (new API)
-     */
-    justify?: JustifyContent;
-    /**
-     * Flex direction (legacy API with $ prefix)
-     */
-    $flexDirection?: FlexDirection;
-    /**
-     * Flex direction (new API)
-     */
-    flexDirection?: FlexDirection;
-    /**
-     * Whether to wrap items (legacy API with $ prefix)
-     */
-    $wrap?: boolean;
-    /**
-     * Whether to wrap items (new API)
-     */
-    wrap?: boolean;
-    /**
-     * Gap between items (legacy API with $ prefix)
-     */
-    $gap?: number;
-    /**
-     * Gap between items (new API)
-     */
-    gap?: number;
-}
-/**
- * Row — flex container component
- *
- * @example
- * ```tsx
- * <Row align="center" justify="space-between" gap={4}>
- *   <div>Item 1</div>
- *   <div>Item 2</div>
- * </Row>
- * ```
- */
-export declare function Row({ $align, align, $justify, justify, $flexDirection, flexDirection, $wrap, wrap, $gap, gap, className, children, ...props }: RowProps): import("react/jsx-runtime").JSX.Element;
-export {};

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

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

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

@@ -1,35 +0,0 @@
-import { 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";
-    /** Optional controlled value. If provided, the component becomes controlled. */
-    value?: string;
-}
-/**
- * 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, value, }: SearchBarProps): import("react/jsx-runtime").JSX.Element;
-export {};

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

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

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

@@ -1,13 +0,0 @@
-import * as SeparatorPrimitive from "@radix-ui/react-separator";
-import * as React from "react";
-/**
- * Separator — visual divider between content
- *
- * @example
- * ```tsx
- * <Separator />
- * <Separator orientation="vertical" className="h-4" />
- * ```
- */
-declare const Separator: React.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export { Separator };

package/dist/types/components/signatures/confirmation-item.d.ts

@@ -1,26 +0,0 @@
-import { Address, Hex } from 'viem';
-/**
- * ConfirmationItem — component for displaying transaction confirmation with address.
- *
- * @usage
- * Use ConfirmationItem to display confirmation information in timelines:
- * signature confirmations, transaction confirmations, address confirmations.
- *
- * Props:
- * - `confirmation` — confirmation address or hash (Address | Hex) (required).
- * - `note` — optional note text displayed next to address.
- * - `explorerUrl` — optional explorer URL for external link button.
- *
- * Note: Displays Identicon, shortened hash, optional note, and action buttons (Copy, External link).
- * Action buttons are shown on hover. Used in VerticalTimeline ExtentionStep content.
- *
- * Do NOT use ConfirmationItem:
- * - outside of timeline or confirmation contexts (use appropriate address display components).
- */
-interface ConfirmationItemProps {
-    confirmation: Address | Hex;
-    note?: string;
-    explorerUrl?: string;
-}
-export declare function ConfirmationItem({ confirmation, note, explorerUrl, }: ConfirmationItemProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/types/components/signatures/identicon.d.ts

@@ -1,21 +0,0 @@
-/**
- * Identicon — component for displaying address identifier icon.
- *
- * @usage
- * Use Identicon to display visual identifier for addresses:
- * address avatars, confirmation icons, address representations.
- *
- * Props:
- * - `address` — address string to generate identicon from (required).
- * - `size` — identicon size in pixels (defaults to 32).
- *
- * Note: Uses first two hex characters (after 0x) of address as identifier.
- * Displays as rounded circle with gray background and white text.
- *
- * Do NOT use Identicon:
- * - for token icons or asset images (use TokenIcon component).
- */
-export declare function Identicon({ address, size, }: {
-    address: string;
-    size?: number;
-}): import("react/jsx-runtime").JSX.Element;

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

@@ -1,3 +0,0 @@
-export * from './confirmation-item';
-export * from './identicon';
-export * from './vertical-timeline';