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

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

@@ -1,45 +0,0 @@
-import { ExplorerLink } from '../explorer-links-dropdown';
-import { TokenMetaInfo } from '../../types/common';
-import * as React from "react";
-export type { ExplorerLink } from '../explorer-links-dropdown';
-export interface DetailedPageTitleProps {
-    /** Main title text or node */
-    title: React.ReactNode;
-    /** Token data for the icon (symbol used for TokenIcon) */
-    token?: TokenMetaInfo;
-    /** Text to copy when the copy button is clicked; copy button is hidden when omitted */
-    toCopy?: string;
-    /** Explorer links for the dropdown; dropdown is hidden when empty or omitted */
-    explorerLinks?: Array<ExplorerLink>;
-    /** Optional slot for additional buttons before copy and explorer actions */
-    buttonsSlot?: React.ReactNode;
-    /** Position of action buttons: "left" (inline with title) or "right" (pushed to far right). Mobile-first base. */
-    actionsPosition?: "left" | "right";
-    /** Position of action buttons from md breakpoint (≥768px). Overrides actionsPosition. */
-    actionsPositionMd?: "left" | "right";
-    /** Size of the token icon in pixels. Default: 36 */
-    tokenIconSize?: number;
-    /** When true, the token icon is shown with grayscale filter */
-    disabled?: boolean;
-    /** Optional class name for the root element */
-    className?: string;
-}
-/**
- * DetailedPageTitle — page title with token icon, optional copy button, explorer dropdown, and button slot
- *
- * @usage
- * Use for detail pages (e.g. pool, vault) where the title shows a token icon, copy address, and explorer links.
- *
- * @example
- * ```tsx
- * <DetailedPageTitle
- *   title="USDC Pool (0x1234...)"
- *   token={usdcToken}
- *   toCopy="0x1234567890abcdef"
- *   explorerLinks={[{ url: "https://etherscan.io/...", name: "Etherscan" }]}
- *   buttonsSlot={<Button size="sm">Custom</Button>}
- * />
- * ```
- */
-declare const DetailedPageTitle: React.ForwardRefExoticComponent<DetailedPageTitleProps & React.RefAttributes<HTMLDivElement>>;
-export { DetailedPageTitle };

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

@@ -1,63 +0,0 @@
-import type * as React from "react";
-type ThemeVariant = "light" | "dark" | "empty" | "filledDark" | "filled";
-type SizeVariant = "sm" | "md" | "default" | "lg";
-export interface DefaultDropdownLabelProps {
-    /**
-     * Children content
-     */
-    children?: React.ReactNode;
-    /**
-     * Label text (alternative to children)
-     */
-    label?: React.ReactNode;
-    /**
-     * Whether dropdown is open
-     */
-    opened?: boolean;
-    /**
-     * Size variant or numeric font size.
-     * - `"sm"` — compact (7px vertical padding, 14px font, 8px border-radius)
-     * - `"md"` | `"default"` — standard (13px vertical padding, 14px font, 12px border-radius)
-     * - `"lg"` — large (13px vertical padding, 18px font, 12px border-radius)
-     * - `number` — custom font size in px (no padding/radius applied)
-     */
-    size?: number | SizeVariant | string;
-    /**
-     * Theme variant. Controls background, hover, and shadow styles.
-     * - `"filled"` — gray-60 background with shadow
-     * - `"filledDark"` — gray-10 background with shadow
-     * - `"empty"` | `"dark"` | `"light"` — transparent background
-     *
-     * When no theme is provided, no background/shadow styles are applied.
-     */
-    theme?: ThemeVariant | string;
-    /**
-     * Element type to render
-     */
-    as?: keyof JSX.IntrinsicElements;
-    /**
-     * Click handler
-     */
-    onClick?: () => void;
-    /**
-     * Custom icon (ReactNode). When omitted, a default caret-down icon is shown.
-     */
-    icon?: React.ReactNode;
-    /**
-     * Default icon size in px (ignored when custom `icon` is provided).
-     * @default 16
-     */
-    iconSize?: number;
-    /**
-     * Additional CSS class
-     */
-    className?: string;
-}
-/**
- * DefaultDropdownLabel — a label for dropdown triggers.
- *
- * Supports themed variants (`filled`, `filledDark`, `empty`, etc.) that
- * mirror the original `@gearbox-protocol/interface` DropdownButton styles.
- */
-export declare function DefaultDropdownLabel({ children, label, opened, size, theme, as: Component, onClick, icon, iconSize, className, }: DefaultDropdownLabelProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/types/components/dropdown-label/index.d.ts

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

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

@@ -1,28 +0,0 @@
-import type * as React from "react";
-export interface ErrorViewProps {
-    /** HTTP status code or error code to display */
-    status: number;
-    /** Error message to display */
-    message: string;
-    /** Optional back button configuration */
-    backButton?: {
-        text: string;
-        href: string;
-    };
-    /** Additional className for the container */
-    className?: string;
-}
-/**
- * ErrorView - Display a centered error view with status code and message
- * Useful for error pages like 404, 500, etc.
- *
- * @example
- * ```tsx
- * <ErrorView
- *   status={404}
- *   message="Page not found"
- *   backButton={{ text: "Go back", href: "/" }}
- * />
- * ```
- */
-export declare function ErrorView({ status, message, backButton, className, }: ErrorViewProps): React.ReactElement;

package/dist/types/components/error-view/index.d.ts

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

package/dist/types/components/form/form-field.d.ts

@@ -1,38 +0,0 @@
-import { Input } from '../input';
-import type * as React from "react";
-interface FormFieldProps {
-    label: string;
-    error?: string;
-    required?: boolean;
-    helperText?: string;
-    inputProps?: React.ComponentProps<typeof Input>;
-    className?: string;
-}
-/**
- * FormField component - Composition of Label and Input with error handling
- *
- * Automatically manages ARIA attributes for accessibility
- *
- * @example
- * ```tsx
- * <FormField
- *   label="Email"
- *   required
- *   inputProps={{ type: "email", placeholder: "Enter your email" }}
- * />
- *
- * <FormField
- *   label="Username"
- *   error="Username is already taken"
- *   inputProps={{ value: username, onChange: handleChange }}
- * />
- *
- * <FormField
- *   label="Password"
- *   helperText="Must be at least 8 characters"
- *   inputProps={{ type: "password" }}
- * />
- * ```
- */
-export declare function FormField({ label, error, required, helperText, inputProps, className, }: FormFieldProps): import("react/jsx-runtime").JSX.Element;
-export {};

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

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

package/dist/types/components/grid-td-cell/grid-td-cell.d.ts

@@ -1,8 +0,0 @@
-import type * as React from "react";
-export interface GridTDCellProps extends React.TdHTMLAttributes<HTMLTableCellElement> {
-    children?: React.ReactNode;
-}
-/**
- * GridTDCell — a simple table cell wrapper
- */
-export declare function GridTDCell({ children, className, ...props }: GridTDCellProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/grid-td-cell/index.d.ts

@@ -1 +0,0 @@
-export * from './grid-td-cell';

package/dist/types/components/help-center-container/help-center-container.d.ts

@@ -1,22 +0,0 @@
-import { BlockSyncProps } from '../../types/footer';
-import type * as React from "react";
-export interface HelpCenterContainerProps {
-    blockSyncProps: BlockSyncProps;
-    gapFromFooter: number;
-    footerHeight: number;
-}
-/**
- * HelpCenterContainer - displays network sync status
- * On desktop: fixed position in bottom-right corner, dynamically adjusts to stay above footer
- * On mobile: static position, rendered inside footer
- *
- * @example
- * ```tsx
- * <HelpCenterContainer
- *   blockSyncProps={blockSyncProps}
- *   footerHeight={108}
- *   gapFromFooter={8}
- * />
- * ```
- */
-export declare function HelpCenterContainer({ blockSyncProps, footerHeight, gapFromFooter, }: HelpCenterContainerProps): React.ReactElement;

package/dist/types/components/help-center-container/index.d.ts

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

package/dist/types/components/help-sections/help-sections.d.ts

@@ -1,33 +0,0 @@
-import type * as React from "react";
-export interface HelpSectionsProps {
-    /**
-     * Children content (help sections)
-     */
-    children?: React.ReactNode;
-    /**
-     * Additional CSS class
-     */
-    className?: string;
-}
-/**
- * HelpSections — a container for help section items
- */
-export declare function HelpSections({ children, className }: HelpSectionsProps): import("react/jsx-runtime").JSX.Element;
-export interface HelpSectionProps {
-    /**
-     * Section title
-     */
-    title?: React.ReactNode;
-    /**
-     * Section content
-     */
-    children?: React.ReactNode;
-    /**
-     * Additional CSS class
-     */
-    className?: string;
-}
-/**
- * HelpSection — a single help section with title and content
- */
-export declare function HelpSection({ title, children, className }: HelpSectionProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/help-sections/index.d.ts

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

package/dist/types/components/hide-on/hide-on.d.ts

@@ -1,81 +0,0 @@
-import * as React from "react";
-/**
- * Breakpoint types - supports multiple naming conventions for backwards compatibility
- */
-export type BreakpointType = "xs" | "sm" | "md" | "lg" | "xl" | "small" | "medium" | "large" | "xlarge" | "extraSmall";
-/**
- * @deprecated Use BreakpointType instead
- */
-export type MediaWidthClasses = BreakpointType;
-export interface HideOnProps extends React.HTMLAttributes<HTMLElement> {
-    /**
-     * Breakpoint at which content should be hidden (with $ prefix)
-     */
-    $breakpoint?: BreakpointType;
-    /**
-     * Breakpoint at which content should be hidden (without $ prefix - legacy API)
-     */
-    breakpoint?: BreakpointType;
-    /**
-     * Element type to render
-     * @default "div"
-     */
-    as?: keyof JSX.IntrinsicElements;
-    children?: React.ReactNode;
-}
-/**
- * HideOn - Hide content on specified breakpoint and above
- *
- * Supports both `$breakpoint` (styled-components style) and `breakpoint` props
- * for backwards compatibility.
- *
- * @example
- * ```tsx
- * // New API
- * <HideOn $breakpoint="sm">
- *   <div>Hidden on small screens and above</div>
- * </HideOn>
- *
- * // Legacy API
- * <HideOn breakpoint="small">
- *   <div>Hidden on small screens and above</div>
- * </HideOn>
- * ```
- */
-export declare function HideOn({ $breakpoint, breakpoint, as: Component, children, className, ...props }: HideOnProps): React.ReactElement;
-export interface ShowOnProps extends React.HTMLAttributes<HTMLElement> {
-    /**
-     * Breakpoint at which content should be shown (with $ prefix)
-     */
-    $breakpoint?: BreakpointType;
-    /**
-     * Breakpoint at which content should be shown (without $ prefix - legacy API)
-     */
-    breakpoint?: BreakpointType;
-    /**
-     * Element type to render
-     * @default "div"
-     */
-    as?: keyof JSX.IntrinsicElements;
-    children?: React.ReactNode;
-}
-/**
- * ShowOn - Show content on specified breakpoint and above
- *
- * Supports both `$breakpoint` (styled-components style) and `breakpoint` props
- * for backwards compatibility.
- *
- * @example
- * ```tsx
- * // New API
- * <ShowOn $breakpoint="md">
- *   <div>Shown on medium screens and above</div>
- * </ShowOn>
- *
- * // Legacy API
- * <ShowOn breakpoint="medium">
- *   <div>Shown on medium screens and above</div>
- * </ShowOn>
- * ```
- */
-export declare function ShowOn({ $breakpoint, breakpoint, as: Component, children, className, ...props }: ShowOnProps): React.ReactElement;

package/dist/types/components/hide-on/index.d.ts

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

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

@@ -1,22 +0,0 @@
-import * as React from "react";
-/**
- * HorizontalIndicator - displays a label with an optional tooltip and a value
- *
- * @example
- * ```tsx
- * <HorizontalIndicator
- *   label="Total Value"
- *   tip="The total value locked"
- *   value="$1,234.56"
- * />
- * ```
- */
-export interface HorizontalIndicatorProps {
-    label: React.ReactNode;
-    value: React.ReactNode;
-    tip?: string;
-    valueDescription?: React.ReactNode;
-    className?: string;
-}
-declare const HorizontalIndicator: React.ForwardRefExoticComponent<HorizontalIndicatorProps & React.RefAttributes<HTMLDivElement>>;
-export { HorizontalIndicator };

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

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

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

@@ -1,4 +0,0 @@
-export * from './liquidation-assets-table';
-export * from './liquidation-graph';
-export * from './liquidation-graph-legend';
-export * from './liquidation-graph-tip';

package/dist/types/components/liquidation/liquidation-assets-table/index.d.ts

@@ -1 +0,0 @@
-export * from './liquidation-assets-table';

package/dist/types/components/liquidation/liquidation-assets-table/liquidation-assets-table.d.ts

@@ -1,14 +0,0 @@
-import { Address } from 'viem';
-import { UseLiquidationGraphParamsReturnType } from '../../../hooks/use-liquidation';
-import { TokenMetaInfo } from '../../../types/common';
-import type * as React from "react";
-export interface LiquidationModellingAssetsTableProps {
-    tokensList: Record<Address, TokenMetaInfo>;
-    graphParams: UseLiquidationGraphParamsReturnType;
-    data: Array<{
-        token: Address;
-    }>;
-    prices: Record<Address, bigint>;
-    editedPrices: Record<Address, bigint>;
-}
-export declare function LiquidationModellingAssetsTable({ tokensList, graphParams, data, prices, editedPrices, }: LiquidationModellingAssetsTableProps): React.ReactElement | null;

package/dist/types/components/liquidation/liquidation-graph/index.d.ts

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

package/dist/types/components/liquidation/liquidation-graph/liquidation-graph.d.ts

@@ -1,20 +0,0 @@
-import { Asset } from '@gearbox-protocol/sdk';
-import { Address } from 'viem';
-import { UseLiquidationGraphParamsReturnType } from '../../../hooks/use-liquidation';
-import { LiquidationThresholds, QuotasInfoList, TokenFullData } from '../../../types/common';
-import type * as React from "react";
-export interface LiquidationGraphProps {
-    graphParams: UseLiquidationGraphParamsReturnType;
-    assets: Array<Asset>;
-    liquidationThresholds: LiquidationThresholds;
-    quotas: Record<Address, Asset>;
-    quotasInfo: QuotasInfoList;
-    underlyingToken: Address;
-    debt: bigint;
-    tokensList: Record<Address, TokenFullData>;
-    prices: Record<Address, bigint>;
-    width?: number;
-    height?: number;
-    maxLabelLength?: number;
-}
-export declare function LiquidationGraph({ graphParams, assets, liquidationThresholds, quotas, quotasInfo, underlyingToken: underlyingTokenAddress, debt, prices, tokensList, width, height, maxLabelLength, }: LiquidationGraphProps): React.ReactElement;

package/dist/types/components/liquidation/liquidation-graph-legend/index.d.ts

@@ -1 +0,0 @@
-export * from './liquidation-graph-legend';

package/dist/types/components/liquidation/liquidation-graph-legend/liquidation-graph-legend.d.ts

@@ -1,2 +0,0 @@
-import type * as React from "react";
-export declare function LiquidationGraphLegend(): React.ReactElement;

package/dist/types/components/liquidation/liquidation-graph-tip/index.d.ts

@@ -1 +0,0 @@
-export * from './liquidation-graph-tip';

package/dist/types/components/liquidation/liquidation-graph-tip/liquidation-graph-tip.d.ts

@@ -1,13 +0,0 @@
-import { AxisParams } from '../../../hooks/use-liquidation';
-import { TokenFullData } from '../../../types/common';
-import type * as React from "react";
-export interface LiquidationGraphTipProps {
-    activePointX: number | undefined;
-    activePointY: number | undefined;
-    xAxis: AxisParams | undefined;
-    yAxis: AxisParams | undefined;
-    hf: number;
-    underlyingToken: TokenFullData | undefined;
-    maxLabelLength?: number;
-}
-export declare function LiquidationGraphTip({ activePointX, activePointY, xAxis, yAxis, hf, underlyingToken, maxLabelLength, }: LiquidationGraphTipProps): React.ReactElement;

package/dist/types/components/liquidation-price/index.d.ts

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

package/dist/types/components/liquidation-price/liquidation-price.d.ts

@@ -1,41 +0,0 @@
-import { HFZones } from '..';
-import type * as React from "react";
-export type LiquidationPriceType = {
-    type: "text";
-} | {
-    type: "redirect";
-    to: string;
-} | {
-    type: "graph";
-    props: {
-        onShow: () => void;
-    };
-};
-export interface LiquidationPriceProps {
-    /**
-     * Liquidation price (bigint or number)
-     */
-    liquidationPrice?: bigint | number;
-    /**
-     * How to render when price is 0 / N/A: text, redirect link, or button that opens graph
-     */
-    type?: LiquidationPriceType;
-    /**
-     * Health factor zone for optional dot or bars indicator
-     */
-    hfZone?: HFZones;
-    /**
-     * Indicator style when hfZone is set: dot (right) or bars (left)
-     */
-    zoneType?: "dot" | "bars";
-    /**
-     * Label for "check" link/button when type is redirect or graph (e.g. i18n "Check")
-     */
-    checkLabel?: React.ReactNode;
-    className?: string;
-}
-/**
- * LiquidationPrice — displays liquidation price with optional HF zone indicator.
- * Matches interface LiquidationPrice structure.
- */
-export declare function LiquidationPrice({ liquidationPrice, type, hfZone, zoneType, checkLabel, className, }: LiquidationPriceProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/loader-guard/index.d.ts

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

package/dist/types/components/loader-guard/loader-guard.d.ts

@@ -1,17 +0,0 @@
-import type * as React from "react";
-export interface LoaderGuardProps {
-    showGuard: boolean;
-    loader?: React.ReactNode;
-}
-/**
- * LoaderGuard - displays loading state while data is being fetched
- * Uses Guard component internally with a default loader
- *
- * @example
- * ```tsx
- * <LoaderGuard showGuard={isLoading}>
- *   <Content />
- * </LoaderGuard>
- * ```
- */
-export declare function LoaderGuard({ showGuard: show, children, loader, }: React.PropsWithChildren<LoaderGuardProps>): React.ReactElement;

package/dist/types/components/markdown-viewer/index.d.ts

@@ -1 +0,0 @@
-export { MarkdownViewer, type MarkdownViewerProps } from './markdown-viewer';

package/dist/types/components/markdown-viewer/markdown-viewer.d.ts

@@ -1,61 +0,0 @@
-export interface MarkdownViewerProps {
-    content: string;
-    title?: string;
-    backButton?: {
-        href: string;
-        text?: string;
-        onClick?: () => void;
-    };
-    /** If true, renders only markdown content without PageLayout wrapper */
-    bare?: boolean;
-    nodeClassNames?: {
-        h1?: string;
-        h2?: string;
-        h3?: string;
-        h4?: string;
-        p?: string;
-        a?: string;
-        ul?: string;
-        ol?: string;
-        li?: string;
-        blockquote?: string;
-        code?: string;
-        strong?: string;
-        em?: string;
-    };
-    nodeComponents?: {
-        a: "a" | "Link";
-    };
-}
-/**
- * MarkdownViewer — component for rendering markdown content with custom styling.
- *
- * @usage
- * Use MarkdownViewer to display markdown-formatted content:
- * documentation pages, content pages, markdown articles, formatted text.
- *
- * Props:
- * - `content` — markdown content string to render (required).
- * - `title` — optional page title displayed in PageLayout.
- * - `backButton` — optional back button configuration object:
- *   - `href` — destination URL for back navigation (required).
- *   - `text` — custom text label (defaults to "Back" if not provided).
- *   - `onClick` — optional callback function executed on click.
- * - `bare` — if true, renders only markdown content without PageLayout wrapper (defaults to false).
- *
- * Features:
- * - Custom heading IDs with slugification or custom IDs (e.g., "## Heading {#custom-id}").
- * - Smooth scroll to hash on mount and anchor link clicks.
- * - Custom styling for all markdown elements (headings, links, lists, code blocks, etc.).
- * - Support for GitHub Flavored Markdown (GFM) via remark-gfm.
- * - Internal anchor links with smooth scrolling.
- * - External links open in new tab.
- *
- * Note: Wraps content in PageLayout. Uses prose styling with dark theme.
- * Automatically handles heading IDs for navigation.
- *
- * Do NOT use MarkdownViewer:
- * - for simple text content (use appropriate text components).
- * - when you need rich text editing (use appropriate rich text editor components).
- */
-export declare function MarkdownViewer({ content, title, backButton, bare, nodeClassNames, nodeComponents, }: MarkdownViewerProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/next/back-button.d.ts

@@ -1,3 +0,0 @@
-import { BackButtonProps as BaseBackButtonProps } from '../buttons/back-button';
-export type BackButtonProps = Omit<BaseBackButtonProps, "LinkComponent">;
-export declare function BackButton(props: BackButtonProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1 +0,0 @@
-export { type NextSIWEClientProviderProps, SIWEClientProvider, } from './siwe-provider';

package/dist/types/components/next/connectkit/siwe-provider.d.ts

@@ -1,8 +0,0 @@
-import { SIWEClientProviderProps as BaseSIWEClientProviderProps } from '../../connectkit/siwe-provider';
-export type NextSIWEClientProviderProps = Omit<BaseSIWEClientProviderProps, "onRefresh">;
-/**
- * Next.js variant of {@link SIWEClientProvider} that calls `router.refresh()` after sign-in and sign-out.
- *
- * Import from `@gearbox-protocol/ui-kit/next/connectkit`.
- */
-export declare function SIWEClientProvider(props: NextSIWEClientProviderProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,11 +0,0 @@
-/**
- * Next.js-optimized components
- * These components use Next.js features like Image, Link, and useRouter
- * Use these when your project is using Next.js
- */
-export { SignInRequired } from '../auth/signin-required';
-export { preloadTokenIcons } from '../token-icon';
-export { BackButton } from './back-button';
-export { NextMarkdownViewer, type NextMarkdownViewerProps, } from './next-markdown-viewer';
-export { NextNavigationProvider } from './next-navigation-provider';
-export { TokenIcon } from './token-icon';

package/dist/types/components/next/next-markdown-viewer.d.ts

@@ -1,23 +0,0 @@
-export interface NextMarkdownViewerProps {
-    content: string;
-    title?: string;
-    backButtonHref?: string;
-    backButtonText?: string;
-}
-/**
- * NextMarkdownViewer — Next.js-specific wrapper for MarkdownViewer.
- *
- * @usage
- * Use NextMarkdownViewer in Next.js applications to automatically handle
- * back navigation using Next.js router.
- *
- * Props:
- * - `content` — markdown content string to render (required).
- * - `title` — optional page title displayed in PageLayout.
- * - `backButtonHref` — optional href for back button (defaults to "/").
- * - `backButtonText` — optional text for back button (defaults to "Back").
- *
- * Note: This component requires Next.js and uses "use client" directive.
- * For non-Next.js applications, use the base MarkdownViewer component instead.
- */
-export declare function NextMarkdownViewer({ content, title, backButtonHref, backButtonText, }: NextMarkdownViewerProps): import("react/jsx-runtime").JSX.Element;