loon-bulma-react 2025.1.1 → 2025.1.2

package/README.md

@@ -1,8 +1,33 @@
 # loon-bulma-react
 
-> Voorheen stond hier hoe je de componenten, providers en hooks kon gebruiken. Die zijn nu verplaatst naar een [GitHub Page](https://timroos1990.github.io/loon-bulma-react/)
->
-> [F626428]
+## Build-procedure is gewijzigd
+
+Alle builds **voor** versie `2025.1.0` zijn gebouwd met behulp van [tsup](https://tsup.egoist.dev/). Tsup wordt alleen niet meer onderhouden, daarom zijn we gemigreerd naar een ViteJS-lib configuratie. Daar was nog wel wat werk voor nodig. En er zijn behoorlijk wat config files bijgekomen:
+
+- TSConfig files:
+  - `tsconfig.json`: Basis configuratie voor TypeScript
+  - `tsconfig.build.json`: Configuratie voor het bouwen van de library
+  - `tsconfig.node.json`: Configuratie voor Node.js omgevingen (nodig voor beide build-types)
+  - `tsconfig.app.json`: Configuratie voor de applicatie / voorbeeldsite
+
+- Vite Config files
+  - `vite.build.config.ts`: Configuratie voor het bouwen van de library
+  - `vite.app.config.ts`: Configuratie voor de applicatie / voorbeeldsite
+
+  De voorbeeldsite en de npm-package worden nu dus met dezelfde tool gebouwd. De `lib`-folder bevat de code die naar de npm-package moet worden gepubliceerd (samen met deze README). De `src`-folder bevat de code om de voorbeeldsite te bouwen en de componenten uit de package te testen.
+
+  De build-scripts in de `package.json` zijn aangepast om Vite te gebruiken. Het zijn er 3:
+  - `build`: roept _beide_ bouw-scripts aan om de library **en** de voorbeeldsite te bouwen
+  - `lib:build`: voor het bouwen van de library. Deze publiceert naar de folder `./dist`
+  - `app:build`: voor het bouwen van de voorbeeldsite. Deze publiceert naar de folder `./.site`.
+
+  De `./dist`-folder bevat de gebundelde code voor de librar en hoeft dus niet in git. De `./.site`-folder bevat de gebundelde code voor de voorbeeldsite. Deze wordt via github naar een github-page gepubliceerd, dus moet **wel** in git blijven!
+
+## Voorbeeld pagina
+
+De voorbeelden voor de componenten vindt je op een [GitHub Page](https://timroos1990.github.io/loon-bulma-react/)
+
+[F626428]
 
 ## [Bulma](https://bulma.io/) & [React](https://reactjs.org/) componenten voor Loon Salarissoftware.
 
@@ -46,7 +71,7 @@ Voor het meeste recente Loon-jaar kan je _wel_ `npm install loon-bulma-react@lat
 > - `@y2020` --> Testversie voor **2020**, installeren met `npm install loon-bulma-react@y2021`.
 > - `@y2021` --> Versie voor **2021**, installeren met `npm install loon-bulma-react@y2021`.
 > - `@y2022` --> Versie voor **2022**, installeren met `npm install loon-bulma-react@y2022`.
-> - `@y2023` --> Versie voor **2023**, installeren met `npm install loon-bulma-react@y2023` 
+> - `@y2023` --> Versie voor **2023**, installeren met `npm install loon-bulma-react@y2023`
 > - `@y2024` --> Versie voor **2024**, installeren met `npm install loon-bulma-react@y2024`.
 > - `@latest` --> Default versie die geïnstalleerd wordt met `npm install loon-bulma-react`.
 > - `@beta` --> Versie om te testen _(TR!)_ van wat dingen`npm install loon-bulma-react@beta`

package/dist/classes/Console.d.ts

@@ -1,7 +1,7 @@
 type ConsoleLevel = 'error' | 'warn' | 'log' | 'info' | string & {};
 /** log in console */
 export declare class Console {
-    static enabled: boolean;
+    static enabled: any;
     /** console-log error - Alleen in Debug Modus!  */
     static Error(message?: any, ...optionalParams: any[]): void;
     /** console-log warning  - Alleen in Debug Modus! */

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 '~/lib/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 '~/lib/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 '~/lib/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 '~/lib/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 '~/lib/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 '~/lib/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 '~/lib/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,5 @@
-import { KeyOf } from '@lib/types';
-import { JSDateTime } from '@lib/utils/JSDateTime.class';
+import { KeyOf } from '~/lib/types';
+import { JSDateTime } from '~/lib/utils/JSDateTime.class';
 import React from 'react';
 import { BaseEventProps, CalendarOptions } from '../Props';
 type PlanningViewProps<R, E extends BaseEventProps = BaseEventProps> = {

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 '~/lib/types';
+import { JSDateTime } from '~/lib/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 '~/lib/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 '~/lib/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 '~/lib/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 "~/lib/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 '~/lib/index';
 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 '~/lib/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 { KeyOf, AlignmentProp, SizeProp } from '~/lib/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`

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

@@ -1,4 +1,4 @@
-import { ColorProp } from '@lib/types';
+import { ColorProp } from '~/lib/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 '~/lib/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 '~/lib/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 '~/lib/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 '~/lib/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 '~/lib/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 '~/lib/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 '~/lib/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 '~/lib/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 '~/lib/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 '~/lib/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 '~/lib/forms/Input';
+import { ColorProp, PrettierType, StrictOmit } from '~/lib/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 '~/lib/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 '~/lib/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 '~/lib/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 '~/lib/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 { KeyOf, StrictOmit } from '~/lib/types';
 import React from 'react';
 type SimpleTableProps<T extends unknown = unknown> = {
     id?: string;

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

@@ -1,4 +1,4 @@
-import { SizeProp } from '@lib/types';
+import { SizeProp } from '~/lib/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 '~/lib/types';
 import React from 'react';
 export type TabBarProps = {
     /** Tab grootte. (default = 'm') */
@@ -42,6 +42,6 @@ export type TabBarItemProps = {
  */
 declare const TabBar: {
     ({ id, type, activeTab: currentActiveTab, initialTab, size: sizeProp, alignment, fullwidth, children, onTabChange }: TabBarProps): import("react/jsx-runtime").JSX.Element;
-    Item(props: StrictOmit<TabBarItemProps, "onClick" | "isActive">): import("react/jsx-runtime").JSX.Element;
+    Item(_props: StrictOmit<TabBarItemProps, "onClick" | "isActive">): import("react/jsx-runtime").JSX.Element;
 };
 export { TabBar };

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

@@ -1,4 +1,4 @@
-import { ColorProp, TagSizeProp, AlignmentProp } from '@lib/types';
+import { ColorProp, TagSizeProp, AlignmentProp } from '~/lib/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 '~/lib/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 '~/lib/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 '~/lib/index';
 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 { KeyOf, StrictOmit } from '~/lib/types';
 /** De basis-props voor de nodes en de items */
 type BaseProps = {
     /** het path naar deze 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 '~/lib/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 '~/lib/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 '~/lib/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 '~/lib/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 '~/lib/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 '~/lib/forms/Text/TextInput';
+import { StrictOmit } from '~/lib/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 '~/lib/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 '~/lib/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 '~/lib/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 '~/lib/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`) */

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 '~/lib/types';
+import { JSDateTime } from '~/lib/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 '~/lib/types';
+import { JSDateTime } from '~/lib/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 '~/lib/types';
+import { JSDateTime } from '~/lib/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 '~/lib/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 '~/lib/types';
 import React from 'react';
 import { MonthInputString } from './Periodes/MonthInput';
 import { WeekInputString } from './Periodes/WeekInput';

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

@@ -1,4 +1,4 @@
-import { StrictOmit } from '@lib/types';
+import { StrictOmit } from '~/lib/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 '~/lib/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 '~/lib/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 '~/lib/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 '~/lib/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 '~/lib/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 '~/lib/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 '~/lib/types';
 import React from 'react';
 import { InputValueType, InputStylingPropsType, InputErrorProps, InputPropsType } from '../Input';
 type RBValueType = InputValueType | {};

package/dist/forms/Select/Select.d.ts

@@ -1,4 +1,4 @@
-import { StrictOmit } from '@lib/types';
+import { StrictOmit } from '~/lib/types';
 import React from 'react';
 import { InputPropsType, InputStylingPropsType } from '../Input';
 type SelectInputProps<T extends number | string | string[]> = StrictOmit<InputPropsType<number | string | string[]>, 'type' | 'step' | 'inputRef' | 'value' | 'onValueChanged' | 'onBlur' | 'onFocus' | 'onChange' | 'onKeyDown' | 'onKeyUp' | 'min' | 'max' | 'readonly' | 'pattern' | 'placeholder'> & InputStylingPropsType & {

package/dist/forms/TagsInput/TagsInput.d.ts

@@ -1,6 +1,6 @@
-import { StrictOmit, ColorProp } from '@lib/types';
+import { StrictOmit, ColorProp } from '~/lib/types';
 import { InputPropsType, InputStylingPropsType, InputErrorProps } from '../Input';
-type TagsInputProps = StrictOmit<InputPropsType<string>, 'type' | 'step' | 'value' | 'onValueChanged' | 'max' | 'min' | 'inputRef' | 'errorMessage'> & InputStylingPropsType & {
+type TagsInputProps = StrictOmit<InputPropsType<string>, 'type' | 'step' | 'onChange' | 'value' | 'onValueChanged' | 'max' | 'min' | 'inputRef' | 'errorMessage'> & InputStylingPropsType & {
     /** de values (dus de tags) van het input field */
     value?: string[] | undefined;
     /** mogen tags meerdere keren voorkomen (2 tags met dezelfde tekst). default = `false` */
@@ -39,6 +39,6 @@ type TagsInputProps = StrictOmit<InputPropsType<string>, 'type' | 'step' | 'valu
  * </Section>
  * @returns
  */
-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, hideIconRight, title, className: extraClasses, styles, randomColors, maxTags, infoData, onBlur, onFocus, onValueChanged, onKeyDown, onKeyUp, ...props }: TagsInputProps): import("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, hideIconRight, title, className: extraClasses, styles, randomColors, maxTags, infoData, onBlur, onFocus, onValueChanged, onKeyDown, onKeyUp, }: TagsInputProps): import("react/jsx-runtime").JSX.Element;
 export { TagsInput };
 export type { TagsInputProps };

package/dist/forms/Text/EmailInput.d.ts

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