@gearbox-protocol/ui-kit 4.0.0-next.5 → 4.0.0-next.51

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

@@ -1,26 +0,0 @@
-import * as React from "react";
-export interface NavigationButtonProps {
-    href: string;
-    text: string;
-    isActive: boolean;
-}
-/**
- * NavigationButton — component for internal navigation with active state indication.
- *
- * @usage
- * Use NavigationButton for navigation within the application that requires active state:
- * main navigation menus, tab navigation, sidebar navigation, breadcrumb navigation.
- * Used in Header component.
- *
- * Props:
- * - `href` — destination URL for navigation (required).
- * - `text` — button label text (required).
- * - `isActive` — indicates if the current route matches this button's destination (required).
- *
- * Do NOT use NavigationButton:
- * - for external links (use ExternalButton instead).
- * - for actions that don't navigate (use regular Button instead).
- * - when active state indication is not needed (use regular Link component).
- */
-declare const NavigationButton: React.ForwardRefExoticComponent<NavigationButtonProps & React.RefAttributes<HTMLAnchorElement>>;
-export { NavigationButton };

package/dist/types/components/cards/expandable-call/expandable-call.d.ts

@@ -1,28 +0,0 @@
-import * as React from "react";
-export interface ExpandablCallProps {
-    header: React.ReactNode;
-    children: React.ReactNode;
-    index: string | number;
-    isExpandable?: boolean;
-}
-/**
- * ExpandablCall — component for displaying calls within transactions.
- *
- * @usage
- * Use ExpandablCall to display individual function calls inside transaction cards (ExpandableCard):
- * contract method calls, function invocations, call details within transaction data.
- *
- * Props:
- * - `header` — content displayed in the always-visible header section (required).
- * - `children` — content shown when expanded (required).
- * - `index` — call index number displayed as "#{index}" in the header (required).
- * - `isExpandable` — if false, call cannot be expanded/collapsed (defaults to true).
- *
- * Note: Uses rounded background (bg-gray-900/50) and border-top for expanded content to distinguish from transaction card.
- *
- * Do NOT use ExpandablCall:
- * - for displaying transactions themselves (use ExpandableCard instead).
- * - outside of transaction context (use ExpandableCard or regular Card instead).
- */
-declare function ExpandablCall({ header, children, index, isExpandable, }: ExpandablCallProps): import("react/jsx-runtime").JSX.Element;
-export { ExpandablCall };

package/dist/types/components/cards/expandable-call/index.d.ts

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

package/dist/types/components/checkbox-item/checkbox-item.d.ts

@@ -1,56 +0,0 @@
-import * as React from "react";
-/**
- * Props for CheckboxItem component
- */
-export interface CheckboxItemProps {
-    /**
-     * Whether the checkbox is checked
-     */
-    checked?: boolean;
-    /**
-     * Callback when the checked state changes
-     */
-    onCheckedChange?: (checked: boolean) => void;
-    /**
-     * Whether the item is disabled
-     */
-    disabled?: boolean;
-    /**
-     * Optional className
-     */
-    className?: string;
-    /**
-     * Children to render
-     */
-    children?: React.ReactNode;
-}
-/**
- * Universal CheckboxItem component that works both inside and outside DropdownMenu context
- *
- * This component provides a consistent API and styling for checkbox items.
- * When used inside DropdownMenu, wrap it with DropdownMenuCheckboxItem wrapper.
- * When used standalone (e.g., in Dialog), use this component directly.
- *
- * @example Inside DropdownMenu (via wrapper):
- * ```tsx
- * <DropdownMenu>
- *   <DropdownMenuContent>
- *     <DropdownMenuCheckboxItem checked={isChecked} onCheckedChange={setChecked}>
- *       Option 1
- *     </DropdownMenuCheckboxItem>
- *   </DropdownMenuContent>
- * </DropdownMenu>
- * ```
- *
- * @example Standalone (in Dialog):
- * ```tsx
- * <Dialog>
- *   <DialogContent>
- *     <CheckboxItem checked={isChecked} onCheckedChange={setChecked}>
- *       Option 1
- *     </CheckboxItem>
- *   </DialogContent>
- * </Dialog>
- * ```
- */
-export declare const CheckboxItem: React.ForwardRefExoticComponent<CheckboxItemProps & React.RefAttributes<HTMLLabelElement>>;

package/dist/types/components/checkbox-item/index.d.ts

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

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

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

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

@@ -1,9 +0,0 @@
-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/composites/tx-preview/confirm/dialog/TransactionConfirmModalView.d.ts

@@ -1,17 +0,0 @@
-import { default as React } from 'react';
-import { TransactionConfirmShellProps } from './TransactionConfirmShell';
-export interface TransactionConfirmModalViewProps extends Omit<TransactionConfirmShellProps, "header" | "data-testid"> {
-    readonly open: boolean;
-    readonly onClose: () => void;
-    readonly title: React.ReactNode;
-    readonly titleAddon?: React.ReactNode | undefined;
-    readonly hideTitleAddonOnResult?: boolean | undefined;
-    readonly containerClassName?: string | undefined;
-    readonly containerTestId?: string | undefined;
-    readonly shellTestId?: string | undefined;
-}
-/**
- *
- * Base shell on page as a dialog
- */
-export declare function TransactionConfirmModalView({ open, onClose, title, titleAddon, hideTitleAddonOnResult, containerClassName, containerTestId, shellTestId, phase, ...rest }: TransactionConfirmModalViewProps): React.ReactElement | null;

package/dist/types/components/composites/tx-preview/confirm/dialog/TransactionConfirmPageView.d.ts

@@ -1,16 +0,0 @@
-import { default as React } from 'react';
-import { TransactionConfirmShellProps } from './TransactionConfirmShell';
-export interface TransactionConfirmPageViewProps extends Omit<TransactionConfirmShellProps, "header" | "data-testid"> {
-    readonly onClose?: () => void;
-    readonly title: React.ReactNode;
-    readonly titleAddon?: React.ReactNode | undefined;
-    readonly hideTitleAddonOnResult?: boolean | undefined;
-    readonly containerClassName?: string | undefined;
-    readonly containerTestId?: string | undefined;
-    readonly shellTestId?: string | undefined;
-}
-/**
- *
- * Base shell in modal
- */
-export declare function TransactionConfirmPageView({ onClose, title, titleAddon, hideTitleAddonOnResult, containerClassName, containerTestId, shellTestId, phase, ...rest }: TransactionConfirmPageViewProps): React.ReactElement;

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

@@ -1,40 +0,0 @@
-import { JSX } from 'react';
-import { Address } from 'viem';
-import { ExtraRewardApyData, TokenMetaInfo } from '../../types/common';
-export type PoolBaseAPY = {
-    type: "supplyAPY";
-    apy: number;
-} | {
-    type: "tokenYield";
-    apy: number;
-};
-export interface DetailedApyProps {
-    totalAPY: number;
-    totalAPYLoading?: boolean;
-    baseAPY: Array<PoolBaseAPY>;
-    extraAPY: Array<ExtraRewardApyData>;
-    tokensList: Record<Address, TokenMetaInfo> | undefined;
-}
-interface PoolRewardsIconProps {
-    reward: ExtraRewardApyData;
-    tokensList: Record<Address, TokenMetaInfo> | undefined;
-    size?: number;
-    margin?: string;
-}
-export declare function PoolRewardsIcon({ reward, tokensList, ...rest }: PoolRewardsIconProps): JSX.Element;
-/**
- * DetailedApy — displays APY breakdown with base pool APY and extra reward APYs
- *
- * @example
- * ```tsx
- * <DetailedApy
- *   totalAPY={5.23}
- *   totalAPYLoading={false}
- *   baseAPY={[{ type: "supplyAPY", apy: 3.5 }]}
- *   extraAPY={[{ apy: 1.73, rewardToken: "0x...", rewardTokenSymbol: "GEAR", token: "0x...", balance: 0n }]}
- *   tokensList={tokensList}
- * />
- * ```
- */
-export declare function DetailedApy({ totalAPY, totalAPYLoading, baseAPY, extraAPY, tokensList, }: DetailedApyProps): JSX.Element;
-export {};

package/dist/types/components/detailed-apy/index.d.ts

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

package/dist/types/components/dropdown-menu/dropdown-menu-checkbox-item.d.ts

@@ -1,22 +0,0 @@
-import { CheckboxItemProps } from '../checkbox-item';
-import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
-import * as React from "react";
-/**
- * DropdownMenuCheckboxItem - wrapper for CheckboxItem that works inside DropdownMenu context
- *
- * This component uses Radix UI primitives for proper integration with DropdownMenu.
- * It maintains the same API as the standalone CheckboxItem component.
- *
- * @example
- * ```tsx
- * <DropdownMenu>
- *   <DropdownMenuContent>
- *     <DropdownMenuCheckboxItem checked={isChecked} onCheckedChange={setChecked}>
- *       Option 1
- *     </DropdownMenuCheckboxItem>
- *   </DropdownMenuContent>
- * </DropdownMenu>
- * ```
- */
-declare const DropdownMenuCheckboxItem: React.ForwardRefExoticComponent<CheckboxItemProps & Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export { DropdownMenuCheckboxItem };

package/dist/types/components/dropdown-menu/dropdown-menu-radio-item.d.ts

@@ -1,4 +0,0 @@
-import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
-import * as React from "react";
-declare const DropdownMenuRadioItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export { DropdownMenuRadioItem };

package/dist/types/components/dropdown-menu/dropdown-menu-separator.d.ts

@@ -1,4 +0,0 @@
-import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
-import * as React from "react";
-declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export { DropdownMenuSeparator };

package/dist/types/components/dropdown-menu/dropdown-menu-shortcut.d.ts

@@ -1,6 +0,0 @@
-import type * as React from "react";
-declare const DropdownMenuShortcut: {
-    ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export { DropdownMenuShortcut };

package/dist/types/components/dropdown-menu/dropdown-menu-sub-content.d.ts

@@ -1,4 +0,0 @@
-import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
-import * as React from "react";
-declare const DropdownMenuSubContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export { DropdownMenuSubContent };

package/dist/types/components/dropdown-menu/dropdown-menu-sub-trigger.d.ts

@@ -1,6 +0,0 @@
-import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
-import * as React from "react";
-declare const DropdownMenuSubTrigger: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
-    inset?: boolean;
-} & React.RefAttributes<HTMLDivElement>>;
-export { DropdownMenuSubTrigger };

package/dist/types/components/error-message/error-message.d.ts

@@ -1,22 +0,0 @@
-import { DialogContainerProps } from '../dialog/dialog-container';
-import type * as React from "react";
-export interface ErrorMessageProps {
-    err: Error;
-    btnTitle: React.ReactNode;
-    onClick: () => void;
-    theme?: DialogContainerProps["colorTheme"];
-}
-/**
- * ErrorMessage - Display a centered error message with action button
- * Used as a full-screen error display
- *
- * @example
- * ```tsx
- * <ErrorMessage
- *   err={new Error("Something went wrong")}
- *   btnTitle="Go back"
- *   onClick={() => navigate("/")}
- * />
- * ```
- */
-export declare function ErrorMessage({ err, btnTitle, onClick, theme, }: ErrorMessageProps): React.ReactElement;

package/dist/types/components/filter/filter-block.d.ts

@@ -1,39 +0,0 @@
-import { VariantProps } from 'class-variance-authority';
-import { filterBlockVariants } from './variants';
-import * as React from "react";
-export interface FilterBlockProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof filterBlockVariants> {
-    /**
-     * Whether the filter block is opened/expanded
-     * @deprecated Use controlled state in parent component
-     */
-    opened?: boolean;
-    /**
-     * Filter type identifier
-     */
-    type?: string;
-    /**
-     * Whether any filter is selected
-     */
-    hasSelected?: boolean;
-    /**
-     * Callback to reset filters
-     */
-    onReset?: () => void;
-}
-/**
- * FilterBlock component for displaying filter content in a card-like container
- *
- * @example
- * ```tsx
- * <FilterBlock variant="default">
- *   <h3>Filter Options</h3>
- *   <FilterContent />
- * </FilterBlock>
- *
- * // With backward-compatible props
- * <FilterBlock opened={true} hasSelected={true} onReset={() => {}}>
- *   <FilterContent />
- * </FilterBlock>
- * ```
- */
-export declare const FilterBlock: React.ForwardRefExoticComponent<FilterBlockProps & React.RefAttributes<HTMLDivElement>>;

package/dist/types/components/filter/filter-checkbox-item.d.ts

@@ -1,23 +0,0 @@
-import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
-import * as React from "react";
-/**
- * FilterCheckboxItem component - a checkbox item for filters in dropdown menus
- */
-export interface FilterCheckboxItemProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem> {
-}
-/**
- * FilterCheckboxItem component for displaying filter options with checkboxes
- *
- * @example
- * ```tsx
- * <DropdownMenuContent>
- *   <FilterCheckboxItem checked={isChecked} onCheckedChange={setChecked}>
- *     Option 1
- *   </FilterCheckboxItem>
- *   <FilterCheckboxItem checked={isChecked2} onCheckedChange={setChecked2}>
- *     Option 2
- *   </FilterCheckboxItem>
- * </DropdownMenuContent>
- * ```
- */
-export declare const FilterCheckboxItem: React.ForwardRefExoticComponent<FilterCheckboxItemProps & React.RefAttributes<HTMLDivElement>>;

package/dist/types/components/filter/filter-chip.d.ts

@@ -1,34 +0,0 @@
-import * as React from "react";
-/**
- * FilterChip component - displays an active filter as a removable chip
- */
-export interface FilterChipProps extends React.HTMLAttributes<HTMLDivElement> {
-    /**
-     * Label text for the filter chip
-     */
-    label: string;
-    /**
-     * Value of the filter (optional, for identification)
-     */
-    value?: string;
-    /**
-     * Callback when the chip is removed
-     */
-    onRemove?: () => void;
-    /**
-     * Whether to show the remove button (defaults to true)
-     */
-    showRemove?: boolean;
-}
-/**
- * FilterChip component for displaying active filters as removable chips
- *
- * @example
- * ```tsx
- * <div className="flex gap-2">
- *   <FilterChip label="Status: Active" onRemove={() => removeFilter("status")} />
- *   <FilterChip label="Type: Credit" onRemove={() => removeFilter("type")} />
- * </div>
- * ```
- */
-export declare const FilterChip: React.ForwardRefExoticComponent<FilterChipProps & React.RefAttributes<HTMLDivElement>>;

package/dist/types/components/filter/filter-chips.d.ts

@@ -1,42 +0,0 @@
-import * as React from "react";
-/**
- * FilterChips component - container for displaying multiple filter chips
- */
-export interface FilterChipsProps extends React.HTMLAttributes<HTMLDivElement> {
-    /**
-     * Array of active filters to display as chips
-     */
-    filters?: Array<{
-        id: string;
-        label: string;
-        value?: string;
-    }>;
-    /**
-     * Callback when a filter chip is removed
-     */
-    onRemoveFilter?: (id: string) => void;
-    /**
-     * Callback to clear all filters
-     */
-    onClearAll?: () => void;
-    /**
-     * Whether to show the "Clear all" button
-     */
-    showClearAll?: boolean;
-}
-/**
- * FilterChips component for displaying multiple active filters as chips
- *
- * @example
- * ```tsx
- * <FilterChips
- *   filters={[
- *     { id: "status", label: "Status: Active" },
- *     { id: "type", label: "Type: Credit" },
- *   ]}
- *   onRemoveFilter={(id) => removeFilter(id)}
- *   onClearAll={() => clearAllFilters()}
- * />
- * ```
- */
-export declare const FilterChips: React.ForwardRefExoticComponent<FilterChipsProps & React.RefAttributes<HTMLDivElement>>;

package/dist/types/components/filter/filter-dropdown-item.d.ts

@@ -1,62 +0,0 @@
-import * as React from "react";
-/**
- * FilterDropdownItem component - a dropdown menu item for filters
- */
-export interface FilterDropdownItemProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"> {
-    inset?: boolean;
-    /**
-     * Title/label for the filter item (backward compatibility)
-     */
-    title?: React.ReactNode | string;
-    /**
-     * Number of decimal places for numeric filters (backward compatibility)
-     */
-    decimals?: number;
-    /**
-     * Maximum value for numeric filters (backward compatibility)
-     * Can be a number or an object with balance info
-     */
-    maxValue?: number | {
-        balance: bigint;
-        balanceView: string;
-    } | unknown;
-    /**
-     * Current filter state (backward compatibility)
-     */
-    state?: unknown;
-    /**
-     * Handler to save the filter value (backward compatibility)
-     * Generic to support different filter value types
-     */
-    onSave?: (value: any) => void;
-    /**
-     * Handler to reset the filter (backward compatibility)
-     */
-    onReset?: () => void;
-}
-/**
- * FilterDropdownItem component for displaying filter options in a dropdown menu
- *
- * @example
- * ```tsx
- * <DropdownMenuContent>
- *   <FilterDropdownItem onClick={() => handleFilter("all")}>
- *     All Items
- *   </FilterDropdownItem>
- *   <FilterDropdownItem onClick={() => handleFilter("active")}>
- *     Active Items
- *   </FilterDropdownItem>
- * </DropdownMenuContent>
- *
- * // Backward compatible usage
- * <FilterDropdownItem
- *   title="Quota Limit"
- *   decimals={2}
- *   maxValue={1000}
- *   state={filter.quotaLimit.state}
- *   onSave={filter.quotaLimit.save}
- *   onReset={filter.quotaLimit.reset}
- * />
- * ```
- */
-export declare const FilterDropdownItem: React.ForwardRefExoticComponent<FilterDropdownItemProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,22 +0,0 @@
-import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
-import * as React from "react";
-/**
- * FilterGroup component - a group container for filters
- */
-export interface FilterGroupProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Group> {
-}
-/**
- * FilterGroup component for grouping related filter items
- *
- * @example
- * ```tsx
- * <DropdownMenuContent>
- *   <FilterGroup>
- *     <FilterLabel>Status</FilterLabel>
- *     <FilterCheckboxItem>Active</FilterCheckboxItem>
- *     <FilterCheckboxItem>Inactive</FilterCheckboxItem>
- *   </FilterGroup>
- * </DropdownMenuContent>
- * ```
- */
-export declare const FilterGroup: React.ForwardRefExoticComponent<FilterGroupProps & React.RefAttributes<HTMLDivElement>>;

package/dist/types/components/filter/filter-label.d.ts

@@ -1,21 +0,0 @@
-import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
-import * as React from "react";
-/**
- * FilterLabel component - a label for filter groups
- */
-export interface FilterLabelProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> {
-    inset?: boolean;
-}
-/**
- * FilterLabel component for labeling filter groups
- *
- * @example
- * ```tsx
- * <DropdownMenuContent>
- *   <FilterLabel>Status</FilterLabel>
- *   <FilterCheckboxItem>Active</FilterCheckboxItem>
- *   <FilterCheckboxItem>Inactive</FilterCheckboxItem>
- * </DropdownMenuContent>
- * ```
- */
-export declare const FilterLabel: React.ForwardRefExoticComponent<FilterLabelProps & React.RefAttributes<HTMLDivElement>>;

package/dist/types/components/filter/filter-modal-item.d.ts

@@ -1,55 +0,0 @@
-import * as React from "react";
-/**
- * FilterModalItem component - a content item for filter modals
- */
-export interface FilterModalItemProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "title"> {
-    /**
-     * Whether the item is active/selected
-     */
-    active?: boolean;
-    /**
-     * Whether the item is disabled
-     */
-    disabled?: boolean;
-    /**
-     * Title/label for the filter item (backward compatibility)
-     */
-    title?: React.ReactNode | string;
-    /**
-     * Current filter state (backward compatibility)
-     */
-    state?: unknown;
-    /**
-     * Handler to open the filter modal (backward compatibility)
-     */
-    onOpen?: () => void;
-    /**
-     * Handler to reset the filter (backward compatibility)
-     */
-    onReset?: () => void;
-}
-/**
- * FilterModalItem component for displaying filter options in a modal dialog
- *
- * @example
- * ```tsx
- * <DialogContent>
- *   <DialogTitle>Filter Options</DialogTitle>
- *   <FilterModalItem active={isActive} onClick={() => handleFilter("option1")}>
- *     Option 1
- *   </FilterModalItem>
- *   <FilterModalItem onClick={() => handleFilter("option2")}>
- *     Option 2
- *   </FilterModalItem>
- * </DialogContent>
- *
- * // Backward compatible usage
- * <FilterModalItem
- *   title="Filter by Pool"
- *   state={filter.pools.state}
- *   onOpen={modal.pools.open}
- *   onReset={filter.pools.reset}
- * />
- * ```
- */
-export declare const FilterModalItem: React.ForwardRefExoticComponent<FilterModalItemProps & React.RefAttributes<HTMLButtonElement>>;