loon-bulma-react 2024.1.7 → 2024.1.9

package/dist/index.d.cts

@@ -1664,7 +1664,7 @@ type TabBarItemProps = {
  * </TabBar>
  */
 declare const TabBar: {
-    ({ id, activeTab: currentActiveTab, initialTab, size, alignment, fullwidth, children, onTabChange, }: TabBarProps): JSX.Element;
+    ({ id, activeTab: currentActiveTab, initialTab, size: sizeProp, alignment, fullwidth, children, onTabChange, }: TabBarProps): JSX.Element;
     /** Een item in deen <TabBar> component
      * @param props
      * @returns tab item component
@@ -1713,7 +1713,7 @@ type TagsProps = {
  * <Tag>Hello</Tag>
  * <Tag color='d'>Danger</Tag>
  */
-declare function Tag({ children, color, size, light, dark, title, onDismiss }: TagProps): JSX.Element;
+declare function Tag({ children, color, size: sizeProp, light, dark, title, onDismiss }: TagProps): JSX.Element;
 /**
  * Maak een tag-container aan. De tags kunnen aan elkaar geplakt worden of niet.
  * De grootte van de tags kan ook ingesteld worden
@@ -1725,7 +1725,7 @@ declare function Tag({ children, color, size, light, dark, title, onDismiss }: T
  *   <Tag color="i">Tag 2</Tag>
  * </Tags>
  */
-declare function Tags({ children: nodes, merged, size, alignment, className: extraClasses, styles, itemRef, id, }: TagsProps): JSX.Element;
+declare function Tags({ children: nodes, merged, size: sizeProp, alignment, className: extraClasses, styles, itemRef, id, }: TagsProps): JSX.Element;
 
 type TimeLineProps = {
     id?: string;
@@ -1962,7 +1962,8 @@ type OnOffToggleItemProps = ToggleItemProps & {
 };
 /**
  * Een groep van bij-elkaar-horende buttons waar er maar 1 van actief kan zijn.
- * Om elk toggle-item APART te kunnen togglen, gebruik je de ItemToggleBar Component
+ * Om elk toggle-item APART te kunnen togglen, gebruik je de ItemToggleBar Component.
+ * De Togglebar gebruikt de default size voor Buttons
  * @param props
  * @returns een Toggle bar
  * @example
@@ -1981,7 +1982,7 @@ type OnOffToggleItemProps = ToggleItemProps & {
  * </ToggleBar>
  */
 declare const ToggleBar: {
-    ({ size, rounded, alignment, value, initialValue, children: nodes, className: classes, onToggle, }: ToggleBarProps): JSX.Element;
+    ({ size: sizeProp, rounded, alignment, value, initialValue, children: nodes, className: classes, onToggle, }: ToggleBarProps): JSX.Element;
     /**
      * Item binnen de ToggleBar. Een van de ToggleItems in een ToggleBar kan maar actief zijn.
      * @param props
@@ -2083,7 +2084,7 @@ type ButtonProps = {
  * | type     | `button, reset, submit` | `button` | type 'button' voor de button            |
  */
 declare const Button: {
-    ({ color, size, loading, disabled, fullwidth, type, isStatic, helpTag, onClick, onFocus, children: nodes, value, ...props }: ButtonProps): JSX.Element;
+    ({ color: colorProp, size: sizeProp, loading, disabled, fullwidth, type, isStatic, helpTag, onClick, onFocus, children: nodes, value, ...props }: ButtonProps): JSX.Element;
     /**
      * Een Static Button
      * Een static button is niet interactief, maar wordt bijvoorbeeld gebruikt als scheiding voor add-ons
@@ -2665,7 +2666,7 @@ declare class JSDateTime {
      *
      */
     toFormat(format: string): string;
-    /** formating for JSON, return the ISO-string */
+    /** formating for JSON, return the ISO-string. Wordt door `JSON.stringify` */
     private toJSON;
     /** deserialize een JSDateTime, doet hetzelfde als JSDateTime.fromISO.
      * @param jsonStr een string met een ISO-datum
@@ -3547,7 +3548,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, autoComplete, optionListId, autofocus, disabled, errorMessage, infoMessage, form, helpTag, id, inputRef: ref, keyboardType, max, min, name, pattern, placeholder, readonly, required, size, spellCheck, step, title, type, value, className: extraClasses, styles, onBlur, onChange, onFocus, onKeyDown, onKeyUp, onValueChanged, }: StrictOmit<InputPropsType<T>, 'optionList'> & StrictOmit<InputStylingPropsType, 'labelHidden' | 'direction' | 'icon'>): JSX.Element;
+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'>): 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.
@@ -3589,7 +3590,7 @@ declare function BaseInput<T extends InputValueType = string>({ alignment, autoC
  * | type           | `string`       | type voor deze input (default = `text`)|
  * | value          | `string`       | value voor deze input (default = `undefined`)|
  */
-declare function Input<T extends InputValueType = string>({ direction, errorMessage, showRequiredOnLabel, icon, id, label, labelHidden, name, required, loading, size, value, infoData, helpTag, optionList, onBlur, onFocus, ...props }: StrictOmit<InputPropsType<T>, 'optionListId'> & InputStylingPropsType): JSX.Element;
+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): JSX.Element;
 /** 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, }: {
     label: string;
@@ -3631,7 +3632,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, direction, required, showRequiredOnLabel, value, errorMessage, labelHidden, helpTag, infoData, onValueChanged, onBlur, onFocus, ...props }: CheckBoxInputProps): JSX.Element;
+declare function CheckBox({ id, label, name, size: sizeProp, direction: directionProp, required, showRequiredOnLabel, value, errorMessage, labelHidden, helpTag, infoData, onValueChanged, onBlur, onFocus, ...props }: CheckBoxInputProps): 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.
@@ -3646,7 +3647,7 @@ declare function CheckBox({ id, label, name, size, direction, required, showRequ
  * const [x, setX] = React.useState(false);
  * <CB name="test" label="test" value={x} onValueChanged={setX}/>
  */
-declare function CB({ helpTag, errorMessage, infoMessage, label, disabled, keyboardType, title, name, value, required, spellCheck, id, autoComplete, readonly, autofocus, form, inputRef: ref, onBlur, onChange, onFocus, onKeyDown, onKeyUp, onValueChanged, size, alignment, color, infoDataEl, }: StrictOmit<CheckBoxInputProps, 'direction' | 'labelHidden' | 'infoData'> & {
+declare function CB({ helpTag, errorMessage, infoMessage, label, disabled, keyboardType, title, name, value, required, spellCheck, id, autoComplete, readonly, autofocus, form, inputRef: ref, onBlur, onChange, onFocus, onKeyDown, onKeyUp, onValueChanged, size: sizeProp, alignment: alignmentProp, color, infoDataEl, }: StrictOmit<CheckBoxInputProps, 'direction' | 'labelHidden' | 'infoData'> & {
     infoDataEl?: React$1.ReactNode;
 }): JSX.Element;
 
@@ -3759,7 +3760,7 @@ type SelectInputProps<T extends number | string | string[]> = StrictOmit<InputPr
  * ..</Select.OptGroup>
  * </Select>
  */
-declare function Select<T extends number | string | string[] = string>({ value, id, name, label, grouped, required, showRequiredOnLabel, errorMessage, infoMessage, multiple, alignment, size, direction, options, children: nodes, helpTag, disabled, keyboardType, title, spellCheck, loading, autoComplete, autofocus, form, inputRef: ref, labelHidden, icon, infoData, onBlur, onFocus, onChange, onKeyDown, onKeyUp, onValueChanged, }: SelectInputProps<T>): JSX.Element;
+declare function Select<T extends number | string | string[] = string>({ value, id, name, label, grouped, required, showRequiredOnLabel, errorMessage, infoMessage, multiple, alignment: alignmentProp, size: sizeProp, direction: directionProp, options, children: nodes, helpTag, disabled, keyboardType, title, spellCheck, loading, autoComplete, autofocus, form, inputRef: ref, labelHidden, icon, infoData, onBlur, onFocus, onChange, onKeyDown, onKeyUp, onValueChanged, }: SelectInputProps<T>): JSX.Element;
 declare namespace Select {
     var Option: ({ value, disabled, id, children, }: {
         id?: string | undefined;
@@ -3816,7 +3817,7 @@ type ComboBoxProps<T extends unknown = {}> = StrictOmit<InputPropsType<number |
  *   onSearch={(txt, v) => v.last_name.includes(txt) || v.first_name.includes(txt)}
  * />
  */
-declare function ComboBox<T extends unknown = {}>({ value, options, id, name, label, required, showRequiredOnLabel, errorMessage, infoMessage, alignment, size, direction, placeholder, helpTag, disabled, loading, autofocus, labelHidden, icon, infoData, onValueChanged, onChange, onFocus, onBlur, onKeyDown, onKeyUp, onSearch, formatLabel, }: ComboBoxProps<T>): JSX.Element;
+declare function ComboBox<T extends unknown = {}>({ value, options, id, name, label, required, showRequiredOnLabel, errorMessage, infoMessage, alignment: alignmentProp, size: sizeProp, direction: directionProp, placeholder, helpTag, disabled, loading, autofocus, labelHidden, icon, infoData, onValueChanged, onChange, onFocus, onBlur, onKeyDown, onKeyUp, onSearch, formatLabel, }: ComboBoxProps<T>): JSX.Element;
 
 type MultiComboBoxProps<T extends unknown = {}> = StrictOmit<InputPropsType<number | string | string[]>, 'type' | 'step' | 'inputRef' | 'value' | 'onValueChanged' | 'min' | 'max' | 'readonly' | 'pattern' | 'errorMessage' | 'infoMessage' | 'title' | 'form' | 'autoComplete' | 'spellCheck' | 'keyboardType' | 'onChange'> & InputStylingPropsType & {
     /** De waarde van de combobox */ value: T[];
@@ -3859,7 +3860,7 @@ type MultiComboBoxProps<T extends unknown = {}> = StrictOmit<InputPropsType<numb
  *   onSearch={(txt, v) => v.last_name.includes(txt) || v.first_name.includes(txt)}
  * />
  */
-declare function MultiComboBox<T extends unknown = {}>({ value, options, id, name, label, required, showRequiredOnLabel, errorMessage, infoMessage, alignment, size, direction, placeholder, helpTag, disabled, loading, autofocus, labelHidden, icon, infoData, onValueChanged, onFocus, onBlur, onKeyDown, onKeyUp, onSearch, formatLabel, formatValue, }: MultiComboBoxProps<T>): JSX.Element;
+declare function MultiComboBox<T extends unknown = {}>({ value, options, id, name, label, required, showRequiredOnLabel, errorMessage, infoMessage, alignment: alignmentProp, size: sizeProp, direction: directionProp, placeholder, helpTag, disabled, loading, autofocus, labelHidden, icon, infoData, onValueChanged, onFocus, onBlur, onKeyDown, onKeyUp, onSearch, formatLabel, formatValue, }: MultiComboBoxProps<T>): JSX.Element;
 
 type ColorInputProps = StrictOmit<InputPropsType<string>, 'type' | 'value' | 'onValueChanged' | 'step' | 'min' | 'max' | 'autoComplete' | 'spellCheck' | 'keyboardType'> & InputStylingPropsType & {
     /** Gebruik de color-input met een hex-color, bijvooerbeeld`#ff8000` of `#fff` */
@@ -4012,7 +4013,7 @@ type RadioInputProps<T extends RBValueType = string> = StrictOmit<InputPropsType
  * ..</RB>
  * </div>
  */
-declare function RB<T extends RBValueType = string>({ helpTag, disabled, keyboardType, title, name, value, checked, required, spellCheck, id, autoComplete, readonly, autofocus, form, inputRef: ref, onBlur, onChange, onFocus, onKeyDown, onKeyUp, onValueChanged, size, alignment, itemsDirection, color, children, infoData, }: RadioInputProps<T>): JSX.Element;
+declare function RB<T extends RBValueType = string>({ helpTag, disabled, keyboardType, title, name, value, checked, required, spellCheck, id, autoComplete, readonly, autofocus, form, inputRef: ref, onBlur, onChange, onFocus, onKeyDown, onKeyUp, onValueChanged, size: sizeProp, alignment: alignmentProp, itemsDirection: itemsDirectionProp, color, children, infoData, }: RadioInputProps<T>): JSX.Element;
 /** RadioGroup is een groep radio-buttons met direction, alignment, etc. Gebruik `RB` voor een losstaande radio-button, **dus niet `<RadioGroup.Item>` daarvoor**
  * De RadioGroup kan je vullen met `RadioGroup.Item`-componenten, of met `RB`-componenten.
  * @param value de geselecteerde waarde van de input
@@ -4026,7 +4027,7 @@ declare function RB<T extends RBValueType = string>({ helpTag, disabled, keyboar
  * ..<RB value="Z">set to Z</RB>
  * </RadioGroup>
  */
-declare function RadioGroup<T extends RBValueType = string>({ children: nodeChildren, id, label, disabled, labelHidden, name, value, required, showRequiredOnLabel, size, direction, itemsDirection, alignment, errorMessage, infoMessage, infoData, helpTag, onValueChanged, onBlur, onChange, onFocus, onKeyDown, onKeyUp, }: RadioGroupProps<T>): JSX.Element;
+declare function RadioGroup<T extends RBValueType = string>({ children: nodeChildren, id, label, disabled, labelHidden, name, value, required, showRequiredOnLabel, size: sizeProp, direction: directionProp, itemsDirection: itemsDirectionProp, alignment: alignmentProp, errorMessage, infoMessage, infoData, helpTag, onValueChanged, onBlur, onChange, onFocus, onKeyDown, onKeyUp, }: RadioGroupProps<T>): JSX.Element;
 declare namespace RadioGroup {
     var Item: typeof SpecialRadioItem;
 }
@@ -4071,7 +4072,7 @@ type TagsInputProps = StrictOmit<InputPropsType<string>, 'type' | 'step' | 'valu
  * </Section>
  * @returns
  */
-declare function TagsInput({ value, allowDuplicates, disableRemove, disabled, id, name, label, color: colorProp, direction, errorMessage, infoMessage, showRequiredOnLabel, icon, labelHidden, required, loading, size, alignment, autoComplete, optionListId, autofocus, form, helpTag, keyboardType, maxLength, minLength, pattern, placeholder, readonly, spellCheck, title, className: extraClasses, styles, randomColors, maxTags, infoData, onBlur, onFocus, onValueChanged, onKeyDown, onKeyUp, }: TagsInputProps): react_jsx_runtime.JSX.Element;
+declare function TagsInput({ value, allowDuplicates, disableRemove, disabled, id, name, label, color: colorProp, direction: directionProp, errorMessage, infoMessage, showRequiredOnLabel, icon, labelHidden, required, loading, size: sizeProp, alignment: alignmentProp, autoComplete, optionListId, autofocus, form, helpTag, keyboardType, maxLength, minLength, pattern, placeholder, readonly, spellCheck, title, className: extraClasses, styles, randomColors, maxTags, infoData, onBlur, onFocus, onValueChanged, onKeyDown, onKeyUp, }: TagsInputProps): react_jsx_runtime.JSX.Element;
 
 type EmailInputProps = StrictOmit<InputPropsType<string>, 'type' | 'step'> & InputStylingPropsType & {
     pattern?: string;
@@ -4119,7 +4120,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, direction, revealPasswordAllowed, revealPasswordMsg, iconRevealed, errorMessage, infoMessage, infoData, helpTag, onValueChanged, onBlur, onFocus, ...props }: PasswordInputProps): JSX.Element;
+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): JSX.Element;
 
 type TextEditorPropsType = {
     content?: string;
@@ -4179,7 +4180,7 @@ type TextAreaProps = StrictOmit<InputPropsType<string>, 'type' | 'inputRef' | 'k
  * @param rows aantal rijen voor de textarea (default: 4)
  * @param cols aantal kolommen voor de textarea. **werkt niet in Bulma! de breedte is altijd maximaal!**
  */
-declare function TextArea({ value, label, errorMessage, infoMessage, helpTag, id, name, spellCheck, required, showRequiredOnLabel, autoComplete, placeholder, disabled, form, readonly, autofocus, inputRef, max, min, title, size, alignment, direction, cols, rows, labelHidden, loading, infoData, onValueChanged, onChange, onBlur, onFocus, onKeyDown, onKeyUp, }: TextAreaProps): JSX.Element;
+declare function TextArea({ value, label, errorMessage, infoMessage, helpTag, id, name, spellCheck, required, showRequiredOnLabel, autoComplete, placeholder, disabled, form, readonly, autofocus, inputRef, max, min, title, size: sizeProp, alignment: alignmentProp, direction: directionProp, cols, rows, labelHidden, loading, infoData, onValueChanged, onChange, onBlur, onFocus, onKeyDown, onKeyUp, }: TextAreaProps): JSX.Element;
 
 type CharType = '0-9' | 'a-z' | 'A-Z' | 'a-Z' | '0-Z' | (string & {}) | RegExp;
 type TextInputProps = StrictOmit<InputPropsType<string>, 'type' | 'step'> & InputStylingPropsType & {
@@ -4231,7 +4232,7 @@ type RangeInputProps = StrictOmit<InputPropsType<number>, 'autofocus' | 'autoCom
  * @param step De stapgrootte van de input (default = 1)
  * @example <RangeInput value={50} min={0} max={100} />
  */
-declare function RangeInput({ value, min, max, step, prefix, suffix, helpTag, errorMessage, infoMessage, label, disabled, title, name, size, required, showRequiredOnLabel, id, readonly, form, inputRef, onBlur, onChange, onFocus, onKeyDown, onKeyUp, onValueChanged, direction, labelHidden, infoData, }: RangeInputProps): JSX.Element;
+declare function RangeInput({ value, min, max, step, prefix, suffix, helpTag, errorMessage, infoMessage, label, disabled, title, name, size: sizeProp, required, showRequiredOnLabel, id, readonly, form, inputRef, onBlur, onChange, onFocus, onKeyDown, onKeyUp, onValueChanged, direction: directionProp, labelHidden, infoData, }: RangeInputProps): JSX.Element;
 
 type DateInputProps = StrictOmit<InputPropsType<string>, 'type' | 'value' | 'onValueChanged'> & InputStylingPropsType & {
     /**
@@ -4407,7 +4408,7 @@ 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, alignment, direction, value, icon, boxed, accept, capture, noFilesTxt, chooseFileTxt, infoData, formatter, }: FileInputProps): JSX.Element;
+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): 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`) */
@@ -4449,7 +4450,7 @@ type CurrencyInputProps = StrictOmit<InputPropsType<number>, 'keyboardType' | 'p
  * const [x, setX] = React.useState<string>('0');
  * <CurrencyInput value={x} onValueChanged={([strVal, _numVal]) => setX(strVal)} />
  */
-declare function CurrencyInput({ placeholder, helpTag, errorMessage, infoMessage, label, disabled, title, name, value, required, showRequiredOnLabel, spellCheck, id, autoComplete, max, min, inputRef, readonly, step, autofocus, infoData, form, onBlur, onChange, onFocus, onKeyDown, onKeyUp, onValueChanged, size, alignment, direction, labelHidden, loading, icon, suffix, prefix, decimalScale, decimalSeparator, groupSeparator, }: CurrencyInputProps): JSX.Element;
+declare function CurrencyInput({ placeholder, helpTag, errorMessage, infoMessage, label, disabled, title, name, value, required, showRequiredOnLabel, spellCheck, id, autoComplete, max, min, inputRef, readonly, step, autofocus, infoData, form, onBlur, onChange, onFocus, onKeyDown, onKeyUp, onValueChanged, size: sizeProp, alignment: alignmentProp, direction: directionProp, labelHidden, loading, icon, suffix, prefix, decimalScale, decimalSeparator, groupSeparator, }: CurrencyInputProps): JSX.Element;
 
 /** WeekInput: input voor een weeknummer (format: yyyy-Www)
  * -1e getal: jaartal
@@ -4825,13 +4826,88 @@ declare function ModalProvider({ children }: {
     children: React$1.ReactNode;
 }): react_jsx_runtime.JSX.Element;
 
+type InputSettings = {
+    /** default size setting (`m`) */
+    size: SizeProp;
+    /** default direction setting (`v`) */
+    direction: DirectionProp;
+    /** default alignment setting (`l`) */
+    alignment: AlignmentProp;
+    /** default direction setting for radio-button-items (`v`) */
+    rbDirection: DirectionProp;
+};
+type ButtonSettings = {
+    /** default size setting (`m`) */
+    size: SizeProp;
+    /** default color setting (`p`) , voor als er geen color is opgegeven*/
+    color: ColorProp;
+};
+type TabSettings = {
+    /** default size setting (`m`) */
+    size: SizeProp;
+};
+type TagSettings = {
+    /** default size setting (`m`) */
+    size: TagSizeProp;
+};
+type DefaultsType = {
+    /** default settings for inputs */
+    input: InputSettings;
+    /** default button settings*/
+    button: ButtonSettings;
+    /** default tabbar settings */
+    tabs: TabSettings;
+    /** default tag settings */
+    tags: TagSettings;
+};
+/** Partial type voor het updaten van een of meer enkele settings.
+ * Alle properties zijn optioneel, en kunnen dus ook weggelaten worden.
+ */
+type OptionalDefaultsType = Partial<{
+    /** default settings for inputs */
+    input: Partial<InputSettings>;
+    /** default button settings*/
+    button: Partial<ButtonSettings>;
+    /** default tabbar settings */
+    tabs: Partial<TabSettings>;
+    /** default tag settings */
+    tags: Partial<TagSettings>;
+}>;
+/**
+ * Context voor het bijhouden van de default waardes voor de LoonBulmaReact componenten
+ * @param defaults de defaults zoals geconfigureerd: een merge van de standaard-defaults en de opgegeven defaults in de provider.
+ * @param update: update functie voor de defaults
+ * @param reset: reset functie voor de defaults. Zet de defaults terug naar de custom defaults.
+ * @returns een context met de default waardes en een functie om deze te updaten
+ */
+declare const DefaultsContext: React$1.Context<{
+    defaults: DefaultsType;
+    update: (d: OptionalDefaultsType) => void;
+    reset: () => void;
+}>;
+/** Provider voor de DefaultsContext
+ * @param children de children van de provider
+ * @param defaults de custom defaults die de standaard defaults overschrijven
+ * @returns de provider met de defaults en de update en reset functies
+ */
+declare function DefaultsProvider({ children, defaults: customDefaults }: {
+    children: React$1.ReactNode;
+    defaults?: OptionalDefaultsType;
+}): react_jsx_runtime.JSX.Element;
+
 type AppProviderProps = {
     children: React.ReactNode;
     notifierLocation?: 'top' | 'bottom';
     initialTheme?: ColorSchemeType;
+    defaults?: OptionalDefaultsType;
     onThemeChanged?: (v: ColorSchemeType) => void;
 };
-declare function LoonBulmaReactProviders({ children, initialTheme, notifierLocation, onThemeChanged, }: AppProviderProps): react_jsx_runtime.JSX.Element;
+/**
+ * Provider-wrapper die alle LoonBulmaReact providers bevat.
+ * @param param0
+ * @returns
+ */
+declare function LoonBulmaReactProviders({ children, initialTheme, notifierLocation, defaults, onThemeChanged, }: AppProviderProps): react_jsx_runtime.JSX.Element;
 
 type CopyType = {
     /**
@@ -5300,4 +5376,4 @@ declare function ContextMenu({ outerRef, children }: {
     children: React$1.ReactNode;
 }): react_jsx_runtime.JSX.Element;
 
-export { AND, type ActionSheetButton, ActionSheetProvider, type AlignmentProp, type AllowedPromptTypes, type AnchorRelProp, type AnchorTargetProp, AspectRatio, type AspectRatioProps, type AutoCompleteProp, type BaseEventProps, BaseInput, Block, BorderBox, Box, type BoxProps, Button, Buttons as ButtonGroup, type ButtonGroupProps, type ButtonProps, Buttons, CB, Calendar, type CalendarOptions, type CalendarType, CheckBox, type CheckBoxInputProps as CheckboxInputProps, ColorInput, type ColorInputProps, type ColorProp, ColorSchemeContext, ColorSchemeProvider, type ColorSchemeType, Column, type ColumnProps, Columns, ComboBox, type ComboBoxProps, ConfirmProvider, Container, Content, ContextMenu, type CoordinatesProp, CurrencyInput, type CurrencyInputProps, DOTS, DataTable, type DataTableColumnProp as DataTableColumn, type DataTableProps, DateInput, type DateInputProps, DateTimeInput, type DateTimeInputProps, DefinedHexColors, DialogsProvider, type DiffFnType, type DirectionProp, EmailInput, type EmailInputProps, EvMv, type ExpandedColumnProps, FileInput, type FileInputProps, type FileInputValue, Footer, H1, H2, H3, H4, H5, H6, type HSLColor, HelpTxt, type HelpTxtProps, Hero, type HeroProps, type HexColor$1 as HexColor, HiddenInput, type HiddenInputProps, type Hotkey, type HotkeyItem, IF, IbanDetailsPerLand, Icon, type IconProps, IconStack, IconText, type IconTextProps, Image, type ImageProps, Indicator, type IndicatorPositionProp, type IndicatorProps, Input, InputContainer, type InputPropsType, type InputStylingPropsType, type InputValueType, type JSChangeDateTimeType, type JSDateSetterType, JSDateTime, JSDuration, Kbd, Kbds, type KeyOf, type KeyboardTypeProp, Link, LinkButton, type LinkButtonProps, type LinkProps, LoonBulmaReactProviders, Menu, type MenuItemGroupProps, type MenuItemProps, type MenuProps, Message, type MessageProps, Modal, ModalContext, type ModalProps, ModalProvider, MonthInput, type MonthInputProps, type MonthInputString, type MonthViewProps, MultiComboBox, type MultiComboBoxProps, NAND, NOR, NOT, Notification, type NotificationProps, Notifier, type NotifierContextType, type NotifierItemProps, type NotifierProps, NotifierProvider, type NotifierProviderProps, NumberInput, type NumberInputProps, OR, type OnOffToggleItemProps, Pagination, type PaginationParams, type PaginationProps, PasswordInput, type PasswordInputProps, type PositionProp, type PrettierType, ProgressBar, type ProgressBarProps, PromptProvider, QuickView, type QuickViewProps, RB, type RGBColor, RadioGroup, type RadioInputProps, RangeInput, type RangeInputProps, type RectProp, type RelationshipProp, ContextMenu as RightClickMenu, SWITCH, ScrollArea, Section, Select, type SelectInputProps, SimpleTable, type SimpleTableColProps, type SimpleTableProps, type SizeProp, type StepItemProps, Steps, type StepsProps, type StrictOmit, TabBar, type TabBarItemProps, type TabBarProps, Table, Tag, type TagProps, type TagSizeProp, Tags, TagsInput, type TagsInputProps, type TagsProps, TelephoneInput, type TelephoneInputProps, type TextAlignmentProp, TextArea, type TextAreaProps, TextEditor, TextInput, type TextInputProps, TimeInput, type TimeInputProps, TimeLine, type TimeLineItemProps, type TimeLinePointProps, type TimeLineProps, ToggleBar, type ToggleBarProps, type ToggleItemProps, TT as Tooltip, URLInput, type URLInputProps, type UncontrolledMode, type UncontrolledOptions, WeekInput, type WeekInputProps, type WeekInputString, type WeekViewProps, XNOR, XOR, boolSort, calculateTxtColor, centerPad, colorPropToHex, dateSort, getCurrentColorScheme, getHotkeyHandler, getHotkeyMatcher, getSystemColorScheme, hasBSN, hexToHSL, hexToRGB, hslToHex, hslToRGB, isHSLColor, isHexColor, isIBAN, isRGBColor, leftPad, numSort, parseHotkey, randomColor, randomColorProp, randomDbl, randomInt, rgbToHSL, rgbToHex, rightPad, roundTo, setColorScheme, stringSort, useActionSheet, useBoolToggle, useClickOutside, useClipboard, useColorScheme, useConfirm, useContextMenu, useDebouncedState, useDebouncedValue, useFetchAPI, useHotkeys, useLocalStoredState, useNotifier, usePagination, usePrompt, useContextMenu as useRightClick, useScrollIntoView, useSessionStoredState, useToggle, useUncontrolled, useValidatedState };
+export { AND, type ActionSheetButton, ActionSheetProvider, type AlignmentProp, type AllowedPromptTypes, type AnchorRelProp, type AnchorTargetProp, AspectRatio, type AspectRatioProps, type AutoCompleteProp, type BaseEventProps, BaseInput, Block, BorderBox, Box, type BoxProps, Button, Buttons as ButtonGroup, type ButtonGroupProps, type ButtonProps, Buttons, CB, Calendar, type CalendarOptions, type CalendarType, CheckBox, type CheckBoxInputProps as CheckboxInputProps, ColorInput, type ColorInputProps, type ColorProp, ColorSchemeContext, ColorSchemeProvider, type ColorSchemeType, Column, type ColumnProps, Columns, ComboBox, type ComboBoxProps, ConfirmProvider, Container, Content, ContextMenu, type CoordinatesProp, CurrencyInput, type CurrencyInputProps, DOTS, DataTable, type DataTableColumnProp as DataTableColumn, type DataTableProps, DateInput, type DateInputProps, DateTimeInput, type DateTimeInputProps, DefaultsContext, DefaultsProvider, DefinedHexColors, DialogsProvider, type DiffFnType, type DirectionProp, EmailInput, type EmailInputProps, EvMv, type ExpandedColumnProps, FileInput, type FileInputProps, type FileInputValue, Footer, H1, H2, H3, H4, H5, H6, type HSLColor, HelpTxt, type HelpTxtProps, Hero, type HeroProps, type HexColor$1 as HexColor, HiddenInput, type HiddenInputProps, type Hotkey, type HotkeyItem, IF, IbanDetailsPerLand, Icon, type IconProps, IconStack, IconText, type IconTextProps, Image, type ImageProps, Indicator, type IndicatorPositionProp, type IndicatorProps, Input, InputContainer, type InputPropsType, type InputStylingPropsType, type InputValueType, type JSChangeDateTimeType, type JSDateSetterType, JSDateTime, JSDuration, Kbd, Kbds, type KeyOf, type KeyboardTypeProp, Link, LinkButton, type LinkButtonProps, type LinkProps, LoonBulmaReactProviders, Menu, type MenuItemGroupProps, type MenuItemProps, type MenuProps, Message, type MessageProps, Modal, ModalContext, type ModalProps, ModalProvider, MonthInput, type MonthInputProps, type MonthInputString, type MonthViewProps, MultiComboBox, type MultiComboBoxProps, NAND, NOR, NOT, Notification, type NotificationProps, Notifier, type NotifierContextType, type NotifierItemProps, type NotifierProps, NotifierProvider, type NotifierProviderProps, NumberInput, type NumberInputProps, OR, type OnOffToggleItemProps, type OptionalDefaultsType, Pagination, type PaginationParams, type PaginationProps, PasswordInput, type PasswordInputProps, type PositionProp, type PrettierType, ProgressBar, type ProgressBarProps, PromptProvider, QuickView, type QuickViewProps, RB, type RGBColor, RadioGroup, type RadioInputProps, RangeInput, type RangeInputProps, type RectProp, type RelationshipProp, ContextMenu as RightClickMenu, SWITCH, ScrollArea, Section, Select, type SelectInputProps, SimpleTable, type SimpleTableColProps, type SimpleTableProps, type SizeProp, type StepItemProps, Steps, type StepsProps, type StrictOmit, TabBar, type TabBarItemProps, type TabBarProps, Table, Tag, type TagProps, type TagSizeProp, Tags, TagsInput, type TagsInputProps, type TagsProps, TelephoneInput, type TelephoneInputProps, type TextAlignmentProp, TextArea, type TextAreaProps, TextEditor, TextInput, type TextInputProps, TimeInput, type TimeInputProps, TimeLine, type TimeLineItemProps, type TimeLinePointProps, type TimeLineProps, ToggleBar, type ToggleBarProps, type ToggleItemProps, TT as Tooltip, URLInput, type URLInputProps, type UncontrolledMode, type UncontrolledOptions, WeekInput, type WeekInputProps, type WeekInputString, type WeekViewProps, XNOR, XOR, boolSort, calculateTxtColor, centerPad, colorPropToHex, dateSort, getCurrentColorScheme, getHotkeyHandler, getHotkeyMatcher, getSystemColorScheme, hasBSN, hexToHSL, hexToRGB, hslToHex, hslToRGB, isHSLColor, isHexColor, isIBAN, isRGBColor, leftPad, numSort, parseHotkey, randomColor, randomColorProp, randomDbl, randomInt, rgbToHSL, rgbToHex, rightPad, roundTo, setColorScheme, stringSort, useActionSheet, useBoolToggle, useClickOutside, useClipboard, useColorScheme, useConfirm, useContextMenu, useDebouncedState, useDebouncedValue, useFetchAPI, useHotkeys, useLocalStoredState, useNotifier, usePagination, usePrompt, useContextMenu as useRightClick, useScrollIntoView, useSessionStoredState, useToggle, useUncontrolled, useValidatedState };