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

package/dist/types/components/slider/slider-mark.d.ts

@@ -0,0 +1,14 @@
+interface SliderMarkProps {
+    value: number;
+    min: number;
+    max: number;
+    onClick?: (value: number) => void;
+}
+/**
+ * SliderMark — renders a single marker dot on the slider track.
+ *
+ * Colors the dot based on the first matching color interval
+ * (matching original interface MUIMark behavior).
+ */
+export declare function SliderMark({ value, min, max, onClick }: SliderMarkProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/types/components/slider/slider-track.d.ts

@@ -0,0 +1,7 @@
+/**
+ * SliderTrack — renders colored intervals on the slider track.
+ *
+ * Intervals are rendered in reversed order so that the first interval
+ * in the array renders on top (matching original interface behavior).
+ */
+export declare function SliderTrack(): import("react/jsx-runtime").JSX.Element | null;

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

@@ -1,84 +1,55 @@
+import { ColorInterval } from './types';
 import * as SliderPrimitive from "@radix-ui/react-slider";
 import * as React from "react";
-/**
- * Color interval for slider
- * Supports both from/to (new API) and start/end (legacy API)
- */
-export interface ColorInterval {
-    /** Start of interval (legacy API) */
-    start?: number;
-    /** End of interval (legacy API) */
-    end?: number;
-    /** Start of interval (new API) */
-    from?: number;
-    /** End of interval (new API) */
-    to?: number;
-    color?: string;
-    [key: string]: unknown;
-}
-export interface SliderProps extends Omit<React.ComponentPropsWithoutRef<typeof SliderPrimitive.Root>, "value" | "onValueChange"> {
-    /**
-     * Show value labels on the track
-     */
-    showLabels?: boolean;
-    /**
-     * Custom track color based on value zones
-     */
-    variant?: "default" | "success" | "warning" | "danger";
-    /**
-     * Value as array (new Radix API) or single number (legacy API)
-     */
-    value?: number[] | number;
+export interface SliderProps extends Omit<React.ComponentPropsWithoutRef<typeof SliderPrimitive.Root>, "value" | "onValueChange" | "onValueCommit" | "min" | "max" | "step"> {
+    from: number;
+    to: number;
+    value: number;
+    onChangeValue: (v: number) => void;
+    onSubmitValue?: (v: number) => void;
     /**
-     * Callback for value change (new Radix API)
-     */
-    onValueChange?: (value: number[]) => void;
-    /**
-     * Minimum value (legacy API, maps to min)
-     */
-    from?: number;
-    /**
-     * Maximum value (legacy API, maps to max)
-     */
-    to?: number;
-    /**
-     * Color intervals for track styling (legacy API)
+     * Color intervals for track styling.
+     * Color values can be CSS colors or legacy theme keys.
      */
     colorIntervals?: ColorInterval[];
     /**
-     * Precision for step calculation (legacy API)
-     * Can be number or array (first element used)
+     * Precision for step calculation.
+     * Step = Number(LEVERAGE_DECIMALS) / precision.
+     * Can be number or array (first element used).
+     * @default 10
      */
     precision?: number | number[];
     /**
-     * Marker step for tick marks (legacy API)
+     * Marker step for tick marks.
+     * @default 100
      */
     markerStep?: number;
     /**
-     * Single value callback (legacy API)
+     * Snap distance for color interval boundaries.
+     * When dragging, if the thumb is within `epsilon` of a color interval
+     * start or end point, it snaps to that point.
+     * @default 8
      */
-    onChangeValue?: (value: number) => void;
+    epsilon?: number;
     /**
-     * Commit value callback (legacy API)
+     * Optional label displayed below the color intervals (e.g. "Available leverage").
+     * Only shown when colorIntervals are provided.
      */
-    onSubmitValue?: (value: number) => void;
+    colorIntervalLabel?: React.ReactNode;
 }
 /**
- * Slider — range input component for selecting numeric values
- *
- * Supports both new Radix API and legacy API from interface.
+ * Slider — range input component matching the @gearbox-protocol/interface Slider API.
  *
  * @example
  * ```tsx
- * // New Radix API
- * <Slider value={[50]} onValueChange={setValue} max={100} />
- *
- * // Legacy API from interface
  * <Slider
- *   from={1}
- *   to={10}
- *   value={5}
- *   colorIntervals={[{ start: 1, end: 3, color: 'red' }]}
+ *   from={100}
+ *   to={700}
+ *   value={400}
+ *   precision={100}
+ *   colorIntervals={[{ start: 200, end: 500, color: 'additionalSuccess' }]}
+ *   colorIntervalLabel="Available leverage"
+ *   markerStep={100}
  *   onChangeValue={setValue}
  * />
  * ```

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

@@ -0,0 +1,38 @@
+/**
+ * Color interval for slider track styling
+ */
+export interface ColorInterval {
+    /** Start of interval */
+    start?: number;
+    /** End of interval */
+    end?: number;
+    /** Color — can be a CSS color value or a legacy theme key (e.g. "additionalSuccess") */
+    color?: string;
+}
+/**
+ * Map of legacy interface theme color keys to CSS color values.
+ * Resolves color strings that may be either legacy theme keys or CSS colors.
+ */
+export declare const THEME_COLOR_MAP: Record<string, string>;
+/**
+ * Resolve a color that may be either a legacy theme key or a CSS color value.
+ */
+export declare function resolveColor(color: string | undefined): string | undefined;
+/**
+ * Get interval bounds with defaults
+ */
+export declare function getIntervalBounds(interval: ColorInterval): {
+    start: number;
+    end: number;
+};
+/**
+ * Thumb size in pixels — must match the h-[18px] w-[18px] in the Thumb className.
+ */
+export declare const THUMB_SIZE = 18;
+export declare const THUMB_HALF: number;
+/**
+ * Compute the same in-bounds offset that Radix UI Slider applies to the thumb.
+ * At 0% the thumb is pushed right by THUMB_HALF, at 100% pushed left by THUMB_HALF,
+ * and linearly interpolated in between.
+ */
+export declare function getThumbInBoundsOffset(percent: number): number;

package/dist/types/components/smart-number-input/balance-indicator.d.ts

@@ -0,0 +1,41 @@
+import { TokenDataLike } from '.';
+import type * as React from "react";
+/** Size variant matching A (SmartNumberInputSize). */
+export type BalanceIndicatorSize = "sm" | "md";
+export interface BalanceIndicatorProps {
+    /** Label before balance (e.g. "Balance"). */
+    title?: React.ReactNode;
+    /** Token for formatting amount. */
+    token: TokenDataLike | undefined;
+    /** Max amount to display (formatted via TokenTemplate). */
+    maxAmount?: bigint;
+    /** When true, balance row is non-interactive. */
+    disabled?: boolean;
+    /** When true, show max button or clickable amount. @default true */
+    maxButton?: boolean;
+    /** Size variant. */
+    size: BalanceIndicatorSize;
+    /** Called when max is clicked. */
+    onMaxButtonClick: () => void;
+    /** Extra class name. */
+    className?: string;
+}
+/**
+ * BalanceIndicator — balance label + formatted max amount with optional max button.
+ * Subcomponent of SmartNumberInput (matches A BalanceIndicator + Label/MaxWrapper/MaxButton).
+ *
+ * @usage
+ * Renders "Balance: <amount>" with optional inline (sm) or separate (md) max button.
+ *
+ * @example
+ * ```tsx
+ * <BalanceIndicator
+ *   token={token}
+ *   maxAmount={balance}
+ *   size="md"
+ *   maxButton
+ *   onMaxButtonClick={() => setAmount(max)}
+ * />
+ * ```
+ */
+export declare function BalanceIndicator({ title, className, maxAmount, token, disabled, maxButton, onMaxButtonClick, size, }: BalanceIndicatorProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/smart-number-input/index.d.ts

@@ -1 +1,2 @@
+export * from './balance-indicator';
 export * from './smart-number-input';

package/dist/types/components/smart-number-input/smart-number-input.d.ts

@@ -1,133 +1,60 @@
+import { NetworkType } from '@gearbox-protocol/sdk';
 import * as React from "react";
+/** A-matching SmartNumberInput size for layout (styles.tsx). */
+export type SmartNumberInputSize = "sm" | "md";
 /**
  * Token data for legacy API compatibility
  * Uses generic type to accept any TokenData-like object
  */
 export interface TokenDataLike {
     symbol: string;
+    title: string;
     decimals?: number;
 }
 export interface SmartNumberInputProps {
-    /**
-     * Current amount value as string
-     */
+    /** Current amount value as string. */
     amount: string;
-    /**
-     * Token symbol to display (new API)
-     */
-    tokenSymbol?: string;
-    /**
-     * Token icon element (new API)
-     */
-    tokenIcon?: React.ReactNode;
-    /**
-     * Token data object (legacy API from interface)
-     * If provided, tokenSymbol and tokenIcon will be derived from it
-     */
-    token?: TokenDataLike;
-    /**
-     * Label for the input
-     */
+    /** Token data (from interface). */
+    token: TokenDataLike | undefined;
+    /** Label for the input. */
     label?: React.ReactNode;
-    /**
-     * Max balance to display as string (new API)
-     */
-    maxBalance?: string;
-    /**
-     * Max amount as bigint (legacy API from interface)
-     */
+    /** Max button label (e.g. "Balance"). */
+    maxButtonLabel?: React.ReactNode;
+    /** Max amount to display. */
     maxAmount?: bigint;
-    /**
-     * Max amount limit as bigint (legacy API from interface)
-     */
+    /** Max amount limit (capped when max amount exceeds this). */
     maxAmountLimit?: bigint;
-    /**
-     * Max button label
-     */
-    maxButtonLabel?: React.ReactNode;
-    /**
-     * Show max button (new API)
-     */
-    showMaxButton?: boolean;
-    /**
-     * Show max button (legacy API alias)
-     */
-    maxButton?: boolean;
-    /**
-     * Chain ID for network icon (legacy API)
-     */
+    /** Chain ID for network icon. */
     chainId?: number;
-    /**
-     * Network type for display (legacy API)
-     */
-    network?: string;
-    /**
-     * Input is disabled
-     */
+    /** Network type for display. */
+    network?: NetworkType;
+    /** Show max button. @default true */
+    maxButton?: boolean;
+    /** Input is disabled. */
     disabled?: boolean;
-    /**
-     * Input is active/focused
-     */
+    /** Size variant (from interface SmartNumberInputSize). */
+    size?: SmartNumberInputSize;
+    /** When true, currency dropdown is open (expand icon rotated). */
     active?: boolean;
-    /**
-     * Size variant
-     */
-    size?: "sm" | "default" | "md" | "lg";
-    /**
-     * Callback when amount changes (new API)
-     */
-    onAmountChange?: (value: string) => void;
-    /**
-     * Callback when amount changes with bigint (legacy API from interface)
-     * Called with (value: bigint, valueView: string)
-     */
+    /** Callback when amount changes. Called with (value: bigint, valueView: string). */
     onSetAmount?: (value: bigint, valueView: string) => void;
-    /**
-     * Callback when max button is clicked (new API)
-     */
-    onMaxClick?: () => void;
-    /**
-     * Callback to show token select dialog (new API)
-     */
-    onTokenSelect?: () => void;
-    /**
-     * Callback to show token select dialog (legacy API from interface)
-     */
+    /** Callback to show token select dialog. */
     onShowSelectDialog?: () => void;
-    /**
-     * Callback when remove button is clicked
-     */
+    /** Callback when remove button is clicked. */
     onRemove?: () => void;
-    /**
-     * Focus callback
-     */
+    /** Focus callback. */
     onFocus?: () => void;
-    /**
-     * Blur callback
-     */
+    /** Blur callback. */
     onBlur?: () => void;
-    /**
-     * Additional class names
-     */
-    className?: string;
 }
 /**
- * SmartNumberInput — token amount input with balance display
+ * SmartNumberInput — token amount input with balance display (matches interface).
  *
- * Supports both new API (tokenSymbol, onAmountChange) and legacy API (token, onSetAmount)
+ * @usage
+ * Use for token amount input with balance row and optional token selector.
  *
  * @example
  * ```tsx
- * // New API
- * <SmartNumberInput
- *   amount={amount}
- *   tokenSymbol="ETH"
- *   maxBalance="1.5 ETH"
- *   onAmountChange={setAmount}
- *   onMaxClick={handleMax}
- * />
- *
- * // Legacy API (from interface)
  * <SmartNumberInput
  *   amount={amountView}
  *   token={tokenData}

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

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

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

@@ -0,0 +1,25 @@
+import * as React from "react";
+export interface SpinnerLoaderProps extends React.HTMLAttributes<HTMLSpanElement> {
+    /** Diameter of the spinner in pixels. @default 40 */
+    size?: number;
+    /** Animation duration (e.g. "1s", "0.8s"). @default "1s" */
+    speed?: string;
+    /** Border width in pixels. @default 4 */
+    width?: number;
+}
+/**
+ * SpinnerLoader — circular border spinner (rotating ring).
+ * Matches interface (A): gray track, darker bottom segment, configurable size/margin/speed/border width.
+ *
+ * @usage
+ * Use for: loading states where a simple rotating circle is needed (e.g. LoadingBar, dialogs).
+ *
+ * @example
+ * ```tsx
+ * <SpinnerLoader />
+ * <SpinnerLoader size={32} speed="0.8s" />
+ * <SpinnerLoader size={48} mb={16} width={3} />
+ * ```
+ */
+declare const SpinnerLoader: React.ForwardRefExoticComponent<SpinnerLoaderProps & React.RefAttributes<HTMLSpanElement>>;
+export { SpinnerLoader };

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

@@ -1,37 +1,32 @@
 import * as React from "react";
-type ColSize = boolean | number | "auto";
+/** Column size: true = equal flex, "auto" = auto width. */
+type ColSize = boolean | "auto";
 export interface SplitListProps {
-    /**
-     * Size for each column (can be function for dynamic sizing)
-     */
+    /** Size for each column (or function for per-index). @default true */
     colSize?: ColSize | ((index: number) => ColSize);
-    /**
-     * Children content
-     */
+    /** List items. */
     children?: React.ReactNode;
-    /**
-     * Additional CSS class
-     */
+    /** Extra class name for the root. */
     className?: string;
 }
 /**
- * SplitList — horizontal list with dividers between items
+ * SplitList — horizontal list with vertical dividers between items (matches interface).
+ *
+ * @usage
+ * Use for a row of columns with centered vertical separators.
  *
  * @example
  * ```tsx
  * <SplitList colSize={true}>
- *   <div>Item 1</div>
- *   <div>Item 2</div>
- *   <div>Item 3</div>
+ *   <span>Item 1</span>
+ *   <span>Item 2</span>
  * </SplitList>
  *
- * // Custom sizes
- * <SplitList colSize={(index) => index === 0 ? 6 : 3}>
- *   <div>Wide</div>
- *   <div>Narrow</div>
- *   <div>Narrow</div>
+ * <SplitList colSize={(i) => (i === 0 ? true : "auto")}>
+ *   <span>Flex</span>
+ *   <span>Auto</span>
  * </SplitList>
  * ```
  */
-export declare function SplitList({ children, colSize, className, }: SplitListProps): import("react/jsx-runtime").JSX.Element;
-export {};
+declare const SplitList: React.ForwardRefExoticComponent<SplitListProps & React.RefAttributes<HTMLDivElement>>;
+export { SplitList };

package/dist/types/components/stat-badge/stat-badge.d.ts

@@ -135,7 +135,7 @@ export interface StatBadgeProps extends Omit<React.HTMLAttributes<HTMLDivElement
  */
 export declare const StatBadge: React.ForwardRefExoticComponent<StatBadgeProps & React.RefAttributes<HTMLDivElement>>;
 declare const statBadgeGridVariants: (props?: ({
-    cols?: 2 | 1 | 3 | 5 | 4 | 6 | null | undefined;
+    cols?: 2 | 1 | 3 | 4 | 5 | 6 | null | undefined;
     gap?: "default" | "sm" | "lg" | "xl" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export interface StatBadgeGridProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof statBadgeGridVariants> {

package/dist/types/components/status-dot/status-dot.d.ts

@@ -2,7 +2,7 @@ import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
 declare const statusDotVariants: (props?: ({
     variant?: "default" | "muted" | "success" | "warning" | "primary" | "alert" | "secondary" | null | undefined;
-    size?: "default" | "sm" | "lg" | "xs" | "xl" | null | undefined;
+    size?: "default" | "xs" | "sm" | "lg" | "xl" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export interface StatusDotProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof statusDotVariants> {
     /**

package/dist/types/components/status-elements/index.d.ts

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

package/dist/types/components/status-elements/status-elements.d.ts

@@ -0,0 +1,26 @@
+import { HFZones } from '..';
+export interface AccountHealthDotProps {
+    zone: HFZones;
+    size?: number;
+}
+/**
+ * HealthDot — colored dot indicating health factor zone.
+ */
+export declare function HealthDot({ zone, size }: AccountHealthDotProps): import("react/jsx-runtime").JSX.Element;
+export interface StatusBarsProps {
+    /** Health factor zone; determines how many bars are filled (1–3) and their color. */
+    zone: HFZones;
+}
+/**
+ * StatusBars — row of 3 small bars indicating health factor zone (1–3 filled, rest gray).
+ *
+ * @usage
+ * Use next to health factor or TTL to show zone at a glance.
+ *
+ * @example
+ * ```tsx
+ * <StatusBars zone="good" />
+ * <StatusBars zone="bad" />
+ * ```
+ */
+export declare function StatusBars({ zone }: StatusBarsProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/table/grid-loading-line.d.ts

@@ -13,6 +13,15 @@ export interface GridLoadingLineProps extends React.HTMLAttributes<HTMLDivElemen
      * @default 6
      */
     columns?: number;
+    /**
+     * Custom class name for each cell
+     */
+    cellClassName?: string;
+    /**
+     * Whether this is the last row (hides bottom border)
+     * @default false
+     */
+    last?: boolean;
 }
 /**
  * GridLoadingLine — loading skeleton row component for grid tables.
@@ -24,6 +33,8 @@ export interface GridLoadingLineProps extends React.HTMLAttributes<HTMLDivElemen
  * Props:
  * - `height` — height of the loading line (defaults to "70px").
  * - `columns` — number of skeleton columns to show (defaults to 6).
+ * - `cellClassName` — custom class name for each cell.
+ * - `last` — whether this is the last row (hides bottom border).
  *
  * Note: Displays multiple skeleton cells matching the table structure with borders and padding.
  *
@@ -33,4 +44,4 @@ export interface GridLoadingLineProps extends React.HTMLAttributes<HTMLDivElemen
  * <GridLoadingLine /> // Uses defaults
  * ```
  */
-export declare function GridLoadingLine({ height, columns, className, ...props }: GridLoadingLineProps): import("react/jsx-runtime").JSX.Element;
+export declare function GridLoadingLine({ height, columns, cellClassName, last, className, ...props }: GridLoadingLineProps): import("react/jsx-runtime").JSX.Element;

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

@@ -119,6 +119,23 @@ interface GridTableRowProps extends GridProps {
      * Interactive elements inside (links, buttons, inputs) are excluded from row click.
      */
     onRowClick?: (e: React.MouseEvent) => void;
+    /**
+     * URL for the row link.
+     * When provided, the row is rendered via BaseLink
+     * (react-router Link for internal paths, native `<a>` for external URLs).
+     * Supports Ctrl/Cmd+Click, right-click context menu, etc.
+     * Compatible with `onRowClick` for custom navigation logic.
+     */
+    href?: string;
+    /**
+     * Link target (e.g., "_blank"). Only used when `href` is provided.
+     */
+    target?: React.HTMLAttributeAnchorTarget;
+    /**
+     * Link rel attribute. Only used when `href` is provided.
+     * @default "noopener noreferrer" when target="_blank"
+     */
+    rel?: string;
 }
 /**
  * GridTableRow — row component of a GridTable.
@@ -134,6 +151,9 @@ interface GridTableRowProps extends GridProps {
  * - `height` — custom height for the row (string or number in pixels).
  * - `hideValue` — whether to hide value cells (for loading states).
  * - `onRowClick` — click handler for the row (makes entire row clickable).
+ * - `href` — URL for the row link (renders as `<a>`, supports native link behavior).
+ * - `target` — link target (e.g., "_blank"). Only used with `href`.
+ * - `rel` — link rel attribute. Only used with `href`.
  *
  * Note: Automatically applies bottom border, hover effects, and selected state styling to all child elements.
  *
@@ -157,12 +177,23 @@ interface GridTableRowProps extends GridProps {
  * <GridTableRow onRowClick={() => navigate('/details/123')}>
  *   <GridTableCell>Clickable row</GridTableCell>
  * </GridTableRow>
+ *
+ * // Link row (native <a> element)
+ * <GridTableRow href="/pools/0x1234">
+ *   <GridTableCell>Linked row</GridTableCell>
+ * </GridTableRow>
+ *
+ * // External link row
+ * <GridTableRow href="https://etherscan.io" target="_blank">
+ *   <GridTableCell>External link row</GridTableCell>
+ * </GridTableRow>
  * ```
  */
-declare const GridTableRow: React.ForwardRefExoticComponent<GridTableRowProps & React.RefAttributes<HTMLDivElement>>;
+declare const GridTableRow: React.ForwardRefExoticComponent<GridTableRowProps & React.RefAttributes<HTMLDivElement | HTMLAnchorElement>>;
 declare const gridTableHeadVariants: (props?: ({
     size?: "default" | "sm" | "lg" | null | undefined;
-    justify?: "center" | "start" | "end" | null | undefined;
+    justify?: "center" | "end" | "start" | null | undefined;
+    gapBefore?: "none" | "sm" | "md" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 interface GridTableHeadProps extends ColProps, VariantProps<typeof gridTableHeadVariants> {
     children?: React.ReactNode;
@@ -179,6 +210,7 @@ interface GridTableHeadProps extends ColProps, VariantProps<typeof gridTableHead
  * - `span` — number of columns to span (defaults to 1).
  * - `size` — cell size variant: "sm", "default", "lg" (defaults to "default").
  * - `justify` — content alignment: "start", "center", "end" (defaults to "start").
+ * - `gapBefore` — extra left padding for visual separation ("sm" | "md" | "none"). Uses padding so hover covers the gap.
  *
  * Note: Automatically applies border, muted text color, and medium font weight.
  */
@@ -186,6 +218,7 @@ declare const GridTableHead: React.ForwardRefExoticComponent<GridTableHeadProps
 declare const gridTableCellVariants: (props?: ({
     size?: "default" | "sm" | "lg" | null | undefined;
     textAlign?: "left" | "center" | "right" | null | undefined;
+    gapBefore?: "none" | "sm" | "md" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 interface GridTableCellProps extends ColProps, VariantProps<typeof gridTableCellVariants> {
     children?: React.ReactNode;
@@ -202,6 +235,7 @@ interface GridTableCellProps extends ColProps, VariantProps<typeof gridTableCell
  * - `span` — number of columns to span (defaults to 1).
  * - `size` — cell size variant: "sm", "default", "lg" (defaults to "default").
  * - `textAlign` — text alignment: "left", "center", "right".
+ * - `gapBefore` — extra left padding for visual separation ("sm" | "md" | "none"). Uses padding so hover covers the gap.
  *
  * Note: Automatically applies appropriate padding based on size variant.
  *

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

@@ -18,6 +18,10 @@ export interface TableLoaderProps extends React.HTMLAttributes<HTMLDivElement> {
      * @default 5
      */
     rows?: number;
+    /**
+     * Custom class name for each cell in loading lines
+     */
+    cellClassName?: string;
 }
 /**
  * TableLoader — loading skeleton component for tables.
@@ -43,4 +47,4 @@ export interface TableLoaderProps extends React.HTMLAttributes<HTMLDivElement> {
  * </GridTable>
  * ```
  */
-export declare function TableLoader({ height, columns, rows, className, ...props }: TableLoaderProps): import("react/jsx-runtime").JSX.Element;
+export declare function TableLoader({ height, columns, rows, cellClassName, className, ...props }: TableLoaderProps): import("react/jsx-runtime").JSX.Element;