/**
 * A quantity selector is an input component that allows users to increment or decrement a numeric value, typically using plus (+) and minus (−) buttons. It provides a simple and efficient way to adjust quantities without manual typing, ensuring controlled input. This component is commonly used in e-commerce, inventory management, and settings where users need to specify amounts.
 */
interface Props {
    [key: string]: any;
    /**
     * A unique identifier for the quantity selector element, used to associate the label with the form element.
     */
    id: string;
    /**
     * The name attribute for the quantity selector element, typically used for form submission.
     */
    name?: string;
    /**
     * The current value of the quantity selector field.
     */
    value?: number;
    /**
     * If `true`, applies an invalid state to the quantity selector.
     */
    isinvalid?: boolean;
    /**
     * If `true`, disables the quantity selector, making it non-interactive.
     */
    disabled?: boolean;
    /**
     * Determines the size of the quantity selector.
     */
    size?: 's' | 'm';
    /**
     * Minimum acceptable value for the quantity selector.
     */
    min?: number;
    /**
     * Maximum acceptable value for the quantity selector.
     */
    max?: number;
    /**
     * Determines how much the value will change per click when the quantity is increased or decreased.
     */
    step?: number;
    /**
     * If `true`, the quantity selector is read-only (cannot be edited).
     */
    readonly?: boolean;
    /**
     * The label text for the increment button.
     */
    incrementlabel?: string;
    /**
     * The label text for the decrement button.
     */
    decrementlabel?: string;
}
declare const QuantitySelector: import("svelte").Component<Props, {}, "value">;
type QuantitySelector = ReturnType<typeof QuantitySelector>;
export default QuantitySelector;
//# sourceMappingURL=QuantitySelector.svelte.d.ts.map