@gearbox-protocol/permissionless-ui 1.22.0-next.7 → 1.22.0-next.70

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

@@ -1,44 +1,32 @@
+import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
-export interface TextButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-    /**
-     * Icon element (legacy API with $ prefix)
-     */
-    $icon?: React.ReactNode;
+declare const textColorVariants: (props?: ({
+    buttonColor?: "primaryDashed" | "secondaryDashed" | "empty" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare const layoutVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | "md" | null | undefined;
+    width?: "compact" | "wide" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface TextButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof layoutVariants>, VariantProps<typeof textColorVariants> {
     /**
      * Icon element (new API)
      */
     icon?: React.ReactNode;
-    /**
-     * Size variant (legacy API with $ prefix)
-     */
-    $size?: "sm" | "md" | "lg";
-    /**
-     * Size variant (new API)
-     */
-    size?: "sm" | "md" | "lg";
-    /**
-     * Color variant (legacy API with $ prefix)
-     */
-    $color?: "primary" | "secondary" | "muted" | "primaryDashed" | "secondaryDashed" | "empty";
-    /**
-     * Color variant (new API)
-     */
-    color?: "primary" | "secondary" | "muted" | "primaryDashed" | "secondaryDashed" | "empty";
     /**
      * Element type to render as
      */
     as?: "button" | "a" | "div" | "span";
 }
 /**
- * TextButton — text-only button with underline on hover
+ * TextButton — text-only button with optional dashed underline (matches interface TextButton)
  *
  * @example
  * ```tsx
- * <TextButton onClick={handleClick} color="primary">
+ * <TextButton onClick={handleClick} color="primaryDashed">
  *   Click me
  * </TextButton>
  *
- * <TextButton icon={<Icon />} size="sm" color="muted">
+ * <TextButton icon={<Icon />} size="sm" color="secondaryDashed">
  *   Edit
  * </TextButton>
  * ```
@@ -46,3 +34,4 @@ export interface TextButtonProps extends React.ButtonHTMLAttributes<HTMLButtonEl
 export declare const TextButton: React.ForwardRefExoticComponent<TextButtonProps & {
     children?: React.ReactNode | undefined;
 } & React.RefAttributes<HTMLButtonElement>>;
+export {};

package/dist/types/components/theme-provider.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from '../../node_modules/.pnpm/react@19.2.0/node_modules/react';
+import { ReactNode } from 'react';
 /**
  * Theme types
  */

package/dist/types/components/time-to-liquidation/time-to-liquidation.d.ts

@@ -1,20 +1,24 @@
-type HFZone = "good" | "medium" | "bad" | "critical" | "liquidation";
+import { TTLZones } from '../../utils';
+import * as React from "react";
 export interface TimeToLiquidationProps {
-    /**
-     * Time to liquidation in milliseconds
-     */
+    /** Time to liquidation in milliseconds (bigint or number). */
     timeToLiquidation: bigint | number | null;
-    /**
-     * Health factor zone for status indicator
-     */
-    ttlZone?: HFZone;
-    /**
-     * Additional CSS class
-     */
+    /** TTL zone for status dot (matches A TTLZones). */
+    ttlZone?: TTLZones;
+    /** Extra class name. */
     className?: string;
 }
 /**
- * TimeToLiquidation - displays time remaining until liquidation
+ * TimeToLiquidation — displays time remaining until liquidation (matches interface).
+ *
+ * @usage
+ * Use next to health/liquidation info to show remaining time and optional zone dot.
+ *
+ * @example
+ * ```tsx
+ * <TimeToLiquidation timeToLiquidation={86400000} ttlZone="good" />
+ * <TimeToLiquidation timeToLiquidation={null} />
+ * ```
  */
-export declare function TimeToLiquidation({ timeToLiquidation, ttlZone, className, }: TimeToLiquidationProps): import("react/jsx-runtime").JSX.Element;
-export default TimeToLiquidation;
+declare const TimeToLiquidation: React.ForwardRefExoticComponent<TimeToLiquidationProps & React.RefAttributes<HTMLDivElement>>;
+export { TimeToLiquidation };

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

@@ -1,60 +1,40 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
 declare const tipCardVariants: (props?: ({
-    variant?: "default" | "success" | "warning" | "info" | "light" | "error" | null | undefined;
-    hasIndicator?: boolean | null | undefined;
+    backgroundColor?: "transparent" | "dark" | "light" | "gray-10" | "gray-20" | "gray-30" | "gray-40" | "gray-50" | "gray-60" | "gray-70" | "gray-80" | "gray-90" | "gray-100" | "gray-110" | null | undefined;
+    textColor?: "unset" | "dark" | "light" | null | undefined;
+    borderColor?: "none" | "dark" | "light" | "gradient" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
-declare const indicatorColors: {
-    readonly default: "bg-muted-foreground";
-    readonly info: "bg-blue-500";
-    readonly warning: "bg-yellow-500";
-    readonly error: "bg-red-500";
-    readonly success: "bg-green-500";
-    readonly light: "bg-muted-foreground";
-    readonly primary: "bg-primary";
-    readonly alert: "bg-red-500";
-};
-type IndicatorColor = keyof typeof indicatorColors;
-export interface TipCardProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof tipCardVariants> {
-    /**
-     * Color variant of the tip card
-     */
-    variant?: "default" | "info" | "warning" | "error" | "success" | "light";
-    /**
-     * Show colored indicator on the left side
-     */
-    indicatorColor?: IndicatorColor;
-    /**
-     * Icon to display before content
-     */
-    icon?: React.ReactNode;
+declare const indicatorVariants: (props?: ({
+    attributeColor?: "success" | "warning" | "primary" | "alert" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface TipCardProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof tipCardVariants>, VariantProps<typeof indicatorVariants> {
 }
 /**
  * TipCard — card component for displaying tips, warnings, and information.
  *
  * @usage
- * Use TipCard to display contextual information, warnings, tips, or alerts:
- * - info: general information and helpful tips
- * - warning: important notices that require attention
- * - error: error messages and critical alerts
- * - success: confirmation and success messages
- * - light: subtle information in muted style
+ * TipCard is a lightweight card container with optional styling variants:
+ * - `backgroundColor`: `transparent` | `light` | `dark`
+ * - `textColor`: `unset` | `light` | `dark`
+ * - `borderColor`: `light` | `dark` | `gradient` | `none`
+ * - `attributeColor`: adds a 4px left stripe (via `::after`): `warning` | `alert` | `success` | `primary`
  *
  * @example
  * ```tsx
  * // Basic usage
- * <TipCard variant="info">
- *   This is an informational tip.
+ * <TipCard borderColor="light" backgroundColor="dark" textColor="light">
+ *   This is a tip card.
  * </TipCard>
  *
- * // With indicator
- * <TipCard variant="warning" indicatorColor="warning">
- *   Warning: Please review before proceeding.
+ * // Gradient border
+ * <TipCard borderColor="gradient">
+ *   This card has a gradient border.
  * </TipCard>
  *
- * // With icon
- * <TipCard variant="error" icon={<AlertIcon />}>
- *   An error occurred during the operation.
+ * // With attribute stripe (4px on the left)
+ * <TipCard attributeColor="warning">
+ *   Warning: please review before proceeding.
  * </TipCard>
  * ```
  */

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

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

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

@@ -0,0 +1,30 @@
+import * as React from "react";
+declare const toggleTrackVariants: (props?: ({
+    checked?: boolean | null | undefined;
+    disabled?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface ToggleProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "checked" | "disabled" | "onChange" | "type"> {
+    /** Controlled checked state */
+    checked: boolean;
+    /** Whether the toggle is disabled */
+    disabled?: boolean;
+    /** Callback when the user toggles; receives the next state */
+    onChange?: (nextState: boolean) => void;
+    /** Additional class name for the root label */
+    className?: string;
+}
+/**
+ * Toggle — switch control for boolean state (on/off).
+ * Matches interface (A): 32×20 track, 16px thumb, gray track / accent when checked.
+ *
+ * @usage
+ * Use for: settings, options, or any on/off state where a switch is preferred over a checkbox.
+ *
+ * @example
+ * ```tsx
+ * <Toggle checked={enabled} onChange={setEnabled} />
+ * <Toggle checked={value} onChange={setValue} disabled />
+ * ```
+ */
+declare const Toggle: React.ForwardRefExoticComponent<ToggleProps & React.RefAttributes<HTMLInputElement>>;
+export { Toggle, toggleTrackVariants };

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

@@ -1,3 +1,5 @@
+import { default as React } from 'react';
+import { RoundedImageProps } from '../rounded-image/rounded-image';
 /**
  * TokenIcon — component for displaying token/asset icons.
  *
@@ -18,12 +20,16 @@
  * - for address identifiers (use Identicon component).
  * - for custom images or logos (use Image component).
  */
-export interface TokenIconProps {
-    symbol: string;
+type SymbolOrIcon = string | {
+    icon: string;
+};
+export interface TokenIconProps extends Omit<RoundedImageProps, "src" | "size"> {
+    symbol: SymbolOrIcon | undefined;
     size?: number;
     className?: string;
 }
-export declare function TokenIcon({ symbol, size, className }: TokenIconProps): import("react/jsx-runtime").JSX.Element;
+declare const TokenIcon: React.ForwardRefExoticComponent<TokenIconProps & React.RefAttributes<HTMLImageElement>>;
+export { TokenIcon };
 /**
  * Preload token icons into browser cache.
  * Call this function early in your app initialization with the list of token symbols.
@@ -37,4 +43,4 @@ export declare function TokenIcon({ symbol, size, className }: TokenIconProps):
  * preloadTokenIcons(tokens);
  * ```
  */
-export declare function preloadTokenIcons(symbols: string[]): void;
+export declare function preloadTokenIcons(symbols: SymbolOrIcon[]): void;

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

@@ -1,10 +1,15 @@
 import { NetworkType } from '@gearbox-protocol/sdk';
-import type * as React from "react";
+import { VariantProps } from 'class-variance-authority';
+import { default as React } from 'react';
+declare const tokenSymbolVariants: (props?: ({
+    marginSize?: "sm" | "lg" | "md" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
 type PartialTokenData = {
     symbol: string;
     title?: string;
+    icon?: string;
 };
-export interface TokenSymbolProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"> {
+export interface TokenSymbolProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title">, VariantProps<typeof tokenSymbolVariants> {
     /**
      * Token data object or symbol string
      */
@@ -67,5 +72,5 @@ export interface TokenSymbolProps extends Omit<React.HTMLAttributes<HTMLDivEleme
  * <TokenSymbol token="WETH" showSymbol={true} />
  * ```
  */
-export declare function TokenSymbol({ token, title, className, comment, showIcon, showSymbol, size, chainId, network, maxLength, ...props }: TokenSymbolProps): import("react/jsx-runtime").JSX.Element;
-export {};
+declare const TokenSymbol: React.ForwardRefExoticComponent<TokenSymbolProps & React.RefAttributes<HTMLDivElement>>;
+export { TokenSymbol };

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

@@ -1,40 +1,16 @@
-import { TokenData } from '@gearbox-protocol/sdk';
+import { ParseSmallNumberResult } from '../../utils';
 import { negativeTokenTemplate, tokenTemplateString } from '../../utils/templates';
+import { TokenDataLike } from '..';
+import { FormattedNumberStringProps } from '../formatted-number';
 import type * as React from "react";
-type PartialTokenData = Pick<TokenData, "title" | "decimals"> & {
-    symbol?: string;
-};
-export interface TokenTemplateProps {
-    /**
-     * Token amount in base units (bigint, string, number, or undefined)
-     */
+export interface TokenTemplateProps extends Omit<FormattedNumberStringProps, "value"> {
     value: bigint | string | number | undefined;
-    /**
-     * Token data with title/symbol and decimals
-     */
-    token: PartialTokenData | undefined;
-    /**
-     * Number of decimal places to display
-     */
+    token: TokenDataLike | undefined;
     precision?: number;
-    /**
-     * Symbol to use between amount and token name
-     * @default " "
-     */
-    spaceSymbol?: string;
-    /**
-     * Maximum length of the result string (truncates if exceeded)
-     */
     maxLength?: number;
-    /**
-     * Allow displaying negative values with sign
-     * @default false
-     */
-    allowNegative?: boolean;
-    /**
-     * Additional className for styling
-     */
-    className?: string;
+    formatter?: (amount: bigint | string | number | undefined, decimals: number, precision?: number) => string | ParseSmallNumberResult;
+    noFormattedAmountValue?: React.ReactNode;
+    showSymbol?: boolean;
 }
 /**
  * TokenTemplate — component for displaying token amounts with symbol.
@@ -72,5 +48,5 @@ export interface TokenTemplateProps {
  * // Output: "-1.5 ETH"
  * ```
  */
-export declare function TokenTemplate({ value, token, precision, spaceSymbol, maxLength, allowNegative, className, }: TokenTemplateProps): React.ReactElement;
+export declare function TokenTemplate({ value, token, precision, formatter, noFormattedAmountValue, showSymbol, maxLength, ...rest }: TokenTemplateProps): import("react/jsx-runtime").JSX.Element;
 export { tokenTemplateString, negativeTokenTemplate };

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

@@ -1 +1,2 @@
+export * from './simple-tooltip';
 export * from './tooltip';

package/dist/types/components/tooltip/simple-tooltip.d.ts

@@ -0,0 +1,84 @@
+import * as React from "react";
+export type SimpleTooltipPlacement = "top" | "bottom" | "right" | "left";
+export type SimpleTooltipType = "tooltip" | "modal-tooltip";
+export type SimpleTooltipTrigger = "hover" | "click";
+export interface SimpleTooltipProps {
+    /**
+     * Tooltip popup content — what appears inside the floating panel.
+     */
+    children: React.ReactNode;
+    /**
+     * Trigger element — what the user hovers over or clicks to reveal the tooltip.
+     *
+     * Named `title` for backward compatibility with the legacy
+     * `@gearbox-protocol/interface` Tooltip API.
+     */
+    title: React.ReactNode;
+    /** Placement relative to the trigger element. @default "top" */
+    placement?: SimpleTooltipPlacement;
+    /** How the tooltip is triggered. @default "hover" */
+    trigger?: SimpleTooltipTrigger;
+    /** Show an arrow pointing at the trigger. @default true */
+    triangle?: boolean;
+    /** Delay before the tooltip shows (ms, hover mode only). @default 0 */
+    delayShow?: number;
+    /** Maximum width of the tooltip panel. @default "200px" */
+    maxWidth?: string;
+    /** Minimum width of the tooltip panel. */
+    minWidth?: string;
+    /**
+     * Visual type:
+     * - `"tooltip"` — dark semi-transparent background, small text (default)
+     * - `"modal-tooltip"` — transparent background, no padding (for rich content)
+     *
+     * @default "tooltip"
+     */
+    type?: SimpleTooltipType;
+    /** Controlled open state. When provided the component becomes controlled. */
+    open?: boolean;
+    /** Called when the open state should change (controlled mode). */
+    onOpenChange?: (open: boolean) => void;
+    /** Extra className applied to the floating content container. */
+    className?: string;
+    /** Extra className applied to the trigger wrapper `<span>`. */
+    triggerClassName?: string;
+}
+/**
+ * `SimpleTooltip` — a drop-in replacement for the legacy
+ * `@gearbox-protocol/interface` Tooltip component.
+ *
+ * Built on Radix UI Tooltip primitives and styled with Tailwind CSS.
+ *
+ * The API intentionally mirrors the legacy component:
+ * `title` = trigger element, `children` = popup content.
+ *
+ * Supports **hover** (default) and **click** trigger modes.
+ *
+ * @example
+ * ```tsx
+ * // Hover tooltip (default behaviour)
+ * <SimpleTooltip title={<span>Hover me</span>} placement="top">
+ *   Some helpful text
+ * </SimpleTooltip>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Click-triggered tooltip
+ * <SimpleTooltip title={<button>Click me</button>} trigger="click" placement="bottom">
+ *   <div>Rich interactive content</div>
+ * </SimpleTooltip>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Modal-style (transparent background, for cards / complex content)
+ * <SimpleTooltip title={<span>Details</span>} type="modal-tooltip" triangle={false}>
+ *   <Card>…</Card>
+ * </SimpleTooltip>
+ * ```
+ */
+export declare function SimpleTooltip({ children, title, placement, trigger, triangle, delayShow, maxWidth, minWidth, type, open: controlledOpen, onOpenChange: controlledOnOpenChange, className, triggerClassName, }: SimpleTooltipProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace SimpleTooltip {
+    var displayName: string;
+}

package/dist/types/components/typed-intl/index.d.ts

@@ -1,13 +1,11 @@
 import { FormatXMLElementFn, PrimitiveType } from 'intl-messageformat';
 import { FormattedMessage } from 'react-intl';
+import { LocaleKeys } from '../../locale';
 import type * as React from "react";
 type FormattedMessageProps = React.ComponentProps<typeof FormattedMessage>;
 export type Values = FormattedMessageProps["values"];
-export type LocaleKeys = string;
 export interface FormattedMessageTypedProps {
     messageId: LocaleKeys;
-    /** @deprecated Use messageId instead */
-    id?: LocaleKeys;
     values?: Values;
     defaultMessage?: string;
 }

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

@@ -1,8 +1,8 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
 declare const typographyVariants: (props?: ({
-    variant?: "body" | "caption" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "bodySmall" | "overline" | null | undefined;
-    color?: "inherit" | "default" | "muted" | "success" | "warning" | "destructive" | "primary" | null | undefined;
+    variant?: "body" | "caption" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "bodySmall" | "overline" | "inherit" | null | undefined;
+    color?: "inherit" | "default" | "muted" | "success" | "warning" | "destructive" | "primary" | "secondary" | null | undefined;
     weight?: "medium" | "inherit" | "normal" | "semibold" | "bold" | null | undefined;
     align?: "inherit" | "left" | "center" | "right" | null | undefined;
     leading?: "inherit" | "normal" | "tight" | "relaxed" | null | undefined;

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

@@ -1,70 +1,43 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
-declare const verticalIndicatorVariants: (props?: ({
-    align?: "center" | "start" | "end" | null | undefined;
+declare const rootVariants: (props?: ({
+    align?: "center" | "end" | "baseline" | "start" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export interface VerticalIndicatorProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "color">, VariantProps<typeof verticalIndicatorVariants> {
-    /**
-     * Label text
-     */
+declare const labelVariants: (props?: ({
+    size?: "default" | "xs" | "sm" | "unset" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare const valueVariants: (props?: ({
+    size?: "default" | "xs" | "sm" | "unset" | null | undefined;
+    weight?: "medium" | "normal" | "unset" | null | undefined;
+    color?: "default" | "muted" | "success" | "warning" | "primary" | "alert" | "secondary" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface VerticalIndicatorProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "color">, VariantProps<typeof rootVariants>, VariantProps<typeof labelVariants>, VariantProps<typeof valueVariants> {
+    /** Label text shown on the left */
     label?: React.ReactNode;
-    /**
-     * Description under the label
-     */
+    /** Description under the label (left-aligned) */
     description?: React.ReactNode;
-    /**
-     * Value description under the value
-     */
+    /** Description under the value (right-aligned) */
     valueDescription?: React.ReactNode;
-    /**
-     * Tooltip content for help tip
-     */
+    /** Tooltip content for the help tip icon next to the label */
     tip?: React.ReactNode;
-    /**
-     * Current value
-     */
+    /** Current value displayed on the right */
     value?: React.ReactNode;
-    /**
-     * New value (shows arrow transition from value to valueTo)
-     */
+    /** New value shown after an arrow (value → valueTo); the first value is shown with line-through */
     valueTo?: React.ReactNode;
-    /**
-     * Font size variant
-     */
-    size?: "xs" | "sm" | "default" | "unset";
-    /**
-     * Font weight for value
-     */
-    weight?: "normal" | "medium" | "unset";
-    /**
-     * Color variant for value
-     */
-    color?: "default" | "muted" | "success" | "warning" | "alert" | "primary";
-    /**
-     * Callback when tip is hovered
-     */
+    /** Called when the tip icon is hovered */
     onPointerEnterTip?: () => void;
 }
 /**
- * VerticalIndicator — component for displaying labeled values with optional transitions
+ * VerticalIndicator — labeled value display with optional description and value transition
  *
  * @usage
- * Use VerticalIndicator to display key-value pairs:
- * financial metrics, statistics, form field indicators, comparison values.
- *
- * Features:
- * - Label with optional description
- * - Value with optional value description
- * - Value transition display (value → valueTo)
- * - Help tip tooltip
+ * Use for key-value rows: metrics, form indicators, before/after values.
+ * Supports label + description, value + valueDescription, optional help tip,
+ * and value → valueTo transition (first value shown with line-through).
  *
  * @example
  * ```tsx
- * <VerticalIndicator
- *   label="Total Value"
- *   value="$10,000"
- * />
- *
+ * <VerticalIndicator label="Total Value" value="$10,000" />
  * <VerticalIndicator
  *   label="Health Factor"
  *   description="Account health"
@@ -76,4 +49,4 @@ export interface VerticalIndicatorProps extends Omit<React.HTMLAttributes<HTMLDi
  * ```
  */
 declare const VerticalIndicator: React.ForwardRefExoticComponent<VerticalIndicatorProps & React.RefAttributes<HTMLDivElement>>;
-export { VerticalIndicator, verticalIndicatorVariants };
+export { VerticalIndicator, rootVariants as verticalIndicatorVariants };

package/dist/types/components/with-copy/with-copy.d.ts

@@ -1,4 +1,4 @@
-import { PropsWithChildren } from '../../../node_modules/.pnpm/react@19.2.0/node_modules/react';
+import { PropsWithChildren } from 'react';
 import type * as React from "react";
 export interface WithCopyProps {
     /** Text to copy to clipboard */

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

@@ -1,14 +1,13 @@
+import { VariantProps } from 'class-variance-authority';
 import type * as React from "react";
-export type Sizes = "default" | "sm" | "lg";
-export interface WithTitleProps {
+declare const withTitleVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | "md" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface WithTitleProps extends VariantProps<typeof withTitleVariants> {
     /**
      * Title text or element
      */
     title: string | React.ReactNode;
-    /**
-     * Size variant
-     */
-    size?: Sizes;
     /**
      * Children content
      */
@@ -29,3 +28,4 @@ export interface WithTitleProps {
  * ```
  */
 export declare function WithTitle({ title, children, size, className, }: WithTitleProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/configs/tailwind-preset.d.ts

@@ -25,6 +25,9 @@ export declare const preset: {
     }[];
     theme: {
         extend: {
+            screens: {
+                xs: string;
+            };
             colors: {
                 background: string;
                 foreground: string;

package/dist/types/hooks/index.d.ts

@@ -7,5 +7,5 @@ export * from './use-hf';
 export * from './use-liquidation';
 export * from './use-media-query';
 export * from './use-opened-state';
-export * from './use-pool-points-tips';
 export * from './use-previous';
+export * from './use-smart-number-input';

package/dist/types/hooks/use-debounce-call.d.ts

@@ -1,19 +1 @@
-/**
- * Returns a debounced function caller that delays execution
- *
- * @param delay - Delay in milliseconds
- * @returns A function that accepts a callback to be called after the delay
- *
- * @example
- * ```tsx
- * const debouncedCall = useDebounceCall(300);
- *
- * const handleChange = (value: string) => {
- *   debouncedCall(() => {
- *     // This will be called 300ms after the last handleChange
- *     fetchResults(value);
- *   });
- * };
- * ```
- */
-export declare function useDebounceCall(delay: number): (fn: () => void) => void;
+export declare function useDebounceCall(delay?: number): (arg: () => void) => void;

package/dist/types/hooks/use-filter.d.ts

@@ -6,11 +6,11 @@ export interface SelectFilterList<T> {
 /**
  * Hook for managing range filter state
  */
-export declare function useRangeFilter(): readonly [FilterRange | null, import('../../node_modules/.pnpm/react@19.2.0/node_modules/react').Dispatch<import('../../node_modules/.pnpm/react@19.2.0/node_modules/react').SetStateAction<FilterRange | null>>, () => void];
+export declare function useRangeFilter(): readonly [FilterRange | null, import('react').Dispatch<import('react').SetStateAction<FilterRange | null>>, () => void];
 /**
  * Hook for managing select filter state
  */
-export declare function useSelectFilter<T>(initialState?: SelectFilterList<T> | null): readonly [SelectFilterList<T> | null, import('../../node_modules/.pnpm/react@19.2.0/node_modules/react').Dispatch<import('../../node_modules/.pnpm/react@19.2.0/node_modules/react').SetStateAction<SelectFilterList<T> | null>>, () => void];
+export declare function useSelectFilter<T>(initialState?: SelectFilterList<T> | null): readonly [SelectFilterList<T> | null, import('react').Dispatch<import('react').SetStateAction<SelectFilterList<T> | null>>, () => void];
 type SortType = "desc" | "asc";
 export interface FilterSortField<T> {
     field: T;