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

package/dist/esm/test-ids/currency-button.js

@@ -1,6 +0,0 @@
-const t = {
-  root: "currency-button"
-};
-export {
-  t as currencyButtonTestIds
-};

package/dist/esm/test-ids/index.js

@@ -1,15 +0,0 @@
-import { currencyButtonTestIds as t } from "./currency-button.js";
-import { poolCreditManagerInfoTestIds as s } from "./pool-credit-manager-info.js";
-import { poolCreditManagersTableTestIds as d } from "./pool-credit-managers-table.js";
-import { poolTableTestIds as I } from "./pool-table.js";
-import { balanceIndicatorTestIds as m, smartNumberInputTestIds as n } from "./smart-number-input.js";
-import { strategiesTableTestIds as l } from "./strategies-table.js";
-export {
-  m as balanceIndicatorTestIds,
-  t as currencyButtonTestIds,
-  s as poolCreditManagerInfoTestIds,
-  d as poolCreditManagersTableTestIds,
-  I as poolTableTestIds,
-  n as smartNumberInputTestIds,
-  l as strategiesTableTestIds
-};

package/dist/esm/test-ids/pool-credit-manager-info.js

@@ -1,6 +0,0 @@
-const e = {
-  detail: "pool-credit-managers-detail"
-};
-export {
-  e as poolCreditManagerInfoTestIds
-};

package/dist/esm/test-ids/pool-credit-managers-table.js

@@ -1,6 +0,0 @@
-const e = {
-  creditManagerLine: "pool-credit-managers-line"
-};
-export {
-  e as poolCreditManagersTableTestIds
-};

package/dist/esm/test-ids/pool-table.js

@@ -1,9 +0,0 @@
-const o = {
-  poolLine: "pool-line",
-  poolLineLoading: "pool-line-loading",
-  poolLineNotFound: "pool-line-not-found",
-  poolLineCellBalance: "pool-line-cell-balance"
-};
-export {
-  o as poolTableTestIds
-};

package/dist/esm/test-ids/smart-number-input.js

@@ -1,13 +0,0 @@
-const t = {
-  root: "smart-number-input-root",
-  close: "smart-number-input-close",
-  label: "smart-number-input-label",
-  input: "smart-number-input-input"
-}, n = {
-  root: "balance-indicator",
-  max: "balance-max"
-};
-export {
-  n as balanceIndicatorTestIds,
-  t as smartNumberInputTestIds
-};

package/dist/esm/test-ids/strategies-table.js

@@ -1,8 +0,0 @@
-const e = {
-  root: "strategies-table",
-  activeLine: "strategies-table-active-line",
-  activeLineLoading: "strategies-table-active-line-loading"
-};
-export {
-  e as strategiesTableTestIds
-};

package/dist/esm/types/component-props.js

@@ -1 +0,0 @@
-

package/dist/esm/types/help.js

@@ -1 +0,0 @@
-

package/dist/esm/utils/reactochart-compat.js

@@ -1,18 +0,0 @@
-import r from "reactochart/ColorHeatmap";
-import m from "reactochart/XAxis";
-import i from "reactochart/XLine";
-import p from "reactochart/XYPlot";
-import n from "reactochart/YAxis";
-import e from "reactochart/YLine";
-function o(t) {
-  return t.default || t;
-}
-const X = o(r), Y = o(m), x = o(i), u = o(p), A = o(n), L = o(e);
-export {
-  X as ColorHeatmap,
-  Y as XAxis,
-  x as XLine,
-  u as XYPlot,
-  A as YAxis,
-  L as YLine
-};

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

@@ -1,56 +0,0 @@
-import type * as React from "react";
-export interface AddressProps {
-    /**
-     * The address to display
-     */
-    address?: string;
-    /**
-     * Whether to show a shortened version
-     * @default true
-     */
-    short?: boolean;
-    /**
-     * Number of characters to show at start
-     * @default 6
-     */
-    startChars?: number;
-    /**
-     * Number of characters to show at end
-     * @default 4
-     */
-    endChars?: number;
-    /**
-     * Whether to show copy button
-     * @default false
-     */
-    copyable?: boolean;
-    /**
-     * Children content (overrides address display)
-     */
-    children?: React.ReactNode;
-    /**
-     * Additional CSS class
-     */
-    className?: string;
-}
-/**
- * Address — displays a blockchain address with optional shortening and copy
- *
- * @example
- * ```tsx
- * // Short address
- * <Address address="0x1234...5678" /> // "0x1234...5678"
- *
- * // Full address
- * <Address address="0x..." short={false} />
- *
- * // With copy button
- * <Address address="0x..." copyable />
- *
- * // Custom display
- * <Address address="0x...">
- *   Custom label
- * </Address>
- * ```
- */
-export declare function Address({ address, short, startChars, endChars, copyable, children, className, }: AddressProps): import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -1,24 +0,0 @@
-import { ReactNode } from 'react';
-export interface ApyProps {
-    /** APY value (percentage, e.g. 5.23 for 5.23%). When null, naText is shown. */
-    apy: number | null;
-    /** Tooltip trigger content. When provided, APY is shown in a tooltip popup on hover. @default FormattedMessageTyped "components.APY.tip" */
-    tooltip?: ReactNode;
-    /** Text shown when apy is null. @default "N/A" */
-    naText?: ReactNode;
-}
-/**
- * Apy — displays an APY percentage with optional tooltip.
- * When tooltip is set, the trigger shows the tooltip content and the popup shows the APY in an AlertBadge (matches interface Apy).
- *
- * @usage
- * Use for APY display; default tooltip shows intl tip message, popup shows the value.
- *
- * @example
- * ```tsx
- * <Apy apy={5.23} />
- * <Apy apy={null} naText="—" />
- * <Apy apy={10} tooltip={<span>Custom trigger</span>} />
- * ```
- */
-export declare function Apy({ apy, tooltip, naText, }: ApyProps): import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -1,27 +0,0 @@
-import * as React from "react";
-export interface ArcLoaderProps {
-    /** Size of the loader in pixels (width and height). */
-    size?: number;
-    /** Color of the arc (used for the gradient end). */
-    color?: string;
-    /** Stroke width of the arc in pixels. */
-    strokeWidth?: number;
-    /** Animation duration (e.g. "1s", "0.8s"). */
-    speed?: string;
-    /** Additional CSS class for the container. */
-    className?: string;
-}
-/**
- * ArcLoader — circular loading indicator with an animated arc and gradient stroke.
- *
- * @usage
- * Use for loading states where a single animated arc is preferred over a full spinner.
- *
- * @example
- * ```tsx
- * <ArcLoader />
- * <ArcLoader size={80} strokeWidth={4} color="hsl(var(--primary))" speed="0.8s" />
- * ```
- */
-declare const ArcLoader: React.ForwardRefExoticComponent<ArcLoaderProps & React.RefAttributes<HTMLDivElement>>;
-export { ArcLoader };

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

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

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

@@ -1,68 +0,0 @@
-import { NetworkType } from '@gearbox-protocol/sdk';
-import { TokenMetaInfo } from '../../types/common';
-import * as React from "react";
-type Sizes = "default" | "sm" | "md" | "lg";
-/**
- * AssetLineBaseProps — base props for AssetLine component.
- */
-export interface AssetLineBaseProps {
-    symbolMaxLength?: number;
-    descriptionMaxLength?: number;
-    size?: Sizes;
-    iconSize?: Sizes;
-    gapSize?: Sizes;
-    hideValue?: boolean;
-}
-/**
- * AssetLineProps — props for AssetLine component.
- */
-export interface AssetLineProps extends AssetLineBaseProps {
-    token: TokenMetaInfo | undefined;
-    tokenLabel?: string;
-    tokenDescription?: React.ReactNode;
-    chainId?: number;
-    network?: NetworkType;
-    value: React.ReactNode;
-    valueDescription?: React.ReactNode;
-    last: boolean;
-    onSelect?: () => void;
-    /**
-     * Whether to show rounded corners on hover and inset borders.
-     * When true, hover effect has rounded corners and borders don't extend to edges.
-     * Defaults to true.
-     */
-    rounded?: boolean;
-    className?: string;
-    height?: string;
-}
-/**
- * AssetLine — component for displaying asset information in a table row format.
- *
- * @usage
- * Use AssetLine to display asset data in tables:
- * token lists, asset rows, portfolio tables, asset selection lists.
- *
- * Props:
- * - `token` — token data object (TokenMetaInfo).
- * - `tokenLabel` — custom label for token (overrides token.title).
- * - `tokenDescription` — additional description displayed below token symbol.
- * - `chainId` — chain ID for token network.
- * - `network` — network type for token.
- * - `value` — value to display in right column (required).
- * - `valueDescription` — additional description displayed below value.
- * - `last` — if true, removes bottom border (required).
- * - `onSelect` — callback function for row selection (makes row clickable).
- * - `size` — row size: "default", "sm", "md", "lg" (defaults to "default").
- * - `iconSize` — icon size override (defaults to size).
- * - `gapSize` — gap size between elements (defaults to size).
- * - `symbolMaxLength` — max length for symbol truncation.
- * - `descriptionMaxLength` — max length for description truncation.
- * - `hideValue` — if true, hides the value column (defaults to false).
- * - `rounded` — if true, hover has rounded corners and borders have insets (defaults to false).
- * - `className` — additional CSS classes for styling.
- *
- * Note: Uses GridTableRow and GridTableCell internally. Displays token icon, symbol, and value in a two-column layout.
- * When onSelect is provided, row becomes clickable with cursor pointer.
- */
-export declare const AssetLine: React.ForwardRefExoticComponent<AssetLineProps & React.RefAttributes<HTMLDivElement>>;
-export {};

package/dist/types/components/asset-line/index.d.ts

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

package/dist/types/components/assets-ratio/assets-ratio.d.ts

@@ -1,11 +0,0 @@
-import { Asset } from '@gearbox-protocol/sdk';
-import * as React from "react";
-export interface AssetsRatioProps {
-    assets: Array<Asset & {
-        balanceInUSD: bigint;
-    }>;
-    /** Labels for tooltips (e.g., token symbols). Index corresponds to asset index */
-    labels?: string[];
-    className?: string;
-}
-export declare function AssetsRatio({ assets, labels, className, }: AssetsRatioProps): React.ReactElement;

package/dist/types/components/assets-ratio/index.d.ts

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

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

@@ -1,32 +0,0 @@
-import { ReactNode } from 'react';
-import { Address } from 'viem';
-import { TabButtonProps } from '../buttons';
-/**
- * ConnectRequired — component that requires a connected wallet to display content.
- *
- * @usage
- * Use ConnectRequired to protect content that requires a wallet connection:
- * action buttons, editable content, owner-specific features.
- *
- * Props:
- * - `owner` — optional address that must match connected address to display content.
- * - `children` — content displayed when connected (required).
- * - All Button props are supported (variant, size, className, onClick, etc.).
- *
- * Behavior:
- * - If user is connected: renders children (or "You are not the author" if owner mismatch).
- * - If wallet not connected: shows "Connect Wallet" button that calls `openConnectModal` from {@link WalletUIProvider}.
- *
- * When no {@link WalletUIProvider} is mounted, the gate is skipped and `children` are rendered (graceful degradation).
- *
- * Note: Uses TabButton by default, but switches to Button if custom props are provided.
- *
- * Do NOT use ConnectRequired:
- * - for public content that does not require a wallet (render content directly).
- */
-export interface ConnectRequiredProps extends TabButtonProps {
-    owner?: Address;
-    children: ReactNode;
-    hideConnectButton?: boolean;
-}
-export declare function ConnectRequired({ children, owner, hideConnectButton, ...customProps }: ConnectRequiredProps): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;

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

@@ -1,3 +0,0 @@
-export * from './connect-required';
-export * from './signin-required';
-export * from './wallet-ui-context';

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

@@ -1,37 +0,0 @@
-import { ReactNode } from 'react';
-import { Address } from 'viem';
-import { TabButtonProps } from '../buttons';
-/**
- * SignInRequired — component that requires SIWE authentication to display content.
- *
- * @usage
- * Use SignInRequired to protect content that requires authentication:
- * action buttons, editable content, owner-specific features, authenticated actions.
- *
- * Props:
- * - `owner` — optional address that must match signed-in address to display content.
- * - `children` — content displayed when authenticated (required).
- * - `skipSignIn` — if true, skips authentication requirement (defaults to false).
- * - All Button props are supported (variant, size, className, onClick, etc.).
- *
- * Behavior:
- * - If `skipSignIn={true}` or user is signed in: renders children (or "You are not the author" if owner mismatch).
- * - If wallet connected but not signed in: shows "Sign In as {address}" or "Try Again".
- * - If wallet not connected: shows "Connect Wallet".
- *
- * Requires {@link WalletUIProvider} with SIWE state (e.g. {@link ConnectKitWalletAdapter} from
- * `@gearbox-protocol/ui-kit/connectkit`). Without a provider, the sign-in gate is skipped and `children`
- * are rendered (graceful degradation).
- *
- * Note: Uses TabButton by default, but switches to Button if custom props are provided.
- *
- * Do NOT use SignInRequired:
- * - for public content that does not require authentication (render content directly).
- */
-export interface SignInRequiredProps extends TabButtonProps {
-    owner?: Address;
-    children: ReactNode;
-    skipSignIn?: boolean;
-    hideConnectButton?: boolean;
-}
-export declare function SignInRequired({ children, owner, skipSignIn, hideConnectButton, ...customProps }: SignInRequiredProps): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;

package/dist/types/components/auth/wallet-ui-context.d.ts

@@ -1,36 +0,0 @@
-import { ReactNode } from 'react';
-/**
- * SIWE-related state exposed by a wallet UI adapter (e.g. ConnectKit).
- */
-export interface WalletUISIWEState {
-    isSignedIn: boolean;
-    isRejected: boolean;
-    isLoading: boolean;
-    data: {
-        address?: string;
-    } | null;
-}
-/**
- * Values provided by {@link WalletUIProvider} so auth helpers work without importing ConnectKit.
- */
-export interface WalletUIContextValue {
-    openConnectModal: () => void;
-    openSIWE?: () => void;
-    siwe?: WalletUISIWEState;
-}
-export interface WalletUIProviderProps {
-    value: WalletUIContextValue;
-    children?: ReactNode;
-}
-/**
- * Supplies wallet modal + optional SIWE actions for {@link ConnectRequired}, {@link SignInRequired},
- * and editable tables that use them.
- *
- * Use {@link ConnectKitWalletAdapter} from `@gearbox-protocol/ui-kit/connectkit` when using ConnectKit,
- * or provide your own `value` (e.g. RainbowKit `useConnectModal`).
- */
-export declare function WalletUIProvider({ value, children }: WalletUIProviderProps): import("react/jsx-runtime").JSX.Element;
-/**
- * Returns the wallet UI adapter value, or `null` when no {@link WalletUIProvider} is mounted.
- */
-export declare function useWalletUI(): WalletUIContextValue | null;

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

@@ -1,15 +0,0 @@
-import * as AvatarPrimitive from "@radix-ui/react-avatar";
-import * as React from "react";
-/**
- * Avatar — user profile image with fallback
- */
-declare const Avatar: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
-/**
- * AvatarImage — the image inside Avatar
- */
-declare const AvatarImage: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React.RefAttributes<HTMLImageElement>, "ref"> & React.RefAttributes<HTMLImageElement>>;
-/**
- * AvatarFallback — fallback content when image fails to load
- */
-declare const AvatarFallback: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
-export { Avatar, AvatarFallback, AvatarImage };

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

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

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

@@ -1,8 +0,0 @@
-import { BlockSyncProps } from '../../types/footer';
-import type * as React from "react";
-/**
- * BlockSync component - displays network synchronization status
- * Shows a colored indicator that reflects the time since last block update
- * On hover, displays detailed information about synced blocks for each chain
- */
-export declare function BlockSync({ blockByChain, explorerAddresses, networkById, }: BlockSyncProps): React.ReactElement;

package/dist/types/components/block-sync/index.d.ts

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

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

@@ -1,28 +0,0 @@
-import * as React from "react";
-export interface ButtonCheckboxProps {
-    /** Whether the checkbox is checked (controlled) */
-    checked?: boolean;
-    /** Whether the checkbox is disabled */
-    disabled?: boolean;
-    /** Callback when the checked state changes (no arguments, match A API) */
-    onChange?: () => void;
-    /** Label or content inside the button area */
-    children?: React.ReactNode;
-    /** Additional CSS class */
-    className?: string;
-}
-/**
- * ButtonCheckbox — checkbox styled as a clickable label/button with border and outline when checked.
- *
- * @usage
- * Use for toggle options where the whole area is clickable: filters, settings toggles, list selection.
- *
- * @example
- * ```tsx
- * <ButtonCheckbox checked={active} onChange={() => setActive(!active)}>
- *   Enable feature
- * </ButtonCheckbox>
- * ```
- */
-declare const ButtonCheckbox: React.ForwardRefExoticComponent<ButtonCheckboxProps & React.RefAttributes<HTMLLabelElement>>;
-export { ButtonCheckbox };

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

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

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

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

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

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

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

@@ -1,30 +0,0 @@
-import { Settings, default as Slider } from 'react-slick';
-import * as React from "react";
-export interface CarouselProps extends Omit<Settings, "prevArrow" | "nextArrow"> {
-    /**
-     * Gap between slides in pixels
-     */
-    gap?: number;
-    /**
-     * Additional class name for the container
-     */
-    className?: string;
-    /**
-     * Children slides
-     */
-    children?: React.ReactNode;
-}
-/**
- * Carousel — sliding content carousel based on react-slick
- *
- * @example
- * ```tsx
- * <Carousel autoplay dots>
- *   <div>Slide 1</div>
- *   <div>Slide 2</div>
- *   <div>Slide 3</div>
- * </Carousel>
- * ```
- */
-declare const Carousel: React.ForwardRefExoticComponent<CarouselProps & React.RefAttributes<Slider>>;
-export { Carousel };

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

@@ -1,2 +0,0 @@
-export type { CarouselProps } from './carousel';
-export * from './carousel';

package/dist/types/components/colored-text/colored-text.d.ts

@@ -1,51 +0,0 @@
-import { VariantProps } from 'class-variance-authority';
-import * as React from "react";
-declare const coloredTextVariants: (props?: ({
-    color?: "inherit" | "default" | "muted" | "success" | "warning" | "primary" | "alert" | null | undefined;
-    size?: "default" | "xs" | "sm" | "lg" | "xl" | "unset" | null | undefined;
-    weight?: "medium" | "normal" | "semibold" | "bold" | "unset" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export interface ColoredTextProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, "color">, VariantProps<typeof coloredTextVariants> {
-    /**
-     * HTML element to render
-     * @default "span"
-     */
-    as?: "span" | "div" | "p";
-    /**
-     * Text transform
-     */
-    textTransform?: "uppercase" | "lowercase" | "capitalize" | "none";
-}
-/**
- * ColoredText — typography component with color and size variants
- *
- * @usage
- * Use ColoredText to style text with semantic colors:
- * status indicators, highlighted values, alerts, success messages.
- *
- * Colors (color):
- * - `inherit` — inherits color from parent (default).
- * - `default` — foreground color.
- * - `muted` — muted foreground color.
- * - `success` — green for positive states.
- * - `warning` — yellow for warning states.
- * - `alert` — red for error/critical states.
- * - `primary` — primary theme color.
- *
- * Sizes (size):
- * - `xs` — extra small (text-xs).
- * - `sm` — small (text-sm).
- * - `default` — standard (text-base).
- * - `lg` — large (text-lg).
- * - `xl` — extra large (text-xl).
- * - `unset` — no size class applied.
- *
- * @example
- * ```tsx
- * <ColoredText color="success">+$100.00</ColoredText>
- * <ColoredText color="alert" weight="bold">Error!</ColoredText>
- * <ColoredText color="muted" size="sm">Secondary info</ColoredText>
- * ```
- */
-declare const ColoredText: React.ForwardRefExoticComponent<ColoredTextProps & React.RefAttributes<HTMLSpanElement>>;
-export { ColoredText, coloredTextVariants };

package/dist/types/components/colored-text/index.d.ts

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

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

@@ -1,43 +0,0 @@
-import { InputProps } from '../input';
-import { WithTitleProps } from '../with-title';
-import { BalanceIndicatorProps } from '..';
-import type * as React from "react";
-export interface ComplexInputProps {
-    /**
-     * Props for title wrapper
-     */
-    titleProps: WithTitleProps;
-    /**
-     * Props for input element (matches interface: InputProps with onChange overridden)
-     */
-    inputProps: Omit<InputProps, "onChange" | "endingIcon"> & {
-        onChange?: (value: bigint, valueView: string) => void;
-        maxTokenLength?: number;
-    };
-    /**
-     * Props for balance indicator
-     */
-    balanceIndicatorProps: Omit<BalanceIndicatorProps, "size" | "onMaxButtonClick"> & Partial<Pick<BalanceIndicatorProps, "size">>;
-}
-/**
- * ComplexInput — input with title, balance indicator, and max button
- *
- * @example
- * ```tsx
- * <ComplexInput
- *   titleProps={{ title: "Amount" }}
- *   inputProps={{
- *     value: valueView,
- *     onChange: (value, view) => {
- *       setValue(value);
- *       setValueView(view);
- *     },
- *   }}
- *   balanceIndicatorProps={{
- *     maxAmount: balance,
- *     token: tokenData,
- *   }}
- * />
- * ```
- */
-export declare function ComplexInput({ titleProps, inputProps, balanceIndicatorProps, }: ComplexInputProps): React.ReactElement;

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

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