/**
 * Shared budget-limit presentation used by both budget cards: the
 * `LiteLLMBudgetWidget` (full/compact meter list) and the condensed
 * `LiteLLMBudgetGauges` (expanded "all limits" view). Keeping the card in one
 * place means a limit reads identically wherever it is shown.
 */
import React from 'react';
import type { Theme } from '@mui/material/styles';
import { BudgetLimit } from '../budget';
import { Tone } from './ui';
/** Semantic colour for a tone, from the host theme. */
export declare function levelToneColor(tone: Tone | undefined, theme: Theme): string;
/** Spend-vs-cap meter card for a single limit. */
export declare const LimitCard: React.FC<{
    limit: BudgetLimit;
}>;
/** A LimitCard prefixed with a small KEY / USER / TEAM tag. */
export declare const TaggedLimit: React.FC<{
    limit: BudgetLimit;
}>;
/** A key-budget note under a limit list — plain text when no href is given. */
export declare const MoreKeysNote: React.FC<{
    count: number;
    href?: string;
    label?: string;
}>;
/**
 * Flat list of concrete limits across every level, as tagged meter cards.
 * Used by the condensed gauges card's expanded view; the full widget renders
 * its own grouped-by-level rail instead.
 */
export declare const BudgetLimitList: React.FC<{
    limits: BudgetLimit[];
    /** Keys beyond the supplied limits — rendered as a trailing note. */
    hiddenKeyCount?: number;
    keysHref?: string;
}>;
/** Inset panel used to hold a nested list of limits inside a card. */
export declare const LimitListPanel: React.FC<{
    children: React.ReactNode;
}>;