/** * MUI Amount Field Component */ import type { AmountFormat, CurrencyDisplay } from '@galaxy-dev/metadsl-core'; import { type BaseFieldProps } from '@galaxy-dev/metadsl-runtime'; export interface AmountFieldProps extends BaseFieldProps { currency?: string; /** * Lower/upper bounds, re-applied on blur. In formatted mode the comparison * is exact decimal string comparison - pass strings for bounds beyond * float precision (e.g. '9007199254740993'). In native number mode string * bounds are converted strictly (invalid bounds are ignored). */ min?: number | string; max?: number | string; /** Step for the native number mode's spinner only (ignored in formatted mode) */ step?: number; /** * Max fractional digits accepted while TYPING in formatted mode (an input * restriction - excess digits are dropped, never rounded). Committed * external values are displayed as-is. Ignored in native mode. */ decimals?: number; showRangeBadge?: boolean; /** * Format style. When set, the input switches to the formatted display mode * (type="text" + inputMode="decimal" with live thousands-separator * grouping) and onChange emits the raw decimal string (precision-safe). * While editing, 'standard' and 'compact' behave identically. * When omitted, the input stays a native number input emitting numbers. */ format?: AmountFormat; currencyDisplay?: CurrencyDisplay; readOnly?: boolean; suffix?: React.ReactNode; /** Show a clear (×) button when the field has a value (default: false) */ clearable?: boolean; /** Custom clear button icon (already rendered as ReactNode) */ clearIcon?: React.ReactNode; /** Range badge prefix text (already translated by the runtime; default: 'Range: ') */ rangeText?: React.ReactNode; /** Range badge text when min is not set (already translated; default: 'No min') */ noMinText?: React.ReactNode; /** Range badge text when max is not set (already translated; default: 'No max') */ noMaxText?: React.ReactNode; /** * Custom renderer for currency symbol * @param currency - Currency code (e.g., 'USD', 'EUR') * @returns ReactNode to display as currency symbol * @default Uses getCurrencySymbol utility based on currencyDisplay */ renderCurrency?: (currency: string) => React.ReactNode; } export declare function AmountField(props: AmountFieldProps): import("react/jsx-runtime").JSX.Element; //# sourceMappingURL=AmountField.d.ts.map