@banzamel/mineralui 0.9.0 → 0.10.0

package/dist/components/dropdowns/Select/Select.types.d.ts

@@ -0,0 +1,39 @@
+import { ReactNode, CSSProperties } from 'react';
+import { MineralColor, MineralFontColor, MineralSize } from '../../../theme';
+export type SelectVariant = 'outlined' | 'filled' | 'underlined';
+export interface SelectOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+    group?: string;
+}
+export interface SelectProps {
+    options: SelectOption[];
+    value?: string | string[];
+    defaultValue?: string | string[];
+    onChange?: (value: string | string[]) => void;
+    multiple?: boolean;
+    searchable?: boolean;
+    placeholder?: string;
+    disabled?: boolean;
+    name?: string;
+    id?: string;
+    variant?: SelectVariant;
+    size?: MineralSize;
+    color?: MineralColor;
+    fcolor?: MineralFontColor;
+    fullWidth?: boolean;
+    label?: string;
+    helperText?: string;
+    errorText?: string;
+    error?: boolean;
+    required?: boolean;
+    loading?: boolean;
+    clearable?: boolean;
+    maxHeight?: number;
+    noOptionsText?: string;
+    renderOption?: (option: SelectOption, isActive: boolean, isSelected: boolean) => ReactNode;
+    renderValue?: (selected: SelectOption | SelectOption[]) => ReactNode;
+    className?: string;
+    style?: CSSProperties;
+}

package/dist/components/dropdowns/Select/index.d.ts

@@ -0,0 +1,2 @@
+export { Select } from './Select';
+export type { SelectProps, SelectOption, SelectVariant } from './Select.types';

package/dist/components/dropdowns/TimePicker/TimePicker.d.ts

@@ -0,0 +1,2 @@
+import { TimePickerProps } from './TimePicker.types';
+export declare function TimePicker({ value, defaultValue, onChange, format, showSeconds, minuteStep, min, max, placeholder, disabled, readOnly, name, id, variant, size, fcolor, label, helperText, errorText, error, required, clearable, fullWidth, className, style, }: TimePickerProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/dropdowns/TimePicker/TimePicker.types.d.ts

@@ -0,0 +1,30 @@
+import { CSSProperties } from 'react';
+import { MineralFontColor, MineralSize } from '../../../theme';
+export type TimePickerVariant = 'outlined' | 'filled' | 'underlined';
+export interface TimePickerProps {
+    value?: string;
+    defaultValue?: string;
+    onChange?: (time: string) => void;
+    format?: '24h' | '12h';
+    showSeconds?: boolean;
+    minuteStep?: number;
+    min?: string;
+    max?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    readOnly?: boolean;
+    name?: string;
+    id?: string;
+    variant?: TimePickerVariant;
+    size?: MineralSize;
+    fcolor?: MineralFontColor;
+    label?: string;
+    helperText?: string;
+    errorText?: string;
+    error?: boolean;
+    required?: boolean;
+    clearable?: boolean;
+    fullWidth?: boolean;
+    className?: string;
+    style?: CSSProperties;
+}

package/dist/components/dropdowns/TimePicker/index.d.ts

@@ -0,0 +1,2 @@
+export { TimePicker } from './TimePicker';
+export type { TimePickerProps, TimePickerVariant } from './TimePicker.types';

package/dist/components/dropdowns/index.d.ts

@@ -0,0 +1,10 @@
+export { Select } from './Select';
+export type { SelectProps, SelectOption, SelectVariant } from './Select';
+export { Autocomplete } from './Autocomplete';
+export type { AutocompleteProps, AutocompleteVariant } from './Autocomplete';
+export { DatePicker } from './DatePicker';
+export type { DatePickerProps, DatePickerVariant } from './DatePicker';
+export { TimePicker } from './TimePicker';
+export type { TimePickerProps, TimePickerVariant } from './TimePicker';
+export { DateRangePicker } from './DateRangePicker';
+export type { DateRangePickerProps, DateRangePickerVariant, DateRangeValue, DateRangePreset } from './DateRangePicker';

package/dist/components/feedback/Alert/Alert.d.ts

@@ -0,0 +1,2 @@
+import { AlertProps } from './Alert.types';
+export declare function Alert({ color, fcolor, icon, title, className, children, ...rest }: AlertProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/feedback/Alert/Alert.types.d.ts

@@ -0,0 +1,9 @@
+import { HTMLAttributes, ReactNode } from 'react';
+import { MineralColor, MineralFontColor } from '../../../theme';
+export interface AlertProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
+    color?: MineralColor;
+    fcolor?: MineralFontColor;
+    icon?: ReactNode | boolean;
+    title?: ReactNode;
+    children?: ReactNode;
+}

package/dist/components/feedback/Alert/index.d.ts

@@ -0,0 +1,2 @@
+export { Alert } from './Alert';
+export type { AlertProps } from './Alert.types';

package/dist/components/feedback/Badge/Badge.d.ts

@@ -0,0 +1,2 @@
+import { BadgeProps } from './Badge.types';
+export declare function Badge({ color, size, fcolor, pulsing, className, children, ...rest }: BadgeProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/feedback/Badge/Badge.types.d.ts

@@ -0,0 +1,9 @@
+import { HTMLAttributes, ReactNode } from 'react';
+import { MineralColor, MineralFontColor, MineralSize } from '../../../theme';
+export interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
+    color?: MineralColor;
+    size?: MineralSize;
+    fcolor?: MineralFontColor;
+    pulsing?: boolean;
+    children?: ReactNode;
+}

package/dist/components/feedback/Badge/index.d.ts

@@ -0,0 +1,2 @@
+export { Badge } from './Badge';
+export type { BadgeProps } from './Badge.types';

package/dist/components/feedback/Banner/Banner.d.ts

@@ -0,0 +1,2 @@
+import { BannerProps } from './Banner.types';
+export declare function Banner({ color, variant, icon, action, dismissible, onDismiss, className, children, ...rest }: BannerProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/feedback/Banner/Banner.types.d.ts

@@ -0,0 +1,12 @@
+import { HTMLAttributes, ReactNode } from 'react';
+import { MineralColor } from '../../../theme';
+export type BannerVariant = 'filled' | 'outlined' | 'ghost';
+export interface BannerProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'> {
+    color?: MineralColor;
+    variant?: BannerVariant;
+    icon?: ReactNode;
+    action?: ReactNode;
+    dismissible?: boolean;
+    onDismiss?: () => void;
+    children?: ReactNode;
+}

package/dist/components/feedback/Banner/index.d.ts

@@ -0,0 +1,2 @@
+export { Banner } from './Banner';
+export type { BannerProps, BannerVariant } from './Banner.types';

package/dist/components/feedback/Loader/Loader.d.ts

@@ -0,0 +1,2 @@
+import { LoaderProps } from './Loader.types';
+export declare function Loader({ color, size, label, center, minHeight, className, style, ...rest }: LoaderProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/feedback/Loader/Loader.types.d.ts

@@ -0,0 +1,9 @@
+import { HTMLAttributes } from 'react';
+import { MineralColor, MineralSize } from '../../../theme';
+export interface LoaderProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'> {
+    color?: MineralColor;
+    size?: MineralSize | number;
+    label?: string;
+    center?: boolean;
+    minHeight?: string | number;
+}

package/dist/components/feedback/Loader/index.d.ts

@@ -0,0 +1,2 @@
+export { Loader } from './Loader';
+export type { LoaderProps } from './Loader.types';

package/dist/components/feedback/Spinner/Spinner.d.ts

@@ -0,0 +1,2 @@
+import { SpinnerProps } from './Spinner.types';
+export declare function Spinner({ color, size, label, className, style, ...rest }: SpinnerProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/feedback/Spinner/Spinner.types.d.ts

@@ -0,0 +1,7 @@
+import { HTMLAttributes } from 'react';
+import { MineralColor, MineralSize } from '../../../theme';
+export interface SpinnerProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'color'> {
+    color?: MineralColor;
+    size?: MineralSize | number;
+    label?: string;
+}

package/dist/components/feedback/Spinner/index.d.ts

@@ -0,0 +1,2 @@
+export { Spinner } from './Spinner';
+export type { SpinnerProps } from './Spinner.types';

package/dist/components/feedback/Tag/Tag.d.ts

@@ -0,0 +1,2 @@
+import { TagProps } from './Tag.types';
+export declare function Tag({ label, color, variant, closable, onClose, icon, fcolor, className, ...rest }: TagProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/feedback/Tag/Tag.types.d.ts

@@ -0,0 +1,12 @@
+import { HTMLAttributes, ReactNode } from 'react';
+import { MineralColor, MineralFontColor } from '../../../theme';
+export type TagVariant = 'solid' | 'outlined';
+export interface TagProps extends HTMLAttributes<HTMLSpanElement> {
+    label: ReactNode;
+    color?: MineralColor;
+    variant?: TagVariant;
+    closable?: boolean;
+    onClose?: () => void;
+    icon?: ReactNode;
+    fcolor?: MineralFontColor;
+}

package/dist/components/feedback/Tag/index.d.ts

@@ -0,0 +1,2 @@
+export { Tag } from './Tag';
+export type { TagProps, TagVariant } from './Tag.types';

package/dist/components/feedback/Toast/Toast.types.d.ts

@@ -0,0 +1,27 @@
+import { ReactNode } from 'react';
+import { MineralColor } from '../../../theme';
+export type ToastPosition = 'top-right' | 'top-left' | 'top-center' | 'bottom-right' | 'bottom-left' | 'bottom-center';
+export interface ToastEntry {
+    id: string;
+    title?: ReactNode;
+    message: ReactNode;
+    color?: MineralColor;
+    icon?: ReactNode | boolean;
+    duration?: number;
+}
+export interface ToastProviderProps {
+    position?: ToastPosition;
+    duration?: number;
+    children: ReactNode;
+}
+export interface ToastOptions {
+    title?: ReactNode;
+    message: ReactNode;
+    color?: MineralColor;
+    icon?: ReactNode | boolean;
+    duration?: number;
+}
+export interface ToastContext {
+    toast: (options: ToastOptions) => string;
+    dismiss: (id: string) => void;
+}

package/dist/components/feedback/Toast/ToastContext.d.ts

@@ -0,0 +1,3 @@
+import { ToastContext as ToastContextType } from './Toast.types';
+export declare const ToastContextProvider: import('react').Provider<ToastContextType | null>;
+export declare function useToast(): ToastContextType;

package/dist/components/feedback/Toast/ToastItem.d.ts

@@ -0,0 +1,5 @@
+import { ToastEntry } from './Toast.types';
+export declare function ToastItem({ entry, onDismiss }: {
+    entry: ToastEntry;
+    onDismiss: (id: string) => void;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/feedback/Toast/ToastProvider.d.ts

@@ -0,0 +1,4 @@
+import { useToast } from './ToastContext';
+import { ToastProviderProps } from './Toast.types';
+export declare function ToastProvider({ position, duration, children }: ToastProviderProps): import("react/jsx-runtime").JSX.Element;
+export { useToast };

package/dist/components/feedback/Toast/index.d.ts

@@ -0,0 +1,3 @@
+export { ToastProvider } from './ToastProvider';
+export { useToast } from './ToastContext';
+export type { ToastProviderProps, ToastOptions, ToastEntry, ToastPosition, ToastContext } from './Toast.types';

package/dist/components/feedback/index.d.ts

@@ -0,0 +1,14 @@
+export { Alert } from './Alert';
+export type { AlertProps } from './Alert';
+export { Banner } from './Banner';
+export type { BannerProps, BannerVariant } from './Banner';
+export { Badge } from './Badge';
+export type { BadgeProps } from './Badge';
+export { Tag } from './Tag';
+export type { TagProps, TagVariant } from './Tag';
+export { Spinner } from './Spinner';
+export type { SpinnerProps } from './Spinner';
+export { Loader } from './Loader';
+export type { LoaderProps } from './Loader';
+export { ToastProvider, useToast } from './Toast';
+export type { ToastProviderProps, ToastOptions, ToastEntry, ToastPosition, ToastContext } from './Toast';

package/dist/components/form/Form/Form.d.ts

@@ -0,0 +1,2 @@
+import { FormProps } from './Form.types';
+export declare function Form({ initialValues, onSubmit, onChange, validationMode, children, className, style, noValidate, }: FormProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/form/Form/Form.types.d.ts

@@ -0,0 +1,42 @@
+import { ReactNode, CSSProperties } from 'react';
+import { ValidatorFn, ValidationResult } from '../../../utils/validators';
+export interface FieldRegistration {
+    name: string;
+    validate?: ValidatorFn[];
+    required?: boolean;
+}
+export interface FormContextValue {
+    values: Record<string, unknown>;
+    errors: Record<string, string>;
+    touched: Record<string, boolean>;
+    registerField: (reg: FieldRegistration) => void;
+    unregisterField: (name: string) => void;
+    setFieldValue: (name: string, value: unknown) => void;
+    setFieldError: (name: string, error: string) => void;
+    setFieldTouched: (name: string, touched: boolean) => void;
+    validateField: (name: string) => ValidationResult;
+    validateAll: () => boolean;
+    resetForm: () => void;
+    isSubmitting: boolean;
+}
+export interface FormHelpers {
+    setSubmitting: (isSubmitting: boolean) => void;
+    resetForm: () => void;
+    setFieldError: (name: string, error: string) => void;
+}
+export interface FormProps {
+    initialValues?: Record<string, unknown>;
+    onSubmit?: (values: Record<string, unknown>, helpers: FormHelpers) => void | Promise<void>;
+    onChange?: (values: Record<string, unknown>) => void;
+    validationMode?: 'onSubmit' | 'onBlur' | 'onChange';
+    children: ReactNode | ((ctx: FormContextValue) => ReactNode);
+    className?: string;
+    style?: CSSProperties;
+    noValidate?: boolean;
+}
+export interface FormFieldProps {
+    name: string;
+    validate?: ValidatorFn[];
+    required?: boolean;
+    children: ReactNode;
+}

package/dist/components/form/Form/FormContext.d.ts

@@ -0,0 +1,3 @@
+import { FormContextValue } from './Form.types';
+export declare const FormContext: import('react').Context<FormContextValue | null>;
+export declare function useFormContext(): FormContextValue | null;

package/dist/components/form/Form/index.d.ts

@@ -0,0 +1,5 @@
+export { Form } from './Form';
+export { useFormField } from './useFormField';
+export { useFormContext } from './FormContext';
+export type { FormProps, FormFieldProps, FormContextValue, FormHelpers, FieldRegistration } from './Form.types';
+export type { UseFormFieldReturn, UseFormFieldOptions } from './useFormField';

package/dist/components/form/Form/useFormField.d.ts

@@ -0,0 +1,13 @@
+import { ValidatorFn } from '../../../utils/validators';
+export interface UseFormFieldOptions {
+    validate?: ValidatorFn[];
+    required?: boolean;
+}
+export interface UseFormFieldReturn {
+    value: unknown;
+    error: string | undefined;
+    touched: boolean;
+    onChange: (value: unknown) => void;
+    onBlur: () => void;
+}
+export declare function useFormField(name: string, options?: UseFormFieldOptions): UseFormFieldReturn;

package/dist/components/form/index.d.ts

@@ -0,0 +1,2 @@
+export { Form, useFormField, useFormContext } from './Form';
+export type { FormProps, FormFieldProps, FormContextValue, FormHelpers, FieldRegistration, UseFormFieldReturn, UseFormFieldOptions, } from './Form';

package/dist/components/inputs/Input/Input.d.ts

@@ -0,0 +1,3 @@
+import { InputProps } from './Input.types';
+import type * as React from 'react';
+export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;

package/dist/components/inputs/Input/Input.types.d.ts

@@ -0,0 +1,49 @@
+import { ChangeEvent, CSSProperties, FocusEvent, KeyboardEvent, ReactNode } from 'react';
+import { MineralColor, MineralFontColor, MineralSize } from '../../../theme';
+import { MineralClickEffect } from '../../../utils/useInteractionEffect';
+export type InputVariant = 'outlined' | 'filled' | 'underlined';
+export interface InputProps {
+    type?: 'text' | 'password' | 'email' | 'number' | 'tel' | 'url' | 'search' | 'date' | 'datetime-local' | 'time';
+    value?: string | number;
+    defaultValue?: string | number;
+    name?: string;
+    id?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    readOnly?: boolean;
+    required?: boolean;
+    autoFocus?: boolean;
+    autoComplete?: string;
+    inputMode?: 'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url';
+    variant?: InputVariant;
+    size?: MineralSize;
+    color?: MineralColor;
+    fcolor?: MineralFontColor;
+    fullWidth?: boolean;
+    rounded?: boolean;
+    label?: string;
+    helperText?: string;
+    errorText?: string;
+    startIcon?: ReactNode;
+    endIcon?: ReactNode;
+    clearable?: boolean;
+    error?: boolean;
+    success?: boolean;
+    maxLength?: number;
+    showCharCount?: boolean;
+    onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
+    onFocus?: (e: FocusEvent<HTMLInputElement>) => void;
+    onBlur?: (e: FocusEvent<HTMLInputElement>) => void;
+    onKeyDown?: (e: KeyboardEvent<HTMLInputElement>) => void;
+    onClear?: () => void;
+    ghostOptions?: string[];
+    ghostMinChars?: number;
+    onGhostAccept?: (value: string) => void;
+    loading?: boolean;
+    clickEffect?: MineralClickEffect;
+    rippleColor?: string;
+    className?: string;
+    style?: CSSProperties;
+    inputClassName?: string;
+    labelClassName?: string;
+}

package/dist/components/inputs/Input/index.d.ts

@@ -0,0 +1,2 @@
+export { Input } from './Input';
+export type { InputProps, InputVariant } from './Input.types';

package/dist/components/inputs/InputCreditCard/InputCreditCard.d.ts

@@ -0,0 +1,3 @@
+import { InputCreditCardProps } from './InputCreditCard.types';
+import type * as React from 'react';
+export declare const InputCreditCard: React.ForwardRefExoticComponent<InputCreditCardProps & React.RefAttributes<HTMLInputElement>>;

package/dist/components/inputs/InputCreditCard/InputCreditCard.types.d.ts

@@ -0,0 +1,12 @@
+import { InputProps } from '../Input';
+import { CreditCardBrand } from '../../../utils/creditCards';
+import { ValidationResult } from '../../../utils/validators';
+export interface InputCreditCardProps extends Omit<InputProps, 'type' | 'inputMode' | 'startIcon' | 'endIcon'> {
+    validateOnBlur?: boolean;
+    validateOnChange?: boolean;
+    showBrandIcon?: boolean;
+    showValidIcon?: boolean;
+    onValidationChange?: (result: ValidationResult) => void;
+    onCardBrandChange?: (brand: CreditCardBrand) => void;
+    onValueChange?: (rawValue: string, formattedValue: string, brand: CreditCardBrand) => void;
+}

package/dist/components/inputs/InputCreditCard/index.d.ts

@@ -0,0 +1,2 @@
+export { InputCreditCard } from './InputCreditCard';
+export type { InputCreditCardProps } from './InputCreditCard.types';

package/dist/components/inputs/InputCurrency/InputCurrency.d.ts

@@ -0,0 +1,3 @@
+import { InputCurrencyProps } from './InputCurrency.types';
+import type * as React from 'react';
+export declare const InputCurrency: React.ForwardRefExoticComponent<InputCurrencyProps & React.RefAttributes<HTMLInputElement>>;

package/dist/components/inputs/InputCurrency/InputCurrency.types.d.ts

@@ -0,0 +1,13 @@
+import { InputProps } from '../Input';
+export interface InputCurrencyProps extends Omit<InputProps, 'type'> {
+    currency?: string;
+    currencySymbol?: string;
+    currencyPosition?: 'start' | 'end';
+    decimalSeparator?: '.' | ',';
+    thousandSeparator?: ' ' | '.' | ',' | '';
+    precision?: number;
+    min?: number;
+    max?: number;
+    allowNegative?: boolean;
+    onValueChange?: (value: number | null) => void;
+}

package/dist/components/inputs/InputCurrency/index.d.ts

@@ -0,0 +1,2 @@
+export { InputCurrency } from './InputCurrency';
+export type { InputCurrencyProps } from './InputCurrency.types';

package/dist/components/inputs/InputEmail/InputEmail.d.ts

@@ -0,0 +1,3 @@
+import { InputEmailProps } from './InputEmail.types';
+import type * as React from 'react';
+export declare const InputEmail: React.ForwardRefExoticComponent<InputEmailProps & React.RefAttributes<HTMLInputElement>>;

package/dist/components/inputs/InputEmail/InputEmail.types.d.ts

@@ -0,0 +1,8 @@
+import { InputProps } from '../Input';
+import { ValidationResult } from '../../../utils/validators';
+export interface InputEmailProps extends Omit<InputProps, 'type'> {
+    validateOnBlur?: boolean;
+    validateOnChange?: boolean;
+    showValidIcon?: boolean;
+    onValidationChange?: (result: ValidationResult) => void;
+}

package/dist/components/inputs/InputEmail/index.d.ts

@@ -0,0 +1,2 @@
+export { InputEmail } from './InputEmail';
+export type { InputEmailProps } from './InputEmail.types';

package/dist/components/inputs/InputFile/CropEditor.d.ts

@@ -0,0 +1,11 @@
+import { InputFileCropShape } from './InputFile.types';
+interface CropEditorProps {
+    file: File;
+    shape: InputFileCropShape;
+    outputSize: number;
+    quality: number;
+    onCrop: (cropped: File) => void;
+    onCancel: () => void;
+}
+export declare function CropEditor({ file, shape, outputSize, quality, onCrop, onCancel }: CropEditorProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/inputs/InputFile/InputFile.d.ts

@@ -0,0 +1,3 @@
+import { InputFileProps } from './InputFile.types';
+import type * as React from 'react';
+export declare const InputFile: React.ForwardRefExoticComponent<InputFileProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/inputs/InputFile/InputFile.types.d.ts

@@ -0,0 +1,29 @@
+import { CSSProperties, HTMLAttributes, ReactNode } from 'react';
+import { MineralColor, MineralSize } from '../../../theme';
+export type InputFileCropShape = 'square' | 'circle';
+export interface InputFileCropOptions {
+    shape?: InputFileCropShape;
+    outputSize?: number;
+    quality?: number;
+}
+export interface InputFileProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    accept?: string;
+    multiple?: boolean;
+    maxSize?: number;
+    maxFiles?: number;
+    onChange?: (files: File[]) => void;
+    label?: string;
+    helperText?: string;
+    errorText?: string;
+    error?: boolean;
+    disabled?: boolean;
+    color?: MineralColor;
+    size?: MineralSize;
+    preview?: boolean;
+    icon?: ReactNode;
+    placeholder?: string;
+    dropText?: string;
+    fullWidth?: boolean;
+    crop?: InputFileCropOptions | boolean;
+    style?: CSSProperties;
+}

package/dist/components/inputs/InputFile/index.d.ts

@@ -0,0 +1,2 @@
+export { InputFile } from './InputFile';
+export type { InputFileProps, InputFileCropOptions, InputFileCropShape } from './InputFile.types';

package/dist/components/inputs/InputGroup/InputGroup.d.ts

@@ -0,0 +1,3 @@
+import { InputGroupProps } from './InputGroup.types';
+import type * as React from 'react';
+export declare const InputGroup: React.ForwardRefExoticComponent<InputGroupProps & React.RefAttributes<HTMLInputElement>>;

package/dist/components/inputs/InputGroup/InputGroup.types.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+import { InputProps } from '../Input';
+export interface InputGroupAddon {
+    type: 'text' | 'icon' | 'button' | 'checkbox';
+    content: ReactNode;
+    onClick?: () => void;
+    checked?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+}
+export type InputGroupSlot = InputGroupAddon | ReactNode;
+export interface InputGroupProps extends Omit<InputProps, 'startIcon' | 'endIcon' | 'rounded'> {
+    prepend?: InputGroupSlot | InputGroupSlot[];
+    append?: InputGroupSlot | InputGroupSlot[];
+}

package/dist/components/inputs/InputGroup/index.d.ts

@@ -0,0 +1,2 @@
+export { InputGroup } from './InputGroup';
+export type { InputGroupProps, InputGroupAddon, InputGroupSlot } from './InputGroup.types';

package/dist/components/inputs/InputIBAN/InputIBAN.d.ts

@@ -0,0 +1,3 @@
+import { InputIBANProps } from './InputIBAN.types';
+import type * as React from 'react';
+export declare const InputIBAN: React.ForwardRefExoticComponent<InputIBANProps & React.RefAttributes<HTMLInputElement>>;

package/dist/components/inputs/InputIBAN/InputIBAN.types.d.ts

@@ -0,0 +1,10 @@
+import { InputProps } from '../Input';
+import { ValidationResult } from '../../../utils/validators';
+export interface InputIBANProps extends Omit<InputProps, 'type'> {
+    countryCode?: string;
+    formatOnChange?: boolean;
+    validateOnBlur?: boolean;
+    showValidIcon?: boolean;
+    onValidationChange?: (result: ValidationResult) => void;
+    onValueChange?: (rawValue: string, formattedValue: string) => void;
+}

package/dist/components/inputs/InputIBAN/index.d.ts

@@ -0,0 +1,2 @@
+export { InputIBAN } from './InputIBAN';
+export type { InputIBANProps } from './InputIBAN.types';

package/dist/components/inputs/InputName/InputName.d.ts

@@ -0,0 +1,3 @@
+import { InputNameProps } from './InputName.types';
+import type * as React from 'react';
+export declare const InputName: React.ForwardRefExoticComponent<InputNameProps & React.RefAttributes<HTMLInputElement>>;

package/dist/components/inputs/InputName/InputName.types.d.ts

@@ -0,0 +1,10 @@
+import { InputProps } from '../Input';
+import { ValidationResult } from '../../../utils/validators';
+export interface InputNameProps extends Omit<InputProps, 'type'> {
+    autoCapitalize?: boolean;
+    allowNumbers?: boolean;
+    allowSpecialChars?: boolean;
+    minWords?: number;
+    validateOnBlur?: boolean;
+    onValidationChange?: (result: ValidationResult) => void;
+}

package/dist/components/inputs/InputName/index.d.ts

@@ -0,0 +1,2 @@
+export { InputName } from './InputName';
+export type { InputNameProps } from './InputName.types';

package/dist/components/inputs/InputNumber/InputNumber.d.ts

@@ -0,0 +1,3 @@
+import { InputNumberProps } from './InputNumber.types';
+import type * as React from 'react';
+export declare const InputNumber: React.ForwardRefExoticComponent<InputNumberProps & React.RefAttributes<HTMLInputElement>>;

package/dist/components/inputs/InputNumber/InputNumber.types.d.ts

@@ -0,0 +1,10 @@
+import { InputProps } from '../Input';
+export interface InputNumberProps extends Omit<InputProps, 'type'> {
+    min?: number;
+    max?: number;
+    step?: number;
+    showStepper?: boolean;
+    precision?: number;
+    allowNegative?: boolean;
+    onValueChange?: (value: number | null) => void;
+}