loon-bulma-react 2026.0.42 → 2026.0.43

package/dist/components/AspectRatio/AspectRatio.d.ts

@@ -23,6 +23,6 @@ type AspectRatioProps = {
  *   <iframe src="https://www.youtube.com/embed/dQw4w9WgXcQ">
  * </AspectRatio>
  */
-declare function AspectRatio({ ratio, children, caption, className }: AspectRatioProps): import("react/jsx-runtime").JSX.Element;
+declare function AspectRatio({ ratio, children, caption, className }: AspectRatioProps): React.JSX.Element;
 export { AspectRatio };
 export type { AspectRatioProps };

package/dist/components/Block/Block.d.ts

@@ -5,5 +5,5 @@ declare function Block({ id, children, className: cn, styles }: {
     children: React.ReactNode;
     className?: string;
     styles?: React.CSSProperties;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 export { Block };

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

@@ -16,14 +16,14 @@ type BorderBoxProps = {
  * @example <BorderBox.Primary title="Title" alignment="c">Content</BorderBox.Primary>
  */
 declare const BorderBox: {
-    ({ children, title, style, itemRef, className: cn, color: colorProp, alignment }: BorderBoxProps): import("react/jsx-runtime").JSX.Element;
-    Primary(props: StrictOmit<BorderBoxProps, "color">): import("react/jsx-runtime").JSX.Element;
-    Link(props: StrictOmit<BorderBoxProps, "color">): import("react/jsx-runtime").JSX.Element;
-    Info(props: StrictOmit<BorderBoxProps, "color">): import("react/jsx-runtime").JSX.Element;
-    Warning(props: StrictOmit<BorderBoxProps, "color">): import("react/jsx-runtime").JSX.Element;
-    Danger(props: StrictOmit<BorderBoxProps, "color">): import("react/jsx-runtime").JSX.Element;
-    Success(props: StrictOmit<BorderBoxProps, "color">): import("react/jsx-runtime").JSX.Element;
-    Light(props: StrictOmit<BorderBoxProps, "color">): import("react/jsx-runtime").JSX.Element;
-    Dark(props: StrictOmit<BorderBoxProps, "color">): import("react/jsx-runtime").JSX.Element;
+    ({ children, title, style, itemRef, className: cn, color: colorProp, alignment }: BorderBoxProps): React.JSX.Element;
+    Primary(props: StrictOmit<BorderBoxProps, "color">): React.JSX.Element;
+    Link(props: StrictOmit<BorderBoxProps, "color">): React.JSX.Element;
+    Info(props: StrictOmit<BorderBoxProps, "color">): React.JSX.Element;
+    Warning(props: StrictOmit<BorderBoxProps, "color">): React.JSX.Element;
+    Danger(props: StrictOmit<BorderBoxProps, "color">): React.JSX.Element;
+    Success(props: StrictOmit<BorderBoxProps, "color">): React.JSX.Element;
+    Light(props: StrictOmit<BorderBoxProps, "color">): React.JSX.Element;
+    Dark(props: StrictOmit<BorderBoxProps, "color">): React.JSX.Element;
 };
 export { BorderBox };

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

@@ -15,6 +15,6 @@ type BoxProps = {
  * @returns een witte box om elementen.
  * @example <Box>This is a box</Box>
  */
-declare function Box({ id, children, className: cn, styles, itemRef }: BoxProps): import("react/jsx-runtime").JSX.Element;
+declare function Box({ id, children, className: cn, styles, itemRef }: BoxProps): React.JSX.Element;
 export { Box };
 export type { BoxProps };

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

@@ -61,24 +61,24 @@ export type ButtonProps = {
  * | type     | `button, reset, submit` | `button` | type 'button' voor de button            |
  */
 declare const Button: {
-    ({ color: colorProp, size: sizeProp, loading, disabled, fullwidth, styling, type, className: classNameProp, isStatic, helpTag, onClick, onFocus, onMouseEnter, children: nodes, value, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
-    OK({ text, icon, color, ...props }: Partial<DefinedButtonProps>): import("react/jsx-runtime").JSX.Element;
-    Cancel({ text, icon, color, ...props }: Partial<DefinedButtonProps>): import("react/jsx-runtime").JSX.Element;
-    Close({ text, icon, color, ...props }: Partial<DefinedButtonProps>): import("react/jsx-runtime").JSX.Element;
-    Delete({ text, icon, color, ...props }: Partial<DefinedButtonProps>): import("react/jsx-runtime").JSX.Element;
-    Static(props: StrictOmit<ButtonProps, "color" | "isStatic" | "onClick" | "onFocus" | "disabled" | "loading">): import("react/jsx-runtime").JSX.Element;
-    Primary(props: StrictOmit<ButtonProps, "color" | "isStatic">): import("react/jsx-runtime").JSX.Element;
-    Success(props: StrictOmit<ButtonProps, "color" | "isStatic">): import("react/jsx-runtime").JSX.Element;
-    Danger(props: StrictOmit<ButtonProps, "color" | "isStatic">): import("react/jsx-runtime").JSX.Element;
-    Warning(props: StrictOmit<ButtonProps, "color" | "isStatic">): import("react/jsx-runtime").JSX.Element;
-    Info(props: StrictOmit<ButtonProps, "color" | "isStatic">): import("react/jsx-runtime").JSX.Element;
-    Link(props: StrictOmit<ButtonProps, "color" | "isStatic">): import("react/jsx-runtime").JSX.Element;
-    Light(props: StrictOmit<ButtonProps, "color" | "isStatic">): import("react/jsx-runtime").JSX.Element;
-    Dark(props: StrictOmit<ButtonProps, "color" | "isStatic">): import("react/jsx-runtime").JSX.Element;
-    None(props: StrictOmit<ButtonProps, "color" | "isStatic">): import("react/jsx-runtime").JSX.Element;
+    ({ color: colorProp, size: sizeProp, loading, disabled, fullwidth, styling, type, className: classNameProp, isStatic, helpTag, onClick, onFocus, onMouseEnter, children: nodes, value, ...props }: ButtonProps): React.JSX.Element;
+    OK({ text, icon, color, ...props }: Partial<DefinedButtonProps>): React.JSX.Element;
+    Cancel({ text, icon, color, ...props }: Partial<DefinedButtonProps>): React.JSX.Element;
+    Close({ text, icon, color, ...props }: Partial<DefinedButtonProps>): React.JSX.Element;
+    Delete({ text, icon, color, ...props }: Partial<DefinedButtonProps>): React.JSX.Element;
+    Static(props: StrictOmit<ButtonProps, "color" | "isStatic" | "onClick" | "onFocus" | "disabled" | "loading">): React.JSX.Element;
+    Primary(props: StrictOmit<ButtonProps, "color" | "isStatic">): React.JSX.Element;
+    Success(props: StrictOmit<ButtonProps, "color" | "isStatic">): React.JSX.Element;
+    Danger(props: StrictOmit<ButtonProps, "color" | "isStatic">): React.JSX.Element;
+    Warning(props: StrictOmit<ButtonProps, "color" | "isStatic">): React.JSX.Element;
+    Info(props: StrictOmit<ButtonProps, "color" | "isStatic">): React.JSX.Element;
+    Link(props: StrictOmit<ButtonProps, "color" | "isStatic">): React.JSX.Element;
+    Light(props: StrictOmit<ButtonProps, "color" | "isStatic">): React.JSX.Element;
+    Dark(props: StrictOmit<ButtonProps, "color" | "isStatic">): React.JSX.Element;
+    None(props: StrictOmit<ButtonProps, "color" | "isStatic">): React.JSX.Element;
     Theme({ invert, ...props }: {
         invert?: boolean;
-    } & StrictOmit<ButtonProps, "color" | "isStatic">): import("react/jsx-runtime").JSX.Element;
+    } & StrictOmit<ButtonProps, "color" | "isStatic">): React.JSX.Element;
 };
 type DefinedButtonProps = StrictOmit<ButtonProps, 'children' | 'isStatic'> & {
     icon: IconProp;

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

@@ -21,6 +21,6 @@ type ButtonGroupProps = {
  * @param className: Voeg  extra classes aan de buttons-container toe
  * @returns
  */
-declare function Buttons({ unevenSize, alignment, ...props }: ButtonGroupProps): import("react/jsx-runtime").JSX.Element;
+declare function Buttons({ unevenSize, alignment, ...props }: ButtonGroupProps): React.JSX.Element;
 export { Buttons, Buttons as ButtonGroup };
 export type { ButtonGroupProps };

package/dist/components/Calendar/CalendarItems/CalendarColoredItem.d.ts

@@ -14,5 +14,5 @@ type CalendarColoredItemProps<T extends BaseEventProps> = {
  * @param props
  * @returns
  */
-export declare function CalendarColoredItem<T extends BaseEventProps>({ event, options, onClick, desc }: CalendarColoredItemProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function CalendarColoredItem<T extends BaseEventProps>({ event, options, onClick, desc }: CalendarColoredItemProps<T>): React.JSX.Element;
 export {};

package/dist/components/Calendar/CalendarItems/CalendarItem.d.ts

@@ -14,5 +14,5 @@ type CalendarItemProps<T extends BaseEventProps> = {
  * @param props
  * @returns
  */
-export declare function CalendarItem<T extends BaseEventProps>({ event, onClick, desc }: CalendarItemProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function CalendarItem<T extends BaseEventProps>({ event, onClick, desc }: CalendarItemProps<T>): React.JSX.Element;
 export {};

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

@@ -21,5 +21,5 @@ type DayContainerProps<T extends BaseEventProps> = {
  * @param props
  * @returns
  */
-export declare function DayContainer<T extends BaseEventProps>({ options, date, onDayClick, onEventClick, events, calendarType, isCurrentMonth, }: DayContainerProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function DayContainer<T extends BaseEventProps>({ options, date, onDayClick, onEventClick, events, calendarType, isCurrentMonth, }: DayContainerProps<T>): React.JSX.Element;
 export {};

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

@@ -17,17 +17,17 @@ export declare function AllDayDesc<T extends BaseEventProps>({ evt, calendarType
     calendarType: CalendarType;
     isHovered?: boolean;
     options?: EventOptions<T>;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 export declare function NotAllDayDesc<T extends BaseEventProps>({ evt, options, calendarType, isHovered, }: {
     evt: T;
     calendarType: CalendarType;
     options?: EventOptions<T>;
     isHovered?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 /**
  * Expandable events als er meer dan 5 events op een dag vallen
  * @param props
  * @returns
  */
-export declare function MoreEventsView<T extends BaseEventProps>({ events, onEventClick, options, calendarType }: MoreEventsViewProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function MoreEventsView<T extends BaseEventProps>({ events, onEventClick, options, calendarType }: MoreEventsViewProps<T>): React.JSX.Element;
 export {};

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

@@ -18,6 +18,6 @@ type FourweekViewProps<T extends BaseEventProps> = {
  * @param props
  * @returns
  */
-declare function FourweeksView<T extends BaseEventProps>({ viewDate: vd, options, onEventClick, onDayClick, events: orgEvents }: FourweekViewProps<T>): import("react/jsx-runtime").JSX.Element;
+declare function FourweeksView<T extends BaseEventProps>({ viewDate: vd, options, onEventClick, onDayClick, events: orgEvents }: FourweekViewProps<T>): React.JSX.Element;
 export { FourweeksView };
 export type { FourweekViewProps };

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

@@ -1,5 +1,6 @@
 import { JSDateTime } from './../../../utils/JSDateTime.class';
 import { Locale } from 'date-fns';
+import React from 'react';
 type MiniViewProps = {
     /** de viewDate waarop de mini-view start (optioneel, default = vandaag) */
     viewDate?: JSDateTime | Date;
@@ -20,5 +21,5 @@ type MiniViewOptions = {
     dateFormat?: string;
     locale?: Locale;
 };
-export declare function MiniView({ viewDate: vd, options: opts, onDateSelected, onJSDateTimeSelected }: MiniViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function MiniView({ viewDate: vd, options: opts, onDateSelected, onJSDateTimeSelected }: MiniViewProps): React.JSX.Element;
 export {};

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

@@ -18,6 +18,6 @@ type MonthViewProps<T extends BaseEventProps> = {
  * @param props
  * @returns
  */
-declare function MonthView<T extends BaseEventProps>({ viewDate: vd, options, onEventClick, onDayClick, events: orgEvents }: MonthViewProps<T>): import("react/jsx-runtime").JSX.Element;
+declare function MonthView<T extends BaseEventProps>({ viewDate: vd, options, onEventClick, onDayClick, events: orgEvents }: MonthViewProps<T>): React.JSX.Element;
 export { MonthView };
 export type { MonthViewProps };

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

@@ -36,6 +36,6 @@ type PlanningViewProps<R, E extends BaseEventProps = BaseEventProps> = {
  * @param param0
  * @returns
  */
-declare function PlanningView<R, E extends BaseEventProps>({ viewDate, days: daysShown, alwaysStartOnMonday, options, rows, rowIdentifier, dayHeader, rowHeader, rowLabel, onDayClick, onEventClick, }: PlanningViewProps<R, E>): import("react/jsx-runtime").JSX.Element;
+declare function PlanningView<R, E extends BaseEventProps>({ viewDate, days: daysShown, alwaysStartOnMonday, options, rows, rowIdentifier, dayHeader, rowHeader, rowLabel, onDayClick, onEventClick, }: PlanningViewProps<R, E>): React.JSX.Element;
 export { PlanningView };
 export type { PlanningViewProps };

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

@@ -15,5 +15,5 @@ type AlldayContainerProps<T extends BaseEventProps> = {
  * @param props
  * @returns
  */
-export declare function AlldayContainer<T extends BaseEventProps>({ options, events, date, onEventClick, onDayClick }: AlldayContainerProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function AlldayContainer<T extends BaseEventProps>({ options, events, date, onEventClick, onDayClick }: AlldayContainerProps<T>): React.JSX.Element;
 export {};

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

@@ -8,7 +8,7 @@ import { BaseEventProps, CalendarOptions, CalendarHours } from '../Props';
  */
 export declare function HourNumber({ hour }: {
     hour: number;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 type HourSlotProps<T extends BaseEventProps> = {
     /** De events voor deze HourProp */
     events: T[];
@@ -26,5 +26,5 @@ type HourSlotProps<T extends BaseEventProps> = {
  * @param param0
  * @returns
  */
-export declare function HourSlot<T extends BaseEventProps>({ events, hour, date, onEventClick, onCellClick, options, lastVisibleHour }: HourSlotProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function HourSlot<T extends BaseEventProps>({ events, hour, date, onEventClick, onCellClick, options, lastVisibleHour }: HourSlotProps<T>): React.JSX.Element;
 export {};

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

@@ -19,6 +19,6 @@ type WeekViewProps<T extends BaseEventProps> = {
  * @returns een weekview (grid) met de events
  * @ex
  */
-declare function WeekView<T extends BaseEventProps>({ viewDate: vd, options, onEventClick, events: orgEvents, onDayClick }: WeekViewProps<T>): import("react/jsx-runtime").JSX.Element;
+declare function WeekView<T extends BaseEventProps>({ viewDate: vd, options, onEventClick, events: orgEvents, onDayClick }: WeekViewProps<T>): React.JSX.Element;
 export { WeekView };
 export type { WeekViewProps };

package/dist/components/CodeBlock/CodeBlock.d.ts

@@ -44,6 +44,6 @@ type CodeBlockProps = {
  * - `vbnet` of `vb`
  * - `xml` of `xmlDoc`
  */
-declare function CodeBlock({ code, dark, language, className, showLineNumbers }: CodeBlockProps): import("react/jsx-runtime").JSX.Element;
+declare function CodeBlock({ code, dark, language, className, showLineNumbers }: CodeBlockProps): import("node_modules/@types/react").JSX.Element;
 export { CodeBlock };
 export type { CodeBlockProps, CodeLanguage };

package/dist/components/Columns/Column.d.ts

@@ -34,9 +34,9 @@ type ExpandedColumnProps = ColumnProps & {
  * <Column narrow size="3/4">Narrow is more important, so this is a narrow column</Column
  */
 declare const Column: {
-    ({ narrow, size, className: propsClassName, styles, id, children, itemRef }: ExpandedColumnProps): import("react/jsx-runtime").JSX.Element;
-    Full(props: ColumnProps): import("react/jsx-runtime").JSX.Element;
-    Half(props: ColumnProps): import("react/jsx-runtime").JSX.Element;
+    ({ narrow, size, className: propsClassName, styles, id, children, itemRef }: ExpandedColumnProps): React.JSX.Element;
+    Full(props: ColumnProps): React.JSX.Element;
+    Half(props: ColumnProps): React.JSX.Element;
     /** Spread columns based on thirds (1/3, 2/3)
      * @deprecated Gebruik de gewone Column-component met de `size`-prop zoals onderstaand voorbeeld om deze te vervangen
      * @example
@@ -49,13 +49,13 @@ declare const Column: {
          * @example <Column size="2/3">This is a first third column</Column>
          * @deprecated Gebruik de `size`-prop om deze te vervangen: `<Column size="1/3">...</Column>`
          */
-        One: (props: ColumnProps) => import("react/jsx-runtime").JSX.Element;
+        One: (props: ColumnProps) => React.JSX.Element;
         /** Column  2/3 width of parent
          * @returns een kolom met 2/3 breedte van de parent 'Columns'
          * @example <Column size="2/3">This is a second third column</Column>
          * @deprecated Gebruik de `size`-prop om deze te vervangen: `<Column size="2/3">...</Column>`
          */
-        Two: (props: ColumnProps) => import("react/jsx-runtime").JSX.Element;
+        Two: (props: ColumnProps) => React.JSX.Element;
     };
     /** Spread columns based on quarters (1/4, 2/4, 3/4)
      * @deprecated Gebruik de gewone Column-component met de `size`-prop zoals onderstaand voorbeeld om deze te vervangen
@@ -70,19 +70,19 @@ declare const Column: {
          * @example <Column.Quarters.One>This is a 1/4 column</Column.Quarters.One>
          * @deprecated Gebruik de `size`-prop om deze te vervangen: `<Column size="1/4">...</Column>`
          */
-        One: (props: ColumnProps) => import("react/jsx-runtime").JSX.Element;
+        One: (props: ColumnProps) => React.JSX.Element;
         /** Column  2/4 width of parent
          * @returns een kolom met 2/4 breedte van de parent 'Columns'
          * @example <Column.Quarters.Two>This is a 2/4 column</Column.Quarters.Two>
          * @deprecated Gebuik de `size`-prop om deze te vervangen: `<Column size="2/4">...</Column>`
          */
-        Two: (props: ColumnProps) => import("react/jsx-runtime").JSX.Element;
+        Two: (props: ColumnProps) => React.JSX.Element;
         /** Column  3/4 width of parent
          * @returns een kolom met 3/4 breedte van de parent 'Columns'
          * @example <Column.Quarters.Three>This is a 3/4 column</Column.Quarters.Three>
          * @deprecated Gebuik de `size`-prop om deze te vervangen: `<Column size="3/4">...</Column>`
          */
-        Three: (props: ColumnProps) => import("react/jsx-runtime").JSX.Element;
+        Three: (props: ColumnProps) => React.JSX.Element;
     };
     /** Spread columns based on fifths (1/5, 2/5, 3/5, 4/5)
      * @deprecated Gebuik de gewone Column-component met de `size`-prop zoals onderstaand voorbeeld om deze te vervangen
@@ -97,25 +97,25 @@ declare const Column: {
          * @example <Column.Fifths.One>This is a 1/5 column</Column.Fifths.One>
          * @deprecated Gebruik de `size`-prop om deze te vervangen: `<Column size="1/5">...</Column>`
          */
-        One: (props: ColumnProps) => import("react/jsx-runtime").JSX.Element;
+        One: (props: ColumnProps) => React.JSX.Element;
         /** Column  2/5 width of parent
          * @returns een kolom met 2/5 breedte van de parent 'Columns'
          * @example <Column.Fifths.Two>This is a 2/5 column</Column.Fifths.Two>
          * @deprecated Gebruik de `size`-prop om deze te vervangen: `<Column size="2/5">...</Column>`
          */
-        Two: (props: ColumnProps) => import("react/jsx-runtime").JSX.Element;
+        Two: (props: ColumnProps) => React.JSX.Element;
         /** Column  3/5 width of parent
          * @returns een kolom met 3/5 breedte van de parent 'Columns'
          * @example <Column.Fifths.Three>This is a 3/5 column</Column.Fifths.Three>
          * @deprecated Gebuik de `size`-prop om deze te vervangen: `<Column size="3/5">...</Column>`
          */
-        Three: (props: ColumnProps) => import("react/jsx-runtime").JSX.Element;
+        Three: (props: ColumnProps) => React.JSX.Element;
         /** Column  4/5 width of parent
          * @returns een kolom met 4/5 breedte van de parent 'Columns'
          * @example <Column.Fifths.Four>This is a 4/5 column</Column.Fifths.Four>
          * @deprecated Gebruik de `size`-prop om deze te vervangen: `<Column size="4/5">...</Column>`
          */
-        Four: (props: ColumnProps) => import("react/jsx-runtime").JSX.Element;
+        Four: (props: ColumnProps) => React.JSX.Element;
     };
     /**
      * Spread columns based on twelfths (1/12, 2/12, 3/12, 4/12, 5/12, 6/12, 7/12, 8/12, 9/12, 10/12, 11/12, 12/12)
@@ -133,73 +133,73 @@ declare const Column: {
          * @example <Column.Twelves.One>This is a 1/12 column</Column.Twelves.One>
          * @deprecated Gebuik de `size`-prop om deze te vervangen: `<Column size="1/12">...</Column>`
          */
-        One: (props: ColumnProps) => import("react/jsx-runtime").JSX.Element;
+        One: (props: ColumnProps) => React.JSX.Element;
         /** Column  2/12 width of parent
          * @returns een kolom met 2/12 breedte van de parent 'Columns'
          * @example <Column.Twelves.Two>This is a 2/12 column</Column.Twelves.Two>
          * @deprecated Gebrui de `size`-prop om deze te vervangen: `<Column size="2/12">...</Column>`
          */
-        Two: (props: ColumnProps) => import("react/jsx-runtime").JSX.Element;
+        Two: (props: ColumnProps) => React.JSX.Element;
         /** Column  3/12 width of parent
          * @returns een kolom met 3/12 breedte van de parent 'Columns'
          * @example <Column.Twelves.Three>This is a 3/12 column</Column.Twelves.Three>
          * @deprecated Gebuik de `size`-prop om deze te vervangen: `<Column size="3/12">...</Column>`
          */
-        Three: (props: ColumnProps) => import("react/jsx-runtime").JSX.Element;
+        Three: (props: ColumnProps) => React.JSX.Element;
         /** Column  4/12 width of parent
          * @returns een kolom met 4/12 breedte van de parent 'Columns'
          * @example <Column.Twelves.Four>This is a 4/12 column</Column.Twelves.Four>
          * @deprecated Gebruik de `size`-prop om deze te vervangen: `<Column size="4/12">...</Column>`
          */
-        Four: (props: ColumnProps) => import("react/jsx-runtime").JSX.Element;
+        Four: (props: ColumnProps) => React.JSX.Element;
         /** Column  5/12 width of parent
          * @returns een kolom met 5/12 breedte van de parent 'Columns'
          * @example <Column.Twelves.Five>This is a 5/12 column</Column.Twelves.Five>
          * @deprecated Gebuik de `size`-prop om deze te vervangen: `<Column size="5/12">...</Column>`
          */
-        Five: (props: ColumnProps) => import("react/jsx-runtime").JSX.Element;
+        Five: (props: ColumnProps) => React.JSX.Element;
         /** Column  6/12 width of parent
          * @returns een kolom met 6/12 breedte van de parent 'Columns'
          * @example <Column.Twelves.Six>This is a 6/12 column</Column.Twelves.Six>
          * @deprecated Gebruik de `size`-prop om deze te vervangen: `<Column size="6/12">...</Column>`
          */
-        Six: (props: ColumnProps) => import("react/jsx-runtime").JSX.Element;
+        Six: (props: ColumnProps) => React.JSX.Element;
         /** Column  7/12 width of parent
          * @returns een kolom met 7/12 breedte van de parent 'Columns'
          * @example <Column.Twelves.Seven>This is a 7/12 column</Column.Twelves.Seven>
          * @deprecated Gebruik de `size`-prop om deze te vervangen: `<Column size="7/12">...</Column>`
          */
-        Seven: (props: ColumnProps) => import("react/jsx-runtime").JSX.Element;
+        Seven: (props: ColumnProps) => React.JSX.Element;
         /** Column  8/12 width of parent
          * @returns een kolom met 8/12 breedte van de parent 'Columns'
          * @example <Column.Twelves.Eight>This is a 8/12 column</Column.Twelves.Eight>
          * @deprecated Gebruik de `size`-prop om deze te vervangen: `<Column size="8/12">...</Column>`
          */
-        Eight: (props: ColumnProps) => import("react/jsx-runtime").JSX.Element;
+        Eight: (props: ColumnProps) => React.JSX.Element;
         /** Column  9/12 width of parent
          * @returns een kolom met 9/12 breedte van de parent 'Columns'
          * @example <Column.Twelves.Nine>This is a 9/12 column</Column.Twelves.Nine>
          * @deprecated Gebruik de `size`-prop om deze te vervangen: `<Column size="9/12">...</Column>`
          */
-        Nine: (props: ColumnProps) => import("react/jsx-runtime").JSX.Element;
+        Nine: (props: ColumnProps) => React.JSX.Element;
         /** Column  10/12 width of parent
          * @returns een kolom met 10/12 breedte van de parent 'Columns'
          * @example <Column.Twelves.Ten>This is a 10/12 column</Column.Twelves.Ten>
          * @deprecated Gebruik de `size`-prop om deze te vervangen: `<Column size="10/12">...</Column>`
          */
-        Ten: (props: ColumnProps) => import("react/jsx-runtime").JSX.Element;
+        Ten: (props: ColumnProps) => React.JSX.Element;
         /** Column  11/12 width of parent
          * @returns een kolom met 11/12 breedte van de parent 'Columns'
          * @example <Column.Twelves.Eleven>This is a 11/12 column</Column.Twelves.Eleven>
          * @deprecated Gebruik de `size`-prop om deze te vervangen: `<Column size="11/12">...</Column>`
          */
-        Eleven: (props: ColumnProps) => import("react/jsx-runtime").JSX.Element;
+        Eleven: (props: ColumnProps) => React.JSX.Element;
         /** Column  12/12 width of parent
          * @returns een kolom met 12/12 breedte van de parent 'Columns'
          * @example <Column.Twelves.Twelve>This is a 12/12 column</Column.Twelves.Twelve>
          * @deprecated Gebruik de `size`-prop om deze te vervangen: `<Column size="12/12">...</Column>`
          */
-        Twelve: (props: ColumnProps) => import("react/jsx-runtime").JSX.Element;
+        Twelve: (props: ColumnProps) => React.JSX.Element;
     };
     displayName: string;
 };

package/dist/components/Columns/Columns.d.ts

@@ -32,4 +32,4 @@ export type ColumnsProps = {
  *   <Column narrow>This is a narrow column</Column>
  * </Columns>
  */
-export declare function Columns({ children, id, gap, multiline, centered, vCentered, className: classes, styles, itemRef, }: ColumnsProps): import("react/jsx-runtime").JSX.Element;
+export declare function Columns({ children, id, gap, multiline, centered, vCentered, className: classes, styles, itemRef, }: ColumnsProps): React.JSX.Element;

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

@@ -35,11 +35,11 @@ type ContainerProps = {
  * @example <Container>This is a container</Container>
  */
 declare const Container: {
-    ({ className: cn, children, styles, size, id, itemRef }: ContainerProps): import("react/jsx-runtime").JSX.Element;
-    Default({ className, children, styles }: StrictOmit<ContainerProps, "size">): import("react/jsx-runtime").JSX.Element;
-    Wide({ className, children, styles }: StrictOmit<ContainerProps, "size">): import("react/jsx-runtime").JSX.Element;
-    Widest({ className, children, styles }: StrictOmit<ContainerProps, "size">): import("react/jsx-runtime").JSX.Element;
-    Max({ className, children, styles }: StrictOmit<ContainerProps, "size">): import("react/jsx-runtime").JSX.Element;
+    ({ className: cn, children, styles, size, id, itemRef }: ContainerProps): React.JSX.Element;
+    Default({ className, children, styles }: StrictOmit<ContainerProps, "size">): React.JSX.Element;
+    Wide({ className, children, styles }: StrictOmit<ContainerProps, "size">): React.JSX.Element;
+    Widest({ className, children, styles }: StrictOmit<ContainerProps, "size">): React.JSX.Element;
+    Max({ className, children, styles }: StrictOmit<ContainerProps, "size">): React.JSX.Element;
 };
 export { Container };
 export type { ContainerProps };

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

@@ -18,5 +18,5 @@ type ContentPropsType = {
  * @returns een div geschikt voor content. WYSIWYG ofzo.
  * @example <Content>This is a content which can contain lists, <strong>strong</strong>  and <em>italic</em> tags</Content>
  */
-export declare function Content({ size, className: cn, styles, id, children, itemRef }: ContentPropsType): import("react/jsx-runtime").JSX.Element;
+export declare function Content({ size, className: cn, styles, id, children, itemRef }: ContentPropsType): React.JSX.Element;
 export {};

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

@@ -1,5 +1,6 @@
 import React from 'react';
 import { AlignmentProp, SizeProp } from './../../types';
+import { IconProp } from 'node_modules/@fortawesome/fontawesome-svg-core';
 type DataTableColumnProp<T extends unknown = unknown> = {
     /** Instellen van de volgorde van de kolommen. Kolommen worden gesorteerd obv de waarde. De default waarde  = `0`
      * - `positive`: de kolom wordt naar rechts verplaatst, hoogste waarde meest rechts
@@ -200,28 +201,40 @@ type DataTableProps<T extends unknown = unknown> = {
  * @param searchPlaceholder placeholder voor zoek-input (default = 'Zoek ...')
  * @returns
  */
-declare function DataTable<T extends unknown = unknown>({ data, columns: cols, defaultSortColNum, compact, noStripes, narrow, bordered, hoverable, sticky, hideSearch, headerContent, footerContent, size, searchPlaceholder, rowIdentifier, rowClass, id: tableID, itemRef, paginationOptions: paginationOptionsProp, fillEmptyRows, apiRef, onSearch, onRowSelected, onRowRightClick, renderWhenNoData, searchInfoMessage, onSortColumnChanged, }: DataTableProps<T>): import("react/jsx-runtime").JSX.Element;
+declare function DataTable<T extends unknown = unknown>({ data, columns: cols, defaultSortColNum, compact, noStripes, narrow, bordered, hoverable, sticky, hideSearch, headerContent, footerContent, size, searchPlaceholder, rowIdentifier, rowClass, id: tableID, itemRef, paginationOptions: paginationOptionsProp, fillEmptyRows, apiRef, onSearch, onRowSelected, onRowRightClick, renderWhenNoData, searchInfoMessage, onSortColumnChanged, }: DataTableProps<T>): React.JSX.Element;
 declare namespace DataTable {
     var Dropdown: {
-        ({ onHover, id, children: childrenProp, trigger: triggerProp, disabled, alignment, dropUp, startOpen, className: classNameProp, keepOpenAfterClick, }: import("./DataTableDropdown").DataTableDropdownProps): import("react/jsx-runtime").JSX.Element;
+        ({ onHover, id, children: childrenProp, trigger: triggerProp, disabled, alignment, dropUp, startOpen, className: classNameProp, keepOpenAfterClick, }: import("./DataTableDropdown").DataTableDropdownProps): React.JSX.Element;
         Trigger({ children }: {
             children: React.ReactNode;
-        }): import("react/jsx-runtime").JSX.Element;
-        Divider(): import("react/jsx-runtime").JSX.Element;
+        }): React.JSX.Element;
+        Divider(): React.JSX.Element;
         Item({ children, onClick, onItemClick, disabled, ...props }: {
             children: React.ReactNode;
             disabled?: boolean;
             onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
             onItemClick?: (isClickable: boolean) => void;
-        } & React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+        } & React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
         Link({ children, onItemClick, disabled, ...props }: {
             children: React.ReactNode;
             onItemClick?: (isClickable: boolean) => void;
             disabled?: boolean;
-        } & React.AnchorHTMLAttributes<HTMLAnchorElement>): import("react/jsx-runtime").JSX.Element;
+        } & React.AnchorHTMLAttributes<HTMLAnchorElement>): React.JSX.Element;
     };
     var Container: typeof DataTableContainer;
 }
-declare function DataTableContainer({ className: classNameProp, ...props }: {} & React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+type DataTableContainerProps = {
+    /** icon voor horizontaal scrollen naar links */
+    iconScrollLeft?: IconProp;
+    /** icon voor horizontaal scrollen naar rechts */
+    iconScrollRight?: IconProp;
+    /** title voor horizontaal scrollen naar links (wordt gebruikt als `title` en `aria-label` op de scroll-knop) */
+    titleScrollLeft?: string;
+    /** title voor horizontaal scrollen naar rechts (wordt gebruikt als `title` en `aria-label` op de scroll-knop) */
+    titleScrollRight?: string;
+    /** minimale afstand van de bovenkant van de tabel (in pixels) - om te zorgen dat de scrollknoppen in de tabel-body blijven en niet in de header komen */
+    minDistanceFromTableTop?: number;
+} & React.HTMLAttributes<HTMLDivElement>;
+declare function DataTableContainer({ className: classNameProp, children, onScroll, iconScrollLeft, iconScrollRight, titleScrollLeft, titleScrollRight, minDistanceFromTableTop, ...props }: DataTableContainerProps): React.JSX.Element;
 export { DataTable };
 export type { DataTableProps, DataTableColumnProp as DataTableColumn, DataTableApi };

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

@@ -18,22 +18,22 @@ type DataTableDropdownProps = {
  * WIEHOE
  */
 declare const DataTableDropdown: {
-    ({ onHover, id, children: childrenProp, trigger: triggerProp, disabled, alignment, dropUp, startOpen, className: classNameProp, keepOpenAfterClick, }: DataTableDropdownProps): import("react/jsx-runtime").JSX.Element;
+    ({ onHover, id, children: childrenProp, trigger: triggerProp, disabled, alignment, dropUp, startOpen, className: classNameProp, keepOpenAfterClick, }: DataTableDropdownProps): React.JSX.Element;
     Trigger({ children }: {
         children: React.ReactNode;
-    }): import("react/jsx-runtime").JSX.Element;
-    Divider(): import("react/jsx-runtime").JSX.Element;
+    }): React.JSX.Element;
+    Divider(): React.JSX.Element;
     Item({ children, onClick, onItemClick, disabled, ...props }: {
         children: React.ReactNode;
         disabled?: boolean;
         onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
         onItemClick?: (isClickable: boolean) => void;
-    } & React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    } & React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
     Link({ children, onItemClick, disabled, ...props }: {
         children: React.ReactNode;
         onItemClick?: (isClickable: boolean) => void;
         disabled?: boolean;
-    } & React.AnchorHTMLAttributes<HTMLAnchorElement>): import("react/jsx-runtime").JSX.Element;
+    } & React.AnchorHTMLAttributes<HTMLAnchorElement>): React.JSX.Element;
 };
 export { DataTableDropdown };
 export type { DataTableDropdownProps };

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

@@ -10,14 +10,14 @@ type DividerProps = {
  * @returns Divider element
  */
 declare const Divider: {
-    ({ color, style, className: cnProp }: DividerProps): import("react/jsx-runtime").JSX.Element;
-    Primary(props: StrictOmit<DividerProps, "color">): import("react/jsx-runtime").JSX.Element;
-    Info(props: StrictOmit<DividerProps, "color">): import("react/jsx-runtime").JSX.Element;
-    Link(props: StrictOmit<DividerProps, "color">): import("react/jsx-runtime").JSX.Element;
-    Success(props: StrictOmit<DividerProps, "color">): import("react/jsx-runtime").JSX.Element;
-    Warning(props: StrictOmit<DividerProps, "color">): import("react/jsx-runtime").JSX.Element;
-    Danger(props: StrictOmit<DividerProps, "color">): import("react/jsx-runtime").JSX.Element;
-    Light(props: StrictOmit<DividerProps, "color">): import("react/jsx-runtime").JSX.Element;
-    Dark(props: StrictOmit<DividerProps, "color">): import("react/jsx-runtime").JSX.Element;
+    ({ color, style, className: cnProp }: DividerProps): import("node_modules/@types/react").JSX.Element;
+    Primary(props: StrictOmit<DividerProps, "color">): import("node_modules/@types/react").JSX.Element;
+    Info(props: StrictOmit<DividerProps, "color">): import("node_modules/@types/react").JSX.Element;
+    Link(props: StrictOmit<DividerProps, "color">): import("node_modules/@types/react").JSX.Element;
+    Success(props: StrictOmit<DividerProps, "color">): import("node_modules/@types/react").JSX.Element;
+    Warning(props: StrictOmit<DividerProps, "color">): import("node_modules/@types/react").JSX.Element;
+    Danger(props: StrictOmit<DividerProps, "color">): import("node_modules/@types/react").JSX.Element;
+    Light(props: StrictOmit<DividerProps, "color">): import("node_modules/@types/react").JSX.Element;
+    Dark(props: StrictOmit<DividerProps, "color">): import("node_modules/@types/react").JSX.Element;
 };
 export { Divider };

package/dist/components/DragDrop/DragDropList.d.ts

@@ -82,18 +82,18 @@ type DragDropListProps<T> = {
  * </DragDropList>
  * ```
  */
-export declare function DragDropList<T>({ items, onReorder, renderItem, keyExtractor, isDisabled, className, itemClassName, children, onDragStart, onDragEnd, onDragOver, onDragLeave, onDrop, }: DragDropListProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function DragDropList<T>({ items, onReorder, renderItem, keyExtractor, isDisabled, className, itemClassName, children, onDragStart, onDragEnd, onDragOver, onDragLeave, onDrop, }: DragDropListProps<T>): React.JSX.Element;
 export declare namespace DragDropList {
     var Handle: ({ children }: {
         children?: React.ReactNode | ((isDisabled: boolean) => React.ReactNode);
         className?: string | ((isDisabled: boolean) => string);
-    }) => import("react/jsx-runtime").JSX.Element;
+    }) => React.JSX.Element;
     var Buttons: ({ children }: {
         children?: React.ReactNode;
         className?: string | ((isDisabled: boolean) => string);
-    }) => import("react/jsx-runtime").JSX.Element;
+    }) => React.JSX.Element;
     var Item: (_props: {
         className?: string | ((info: RenderItemInfo) => string);
-    }) => import("react/jsx-runtime").JSX.Element;
+    }) => React.JSX.Element;
 }
 export {};

package/dist/components/Dropdown/Dropdown.d.ts

@@ -21,22 +21,22 @@ type DropDownProps = {
  * @see DataTable.Dropdown for table-specific dropdown usage
  */
 declare const Dropdown: {
-    ({ onHover, id, children: childrenProp, trigger: triggerProp, disabled, alignment, dropUp, startOpen, className: classNameProp, keepOpenAfterClick, usePortal, }: DropDownProps): import("react/jsx-runtime").JSX.Element;
+    ({ onHover, id, children: childrenProp, trigger: triggerProp, disabled, alignment, dropUp, startOpen, className: classNameProp, keepOpenAfterClick, usePortal, }: DropDownProps): React.JSX.Element;
     Trigger({ children }: {
         children: React.ReactNode;
-    }): import("react/jsx-runtime").JSX.Element;
-    Divider(): import("react/jsx-runtime").JSX.Element;
+    }): React.JSX.Element;
+    Divider(): React.JSX.Element;
     Item({ children, onClick, onItemClick, disabled, ...props }: {
         children: React.ReactNode;
         onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
         onItemClick?: (isClickable: boolean) => void;
         disabled?: boolean;
-    } & React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    } & React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
     Link({ children, onItemClick, disabled, ...props }: {
         children: React.ReactNode;
         onItemClick?: (isClickable: boolean) => void;
         disabled?: boolean;
-    } & React.AnchorHTMLAttributes<HTMLAnchorElement>): import("react/jsx-runtime").JSX.Element;
+    } & React.AnchorHTMLAttributes<HTMLAnchorElement>): React.JSX.Element;
 };
 export { Dropdown };
 export type { DropDownProps };