loon-bulma-react 2025.1.2 → 2025.1.4

package/dist/components/Box/BorderBox.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ColorProp, AlignmentProp, StrictOmit } from '~/lib/types';
+import { ColorProp, AlignmentProp, StrictOmit } from './../../types';
 type BorderBoxProps = {
     children: React.ReactNode;
     title?: string | undefined;

package/dist/components/Button/Button.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { IconProp } from '@fortawesome/fontawesome-svg-core';
-import { ColorProp, StrictOmit, SizeProp } from '~/lib/types';
+import { ColorProp, StrictOmit, SizeProp } from './../../types';
 type ButtonStyles = 'faded' | 'f' | 'inverted' | 'i' | 'static' | 's' | 'default' | 'd' | 'outlined' | 'o';
 export type ButtonProps = {
     /** Is de button loading ? */

package/dist/components/ButtonGroup/ButtonGroup.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { AlignmentProp } from '~/lib/types';
+import { AlignmentProp } from './../../types';
 type ButtonGroupProps = {
     /** Een buttongroup kan alleen Buttons als children hebben! */
     children?: React.ReactNode;

package/dist/components/Calendar/DayContainer.d.ts

@@ -1,4 +1,4 @@
-import { JSDateTime } from '~/lib/utils/JSDateTime.class';
+import { JSDateTime } from './../../utils/JSDateTime.class';
 import React from 'react';
 import { BaseEventProps, CalendarOptions, CalendarType } from './Props';
 type DayContainerProps<T extends BaseEventProps> = {

package/dist/components/Calendar/Fourweeks/FourweeksView.d.ts

@@ -1,4 +1,4 @@
-import { JSDateTime } from '~/lib/utils/JSDateTime.class';
+import { JSDateTime } from './../../../utils/JSDateTime.class';
 import React from 'react';
 import { BaseEventProps, CalendarOptions } from '../Props';
 type FourweekViewProps<T extends BaseEventProps> = {

package/dist/components/Calendar/Mini/MiniView.d.ts

@@ -1,4 +1,4 @@
-import { JSDateTime } from '~/lib/utils/JSDateTime.class';
+import { JSDateTime } from './../../../utils/JSDateTime.class';
 import { Locale } from 'date-fns';
 type MiniViewProps = {
     /** de viewDate waarop de mini-view start (optioneel, default = vandaag) */

package/dist/components/Calendar/Month/MonthView.d.ts

@@ -1,4 +1,4 @@
-import { JSDateTime } from '~/lib/utils/JSDateTime.class';
+import { JSDateTime } from './../../../utils/JSDateTime.class';
 import React from 'react';
 import { BaseEventProps, CalendarOptions } from '../Props';
 type MonthViewProps<T extends BaseEventProps> = {

package/dist/components/Calendar/Planning/PlanningView.d.ts

@@ -1,5 +1,4 @@
-import { KeyOf } from '~/lib/types';
-import { JSDateTime } from '~/lib/utils/JSDateTime.class';
+import { JSDateTime } from './../../../utils/JSDateTime.class';
 import React from 'react';
 import { BaseEventProps, CalendarOptions } from '../Props';
 type PlanningViewProps<R, E extends BaseEventProps = BaseEventProps> = {
@@ -16,7 +15,7 @@ type PlanningViewProps<R, E extends BaseEventProps = BaseEventProps> = {
      * - 'itself' -> Gebruik met R is een string of number.
      * - Anders moet de rowIdentifer een property van R zijn.
      */
-    rowIdentifier?: 'itself' | KeyOf<R> | ((item: R, index?: number) => string);
+    rowIdentifier?: 'itself' | keyof R | ((item: R, index?: number) => string);
     /** Gebruik start en einde van de week? Dan is de 1e kolom met events altijd een maandag, de laatste altijd een zondag (bij visibleDays is allemaal) */
     alwaysStartOnMonday?: boolean;
     /** Opties voor deze view */

package/dist/components/Calendar/Props.d.ts

@@ -1,5 +1,5 @@
-import { ColorProp } from '~/lib/types';
-import { JSDateTime } from '~/lib/utils/JSDateTime.class';
+import { ColorProp } from './../../types';
+import { JSDateTime } from './../../utils/JSDateTime.class';
 import { Locale } from 'date-fns';
 export type CalendarType = 'm' | 'v' | 'w' | 'p';
 export 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 & {});

package/dist/components/Calendar/Week/AlldayContainer.d.ts

@@ -1,4 +1,4 @@
-import { JSDateTime } from '~/lib/utils/JSDateTime.class';
+import { JSDateTime } from './../../../utils/JSDateTime.class';
 import React from 'react';
 import { BaseEventProps, CalendarOptions } from '../Props';
 type AlldayContainerProps<T extends BaseEventProps> = {

package/dist/components/Calendar/Week/HourRow.d.ts

@@ -1,4 +1,4 @@
-import { JSDateTime } from '~/lib/utils/JSDateTime.class';
+import { JSDateTime } from './../../../utils/JSDateTime.class';
 import React from 'react';
 import { BaseEventProps, CalendarOptions, CalendarHours } from '../Props';
 /**

package/dist/components/Calendar/Week/WeekView.d.ts

@@ -1,4 +1,4 @@
-import { JSDateTime } from '~/lib/utils/JSDateTime.class';
+import { JSDateTime } from './../../../utils/JSDateTime.class';
 import React from 'react';
 import { BaseEventProps, CalendarOptions } from '../Props';
 type WeekViewProps<T extends BaseEventProps> = {

package/dist/components/Calendar/calendar.functions.d.ts

@@ -1,4 +1,4 @@
-import { JSDateTime } from "~/lib/utils/JSDateTime.class";
+import { JSDateTime } from "./../../utils/JSDateTime.class";
 import { BaseEventProps, CalendarOptions } from "./Props";
 /** Controleer of een event zichtbaar moet zijn tussen twee datu,s:
  * - startDt tussen start en eind

package/dist/components/Container/Container.d.ts

@@ -1,4 +1,4 @@
-import { SizeProp, StrictOmit } from '~/lib/index';
+import { SizeProp, StrictOmit } from './../..';
 import React from 'react';
 type ContainerProps = {
     /** Container content */

package/dist/components/Content/Content.d.ts

@@ -1,4 +1,4 @@
-import { SizeProp } from '~/lib/types';
+import { SizeProp } from './../../types';
 import React from 'react';
 type ContentPropsType = {
     /** Size van de content (default = 'm') */

package/dist/components/DataTable/DataTable.d.ts

@@ -1,4 +1,4 @@
-import { KeyOf, AlignmentProp, SizeProp } from '~/lib/types';
+import { AlignmentProp, SizeProp } from './../../types';
 import React from 'react';
 type DataTableColumnProp<T extends unknown = unknown> = {
     /** Instellen van de volgorde van de kolommen. Kolommen worden gesorteerd obv de waarde. De default waarde  = `0`
@@ -11,9 +11,9 @@ type DataTableColumnProp<T extends unknown = unknown> = {
     /** sorteer-functie voor deze kolom. Als niet gedefinieerd kan je niet op deze kolom sorteren */
     sort?: (a: T, b: T) => -1 | 0 | 1 | number;
     /** de waarde van de kolom. Een fucnction of een property van object van type `T` (string) */
-    value: KeyOf<T> | ((item: T, hovered?: boolean) => React.ReactNode);
+    value: keyof T | ((item: T, hovered?: boolean) => React.ReactNode);
     /** manier om deze cel te identificeren */
-    cellIdentifier?: KeyOf<T> | ((item: T) => string);
+    cellIdentifier?: keyof T | ((item: T) => string);
     /** header voor de kolom. Als niet gedefinieerd wordt de `value` gebruikt, Dus als `value` een `function` is, **moet** je deze setten */
     header?: string | React.ReactNode;
     /** alignment van deze kolom (default = `l` */
@@ -125,7 +125,7 @@ type DataTableProps<T extends unknown = unknown> = {
      * - string: de property op het object van type `T`
      * - function: een function die een `string` returned om te gebruiken als `key` voor de row.
      */
-    rowIdentifier: KeyOf<T> | ((item: T) => string);
+    rowIdentifier: keyof T | ((item: T) => string);
     /** extra content boven de tabel, links van het zoekveld. Deze content wordt automatisch gewrapped met een `<td>...</td>` */
     headerContent?: React.ReactNode;
     /** extra content onder de tabel. Een ReactNode.

package/dist/components/Divider/Divider.d.ts

@@ -1,4 +1,4 @@
-import { ColorProp } from '~/lib/types';
+import { ColorProp } from './../../types';
 type DividerProps = {
     color?: ColorProp | 'default' | undefined;
     className?: string | undefined;

package/dist/components/Footer/Footer.d.ts

@@ -1,4 +1,4 @@
-import { AlignmentProp } from '~/lib/types';
+import { AlignmentProp } from './../../types';
 import React from 'react';
 export type FooterProps = {
     /** De content voor de footer */

package/dist/components/Help/Help.d.ts

@@ -1,4 +1,4 @@
-import { ColorProp, StrictOmit } from '~/lib/types';
+import { ColorProp, StrictOmit } from './../../types';
 import React from 'react';
 type HelpTxtProps = {
     children: React.ReactNode;

package/dist/components/Hero/Hero.d.ts

@@ -1,4 +1,4 @@
-import { SizeProp, AnchorTargetProp, AnchorRelProp } from '~/lib/types';
+import { SizeProp, AnchorTargetProp, AnchorRelProp } from './../../types';
 import React from 'react';
 type HeroProps = {
     itemRef?: React.RefObject<any> | null;

package/dist/components/Icon/Icon.d.ts

@@ -1,5 +1,5 @@
 import { IconProp } from '@fortawesome/fontawesome-svg-core';
-import { SizeProp, ColorProp } from '~/lib/types';
+import { SizeProp, ColorProp } from './../../types';
 import React from 'react';
 type IconProps = {
     /** React font-awesome icon

package/dist/components/Indicator/Indicator.d.ts

@@ -1,4 +1,4 @@
-import { IndicatorPositionProp, ColorProp } from '~/lib/types';
+import { IndicatorPositionProp, ColorProp } from './../../types';
 import React from 'react';
 type IndicatorProps = {
     /** Positie van de indicator (default = 'tr' (top-right)) */

package/dist/components/Link/Link.d.ts

@@ -1,4 +1,4 @@
-import { ColorProp, AnchorTargetProp, AnchorRelProp } from '~/lib/types';
+import { ColorProp, AnchorTargetProp, AnchorRelProp } from './../../types';
 import React from 'react';
 type LinkButtonProps = {
     fullwidth?: boolean;

package/dist/components/Message/Message.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { IconProp } from '@fortawesome/fontawesome-svg-core';
-import { SizeProp, ColorProp, StrictOmit } from '~/lib/types';
+import { SizeProp, ColorProp, StrictOmit } from './../../types';
 type MessageProps = {
     /** ID voor de message */
     id?: string;

package/dist/components/Modal/Modal.d.ts

@@ -1,4 +1,4 @@
-import { SizeProp } from '~/lib/types';
+import { SizeProp } from './../../types';
 import React from 'react';
 type ModalProps = {
     /** Content van de modal. Als deze te lang wordt, wordt hij scrollable */

package/dist/components/Notification/Notification.d.ts

@@ -1,5 +1,5 @@
 import { IconProp } from '@fortawesome/fontawesome-svg-core';
-import { ColorProp, StrictOmit } from '~/lib/types';
+import { ColorProp, StrictOmit } from './../../types';
 import React from 'react';
 /** Props voor een Notification */
 export type NotificationProps = {

package/dist/components/Pagination/Pagination.d.ts

@@ -1,4 +1,4 @@
-import { SizeProp } from '~/lib/types';
+import { SizeProp } from './../../types';
 type PaginationProps = {
     /** current selected page number */ currentPage: number;
     /** range to render bijvoorbeeld van de  `usePagination()`-hook. Bestaat uit numbers en `'dots'` op de plekken waar puntjes moeten komen

package/dist/components/Panel/Panel.d.ts

@@ -1,6 +1,6 @@
 import { IconProp } from '@fortawesome/fontawesome-svg-core';
-import { InputValueType, InputPropsType, InputStylingPropsType } from '~/lib/forms/Input';
-import { ColorProp, PrettierType, StrictOmit } from '~/lib/types';
+import { InputValueType, InputPropsType, InputStylingPropsType } from './../../forms/Input';
+import { ColorProp, PrettierType, StrictOmit } from './../../types';
 import React from 'react';
 type PanelProps = {
     /** de kleur van het Panel (default = `i`) */

package/dist/components/ProgressBar/ProgressBar.d.ts

@@ -1,4 +1,4 @@
-import { SizeProp, ColorProp } from '~/lib/types';
+import { SizeProp, ColorProp } from './../../types';
 type ProgressBarProps = {
     /** Grootte van de progressbar */
     size?: SizeProp;

package/dist/components/QuickView/QuickView.d.ts

@@ -1,4 +1,4 @@
-import { ColorProp } from '~/lib/types';
+import { ColorProp } from './../../types';
 import React from 'react';
 type QuickViewProps = {
     /** ref naar de quickview. Bijvoorbeeld voor gebruik met de `useClickOutside()`-hook */

package/dist/components/ScrollArea/ScrollArea.d.ts

@@ -1,4 +1,4 @@
-import { AlignmentProp } from '~/lib/types';
+import { AlignmentProp } from './../../types';
 import React from 'react';
 /**
  * Maak een ScrollArea om in een bepaalde richting te kunnen scrollen. De scrollareas maken gebruik van flexbox.

package/dist/components/Section/Section.d.ts

@@ -1,4 +1,4 @@
-import { TagSizeProp } from '~/lib/types';
+import { TagSizeProp } from './../../types';
 import React from 'react';
 type SectionPropsType = {
     id?: string;

package/dist/components/SimpleTable/SimpleTable.d.ts

@@ -1,4 +1,4 @@
-import { KeyOf, StrictOmit } from '~/lib/types';
+import { StrictOmit } from './../../types';
 import React from 'react';
 type SimpleTableProps<T extends unknown = unknown> = {
     id?: string;
@@ -10,11 +10,11 @@ type SimpleTableProps<T extends unknown = unknown> = {
      * - `TableColProps`: naam van de kolom en de object-key die daarbij hoort. Als name undefined, wordt de key genomen
      * - `undefined`: alle object keys worden gebruikt en getoont
      */
-    columns?: KeyOf<T>[] | SimpleTableColProps<T>[];
+    columns?: (keyof T)[] | SimpleTableColProps<T>[];
     /** De data van tabel: een array objects */
     data: T[];
     /** Waarmee moet een rij worden geidentificeerd. Anders wordt index gebruikt, liever niet: react-performance */
-    rowIdentifier: KeyOf<T> | ((item: T) => string | number);
+    rowIdentifier: keyof T | ((item: T) => string | number);
     /** Is de tabel narrow ? (default false) */
     narrow?: boolean;
     /** Is de tabel striped ? (default false) */
@@ -45,7 +45,7 @@ type SimpleTableColProps<T extends unknown = unknown> = {
      * - Als string: object[value] geeft de waarde
      * - Als function: eigen function om de value te zetten
      */
-    value: KeyOf<T> | ((v: T) => string | React.ReactNode);
+    value: keyof T | ((v: T) => string | React.ReactNode);
     hidden?: boolean;
 };
 /**

package/dist/components/Steps/Steps.d.ts

@@ -1,4 +1,4 @@
-import { SizeProp } from '~/lib/types';
+import { SizeProp } from './../../types';
 import React from 'react';
 type StatusType = 'active' | 'completed' | 'error' | 'pending';
 type StepChoiceType = 'neighbours' | 'disabled' | 'up' | 'down' | 'allowed';

package/dist/components/TabBar/TabBar.d.ts

@@ -1,4 +1,4 @@
-import { SizeProp, AlignmentProp, StrictOmit } from '~/lib/types';
+import { SizeProp, AlignmentProp, StrictOmit } from './../../types';
 import React from 'react';
 export type TabBarProps = {
     /** Tab grootte. (default = 'm') */

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

@@ -1,4 +1,4 @@
-import { ColorProp, TagSizeProp, AlignmentProp } from '~/lib/types';
+import { ColorProp, TagSizeProp, AlignmentProp } from './../../types';
 import React from 'react';
 export type TagProps = {
     /** Content van de tag */

package/dist/components/TimeLine/TimeLine.d.ts

@@ -1,5 +1,5 @@
 import { IconProp } from '@fortawesome/fontawesome-svg-core';
-import { AlignmentProp, ColorProp, TagSizeProp } from '~/lib/types';
+import { AlignmentProp, ColorProp, TagSizeProp } from './../../types';
 type TimeLineProps = {
     id?: string;
     /** Alignment van de timeline (default = 'l', left) */

package/dist/components/ToggleBar/ToggleBar.d.ts

@@ -1,4 +1,4 @@
-import { AlignmentProp, SizeProp } from '~/lib/types';
+import { AlignmentProp, SizeProp } from './../../types';
 import React from 'react';
 type ToggleBarProps = {
     /** De beginwaarde (default = undefined)

package/dist/components/Tooltip/Tooltip.d.ts

@@ -1,4 +1,4 @@
-import { PositionProp } from '~/lib/index';
+import { PositionProp } from './../..';
 import React from 'react';
 /** actions die de tooltip kan doen */
 type ActionType = 'hover' | 'focus' | 'click' | 'contextMenu';

package/dist/components/TreeView/TreeView.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { KeyOf, StrictOmit } from '~/lib/types';
+import { StrictOmit } from './../../types';
 /** De basis-props voor de nodes en de items */
 type BaseProps = {
     /** het path naar deze node*/
@@ -29,7 +29,7 @@ type TreeViewNode<T extends unknown = string> = {
     label: string | ((v: T) => string);
     /** hoe moeten we het item identificeren (te gebruiken als `key` in `.map()`).
      * Default ='value', die werkt alleen voor strings. Voor een ander type moet je een key of een functie geven. */
-    childIdentifier?: 'value' | KeyOf<T> | ((item: T) => string);
+    childIdentifier?: 'value' | keyof T | ((item: T) => string);
     /** de child-items van deze tree node */
     items?: Array<TreeViewNode>;
     /** onclick-callback van de node

package/dist/contexts/ActionSheet/ActionSheetContextProvider.d.ts

@@ -1,5 +1,5 @@
 import { IconProp } from '@fortawesome/fontawesome-svg-core';
-import { ColorProp } from '~/lib/types';
+import { ColorProp } from './../../types';
 import React from 'react';
 type ActionSheetButton<T extends unknown = {}> = string | {
     txt?: string | ((v: T) => string);

package/dist/contexts/AppProvider/AppProviders.d.ts

@@ -1,4 +1,4 @@
-import { ColorSchemeType } from '~/lib/types';
+import { ColorSchemeType } from './../../types';
 import React from 'react';
 import { OptionalDefaultsType } from '../DefaultsProvider/DefaultsProvider';
 type AppProviderProps = {

package/dist/contexts/ColorSchemeProvider/ColorSchemeProvider.d.ts

@@ -1,4 +1,4 @@
-import { ColorSchemeType } from '~/lib/types';
+import { ColorSchemeType } from './../../types';
 import React from 'react';
 export declare const ColorSchemeContext: React.Context<{
     scheme: ColorSchemeType;

package/dist/contexts/DefaultsProvider/DefaultsProvider.d.ts

@@ -1,4 +1,4 @@
-import { SizeProp, DirectionProp, AlignmentProp, ColorProp, TagSizeProp } from '~/lib/types';
+import { SizeProp, DirectionProp, AlignmentProp, ColorProp, TagSizeProp } from './../../types';
 import React from 'react';
 type InputSettings = {
     /** default size setting (`m`) */

package/dist/contexts/Notifier/Notifier.d.ts

@@ -1,4 +1,4 @@
-import { ColorProp } from '~/lib/types';
+import { ColorProp } from './../../types';
 import React from 'react';
 export type NotifierProviderProps = {
     /** De child-components die de notifier mogen gebruiken */

package/dist/contexts/Prompt/PromptContextProvider.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { IconProp } from '@fortawesome/fontawesome-svg-core';
-import { TextInputProps } from '~/lib/forms/Text/TextInput';
-import { StrictOmit } from '~/lib/types';
+import { TextInputProps } from './../../forms/Text/TextInput';
+import { StrictOmit } from './../../types';
 type State = {
     show: boolean;
     content: string | React.ReactNode;

package/dist/forms/Checkbox/Checkbox.d.ts

@@ -1,4 +1,4 @@
-import { StrictOmit, ColorProp } from '~/lib/types';
+import { StrictOmit, ColorProp } from './../../types';
 import React from 'react';
 import { InputPropsType, InputStylingPropsType, InputErrorProps } from '../Input';
 type CheckBoxInputProps = StrictOmit<InputPropsType<boolean>, 'value' | 'type' | 'step' | 'pattern' | 'errorMessage' | 'infoMessage' | 'min' | 'max' | 'pattern' | 'placeholder' | 'hideIconRight'> & StrictOmit<InputStylingPropsType, 'icon'> & {

package/dist/forms/ComboBox/ComboBox.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { StrictOmit, AutoCompleteProp } from '~/lib/types';
+import { StrictOmit, AutoCompleteProp } from './../../types';
 import { InputPropsType, InputStylingPropsType, InputErrorProps, InputValueType } from '../Input';
 type ComboBoxProps<T extends unknown = {}> = StrictOmit<InputPropsType<number | string | string[]>, 'type' | 'step' | 'inputRef' | 'value' | 'onValueChanged' | 'min' | 'max' | 'readonly' | 'pattern' | 'errorMessage' | 'infoMessage' | 'title' | 'form' | 'autoComplete' | 'spellCheck' | 'keyboardType'> & InputStylingPropsType & {
     /** De waarde van de combobox */ value: T;

package/dist/forms/ComboBox/MultiComboBox.d.ts

@@ -1,4 +1,4 @@
-import { StrictOmit, AutoCompleteProp } from '~/lib/types';
+import { StrictOmit, AutoCompleteProp } from './../../types';
 import { InputPropsType, InputStylingPropsType, InputErrorProps, InputValueType } from '../Input';
 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[];

package/dist/forms/Currency/CurrencyInput.d.ts

@@ -1,4 +1,4 @@
-import { StrictOmit } from '~/lib/types';
+import { StrictOmit } from './../../types';
 import { InputPropsType, InputStylingPropsType, InputErrorProps } from '../Input';
 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`) */
@@ -21,10 +21,12 @@ type CurrencyInputProps = StrictOmit<InputPropsType<number>, 'keyboardType' | 'p
     allowNegativeValue?: boolean;
     /** 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<[number, string]>([0, '0']);
+     * const [x, setX] = React.useState<number>(0);
      * return <MyCurrencyInput value={x} onValueChange={setX} {...props} />
      */
     onValueChanged?: (value: number) => void | Promise<void>;
+    /** value-changed callback met de nieuwe string-waarde van de input.     */
+    onStringValueChanged?: (value: string) => 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.
@@ -42,6 +44,6 @@ 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({ allowNegativeValue, placeholder, helpTag, errorMessage, infoMessage, label, disabled, title, name, value, required, showRequiredOnLabel, spellCheck, id, autoComplete, max, min, inputRef, readonly, step, autofocus, hideIconRight, infoData, form, onBlur, onChange, onFocus, onKeyDown, onKeyUp, onValueChanged, size: sizeProp, alignment: alignmentProp, direction: directionProp, labelHidden, loading, icon, suffix, prefix, decimalScale, decimalSeparator, groupSeparator, }: CurrencyInputProps): import("react/jsx-runtime").JSX.Element;
+declare function CurrencyInput({ allowNegativeValue, placeholder, helpTag, errorMessage, infoMessage, label, disabled, title, name, value, required, showRequiredOnLabel, spellCheck, id, autoComplete, max, min, inputRef, readonly, step, autofocus, hideIconRight, infoData, form, onBlur, onChange, onFocus, onKeyDown, onKeyUp, onValueChanged, onStringValueChanged, size: sizeProp, alignment: alignmentProp, direction: directionProp, labelHidden, loading, icon, suffix, prefix, decimalScale, decimalSeparator, groupSeparator, }: CurrencyInputProps): import("react/jsx-runtime").JSX.Element;
 export { CurrencyInput };
 export type { CurrencyInputProps };

package/dist/forms/Datetimes/DateInput.d.ts

@@ -1,5 +1,5 @@
-import { StrictOmit } from '~/lib/types';
-import { JSDateTime } from '~/lib/utils/JSDateTime.class';
+import { StrictOmit } from './../../types';
+import { JSDateTime } from './../../utils/JSDateTime.class';
 import { InputPropsType, InputStylingPropsType } from '../Input';
 type DateInputProps = StrictOmit<InputPropsType<string>, 'type' | 'value' | 'onValueChanged'> & InputStylingPropsType & {
     /**

package/dist/forms/Datetimes/DateTimeInput.d.ts

@@ -1,5 +1,5 @@
-import { StrictOmit } from '~/lib/types';
-import { JSDateTime } from '~/lib/utils/JSDateTime.class';
+import { StrictOmit } from './../../types';
+import { JSDateTime } from './../../utils/JSDateTime.class';
 import { InputPropsType, InputStylingPropsType } from '../Input';
 type DateTimeInputProps = StrictOmit<InputPropsType<string>, 'type' | 'value' | 'onValueChanged'> & InputStylingPropsType & {
     /** Moeten de secondes en de milliseconden ook getoond worden? (default = `'none'`)

package/dist/forms/Datetimes/TimeInput.d.ts

@@ -1,5 +1,5 @@
-import { StrictOmit } from '~/lib/types';
-import { JSDateTime } from '~/lib/utils/JSDateTime.class';
+import { StrictOmit } from './../../types';
+import { JSDateTime } from './../../utils/JSDateTime.class';
 import { InputPropsType, InputStylingPropsType } from '../Input';
 type TimeInputProps = StrictOmit<InputPropsType<string>, 'step' | 'type' | 'value' | 'onValueChanged'> & InputStylingPropsType & {
     /** Moeten de secondes ook getoont worden in de input? (Default = false) */

package/dist/forms/File/FileInput.d.ts

@@ -1,4 +1,4 @@
-import { StrictOmit } from '~/lib/types';
+import { StrictOmit } from './../../types';
 import React from 'react';
 import { InputPropsType, InputStylingPropsType, InputErrorProps } from '../Input';
 type FileInputValue = {

package/dist/forms/Input.d.ts

@@ -1,5 +1,5 @@
 import { IconProp } from '@fortawesome/fontawesome-svg-core';
-import { AlignmentProp, DirectionProp, AutoCompleteProp, KeyboardTypeProp, StrictOmit, SizeProp } from '~/lib/types';
+import { AlignmentProp, DirectionProp, AutoCompleteProp, KeyboardTypeProp, StrictOmit, SizeProp } from './../types';
 import React from 'react';
 import { MonthInputString } from './Periodes/MonthInput';
 import { WeekInputString } from './Periodes/WeekInput';

package/dist/forms/MaskedInput/MaskedInput.d.ts

@@ -10,8 +10,8 @@ interface MaskedInputProps extends Omit<React.InputHTMLAttributes<HTMLInputEleme
     onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
     onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
 }
-type Mask = Array<string | RegExp> | ((value: string, config?: any) => Array<string | RegExp> | false);
-interface ConformToMaskConfig {
+export type Mask = Array<string | RegExp> | ((value: string, config?: any) => Array<string | RegExp> | false);
+export interface ConformToMaskConfig {
     guide?: boolean;
     previousConformedValue?: string;
     placeholderChar?: string;
@@ -26,7 +26,7 @@ interface ConformToMaskResult {
     };
 }
 export declare const MaskedInput: React.ForwardRefExoticComponent<MaskedInputProps & React.RefAttributes<HTMLInputElement>>;
-export default function conformToMask(rawValue: string | undefined, mask: Mask, config?: ConformToMaskConfig): ConformToMaskResult;
+export declare function conformToMask(rawValue: string | undefined, mask: Mask, config?: ConformToMaskConfig): ConformToMaskResult;
 export declare function createNumberMask({ prefix, suffix, includeThousandsSeparator, thousandsSeparatorSymbol, allowDecimal, decimalSymbol, decimalLimit, requireDecimal, allowNegative, allowLeadingZeroes, integerLimit, }?: {
     prefix?: string | undefined;
     suffix?: string | undefined;

package/dist/forms/Numeric/NumberInput.d.ts

@@ -1,4 +1,4 @@
-import { StrictOmit } from '~/lib/types';
+import { StrictOmit } from './../../types';
 import { InputPropsType, InputStylingPropsType } from '../Input';
 type NumberInputProps = StrictOmit<InputPropsType<number>, 'type' | 'spellCheck'> & InputStylingPropsType & {
     prefix?: string;

package/dist/forms/Numeric/RangeInput.d.ts

@@ -1,4 +1,4 @@
-import { StrictOmit } from '~/lib/types';
+import { StrictOmit } from './../../types';
 import { InputPropsType, InputStylingPropsType } from '../Input';
 type RangeInputProps = StrictOmit<InputPropsType<number>, 'autofocus' | 'autoComplete' | 'type' | 'spellCheck' | 'placeholder' | 'hideIconRight'> & StrictOmit<InputStylingPropsType, 'alignment' | 'icon'> & {
     /** value-unit om __voor__ de geselecteerde waarde te zetten. (default = `''`) */

package/dist/forms/Others/ColorInput.d.ts

@@ -1,4 +1,4 @@
-import { StrictOmit, HexColor, RGBColor, HSLColor } from '~/lib/types';
+import { StrictOmit, HexColor, RGBColor, HSLColor } from './../../types';
 import { InputPropsType, InputStylingPropsType } from '../Input';
 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` */

package/dist/forms/Others/TelephoneInput.d.ts

@@ -1,4 +1,4 @@
-import { StrictOmit } from '~/lib/types';
+import { StrictOmit } from './../../types';
 import { InputPropsType, InputStylingPropsType } from '../Input';
 type TelephoneInputProps = StrictOmit<InputPropsType<string>, 'type' | 'step' | 'pattern'> & InputStylingPropsType & {
     pattern?: 'mobiel' | 'vast' | string;

package/dist/forms/Others/URLInput.d.ts

@@ -1,4 +1,4 @@
-import { StrictOmit } from '~/lib/types';
+import { StrictOmit } from './../../types';
 import { InputPropsType, InputStylingPropsType } from '../Input';
 type URLInputProps = StrictOmit<InputPropsType<string>, 'type' | 'step' | 'pattern'> & InputStylingPropsType & {
     pattern?: string;

package/dist/forms/Periodes/MonthInput.d.ts

@@ -1,4 +1,4 @@
-import { StrictOmit } from '~/lib/types';
+import { StrictOmit } from './../../types';
 import { InputPropsType, InputStylingPropsType } from '../Input';
 /** WeekInput: input voor een weeknummer (format: yyyy-MM)
  * -1e getal: jaartal

package/dist/forms/Periodes/WeekInput.d.ts

@@ -1,4 +1,4 @@
-import { StrictOmit } from '~/lib/types';
+import { StrictOmit } from './../../types';
 import { InputPropsType, InputStylingPropsType } from '../Input';
 /** WeekInput: input voor een weeknummer (format: yyyy-Www)
  * -1e getal: jaartal

package/dist/forms/Radio/Radio.d.ts

@@ -1,4 +1,4 @@
-import { StrictOmit, DirectionProp, ColorProp } from '~/lib/types';
+import { StrictOmit, DirectionProp, ColorProp } from './../../types';
 import React from 'react';
 import { InputValueType, InputStylingPropsType, InputErrorProps, InputPropsType } from '../Input';
 type RBValueType = InputValueType | {};