@allxsmith/bestax-bulma 2.6.2 → 3.0.2

package/dist/types/form/Autocomplete.d.ts

@@ -0,0 +1,42 @@
+import React from 'react';
+import { BulmaClassesProps } from '../helpers/useBulmaClasses';
+import { FormFieldProps } from './fieldProps';
+export interface AutocompleteItem {
+    value: string;
+    label?: string;
+    disabled?: boolean;
+    [key: string]: unknown;
+}
+export interface AutocompleteProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect' | 'onInput'>, Omit<BulmaClassesProps, 'color'>, FormFieldProps {
+    data: AutocompleteItem[] | string[];
+    value?: string;
+    selected?: AutocompleteItem | string | null;
+    placeholder?: string;
+    field?: string;
+    clearable?: boolean;
+    openOnFocus?: boolean;
+    keepFirst?: boolean;
+    keepOpen?: boolean;
+    selectOnClickOutside?: boolean;
+    maxHeight?: number;
+    dropdown?: boolean;
+    loading?: boolean;
+    disabled?: boolean;
+    checkInfiniteScroll?: boolean;
+    infiniteScrollDistance?: number;
+    color?: 'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger';
+    size?: 'small' | 'medium' | 'large';
+    name?: string;
+    form?: string;
+    required?: boolean;
+    onInput?: (value: string) => void;
+    onSelect?: (item: AutocompleteItem | string | null) => void;
+    onActiveChange?: (active: boolean) => void;
+    onInfiniteScroll?: () => void;
+    itemTemplate?: (item: AutocompleteItem | string) => React.ReactNode;
+    header?: React.ReactNode;
+    footer?: React.ReactNode;
+    empty?: React.ReactNode;
+}
+export declare const Autocomplete: React.ForwardRefExoticComponent<AutocompleteProps & React.RefAttributes<HTMLInputElement>>;
+export default Autocomplete;

package/dist/types/form/Checkbox.d.ts

@@ -1,6 +1,11 @@
 import React from 'react';
-import { BulmaClassesProps } from '../helpers/useBulmaClasses';
-export interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'color'>, Omit<BulmaClassesProps, 'color'> {
+import { BulmaClassesProps, validColors } from '../helpers/useBulmaClasses';
+export declare const checkboxColors: readonly ["primary", "link", "info", "success", "warning", "danger"];
+export declare const checkboxSizes: readonly ["small", "normal", "medium", "large"];
+export interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'type' | 'color'>, Omit<BulmaClassesProps, 'color' | 'backgroundColor' | 'size'> {
+    color?: (typeof checkboxColors)[number];
+    size?: (typeof checkboxSizes)[number];
+    textColor?: (typeof validColors)[number] | 'inherit' | 'current';
     disabled?: boolean;
     className?: string;
     children?: React.ReactNode;

package/dist/types/form/Checkboxes.d.ts

@@ -1,7 +1,12 @@
 import React from 'react';
 import { BulmaClassesProps } from '../helpers/useBulmaClasses';
-export interface CheckboxesProps extends Omit<BulmaClassesProps, 'color'> {
+import { FormFieldProps } from './fieldProps';
+export interface CheckboxesProps extends Omit<BulmaClassesProps, 'color'>, FormFieldProps {
     className?: string;
+    name?: string;
+    value?: string[];
+    defaultValue?: string[];
+    onChange?: (values: string[]) => void;
     children?: React.ReactNode;
 }
 export declare const Checkboxes: React.FC<CheckboxesProps>;

package/dist/types/form/DateInput.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+import { FieldProps } from './Field';
+import { ControlBaseProps } from './Control';
+import { DateInputBaseProps } from './DateInputBase';
+export interface DateInputProps extends DateInputBaseProps {
+    label?: React.ReactNode;
+    labelSize?: FieldProps['labelSize'];
+    labelProps?: FieldProps['labelProps'];
+    horizontal?: boolean;
+    iconLeft?: ControlBaseProps['iconLeft'];
+    iconRight?: ControlBaseProps['iconRight'];
+    iconRightName?: string;
+    iconLeftSize?: ControlBaseProps['iconLeftSize'];
+    iconRightSize?: ControlBaseProps['iconRightSize'];
+    hasIconsLeft?: boolean;
+    hasIconsRight?: boolean;
+    isLoading?: boolean;
+    isExpanded?: boolean;
+    controlSize?: ControlBaseProps['size'];
+    message?: React.ReactNode;
+    messageColor?: 'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger';
+    fieldClassName?: string;
+    controlClassName?: string;
+}
+export declare const DateInput: React.ForwardRefExoticComponent<DateInputProps & React.RefAttributes<HTMLInputElement>>;
+export default DateInput;

package/dist/types/form/DateInputBase.d.ts

@@ -0,0 +1,42 @@
+import React from 'react';
+import { BulmaClassesProps } from '../helpers/useBulmaClasses';
+import { PickerPosition, DayOfWeek, PickerLabels } from './_pickerInternals/pickerTypes';
+import { DateFormatOption } from './_pickerInternals/formatters';
+export interface DateInputBaseProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'defaultValue' | 'onChange' | 'size' | 'color' | 'min' | 'max' | 'type' | 'popover'>, Omit<BulmaClassesProps, 'color'> {
+    value?: Date | null;
+    defaultValue?: Date | null;
+    onChange?: (d: Date | null) => void;
+    onOpen?: () => void;
+    onClose?: () => void;
+    min?: Date;
+    max?: Date;
+    disabled?: boolean;
+    readOnly?: boolean;
+    placeholder?: string;
+    format?: DateFormatOption;
+    parse?: (s: string) => Date | null;
+    locale?: string;
+    inline?: boolean;
+    mobileNative?: boolean | 'auto';
+    editable?: boolean;
+    popover?: boolean;
+    openOnFocus?: boolean;
+    closeOnSelect?: boolean;
+    position?: PickerPosition;
+    appendToBody?: boolean;
+    color?: 'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger';
+    size?: 'small' | 'medium' | 'large';
+    isRounded?: boolean;
+    shouldDisableDate?: (d: Date) => boolean;
+    unselectableDates?: Date[];
+    firstDayOfWeek?: DayOfWeek;
+    dayNames?: string[];
+    monthNames?: string[];
+    nearbyMonthDays?: boolean;
+    iconLeftName?: string;
+    triggerIcon?: boolean;
+    triggerIconName?: string;
+    labels?: PickerLabels;
+}
+export declare const DateInputBase: React.ForwardRefExoticComponent<DateInputBaseProps & React.RefAttributes<HTMLInputElement>>;
+export default DateInputBase;

package/dist/types/form/DateTimeInput.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+import { FieldProps } from './Field';
+import { ControlBaseProps } from './Control';
+import { DateTimeInputBaseProps } from './DateTimeInputBase';
+export interface DateTimeInputProps extends DateTimeInputBaseProps {
+    label?: React.ReactNode;
+    labelSize?: FieldProps['labelSize'];
+    labelProps?: FieldProps['labelProps'];
+    horizontal?: boolean;
+    iconLeft?: ControlBaseProps['iconLeft'];
+    iconRight?: ControlBaseProps['iconRight'];
+    iconRightName?: string;
+    iconLeftSize?: ControlBaseProps['iconLeftSize'];
+    iconRightSize?: ControlBaseProps['iconRightSize'];
+    hasIconsLeft?: boolean;
+    hasIconsRight?: boolean;
+    isLoading?: boolean;
+    isExpanded?: boolean;
+    controlSize?: ControlBaseProps['size'];
+    message?: React.ReactNode;
+    messageColor?: 'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger';
+    fieldClassName?: string;
+    controlClassName?: string;
+}
+export declare const DateTimeInput: React.ForwardRefExoticComponent<DateTimeInputProps & React.RefAttributes<HTMLInputElement>>;
+export default DateTimeInput;

package/dist/types/form/DateTimeInputBase.d.ts

@@ -0,0 +1,50 @@
+import React from 'react';
+import { BulmaClassesProps } from '../helpers/useBulmaClasses';
+import { PickerPosition, HourFormat, DayOfWeek, PickerLabels } from './_pickerInternals/pickerTypes';
+import { DateFormatOption } from './_pickerInternals/formatters';
+export interface DateTimeInputBaseProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'defaultValue' | 'onChange' | 'size' | 'color' | 'min' | 'max' | 'type' | 'popover'>, Omit<BulmaClassesProps, 'color'> {
+    value?: Date | null;
+    defaultValue?: Date | null;
+    onChange?: (d: Date | null) => void;
+    onOpen?: () => void;
+    onClose?: () => void;
+    min?: Date;
+    max?: Date;
+    disabled?: boolean;
+    readOnly?: boolean;
+    placeholder?: string;
+    format?: DateFormatOption;
+    parse?: (s: string) => Date | null;
+    locale?: string;
+    inline?: boolean;
+    mobileNative?: boolean | 'auto';
+    editable?: boolean;
+    popover?: boolean;
+    openOnFocus?: boolean;
+    closeOnSelect?: boolean;
+    position?: PickerPosition;
+    appendToBody?: boolean;
+    color?: 'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger';
+    size?: 'small' | 'medium' | 'large';
+    isRounded?: boolean;
+    shouldDisableDate?: (d: Date) => boolean;
+    unselectableDates?: Date[];
+    firstDayOfWeek?: DayOfWeek;
+    dayNames?: string[];
+    monthNames?: string[];
+    nearbyMonthDays?: boolean;
+    hourFormat?: HourFormat;
+    enableSeconds?: boolean;
+    incrementHours?: number;
+    incrementMinutes?: number;
+    incrementSeconds?: number;
+    unselectableTimes?: (d: Date) => boolean;
+    iconLeftName?: string;
+    triggerIcon?: boolean;
+    triggerIconName?: string;
+    audioTick?: boolean;
+    haptics?: boolean;
+    labels?: PickerLabels;
+}
+export declare const DateTimeInputBase: React.ForwardRefExoticComponent<DateTimeInputBaseProps & React.RefAttributes<HTMLInputElement>>;
+export default DateTimeInputBase;

package/dist/types/form/Field.d.ts

@@ -3,7 +3,8 @@ import { BulmaClassesProps, validColors } from '../helpers/useBulmaClasses';
 export interface FieldProps extends React.HTMLAttributes<HTMLDivElement>, Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {
     horizontal?: boolean;
     grouped?: boolean | 'centered' | 'right' | 'multiline';
-    hasAddons?: boolean;
+    hasAddons?: boolean | 'centered' | 'right';
+    narrow?: boolean;
     label?: React.ReactNode;
     labelSize?: 'small' | 'normal' | 'medium' | 'large';
     labelProps?: React.LabelHTMLAttributes<HTMLLabelElement> & {

package/dist/types/form/File.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import { BulmaClassesProps } from '../helpers/useBulmaClasses';
-export interface FileProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'color' | 'type'>, Omit<BulmaClassesProps, 'color'> {
+import { FormFieldProps } from './fieldProps';
+export interface FileProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'color' | 'type'>, Omit<BulmaClassesProps, 'color'>, FormFieldProps {
     color?: 'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger' | 'black' | 'dark' | 'light' | 'white';
     size?: 'small' | 'medium' | 'large';
     isBoxed?: boolean;
@@ -8,7 +9,7 @@ export interface FileProps extends Omit<React.InputHTMLAttributes<HTMLInputEleme
     isRight?: boolean;
     isCentered?: boolean;
     hasName?: boolean;
-    label?: React.ReactNode;
+    buttonLabel?: React.ReactNode;
     iconLeft?: React.ReactNode;
     iconRight?: React.ReactNode;
     className?: string;

package/dist/types/form/FormContext.d.ts

@@ -0,0 +1,22 @@
+export declare const useInsideField: () => boolean;
+export declare const useInsideControl: () => boolean;
+export declare const FieldProvider: import("react").Provider<boolean>;
+export declare const ControlProvider: import("react").Provider<boolean>;
+export interface RadiosGroupContextValue {
+    name?: string;
+    value?: string;
+    onChange?: (value: string) => void;
+}
+export interface CheckboxesGroupContextValue {
+    name?: string;
+    value?: string[];
+    onChange?: (values: string[]) => void;
+}
+export declare const useRadiosGroup: () => RadiosGroupContextValue | undefined;
+export declare const useCheckboxesGroup: () => CheckboxesGroupContextValue | undefined;
+export declare const useRadiosName: () => string | undefined;
+export declare const useCheckboxesName: () => string | undefined;
+export declare const RadiosProvider: import("react").Provider<RadiosGroupContextValue | undefined>;
+export declare const CheckboxesProvider: import("react").Provider<CheckboxesGroupContextValue | undefined>;
+export declare const RadiosNameProvider: import("react").Provider<RadiosGroupContextValue | undefined>;
+export declare const CheckboxesNameProvider: import("react").Provider<CheckboxesGroupContextValue | undefined>;

package/dist/types/form/Input.d.ts

@@ -1,16 +1,27 @@
 import React from 'react';
-import { BulmaClassesProps } from '../helpers/useBulmaClasses';
-export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'>, Omit<BulmaClassesProps, 'color'> {
-    color?: 'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger' | 'black' | 'dark' | 'light' | 'white';
-    size?: 'small' | 'medium' | 'large';
-    isRounded?: boolean;
-    isStatic?: boolean;
-    isHovered?: boolean;
-    isFocused?: boolean;
+import { FieldProps } from './Field';
+import { ControlBaseProps } from './Control';
+import { InputBaseProps } from './InputBase';
+export interface InputProps extends InputBaseProps {
+    label?: React.ReactNode;
+    labelSize?: FieldProps['labelSize'];
+    labelProps?: FieldProps['labelProps'];
+    horizontal?: boolean;
+    iconLeft?: ControlBaseProps['iconLeft'];
+    iconRight?: ControlBaseProps['iconRight'];
+    iconLeftName?: string;
+    iconRightName?: string;
+    iconLeftSize?: ControlBaseProps['iconLeftSize'];
+    iconRightSize?: ControlBaseProps['iconRightSize'];
+    hasIconsLeft?: boolean;
+    hasIconsRight?: boolean;
     isLoading?: boolean;
-    className?: string;
-    disabled?: boolean;
-    readOnly?: boolean;
+    isExpanded?: boolean;
+    controlSize?: ControlBaseProps['size'];
+    message?: React.ReactNode;
+    messageColor?: 'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger';
+    fieldClassName?: string;
+    controlClassName?: string;
 }
 export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
 export default Input;

package/dist/types/form/InputBase.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { BulmaClassesProps } from '../helpers/useBulmaClasses';
+export interface InputBaseProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'>, Omit<BulmaClassesProps, 'color'> {
+    color?: 'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger' | 'black' | 'dark' | 'light' | 'white';
+    size?: 'small' | 'medium' | 'large';
+    isRounded?: boolean;
+    isStatic?: boolean;
+    isHovered?: boolean;
+    isFocused?: boolean;
+    isLoading?: boolean;
+    className?: string;
+    disabled?: boolean;
+    readOnly?: boolean;
+}
+export declare const InputBase: React.ForwardRefExoticComponent<InputBaseProps & React.RefAttributes<HTMLInputElement>>;
+export default InputBase;

package/dist/types/form/Numberinput.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+import { BulmaClassesProps } from '../helpers/useBulmaClasses';
+import { FormFieldProps } from './fieldProps';
+export type NumberinputSize = 'small' | 'medium' | 'large';
+export type NumberinputColor = 'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger' | 'light' | 'dark';
+export type NumberinputInputColor = 'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger';
+export type NumberinputControlsPosition = 'left' | 'right' | 'both';
+export type NumberinputVariant = 'plusminus' | 'stepper';
+export interface NumberinputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'color' | 'size' | 'onChange' | 'value' | 'defaultValue' | 'type'>, Omit<BulmaClassesProps, 'color' | 'backgroundColor' | 'size'>, FormFieldProps {
+    value?: number;
+    defaultValue?: number;
+    min?: number;
+    max?: number;
+    step?: number;
+    size?: NumberinputSize;
+    color?: NumberinputColor;
+    inputColor?: NumberinputInputColor;
+    controlsPosition?: NumberinputControlsPosition;
+    controlsRounded?: boolean;
+    compact?: boolean;
+    bare?: boolean;
+    variant?: NumberinputVariant;
+    disabled?: boolean;
+    editable?: boolean;
+    isLoading?: boolean;
+    exponential?: boolean;
+    onChange?: (value: number) => void;
+}
+export declare const Numberinput: React.ForwardRefExoticComponent<NumberinputProps & React.RefAttributes<HTMLInputElement>>;
+export default Numberinput;

package/dist/types/form/Radio.d.ts

@@ -1,6 +1,11 @@
 import React from 'react';
-import { BulmaClassesProps } from '../helpers/useBulmaClasses';
-export interface RadioProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'color'>, Omit<BulmaClassesProps, 'color'> {
+import { BulmaClassesProps, validColors } from '../helpers/useBulmaClasses';
+export declare const radioColors: readonly ["primary", "link", "info", "success", "warning", "danger"];
+export declare const radioSizes: readonly ["small", "normal", "medium", "large"];
+export interface RadioProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'type' | 'color'>, Omit<BulmaClassesProps, 'color' | 'backgroundColor' | 'size'> {
+    color?: (typeof radioColors)[number];
+    size?: (typeof radioSizes)[number];
+    textColor?: (typeof validColors)[number] | 'inherit' | 'current';
     disabled?: boolean;
     className?: string;
     children?: React.ReactNode;

package/dist/types/form/Radios.d.ts

@@ -1,7 +1,12 @@
 import React from 'react';
 import { BulmaClassesProps } from '../helpers/useBulmaClasses';
-export interface RadiosProps extends Omit<BulmaClassesProps, 'color'> {
+import { FormFieldProps } from './fieldProps';
+export interface RadiosProps extends Omit<BulmaClassesProps, 'color'>, FormFieldProps {
     className?: string;
+    name?: string;
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
     children: React.ReactNode;
 }
 export declare const Radios: React.FC<RadiosProps>;

package/dist/types/form/Rate.d.ts

@@ -0,0 +1,38 @@
+import React from 'react';
+import { BulmaClassesProps } from '../helpers/useBulmaClasses';
+import { FormFieldProps } from './fieldProps';
+export type RateSize = 'small' | 'medium' | 'large';
+type IconLibrary = 'fa' | 'mdi' | 'ion' | 'material-icons' | 'material-symbols';
+type BulmaColor = 'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger';
+export interface RateIconProps {
+    index: number;
+    isActive: boolean;
+    isHovered: boolean;
+    value: number;
+    fillPercent: number;
+}
+export interface RateProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'color'>, Omit<BulmaClassesProps, 'size'>, FormFieldProps {
+    name?: string;
+    form?: string;
+    value?: number;
+    defaultValue?: number;
+    max?: number;
+    size?: RateSize;
+    disabled?: boolean;
+    showScore?: boolean;
+    showText?: boolean;
+    texts?: string[];
+    onChange?: (value: number) => void;
+    customIcon?: (props: RateIconProps) => React.ReactNode;
+    spaced?: boolean;
+    rtl?: boolean;
+    iconName?: string;
+    iconLibrary?: IconLibrary;
+    iconVariant?: string;
+    iconFeatures?: string | string[];
+    color?: BulmaColor;
+    precision?: number;
+    customText?: string;
+}
+export declare const Rate: React.ForwardRefExoticComponent<RateProps & React.RefAttributes<HTMLDivElement>>;
+export default Rate;

package/dist/types/form/Select.d.ts

@@ -1,16 +1,23 @@
 import React from 'react';
-import { BulmaClassesProps } from '../helpers/useBulmaClasses';
-export interface SelectProps extends Omit<React.SelectHTMLAttributes<HTMLSelectElement>, 'size'>, Omit<BulmaClassesProps, 'color'> {
-    color?: 'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger' | 'black' | 'dark' | 'light' | 'white';
-    size?: 'small' | 'medium' | 'large';
-    isRounded?: boolean;
+import { FieldProps } from './Field';
+import { ControlBaseProps } from './Control';
+import { SelectBaseProps } from './SelectBase';
+export interface SelectProps extends SelectBaseProps {
+    label?: React.ReactNode;
+    labelSize?: FieldProps['labelSize'];
+    labelProps?: FieldProps['labelProps'];
+    horizontal?: boolean;
+    iconLeft?: ControlBaseProps['iconLeft'];
+    iconLeftName?: string;
+    iconLeftSize?: ControlBaseProps['iconLeftSize'];
+    hasIconsLeft?: boolean;
     isLoading?: boolean;
-    isActive?: boolean;
-    className?: string;
-    disabled?: boolean;
-    multiple?: boolean;
-    multipleSize?: number;
-    children?: React.ReactNode;
+    isExpanded?: boolean;
+    controlSize?: ControlBaseProps['size'];
+    message?: React.ReactNode;
+    messageColor?: 'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger';
+    fieldClassName?: string;
+    controlClassName?: string;
 }
 export declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLSelectElement>>;
 export default Select;

package/dist/types/form/SelectBase.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { BulmaClassesProps } from '../helpers/useBulmaClasses';
+export interface SelectBaseProps extends Omit<React.SelectHTMLAttributes<HTMLSelectElement>, 'size'>, Omit<BulmaClassesProps, 'color'> {
+    color?: 'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger' | 'black' | 'dark' | 'light' | 'white';
+    size?: 'small' | 'medium' | 'large';
+    isRounded?: boolean;
+    isLoading?: boolean;
+    isActive?: boolean;
+    isHovered?: boolean;
+    isFocused?: boolean;
+    isFullwidth?: boolean;
+    className?: string;
+    disabled?: boolean;
+    multiple?: boolean;
+    multipleSize?: number;
+    children?: React.ReactNode;
+}
+export declare const SelectBase: React.ForwardRefExoticComponent<SelectBaseProps & React.RefAttributes<HTMLSelectElement>>;
+export default SelectBase;

package/dist/types/form/Slider.d.ts

@@ -0,0 +1,49 @@
+import React from 'react';
+import { BulmaClassesProps } from '../helpers/useBulmaClasses';
+import { FormFieldProps } from './fieldProps';
+export type SliderSize = 'small' | 'medium' | 'large';
+export type SliderColor = 'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger';
+export type SliderTooltip = 'auto' | 'always' | 'hidden';
+export type SliderOrientation = 'horizontal' | 'vertical';
+export interface SliderMark {
+    value: number;
+    label?: React.ReactNode;
+}
+interface SliderBaseProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'color' | 'size' | 'onChange' | 'value' | 'defaultValue'>, Omit<BulmaClassesProps, 'color' | 'backgroundColor' | 'size'>, FormFieldProps {
+    min?: number;
+    max?: number;
+    step?: number;
+    size?: SliderSize;
+    color?: SliderColor;
+    isRounded?: boolean;
+    isCircle?: boolean;
+    showOutput?: boolean;
+    tooltip?: SliderTooltip;
+    ticks?: boolean;
+    marks?: SliderMark[];
+    orientation?: SliderOrientation;
+    scale?: (value: number) => number;
+    getAriaValueText?: (value: number) => string;
+    formatOutput?: (value: number) => string;
+}
+export interface SliderSingleProps extends SliderBaseProps {
+    range?: false;
+    value?: number;
+    defaultValue?: number;
+    onChange?: (value: number) => void;
+    minDistance?: never;
+    ariaLabel?: string;
+}
+export interface SliderRangeProps extends SliderBaseProps {
+    range: true;
+    value?: [number, number];
+    defaultValue?: [number, number];
+    onChange?: (value: [number, number]) => void;
+    minDistance?: number;
+    ariaLabel?: [string, string];
+    nameLow?: string;
+    nameHigh?: string;
+}
+export type SliderProps = SliderSingleProps | SliderRangeProps;
+export declare const Slider: React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<HTMLInputElement>>;
+export default Slider;

package/dist/types/form/Switch.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { BulmaClassesProps, validColors } from '../helpers/useBulmaClasses';
+export declare const switchColors: readonly ["primary", "link", "info", "success", "warning", "danger"];
+export declare const switchSizes: readonly ["small", "normal", "medium", "large"];
+export interface SwitchProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'type' | 'color'>, Omit<BulmaClassesProps, 'color' | 'backgroundColor' | 'size'> {
+    color?: (typeof switchColors)[number];
+    size?: (typeof switchSizes)[number];
+    isRounded?: boolean;
+    isThin?: boolean;
+    isOutlined?: boolean;
+    isRtl?: boolean;
+    passiveType?: (typeof switchColors)[number];
+    textColor?: (typeof validColors)[number] | 'inherit' | 'current';
+    children?: React.ReactNode;
+}
+export declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLInputElement>>;
+export default Switch;

package/dist/types/form/Taginput.d.ts

@@ -0,0 +1,54 @@
+import React from 'react';
+import { BulmaClassesProps } from '../helpers/useBulmaClasses';
+import { FormFieldProps } from './fieldProps';
+export interface TaginputItem {
+    value: string;
+    label?: string;
+    [key: string]: unknown;
+}
+export type TaginputTag = TaginputItem | string;
+type IconLibrary = 'fa' | 'mdi' | 'ion' | 'material-icons' | 'material-symbols';
+export interface TaginputProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'>, Omit<BulmaClassesProps, 'color'>, FormFieldProps {
+    value?: TaginputTag[];
+    defaultValue?: TaginputTag[];
+    data?: string[];
+    placeholder?: string;
+    field?: string;
+    allowNew?: boolean;
+    allowDuplicates?: boolean;
+    openOnFocus?: boolean;
+    removeOnKeys?: boolean;
+    confirmKeys?: string[];
+    closable?: boolean;
+    attached?: boolean;
+    maxTags?: number;
+    maxlength?: number;
+    disabled?: boolean;
+    readonly?: boolean;
+    rounded?: boolean;
+    ellipsis?: boolean;
+    hasCounter?: boolean;
+    onPasteSeparators?: string[];
+    beforeAdding?: (tag: string) => boolean;
+    createTag?: (input: string) => TaginputTag;
+    keepFirst?: boolean;
+    keepOpen?: boolean;
+    loading?: boolean;
+    ariaCloseLabel?: string;
+    icon?: string;
+    iconLibrary?: IconLibrary;
+    iconVariant?: string;
+    iconFeatures?: string | string[];
+    color?: 'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger';
+    tagColor?: 'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger' | 'dark' | 'light';
+    size?: 'small' | 'medium' | 'large';
+    name?: string;
+    form?: string;
+    onChange?: (tags: TaginputTag[]) => void;
+    onAdd?: (tag: TaginputTag) => void;
+    onRemove?: (tag: TaginputTag, index: number) => void;
+    onTyping?: (value: string) => void;
+    tagTemplate?: (tag: TaginputTag) => React.ReactNode;
+}
+export declare const Taginput: React.ForwardRefExoticComponent<TaginputProps & React.RefAttributes<HTMLInputElement>>;
+export default Taginput;