loon-bulma-react 2025.0.8 → 2025.0.10

package/dist/index.d.cts

@@ -1285,12 +1285,26 @@ declare const Notification: {
     Info(props: StrictOmit<NotificationProps, "color">): react_jsx_runtime.JSX.Element;
 };
 
+type InputErrorProps = {
+    /** current value */
+    value: InputValueType;
+    /** is deze input 'touched' (gefocused en weer geblurred (unfocused)) */
+    touched: boolean;
+    /** is deze input focused? */
+    focused: boolean;
+    /** is deze input required? */
+    required: boolean;
+    /** is deze input disabled? */
+    disabled: boolean;
+    /** is deze input readonly? */
+    readonly: boolean;
+};
 type InputValueType = string | number | readonly string[] | undefined;
 type InputStylingPropsType = {
-    /** grootte van de input (default = `m`, medium) */ size?: SizeProp;
-    /** alignment van de input (default = `l`, left) */ alignment?: AlignmentProp;
-    /** moet het label van de input verborgen worden? (screenreader only) (default = `false`) */ labelHidden?: boolean;
-    /** label boven (`v`) of voor (`h`) de input, (default = `v`, vertical) */ direction?: DirectionProp;
+    /** grootte van de input (default = `m`, medium) */ size?: SizeProp | undefined;
+    /** alignment van de input (default = `l`, left) */ alignment?: AlignmentProp | undefined;
+    /** moet het label van de input verborgen worden? (screenreader only) (default = `false`) */ labelHidden?: boolean | undefined;
+    /** label boven (`v`) of voor (`h`) de input, (default = `v`, vertical) */ direction?: DirectionProp | undefined;
     /** (optioneel) icon op de input */ icon?: IconProp | string | undefined | null;
     infoData?: string | React$1.ReactNode | ((helptag?: string | undefined) => void) | undefined;
 };
@@ -1299,29 +1313,29 @@ type InputPropsType<T = InputValueType> = {
         value: string;
         label: string;
     }>;
-    /** label bij de input. Als geen label, dan wordt de `name`-property gebruikt */ label?: string;
+    /** label bij de input. Als geen label, dan wordt de `name`-property gebruikt */ label?: string | undefined;
     /** Wordt er een rood sterretje getoond bij required inputs ? (default = `false`) */ showRequiredOnLabel?: boolean;
-    /** foutmelding bij de input */ errorMessage?: string | ((v: InputValueType) => string);
-    /** info-melding bij de input */ infoMessage?: string | ((v: InputValueType) => string);
+    /** foutmelding bij de input */ errorMessage?: string | ((s: InputErrorProps) => string) | undefined;
+    /** info-melding bij de input */ infoMessage?: string | ((v: InputValueType) => string) | undefined;
     /** helptag in Loon bij de input (`:HOOFDGROEP:SUBGROEP:`) */ helpTag?: string;
     /** type input (default = `text`) */ type?: 'text' | 'password' | 'number' | 'email' | 'tel' | 'url' | 'range' | 'date' | 'datetime-local' | 'datetime' | 'month' | 'week' | 'time' | 'color' | 'search' | 'select' | 'file' | 'textarea';
-    /** (optioneel) tooltip-title voor de input. Bij gebruik van `pattern`, kan je hier het gewenste formaat opgeven. */ title?: string;
-    /** (optioneel) id voor de input. Als geen id, dan wordt de `name`-property gebruikt */ id?: string;
+    /** (optioneel) tooltip-title voor de input. Bij gebruik van `pattern`, kan je hier het gewenste formaat opgeven. */ title?: string | undefined;
+    /** (optioneel) id voor de input. Als geen id, dan wordt de `name`-property gebruikt */ id?: string | undefined;
     /** name-property voor de input */ name: string;
-    /** waarde voor de input */ value?: T;
-    /** is deze input loading (default = false) */ loading?: boolean;
-    /** gebruikt deze input de spellchecked (default = `false`) */ spellCheck?: boolean;
-    /** is deze input required (default= `false`) */ required?: boolean;
-    /** autocomplete voor deze input (default = `off`) */ autoComplete?: AutoCompleteProp;
-    /** type toetsenbord (voor smartphones) voor deze input (default = `text`) */ keyboardType?: KeyboardTypeProp;
-    /** placeholder in de input */ placeholder?: string;
-    /** is deze input disabled 9default = `false`) */ disabled?: boolean;
-    /** bij welk form hoort deze input? */ form?: string;
-    /** patroon voor de inputs (string of regex). Geef met `title` een gewenst formaat op. */ pattern?: string;
+    /** waarde voor de input */ value?: T | undefined;
+    /** is deze input loading (default = false) */ loading?: boolean | undefined;
+    /** gebruikt deze input de spellchecked (default = `false`) */ spellCheck?: boolean | undefined;
+    /** is deze input required (default= `false`) */ required?: boolean | undefined;
+    /** autocomplete voor deze input (default = `off`) */ autoComplete?: AutoCompleteProp | undefined;
+    /** type toetsenbord (voor smartphones) voor deze input (default = `text`) */ keyboardType?: KeyboardTypeProp | undefined;
+    /** placeholder in de input */ placeholder?: string | undefined;
+    /** is deze input disabled 9default = `false`) */ disabled?: boolean | undefined;
+    /** bij welk form hoort deze input? */ form?: string | undefined;
+    /** patroon voor de inputs (string of regex). Geef met `title` een gewenst formaat op. */ pattern?: string | undefined;
     /** Is deze input readonly (default = `false`). Bij `true` zie je alleen nog maar de content van de input */
-    readonly?: boolean;
-    /** moet deze input de focus krijgen? (default = `false`) */ autofocus?: boolean;
-    /** (optionele) `ref` voor gebruik met `React.useRef<HTMLInputElement>` */ inputRef?: React$1.Ref<HTMLInputElement>;
+    readonly?: boolean | undefined;
+    /** moet deze input de focus krijgen? (default = `false`) */ autofocus?: boolean | undefined;
+    /** (optionele) `ref` voor gebruik met `React.useRef<HTMLInputElement>` */ inputRef?: React$1.Ref<HTMLInputElement> | undefined;
     /** max waarde of max lengte voor de input
      * _(altijd hoger dan de `min`-prop)_
      * @example // voor max waarde
@@ -1335,7 +1349,7 @@ type InputPropsType<T = InputValueType> = {
      * @example //strings: voor max length, altijd 0 of hoger
      * <Input type="text" max="100"/>
      * <Input type="password" max="50"/> */
-    max?: number | WeekInputString | MonthInputString | string;
+    max?: number | WeekInputString | MonthInputString | string | undefined;
     /** min waarde of min lengte voor de input
      * _(altijd lager dan de `max`-prop)_
      * @example <Input type="number" min="1"/>
@@ -1348,7 +1362,7 @@ type InputPropsType<T = InputValueType> = {
      * @example //strings: voor max length, altijd 0 of hoger
      * <Input type="text" min="100"/>
      * <Input type="password" min="50"/> */
-    min?: number | WeekInputString | MonthInputString | string;
+    min?: number | WeekInputString | MonthInputString | string | undefined;
     /** stapgrootte voor groter/kleiner aanpassingen
      *  | type| value | Example|
      * |----------------|----------------|---------------------------------------------|
@@ -1359,28 +1373,28 @@ type InputPropsType<T = InputValueType> = {
      * | week           | `1` (week)     | `<Input type="week" step="2"/>`             |
      * | time           | `60` (seconds) | `<Input type="time" step="2"/>`             |
      * | datetime-local | `1` (second)   | `<Input type="datetime-local" step="900"/>` | */
-    step?: number;
+    step?: number | undefined;
     /** Voeg extra styles to aan deze input */
-    styles?: React$1.CSSProperties;
+    styles?: React$1.CSSProperties | undefined;
     /** Voeg extra classes toe aan deze input */
-    className?: string;
-    optionListId?: string;
+    className?: string | undefined;
+    optionListId?: string | undefined;
     /** callback voor unfocus (blur), zet OOK de input op `touched` */
-    onBlur?: (e: React$1.FocusEvent<HTMLInputElement>) => void;
+    onBlur?: (e: React$1.FocusEvent<HTMLInputElement>) => void | Promise<void> | undefined;
     /** callback voor onChange. Voor de echte waarde, gebruik je `onValueChanged` */
-    onChange?: (e: React$1.ChangeEvent<HTMLInputElement>) => void;
+    onChange?: (e: React$1.ChangeEvent<HTMLInputElement>) => void | Promise<void> | undefined;
     /** value-changed callback met de nieuwe waarde van de input. Kan direct met de `setX()` van `const [x, setX] = React.useState()` worden gebruikt
      * @example
      * const [x, setX] = React.useState('');
      * return <Input value={x} onValueChange={setX} {...props} />
      */
-    onValueChanged?: (e: T) => void;
+    onValueChanged?: (e: T) => void | Promise<void> | undefined;
     /** callback voor focus MET daarbij de helptag */
-    onFocus?: (e: React$1.FocusEvent<HTMLInputElement>, helpTag?: string) => void;
+    onFocus?: (e: React$1.FocusEvent<HTMLInputElement>, helpTag?: string) => void | Promise<void> | undefined;
     /** callback voor typen */
-    onKeyDown?: (e: React$1.KeyboardEvent<HTMLInputElement>) => void;
+    onKeyDown?: (e: React$1.KeyboardEvent<HTMLInputElement>) => void | Promise<void> | undefined;
     /** callback voor typen */
-    onKeyUp?: (e: React$1.KeyboardEvent<HTMLInputElement>) => void;
+    onKeyUp?: (e: React$1.KeyboardEvent<HTMLInputElement>) => void | Promise<void> | undefined;
 };
 /**
  * Basis input component. Deze component heeft dezelfde properties als de gewone `<input ... />`-tag en de `<Input<T> ... />-tag`.
@@ -1423,7 +1437,7 @@ type InputPropsType<T = InputValueType> = {
  * | type           | `string`       | type voor deze input (default = `text`)|
  * | value          | `string`       | value voor deze input (default = `undefined`)|
  */
-declare function BaseInput<T extends InputValueType = string>({ alignment: alignmentProp, autoComplete, optionListId, autofocus, disabled, errorMessage, infoMessage, form, helpTag, id, inputRef: ref, keyboardType, max, min, name, pattern, placeholder, readonly, required, size: sizeProp, spellCheck, step, title, type, value, className: extraClasses, styles, onBlur, onChange, onFocus, onKeyDown, onKeyUp, onValueChanged, }: StrictOmit<InputPropsType<T>, 'optionList'> & StrictOmit<InputStylingPropsType, 'labelHidden' | 'direction' | 'icon'>): react_jsx_runtime.JSX.Element;
+declare function BaseInput<T extends InputValueType = string>({ alignment: alignmentProp, autoComplete, optionListId, autofocus, disabled, errorMessage: errorProp, infoMessage: infoProp, form, helpTag, id, inputRef: ref, keyboardType, max, min, name, pattern, placeholder, readonly, required, size: sizeProp, spellCheck, step, title, type, value, className: extraClasses, styles, onBlur, onChange, onFocus, onKeyDown, onKeyUp, onValueChanged, }: StrictOmit<InputPropsType<T>, 'optionList'> & StrictOmit<InputStylingPropsType, 'labelHidden' | 'direction' | 'icon'>): react_jsx_runtime.JSX.Element;
 /**
  * Input component. Deze component heeft dezelfde properties als de gewone `<input ... />`-tag en de `<BaseInput<T> ... />-tag`.
  * Het verschil met de `BaseInput`-tag is dat deze compionent **wel** direction, label, of icon heeft.
@@ -1465,7 +1479,7 @@ declare function BaseInput<T extends InputValueType = string>({ alignment: align
  * | type           | `string`       | type voor deze input (default = `text`)|
  * | value          | `string`       | value voor deze input (default = `undefined`)|
  */
-declare function Input<T extends InputValueType = string>({ direction: directionProp, errorMessage, showRequiredOnLabel, icon, id, label, labelHidden, name, required, loading, size: sizeProp, value, infoData, helpTag, optionList, onBlur, onFocus, ...props }: StrictOmit<InputPropsType<T>, 'optionListId'> & InputStylingPropsType): react_jsx_runtime.JSX.Element;
+declare function Input<T extends InputValueType = string>({ direction: directionProp, errorMessage, infoMessage, showRequiredOnLabel, icon, id, label, labelHidden, name, required, loading, disabled, readonly, size: sizeProp, value, infoData, helpTag, optionList, onBlur, onFocus, ...props }: StrictOmit<InputPropsType<T>, 'optionListId'> & InputStylingPropsType): react_jsx_runtime.JSX.Element;
 type InputContainerProps = {
     label: string;
     required: boolean;
@@ -1477,14 +1491,17 @@ type InputContainerProps = {
     size: SizeProp;
     direction: DirectionProp;
     controlClassName?: string;
-    setHovered?: (hovered: boolean) => void;
     infoData?: React$1.ReactNode | undefined;
+    setHovered?: (hovered: boolean) => void;
     onMouseEnter?: (e: React$1.MouseEvent<HTMLDivElement>) => void;
     onMouseLeave?: (e: React$1.MouseEvent<HTMLDivElement>) => void;
 };
 /** Een wrapper voor een input component, om te zorgen dat ze allemaal op dezelfde manier horizontaal of verticaal aligned worden. */
 declare function InputContainer({ children, controlClassName, direction, showRequiredOnLabel, inputId, label, labelHidden, required, size, loading, infoData, setHovered, onMouseEnter, onMouseLeave, }: InputContainerProps): react_jsx_runtime.JSX.Element;
 
+type CBErrorProps = StrictOmit<InputErrorProps, 'value'> & {
+    value: boolean;
+};
 type CheckBoxInputProps = StrictOmit<InputPropsType<boolean>, 'value' | 'type' | 'step' | 'pattern' | 'errorMessage' | 'infoMessage' | 'min' | 'max' | 'pattern' | 'placeholder'> & StrictOmit<InputStylingPropsType, 'icon'> & {
     /** is de input checked? */
     value?: boolean;
@@ -1492,10 +1509,8 @@ type CheckBoxInputProps = StrictOmit<InputPropsType<boolean>, 'value' | 'type' |
     label?: string | React$1.ReactNode;
     /** kleur voor de checkbox. (default = `p`, primary) */
     color?: ColorProp;
-    /** foutmelding bij de input */
-    errorMessage?: string | ((c: boolean) => string);
-    /** foutmelding bij de input */
-    infoMessage?: string | ((c: boolean) => string);
+    /** foutmelding bij de input */ errorMessage?: string | ((s: CBErrorProps) => string);
+    /** info-melding bij de input */ infoMessage?: string | ((v: boolean) => string);
 };
 /**
  * Een checkbox input met een container eromheen. Om een checkbox in te voegen zonder container, gebruik dan de `<CB ... />`-component. DEze component 'wrapt' deze `CB`-component.
@@ -1510,7 +1525,7 @@ type CheckBoxInputProps = StrictOmit<InputPropsType<boolean>, 'value' | 'type' |
  * const [x, setX] = React.useState(false);
  * <CheckBox name="test" label="test" value={x} onValueChanged={setX} direction='v'/>
  */
-declare function CheckBox({ id, label, name, size: sizeProp, direction: directionProp, required, showRequiredOnLabel, value, errorMessage, labelHidden, helpTag, infoData, onValueChanged, onBlur, onFocus, ...props }: CheckBoxInputProps): react_jsx_runtime.JSX.Element;
+declare function CheckBox({ id, label, name, size: sizeProp, direction: directionProp, required, showRequiredOnLabel, value, labelHidden, helpTag, infoData, onValueChanged, onBlur, onFocus, ...props }: CheckBoxInputProps): react_jsx_runtime.JSX.Element;
 /**
  * Een checkbox input die nog helemaal zelf aan te passen is, dus zonder container eromheen. Om een checkbox in met wat meer styling te gebruiken, gebruik dan de `CheckBox` component.
  * Dat is een wrapper om deze component heen. De properties `type`, `step`, `min`, `max`, `icon`, `pattern`, `placeholder` en `direction` zijn niet van toepassing op deze component.
@@ -1580,17 +1595,17 @@ type SelectInputProps<T extends number | string | string[]> = StrictOmit<InputPr
      * const [x, setX] = React.useState('');
      * return <Input value={x} onValueChange={setX} {...props} />
      */
-    onValueChanged?: (e: T) => void;
+    onValueChanged?: (e: T) => void | Promise<void>;
     /** callback voor unfocus (blur), zet OOK de input op `touched` */
-    onBlur?: (e: React$1.FocusEvent<HTMLSelectElement>) => void;
+    onBlur?: (e: React$1.FocusEvent<HTMLSelectElement>) => void | Promise<void>;
     /** callback voor onChange */
-    onChange?: (e: React$1.ChangeEvent<HTMLSelectElement>) => void;
+    onChange?: (e: React$1.ChangeEvent<HTMLSelectElement>) => void | Promise<void>;
     /** callback voor focus */
-    onFocus?: (e: React$1.FocusEvent<HTMLSelectElement>, helpTag?: string) => void;
+    onFocus?: (e: React$1.FocusEvent<HTMLSelectElement>, helpTag?: string) => void | Promise<void>;
     /** callback voor typen */
-    onKeyDown?: (e: React$1.KeyboardEvent<HTMLSelectElement>) => void;
+    onKeyDown?: (e: React$1.KeyboardEvent<HTMLSelectElement>) => void | Promise<void>;
     /** callback voor typen */
-    onKeyUp?: (e: React$1.KeyboardEvent<HTMLSelectElement>) => void;
+    onKeyUp?: (e: React$1.KeyboardEvent<HTMLSelectElement>) => void | Promise<void>;
 };
 /**
  * Select input component (single of multiple). Kan via de `options`-prop, maar ook via `children` worden opgebouwd. Dat gaat met `<Select.Option>` en `<Select.OptGroup>` kan je de opties opbouwen. Dat kan ook gewoon met `<option>` en `<optgroup>`.
@@ -1666,13 +1681,11 @@ type ComboBoxProps<T extends unknown = {}> = StrictOmit<InputPropsType<number |
      */
     formatLabel?: (value: T) => string;
     /** callback voor calue changes */
-    onValueChanged?: (value: T) => void;
+    onValueChanged?: (value: T) => void | Promise<void>;
     /** Als we typen in de combobox, hoe moet er gezocht worden? Default doorzoeken we de `JSON.stringify`-string van de objecten */
     onSearch?: (searchTxt: string, value: T) => boolean;
-    /** De errormessage bij de combobox */
-    errorMessage?: string | ((value: T) => string);
-    /** Een info-message voor de combobox */
-    infoMessage?: string | ((value: T) => string);
+    /** foutmelding bij de input */ errorMessage?: string | ((s: InputErrorProps) => string);
+    /** info-melding bij de input */ infoMessage?: string | ((v: InputValueType) => string);
 };
 /**
  * Een ComboBox is een combi van een `<Select>` en een `<Input>`. Je kan een waarde uit een lijst kieze, maar deze ook intypen.
@@ -1708,13 +1721,11 @@ type MultiComboBoxProps<T extends unknown = {}> = StrictOmit<InputPropsType<numb
     /** functie om de waarde in de combobox samen te stellen (als niet-geopend) */
     formatValue?: (value: T[]) => string;
     /** callback voor calue changes */
-    onValueChanged?: (value: T[]) => void;
+    onValueChanged?: (value: T[]) => void | Promise<void>;
     /** Als we typen in de combobox, hoe moet er gezocht worden? Default doorzoeken we de `JSON.stringify`-string van de objecten */
-    onSearch?: (searchTxt: string, value: T) => boolean;
-    /** De errormessage bij de combobox */
-    errorMessage?: string | ((value: T[]) => string);
-    /** Een info-message voor de combobox */
-    infoMessage?: string | ((value: T[]) => string);
+    onSearch?: (searchTxt: string, value: T) => boolean | Promise<void>;
+    /** foutmelding bij de input */ errorMessage?: string | ((s: InputErrorProps) => string);
+    /** info-melding bij de input */ infoMessage?: string | ((v: InputValueType) => string);
 };
 /**
  * Een MultiComboBox is een combi van een `<Select>` en een `<Input>`. Je kan een waarde uit een lijst kiezen, maar deze ook zoeken door hem in te typen.
@@ -1836,21 +1847,21 @@ type RadioGroupProps<T extends RBValueType = string> = StrictOmit<InputStylingPr
     /** foutmelding bij de input */ errorMessage?: string | ((v?: T) => string);
     /** info-melding bij de input */ infoMessage?: string | ((v?: T) => string);
     /** callback voor unfocus (blur), zet OOK de input op `touched` */
-    onBlur?: (e: React$1.FocusEvent<HTMLInputElement>) => void;
+    onBlur?: (e: React$1.FocusEvent<HTMLInputElement>) => void | Promise<void>;
     /** callback voor onChange */
-    onChange?: (e: React$1.ChangeEvent<HTMLInputElement>) => void;
+    onChange?: (e: React$1.ChangeEvent<HTMLInputElement>) => void | Promise<void>;
     /** value-changed callback met de nieuwe waarde van de input. Kan direct met de `setX()` van `const [x, setX] = React.useState()` worden gebruikt
      * @example
      * const [x, setX] = React.useState('');
      * return <Input value={x} onValueChange={setX} {...props} />
      */
-    onValueChanged?: (e: T) => void;
+    onValueChanged?: (e: T) => void | Promise<void>;
     /** callback voor focus */
-    onFocus?: (e: React$1.FocusEvent<HTMLInputElement>, helpTag?: string) => void;
+    onFocus?: (e: React$1.FocusEvent<HTMLInputElement>, helpTag?: string) => void | Promise<void>;
     /** callback voor typen */
-    onKeyDown?: (e: React$1.KeyboardEvent<HTMLInputElement>) => void;
+    onKeyDown?: (e: React$1.KeyboardEvent<HTMLInputElement>) => void | Promise<void>;
     /** callback voor typen */
-    onKeyUp?: (e: React$1.KeyboardEvent<HTMLInputElement>) => void;
+    onKeyUp?: (e: React$1.KeyboardEvent<HTMLInputElement>) => void | Promise<void>;
 };
 type RadioInputProps<T extends RBValueType = string> = StrictOmit<InputPropsType<number | string>, 'id' | 'label' | 'name' | 'type' | 'value' | 'onValueChanged' | 'step' | 'pattern' | 'errorMessage' | 'infoMessage' | 'min' | 'max' | 'placeholder' | 'showRequiredOnLabel'> & StrictOmit<InputStylingPropsType, 'labelHidden' | 'direction' | 'icon'> & {
     /** label van de Radio Button. Als niet gedefinieerd, wordt de `name`-prop gebruikt */
@@ -1858,7 +1869,7 @@ type RadioInputProps<T extends RBValueType = string> = StrictOmit<InputPropsType
     /** de waarde van de radiobutton */
     value: T;
     /** callback voor value changed */
-    onValueChanged?(val: T): void;
+    onValueChanged?(val: T): void | Promise<void>;
     /** id voor de container van de radio-button-items. */
     id?: string;
     /** worden meerdere radiobuttons gestapeld (v) of naast elkaar weergegeven (default = `h`) */
@@ -1928,7 +1939,7 @@ type TagsInputProps = StrictOmit<InputPropsType<string>, 'type' | 'step' | 'valu
     /** lijst van kleuren om te gebruiken bij random colors */
     randomColors?: Array<ColorProp | `#${string}`>;
     /** value changed callback */
-    onValueChanged?: (v: string[]) => void;
+    onValueChanged?: (v: string[]) => void | Promise<void>;
     /** max length van de tag-tekst */
     maxLength?: number;
     /** min length van de tag-tekst */
@@ -1999,7 +2010,7 @@ type PasswordInputProps = StrictOmit<InputPropsType<string>, 'type' | 'step'> &
  * @param revealPasswordMsg boodschap bij de checkbox. Default is `Toon wachtwoord`
  * @param iconRevealed icon voor ww revealed. Default is `faEye`
  */
-declare function PasswordInput({ value, autoComplete, icon, name, id, label, required, showRequiredOnLabel, labelHidden, size: sizeProp, direction: directionProp, revealPasswordAllowed, revealPasswordMsg, iconRevealed, errorMessage, infoMessage, infoData, helpTag, onValueChanged, onBlur, onFocus, ...props }: PasswordInputProps): react_jsx_runtime.JSX.Element;
+declare function PasswordInput({ value, autoComplete, icon, name, id, label, required, showRequiredOnLabel, labelHidden, size: sizeProp, direction: directionProp, revealPasswordAllowed, disabled, readonly, revealPasswordMsg, iconRevealed, errorMessage, infoMessage, infoData, helpTag, onValueChanged, onBlur, onFocus, ...props }: PasswordInputProps): react_jsx_runtime.JSX.Element;
 
 type TextEditorPropsType = {
     content?: string;
@@ -3322,9 +3333,9 @@ type FileInputProps = StrictOmit<InputPropsType<string>, 'type' | 'step' | 'valu
      */
     formatter?: (value: FileInputValue) => string;
     /** callback voor value changes. Bevat het path naar de file(s) en de files in een array. */
-    onValueChanged?: (value: FileInputValue) => void;
+    onValueChanged?: (value: FileInputValue) => void | Promise<void>;
     /** callback voor value changes. **LET OP:** de  files vindt je in `e.target.files` */
-    onChange?: (e: React$1.ChangeEvent<HTMLInputElement>) => void;
+    onChange?: (e: React$1.ChangeEvent<HTMLInputElement>) => void | Promise<void>;
 };
 /**
  * Een input voor het selecteren van een bestand. de `value`-prop is een object met daarin de Files en het fake path.
@@ -3347,13 +3358,13 @@ type FileInputProps = StrictOmit<InputPropsType<string>, 'type' | 'step' | 'valu
  * **default:** toon de namen van alle geselecteerde bestanden, gescheiden door komma's. Als er geen bestanden zijn, dan de noFilesTxt tonen.
  * @param onValueChanged callback voor value changes. Bevat het path naar de file(s) en de files in een array.
  */
-declare function FileInput({ labelHidden, multiple, placeholder, helpTag, errorMessage, infoMessage, label, disabled, keyboardType, title, name, required, showRequiredOnLabel, spellCheck, id, autoComplete, max, min, readonly, pattern, autofocus, form, inputRef: ref, onBlur, onChange, onFocus, onKeyDown, onKeyUp, onValueChanged, size: sizeProp, alignment: alignmentProp, direction: directionProp, value, icon, boxed, accept, capture, noFilesTxt, chooseFileTxt, infoData, formatter, }: FileInputProps): react_jsx_runtime.JSX.Element;
+declare function FileInput({ labelHidden, multiple, placeholder, helpTag, errorMessage: errorProp, infoMessage: infoProp, label, disabled, keyboardType, title, name, required, showRequiredOnLabel, spellCheck, id, autoComplete, max, min, readonly, pattern, autofocus, form, inputRef: ref, onBlur, onChange, onFocus, onKeyDown, onKeyUp, onValueChanged, size: sizeProp, alignment: alignmentProp, direction: directionProp, value, icon, boxed, accept, capture, noFilesTxt, chooseFileTxt, infoData, formatter, }: FileInputProps): react_jsx_runtime.JSX.Element;
 
 type CurrencyInputProps = StrictOmit<InputPropsType<number>, 'keyboardType' | 'pattern' | 'value' | 'type' | 'onValueChanged' | 'errorMessage' | 'infoMessage'> & InputStylingPropsType & {
     /** waarde van de input. Als number of als number-string-tuple (zoals waarde uit `onValueChanged`) */
     value?: number;
     /** foutmelding bij de input */
-    errorMessage?: string | ((v: number) => string);
+    errorMessage?: string | ((v: InputErrorProps) => string);
     /** speciale informatie-tekst bij de input */
     infoMessage?: string | ((v: number) => string);
     /** prefix voo het bedrag (default = `'€ '`) */
@@ -3371,7 +3382,7 @@ type CurrencyInputProps = StrictOmit<InputPropsType<number>, 'keyboardType' | 'p
      * const [x, setX] = React.useState<[number, string]>([0, '0']);
      * return <MyCurrencyInput value={x} onValueChange={setX} {...props} />
      */
-    onValueChanged?: (value: number) => void;
+    onValueChanged?: (value: number) => void | Promise<void>;
 };
 /** Een input speciaal voor bedragen. Geeft standaard een eur-teken weer met daarachter het ingevoerde bedrag.
  * Het bedrag wordt als number-string-tuple opgeslagen, zodat het ook met een `setX()` van `const [x, setX] = React.useState()` kan worden gebruikt.
@@ -4256,7 +4267,7 @@ type ButtonProps = {
  * | type     | `button, reset, submit` | `button` | type 'button' voor de button            |
  */
 declare const Button: {
-    ({ color: colorProp, size: sizeProp, loading, disabled, fullwidth, styling, type, isStatic, helpTag, onClick, onFocus, onMouseEnter, children: nodes, value, title, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
+    ({ color: colorProp, size: sizeProp, loading, disabled, fullwidth, styling, type, isStatic, helpTag, onClick, onFocus, onMouseEnter, children: nodes, value, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
     Static(props: StrictOmit<ButtonProps, "color" | "isStatic" | "onClick" | "onFocus" | "disabled" | "loading">): react_jsx_runtime.JSX.Element;
     Primary(props: StrictOmit<ButtonProps, "color" | "isStatic">): react_jsx_runtime.JSX.Element;
     Success(props: StrictOmit<ButtonProps, "color" | "isStatic">): react_jsx_runtime.JSX.Element;
@@ -4283,7 +4294,7 @@ type LinkButtonProps = {
  * @returns een button die er uit ziet als een link
  * @example <LinkButton onClick={handleClick}>Click me!</LinkButton>
  */
-declare function LinkButton({ fullwidth, children, color, title, onClick, ...props }: LinkButtonProps): react_jsx_runtime.JSX.Element;
+declare function LinkButton({ fullwidth, children, color, onClick, ...props }: LinkButtonProps): react_jsx_runtime.JSX.Element;
 type LinkProps = React$1.AnchorHTMLAttributes<HTMLAnchorElement> & {
     color?: ColorProp;
     /** link / URL */
@@ -4308,7 +4319,7 @@ type LinkProps = React$1.AnchorHTMLAttributes<HTMLAnchorElement> & {
  * @returns een link
  * @example <Link href="https://www.google.com">Google</Link>
  */
-declare function Link({ color, href, target, id, rel, title, children, ...props }: LinkProps): react_jsx_runtime.JSX.Element;
+declare function Link({ color, href, target, id, rel, children, ...props }: LinkProps): react_jsx_runtime.JSX.Element;
 
 type CalendarType = 'm' | 'v' | 'w' | 'p';
 type CalendarHours = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | (number & {});