@fuxui/base/dist/components/number-input/NumberInput.svelte.d.ts

ui kit - svelte 5 + tailwind 4 - base components

import type { WithElementRef } from 'bits-ui';
import { type VariantProps } from 'tailwind-variants';
export declare const numberInputVariants: import("tailwind-variants").TVReturnType<{
    variant: {
        primary: string;
        secondary: string;
    };
    size: {
        default: string;
        sm: string;
        lg: string;
    };
}, undefined, "group flex w-full max-w-44 touch-manipulation items-stretch justify-between rounded-2xl ring focus-within:ring-2", {
    variant: {
        primary: string;
        secondary: string;
    };
    size: {
        default: string;
        sm: string;
        lg: string;
    };
}, undefined, import("tailwind-variants").TVReturnType<{
    variant: {
        primary: string;
        secondary: string;
    };
    size: {
        default: string;
        sm: string;
        lg: string;
    };
}, undefined, "group flex w-full max-w-44 touch-manipulation items-stretch justify-between rounded-2xl ring focus-within:ring-2", unknown, unknown, undefined>>;
export declare const numberInputButtonVariants: import("tailwind-variants").TVReturnType<{
    variant: {
        primary: string;
        secondary: string;
    };
}, undefined, "button-number-input flex cursor-pointer items-center pr-[.5em] pl-[.5em] transition-colors disabled:cursor-not-allowed disabled:opacity-50", {
    variant: {
        primary: string;
        secondary: string;
    };
}, undefined, import("tailwind-variants").TVReturnType<{
    variant: {
        primary: string;
        secondary: string;
    };
}, undefined, "button-number-input flex cursor-pointer items-center pr-[.5em] pl-[.5em] transition-colors disabled:cursor-not-allowed disabled:opacity-50", unknown, unknown, undefined>>;
export declare const numberInputInputVariants: import("tailwind-variants").TVReturnType<{
    variant: {
        primary: string;
        secondary: string;
    };
    size: {
        default: string;
        sm: string;
        lg: string;
    };
}, undefined, "number-input w-full [appearance:textfield] border-0 bg-transparent text-center font-[inherit] font-semibold text-transparent outline-none [-moz-appearance:_textfield] focus-visible:ring-0 [&::-webkit-inner-spin-button]:m-0 [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none", {
    variant: {
        primary: string;
        secondary: string;
    };
    size: {
        default: string;
        sm: string;
        lg: string;
    };
}, undefined, import("tailwind-variants").TVReturnType<{
    variant: {
        primary: string;
        secondary: string;
    };
    size: {
        default: string;
        sm: string;
        lg: string;
    };
}, undefined, "number-input w-full [appearance:textfield] border-0 bg-transparent text-center font-[inherit] font-semibold text-transparent outline-none [-moz-appearance:_textfield] focus-visible:ring-0 [&::-webkit-inner-spin-button]:m-0 [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none", unknown, unknown, undefined>>;
export type NumberInputVariant = VariantProps<typeof numberInputVariants>['variant'];
export type NumberInputSize = VariantProps<typeof numberInputVariants>['size'];
export type NumberInputProps = WithElementRef<WithoutChildrenOrChild<HTMLAttributes<HTMLDivElement>>> & {
    variant?: NumberInputVariant;
    size?: NumberInputSize;
    min?: number;
    value?: number;
    max?: number;
    defaultValue?: number;
    class?: string;
    step?: number;
    inputRef?: HTMLInputElement | null;
};
import type { WithoutChildrenOrChild } from 'bits-ui';
import type { HTMLAttributes } from 'svelte/elements';
declare const NumberInput: import("svelte").Component<NumberInputProps, {}, "ref" | "value" | "inputRef">;
type NumberInput = ReturnType<typeof NumberInput>;
export default NumberInput;