loon-bulma-react 2026.0.42 → 2026.0.44

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

@@ -19,4 +19,4 @@ export type FooterProps = {
  * @returns een footer met daarin de content.
  * @example <Footer>This is a footer</Footer>
  */
-export declare function Footer({ children, alignment, className: cn, styles, id, itemRef }: FooterProps): import("react/jsx-runtime").JSX.Element;
+export declare function Footer({ children, alignment, className: cn, styles, id, itemRef }: FooterProps): React.JSX.Element;

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

@@ -7,13 +7,13 @@ type HelpTxtProps = {
 };
 type HelpTxtPropsNoColor = StrictOmit<HelpTxtProps, 'color'>;
 declare const HelpTxt: {
-    ({ color, className: cn, children }: HelpTxtProps): import("react/jsx-runtime").JSX.Element;
-    Info(props: HelpTxtPropsNoColor): import("react/jsx-runtime").JSX.Element;
-    Link(props: HelpTxtPropsNoColor): import("react/jsx-runtime").JSX.Element;
-    Primary(props: HelpTxtPropsNoColor): import("react/jsx-runtime").JSX.Element;
-    Danger(props: HelpTxtPropsNoColor): import("react/jsx-runtime").JSX.Element;
-    Success(props: HelpTxtPropsNoColor): import("react/jsx-runtime").JSX.Element;
-    Warning(props: HelpTxtPropsNoColor): import("react/jsx-runtime").JSX.Element;
+    ({ color, className: cn, children }: HelpTxtProps): React.JSX.Element;
+    Info(props: HelpTxtPropsNoColor): React.JSX.Element;
+    Link(props: HelpTxtPropsNoColor): React.JSX.Element;
+    Primary(props: HelpTxtPropsNoColor): React.JSX.Element;
+    Danger(props: HelpTxtPropsNoColor): React.JSX.Element;
+    Success(props: HelpTxtPropsNoColor): React.JSX.Element;
+    Warning(props: HelpTxtPropsNoColor): React.JSX.Element;
 };
 export { HelpTxt };
 export type { HelpTxtProps };

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

@@ -20,10 +20,10 @@ type HeroProps = {
  * @example
  */
 declare const Hero: {
-    ({ children: nodes, heroColorFor, size, itemRef, id, forceScheme }: HeroProps): import("react/jsx-runtime").JSX.Element;
+    ({ children: nodes, heroColorFor, size, itemRef, id, forceScheme }: HeroProps): React.JSX.Element;
     Body({ children }: {
         children: React.ReactNode;
-    }): import("react/jsx-runtime").JSX.Element;
+    }): React.JSX.Element;
     /**
      * Hero foot with navigation
      * @param props props
@@ -44,10 +44,10 @@ declare const Hero: {
         ({ children, narrow }: {
             children: React.ReactNode;
             narrow?: boolean;
-        }): import("react/jsx-runtime").JSX.Element;
+        }): React.JSX.Element;
         NavList({ children }: {
             children: React.ReactNode;
-        }): import("react/jsx-runtime").JSX.Element;
+        }): React.JSX.Element;
         NavItem: typeof FootNavItem;
         /** Navigation Item voor in een Hero Foot. Parent should be <Hero.Foot.NavList>
          * @param props props
@@ -72,26 +72,26 @@ declare const Hero: {
     Head: {
         ({ children }: {
             children: React.ReactNode;
-        }): import("react/jsx-runtime").JSX.Element;
+        }): React.JSX.Element;
         Button({ children, title, onClick }: {
             children: React.ReactNode;
             title?: string;
             onClick?: (e: any) => void;
-        }): import("react/jsx-runtime").JSX.Element;
+        }): React.JSX.Element;
         Link({ children, title, to, target, rel, }: {
             children: React.ReactNode;
             title?: string;
             to?: string;
             target?: AnchorTargetProp;
             rel?: AnchorRelProp;
-        }): import("react/jsx-runtime").JSX.Element;
+        }): React.JSX.Element;
     };
 };
 declare function FootNavItem({ children, active, title }: {
     children: React.ReactNode;
     active?: boolean;
     title?: string;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 declare function FootNavLink({ children, active, title, to, target, rel, }: {
     children: React.ReactNode;
     active?: boolean;
@@ -99,6 +99,6 @@ declare function FootNavLink({ children, active, title, to, target, rel, }: {
     to?: string;
     target?: AnchorTargetProp;
     rel?: AnchorRelProp;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 export { Hero };
 export type { HeroProps };

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

@@ -28,7 +28,7 @@ type IconProps = {
  * <Icon icon="fas fa-flag" />
  * <Icon icon={faFlag} /> // import { faFlag } from '@fortawesome/free-solid-svg-icons';
  */
-declare function Icon({ color, size, rotation, icon, flip, animate, className: classNameProp }: IconProps): import("react/jsx-runtime").JSX.Element;
+declare function Icon({ color, size, rotation, icon, flip, animate, className: classNameProp }: IconProps): React.JSX.Element;
 type IconTextProps = {
     /** React font-awesome icon
      * - `string`: geef de gehele font-awesome-class op. 'flip', 'animate', 'rotation' worden dan al gebruikt in deze class.
@@ -63,7 +63,7 @@ type IconTextProps = {
  * <IconText icon="fas fa-flag">Flag</IconText>
  * <IconText icon={faFlag}>Flag</IconText> // import { faFlag } from '@fortawesome/free-solid-svg-icons';
  */
-declare function IconText({ icon, size, color, iconColor, rotation, flip, animate, allowWrap, children, className: classNameProp }: IconTextProps): import("react/jsx-runtime").JSX.Element;
+declare function IconText({ icon, size, color, iconColor, rotation, flip, animate, allowWrap, children, className: classNameProp }: IconTextProps): React.JSX.Element;
 type IconStackProps = {
     colors?: ColorProp[];
     icons: string[] | IconProp[];
@@ -79,6 +79,6 @@ type IconStackProps = {
  * @param icons: array van iconen. (default =  [faHorseHead, faSlash])
  * @returns
  */
-declare function IconStack({ colors: clrs, icons, sizes: szs }: IconStackProps): import("react/jsx-runtime").JSX.Element;
+declare function IconStack({ colors: clrs, icons, sizes: szs }: IconStackProps): React.JSX.Element;
 export { Icon, IconText, IconStack };
 export type { IconProps, IconTextProps, IconStackProps };

package/dist/components/Image/Image.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 type ImageProps = {
     /** De ratio (width x height) van de afbeelding */
     ratio: '1by1' | '5by4' | '4by5' | '4by3' | '3by4' | '3by2' | '2by3' | '5by3' | '3by5' | '16by9' | '9by16' | '2by1' | '1by2' | '3by1' | '1by3' | 'square';
@@ -23,6 +24,6 @@ type ImageProps = {
  * @returns an image with a fixed aspect ratio
  * @example <Image ratio="1by1" src="https://www.loon.be/images/logo.png" alt="Loon.be" />
  */
-declare function Image({ ratio, imgWidth, alt, figCaption, className, isRounded, src }: ImageProps): import("react/jsx-runtime").JSX.Element;
+declare function Image({ ratio, imgWidth, alt, figCaption, className, isRounded, src }: ImageProps): React.JSX.Element;
 export { Image };
 export type { ImageProps };

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

@@ -20,6 +20,6 @@ type IndicatorProps = {
  *   5
  * </Indicator>
  */
-declare function Indicator({ position, color, title, children }: IndicatorProps): import("react/jsx-runtime").JSX.Element;
+declare function Indicator({ position, color, title, children }: IndicatorProps): React.JSX.Element;
 export { Indicator };
 export type { IndicatorProps };

package/dist/components/Kbd/Kbd.d.ts

@@ -19,12 +19,12 @@ type KbdsProps = {
  * @returns een element dat lijkt op een keyboard-key
  * @example <Kbd>A</Kbd>
  */
-declare function Kbd({ children, className: cn }: KbdProps): import("react/jsx-runtime").JSX.Element;
+declare function Kbd({ children, className: cn }: KbdProps): React.JSX.Element;
 /**
  * Toont meerdere keyboard-keys, gescheiden door een teken (deafult = '+')
  * @param props
  * @returns een rijtje keyboard-keys
  * @example <Kbds keys={['ctrl+S', 'shift+D']} />
  */
-declare function Kbds({ keys, separator, className }: KbdsProps): import("react/jsx-runtime").JSX.Element;
+declare function Kbds({ keys, separator, className }: KbdsProps): React.JSX.Element;
 export { Kbd, Kbds };

package/dist/components/Label/Label.d.ts

@@ -7,5 +7,5 @@ type ComponentProps = {
 /** Props voo de LabelComponent */
 export type LabelProps = React.LabelHTMLAttributes<HTMLLabelElement> & ComponentProps;
 /** Speciaal voor Menno: een Label Component */
-export declare function Label({ children, className: cnProp, style, htmlFor, ...props }: LabelProps): import("react/jsx-runtime").JSX.Element;
+export declare function Label({ children, className: cnProp, style, htmlFor, ...props }: LabelProps): React.JSX.Element;
 export {};

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

@@ -14,7 +14,7 @@ type LinkButtonProps = {
  * @returns een button die er uit ziet als een link
  * @example <LinkButton onClick={handleClick}>Click me!</LinkButton>
  */
-declare function LinkButton({ fullwidth, children, color, onClick, ...props }: LinkButtonProps): import("react/jsx-runtime").JSX.Element;
+declare function LinkButton({ fullwidth, children, color, onClick, ...props }: LinkButtonProps): React.JSX.Element;
 type LinkProps = React.AnchorHTMLAttributes<HTMLAnchorElement> & {
     color?: ColorProp;
     /** link / URL */
@@ -39,6 +39,6 @@ type LinkProps = React.AnchorHTMLAttributes<HTMLAnchorElement> & {
  * @returns een link
  * @example <Link href="https://www.google.com">Google</Link>
  */
-declare function Link({ color, href, target, id, rel, children, ...props }: LinkProps): import("react/jsx-runtime").JSX.Element;
+declare function Link({ color, href, target, id, rel, children, ...props }: LinkProps): React.JSX.Element;
 export { Link, LinkButton };
 export type { LinkProps, LinkButtonProps };

package/dist/components/Menu/Menu.d.ts

@@ -51,14 +51,14 @@ type ExpandableMenuItemProps = {
  * </Menu>
  */
 declare const Menu: {
-    ({ initialItem, children, className: classes, style, onMenuItemClicked, itemRef }: MenuProps): import("react/jsx-runtime").JSX.Element;
-    Item({ name, children }: MenuItemProps & React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
-    ItemGroup({ label, children }: MenuItemGroupProps & React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
-    ExpandableGroup(props: ExpandableMenuItemProps): import("react/jsx-runtime").JSX.Element;
-    ExpandableItem(props: ExpandableMenuItemProps & React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
+    ({ initialItem, children, className: classes, style, onMenuItemClicked, itemRef }: MenuProps): React.JSX.Element;
+    Item({ name, children }: MenuItemProps & React.HTMLAttributes<HTMLSpanElement>): React.JSX.Element;
+    ItemGroup({ label, children }: MenuItemGroupProps & React.HTMLAttributes<HTMLSpanElement>): React.JSX.Element;
+    ExpandableGroup(props: ExpandableMenuItemProps): React.JSX.Element;
+    ExpandableItem(props: ExpandableMenuItemProps & React.HTMLAttributes<HTMLSpanElement>): React.JSX.Element;
     Label({ children }: {
         children: React.ReactNode;
-    }): import("react/jsx-runtime").JSX.Element;
+    }): React.JSX.Element;
 };
 export { Menu };
 export type { MenuProps, MenuItemProps, MenuItemGroupProps };

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

@@ -37,13 +37,13 @@ type MessageProps = {
  * @example <Message color="d" size="s" title="This is a title" startCollapsed>This is a message that could NOT be collapsed/expanded</Message>
  */
 declare const Message: {
-    ({ id, children, title, size, color, icon: customIcon, collapsable, startCollapsed, itemRef, onDismiss, }: MessageProps): import("react/jsx-runtime").JSX.Element;
-    Primary(props: StrictOmit<MessageProps, "color">): import("react/jsx-runtime").JSX.Element;
-    Success(props: StrictOmit<MessageProps, "color">): import("react/jsx-runtime").JSX.Element;
-    Danger(props: StrictOmit<MessageProps, "color">): import("react/jsx-runtime").JSX.Element;
-    Warning(props: StrictOmit<MessageProps, "color">): import("react/jsx-runtime").JSX.Element;
-    Info(props: StrictOmit<MessageProps, "color">): import("react/jsx-runtime").JSX.Element;
-    Link(props: StrictOmit<MessageProps, "color">): import("react/jsx-runtime").JSX.Element;
+    ({ id, children, title, size, color, icon: customIcon, collapsable, startCollapsed, itemRef, onDismiss, }: MessageProps): React.JSX.Element;
+    Primary(props: StrictOmit<MessageProps, "color">): React.JSX.Element;
+    Success(props: StrictOmit<MessageProps, "color">): React.JSX.Element;
+    Danger(props: StrictOmit<MessageProps, "color">): React.JSX.Element;
+    Warning(props: StrictOmit<MessageProps, "color">): React.JSX.Element;
+    Info(props: StrictOmit<MessageProps, "color">): React.JSX.Element;
+    Link(props: StrictOmit<MessageProps, "color">): React.JSX.Element;
 };
 export { Message };
 export type { MessageProps };

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

@@ -56,11 +56,11 @@ type ModalProps = {
  * </Modal>
  */
 declare const Modal: {
-    ({ id, z, size, width, height, children: nodeChildren, onOpened, onDismiss, helpTag }: ModalProps): import("react/jsx-runtime").JSX.Element;
+    ({ id, z, size, width, height, children: nodeChildren, onOpened, onDismiss, helpTag }: ModalProps): React.JSX.Element;
     Head({ children, id }: {
         id?: string | undefined;
         children: React.ReactNode;
-    }): import("react/jsx-runtime").JSX.Element;
+    }): React.JSX.Element;
     /**
      * Een scrollende body voor de modal
      * @param props
@@ -80,10 +80,10 @@ declare function InternBody({ id, children, helpTag }: {
     id?: string | undefined;
     children: React.ReactNode;
     helpTag?: string | undefined;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 declare function InternFoot({ id, children }: {
     id?: string | undefined;
     children: React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 export { Modal };
 export type { ModalProps };

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

@@ -27,12 +27,12 @@ export type NotificationProps = {
  * @example <Notification>Hello World</Notification>
  */
 declare const Notification: {
-    ({ children, onDismiss, onClick, autoDismissAfter, color, icon, id, itemRef }: NotificationProps): import("react/jsx-runtime").JSX.Element;
-    Primary(props: StrictOmit<NotificationProps, "color">): import("react/jsx-runtime").JSX.Element;
-    Danger(props: StrictOmit<NotificationProps, "color">): import("react/jsx-runtime").JSX.Element;
-    Warning(props: StrictOmit<NotificationProps, "color">): import("react/jsx-runtime").JSX.Element;
-    Success(props: StrictOmit<NotificationProps, "color">): import("react/jsx-runtime").JSX.Element;
-    Link(props: StrictOmit<NotificationProps, "color">): import("react/jsx-runtime").JSX.Element;
-    Info(props: StrictOmit<NotificationProps, "color">): import("react/jsx-runtime").JSX.Element;
+    ({ children, onDismiss, onClick, autoDismissAfter, color, icon, id, itemRef }: NotificationProps): React.JSX.Element;
+    Primary(props: StrictOmit<NotificationProps, "color">): React.JSX.Element;
+    Danger(props: StrictOmit<NotificationProps, "color">): React.JSX.Element;
+    Warning(props: StrictOmit<NotificationProps, "color">): React.JSX.Element;
+    Success(props: StrictOmit<NotificationProps, "color">): React.JSX.Element;
+    Link(props: StrictOmit<NotificationProps, "color">): React.JSX.Element;
+    Info(props: StrictOmit<NotificationProps, "color">): React.JSX.Element;
 };
 export { Notification };

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

@@ -53,6 +53,6 @@ type PaginationProps = {
  * @param prev - functie die wordt aangeroepen als er op de vorige-pagina knop wordt geklikt
  * @param next - functie die wordt aangeroepen als er op de volgende-pagina knop wordt geklikt
  */
-declare function Pagination({ range, currentPage, size, hideFirst, hideLast, hidePrev, hideNext, hideNumbers, disabled, set, first, last, prev, next, }: PaginationProps): import("react/jsx-runtime").JSX.Element;
+declare function Pagination({ range, currentPage, size, hideFirst, hideLast, hidePrev, hideNext, hideNumbers, disabled, set, first, last, prev, next, }: PaginationProps): import("node_modules/@types/react").JSX.Element;
 export { Pagination };
 export type { PaginationProps };

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

@@ -84,16 +84,16 @@ type PanelInputProps<T extends InputValueType> = PrettierType<StrictOmit<InputPr
  *  </Panel>
  */
 declare const Panel: {
-    ({ color, className: cnProp, children }: PanelProps): import("react/jsx-runtime").JSX.Element;
-    Tabs({ tabs, activeTab, onTabChange, children }: PanelTabsProps): import("react/jsx-runtime").JSX.Element;
-    TabItem({ active, disabled, onClick, children }: PanelTabItemProps): import("react/jsx-runtime").JSX.Element;
+    ({ color, className: cnProp, children }: PanelProps): React.JSX.Element;
+    Tabs({ tabs, activeTab, onTabChange, children }: PanelTabsProps): React.JSX.Element;
+    TabItem({ active, disabled, onClick, children }: PanelTabItemProps): React.JSX.Element;
     Header({ children }: {
         children: React.ReactNode;
-    }): import("react/jsx-runtime").JSX.Element;
-    Item({ icon, active, disabled, children, onClick }: PanelItemProps): import("react/jsx-runtime").JSX.Element;
+    }): React.JSX.Element;
+    Item({ icon, active, disabled, children, onClick }: PanelItemProps): React.JSX.Element;
     /** Een input op het panel */
     Input: typeof PanelInput;
 };
-declare function PanelInput({ icon, id: idProp, infoData, helpTag, name, loading, disabled, value, iconRight, onBlur, onFocus, ...props }: PanelInputProps<string>): import("react/jsx-runtime").JSX.Element;
+declare function PanelInput({ icon, id: idProp, infoData, helpTag, name, loading, disabled, value, iconRight, onBlur, onFocus, ...props }: PanelInputProps<string>): React.JSX.Element;
 export { Panel };
 export type { PanelProps };

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

@@ -23,6 +23,6 @@ type ProgressBarProps = {
  * <ProgressBar value={50} extension="%" />
  * <ProgressBar size='xl' />
  */
-declare function ProgressBar({ color, size, prefix, suffix, max, value, title: titleProp }: ProgressBarProps): import("react/jsx-runtime").JSX.Element;
+declare function ProgressBar({ color, size, prefix, suffix, max, value, title: titleProp }: ProgressBarProps): import("node_modules/@types/react").JSX.Element;
 export { ProgressBar };
 export type { ProgressBarProps };

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

@@ -40,17 +40,17 @@ type QuickViewProps = {
  * </QuickView>
  */
 declare const QuickView: {
-    ({ children, id, itemRef, color, alignment, tag, onDismiss, onOpened }: QuickViewProps): import("react/jsx-runtime").JSX.Element;
+    ({ children, id, itemRef, color, alignment, tag, onDismiss, onOpened }: QuickViewProps): React.JSX.Element;
     Header: typeof InternHeader;
-    Body: ({ children }: InternBodyProps) => import("react/jsx-runtime").JSX.Element;
-    Footer: ({ children }: InternFooterProps) => import("react/jsx-runtime").JSX.Element;
+    Body: ({ children }: InternBodyProps) => React.JSX.Element;
+    Footer: ({ children }: InternFooterProps) => React.JSX.Element;
 };
 type InternHeaderProps = {
     children?: React.ReactNode;
     color?: ColorProp;
     onDismiss?: () => void;
 };
-declare function InternHeader({ children, color, onDismiss }: InternHeaderProps): import("react/jsx-runtime").JSX.Element;
+declare function InternHeader({ children, color, onDismiss }: InternHeaderProps): React.JSX.Element;
 type InternBodyProps = {
     children: React.ReactNode;
 };

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

@@ -41,7 +41,7 @@ declare const ScrollArea: {
          * - `string`: '160x', '10em', etc.
          */
         minItemWidth?: number | string;
-    }) => import("react/jsx-runtime").JSX.Element;
+    }) => React.JSX.Element;
     /** Maak een verticale flexbox container om items onder elkaar (default van boven naar beneden) neer te zetten, met of zonder wrappen
      * @param props
      * @returns ScrollArea in verticale richting
@@ -71,6 +71,6 @@ declare const ScrollArea: {
         alignment?: AlignmentProp;
         /** Alleen voor verticale flexboxen: een met een maximale hoogte waarna de container gaat scrollen */
         maxHeight?: number | string;
-    }) => import("react/jsx-runtime").JSX.Element;
+    }) => React.JSX.Element;
 };
 export { ScrollArea };

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

@@ -17,5 +17,5 @@ type SectionPropsType = {
  * @returns een sectie voor op de pagina, met ruimte eromheen
  * @example <Section>This is a section</Section>
  */
-export declare function Section({ children, className: cn, styles, id, itemRef, size }: SectionPropsType): import("react/jsx-runtime").JSX.Element;
+export declare function Section({ children, className: cn, styles, id, itemRef, size }: SectionPropsType): React.JSX.Element;
 export {};

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

@@ -73,7 +73,7 @@ type SimpleTableColProps<T extends unknown = unknown> = {
  *   bordered={false}
  * />
  */
-declare function SimpleTable<T extends unknown = unknown>({ rowIdentifier: rowKey, columns: cols, data, onRowSelected, tableRef, containerRef, id, hasFooter, ...props }: SimpleTableProps<T>): import("react/jsx-runtime").JSX.Element;
+declare function SimpleTable<T extends unknown = unknown>({ rowIdentifier: rowKey, columns: cols, data, onRowSelected, tableRef, containerRef, id, hasFooter, ...props }: SimpleTableProps<T>): React.JSX.Element;
 type TableProps = {
     id?: string;
     containerRef?: React.RefObject<HTMLDivElement>;
@@ -102,29 +102,29 @@ type TablePartProps<T extends HTMLElement = HTMLElement> = {
  * - `Table.Col` is de `<col>` tag. Deze kan je gebruiken om een column in de tabel te maken en deze bijvoorbeeld met een achtergrondkleur te vullen.
  */
 declare const Table: {
-    ({ id, containerRef, tableRef, scrollX, striped, bordered, hoverable, fullwidth, narrow, children, className: extraClasses, }: TableProps): import("react/jsx-runtime").JSX.Element;
-    Head({ children, className, ...props }: TablePartProps<HTMLTableSectionElement>): import("react/jsx-runtime").JSX.Element;
-    Foot({ children, className, ...props }: TablePartProps<HTMLTableSectionElement>): import("react/jsx-runtime").JSX.Element;
-    Body({ children, className, ...props }: TablePartProps<HTMLTableSectionElement>): import("react/jsx-runtime").JSX.Element;
-    Row({ children, className, ...props }: TablePartProps<HTMLTableRowElement>): import("react/jsx-runtime").JSX.Element;
+    ({ id, containerRef, tableRef, scrollX, striped, bordered, hoverable, fullwidth, narrow, children, className: extraClasses, }: TableProps): React.JSX.Element;
+    Head({ children, className, ...props }: TablePartProps<HTMLTableSectionElement>): React.JSX.Element;
+    Foot({ children, className, ...props }: TablePartProps<HTMLTableSectionElement>): React.JSX.Element;
+    Body({ children, className, ...props }: TablePartProps<HTMLTableSectionElement>): React.JSX.Element;
+    Row({ children, className, ...props }: TablePartProps<HTMLTableRowElement>): React.JSX.Element;
     Cell({ children, className, ...props }: TablePartProps<HTMLTableCellElement> & {
         children?: React.ReactNode;
-    }): import("react/jsx-runtime").JSX.Element;
+    }): React.JSX.Element;
     HCell({ children, className, ...props }: TablePartProps<HTMLTableCellElement> & {
         children?: React.ReactNode;
-    }): import("react/jsx-runtime").JSX.Element;
-    ColGroup({ className, ...props }: StrictOmit<TablePartProps<HTMLTableColElement>, "span">): import("react/jsx-runtime").JSX.Element;
-    Col(props: StrictOmit<TablePartProps<HTMLTableColElement>, "children">): import("react/jsx-runtime").JSX.Element;
+    }): React.JSX.Element;
+    ColGroup({ className, ...props }: StrictOmit<TablePartProps<HTMLTableColElement>, "span">): React.JSX.Element;
+    Col(props: StrictOmit<TablePartProps<HTMLTableColElement>, "children">): React.JSX.Element;
     /** `<tr>`, table-row */
-    TR: ({ children, className, ...props }: TablePartProps<HTMLTableRowElement>) => import("react/jsx-runtime").JSX.Element;
+    TR: ({ children, className, ...props }: TablePartProps<HTMLTableRowElement>) => React.JSX.Element;
     /** `<td>`-cell */
     TD: ({ children, className, ...props }: TablePartProps<HTMLTableCellElement> & {
         children?: React.ReactNode;
-    }) => import("react/jsx-runtime").JSX.Element;
+    }) => React.JSX.Element;
     /** `<th>`-cell */
     TH: ({ children, className, ...props }: TablePartProps<HTMLTableCellElement> & {
         children?: React.ReactNode;
-    }) => import("react/jsx-runtime").JSX.Element;
+    }) => React.JSX.Element;
 };
 export { SimpleTable, Table };
 export type { SimpleTableProps, SimpleTableColProps };

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

@@ -54,8 +54,8 @@ type StepItemProps = {
  * </Steps>
  */
 declare const Steps: {
-    ({ size, id, itemRef, className: cn, activeStepIndex, onChangeStep, children, stepChoice }: StepsProps): import("react/jsx-runtime").JSX.Element;
-    Item(props: StepItemProps): import("react/jsx-runtime").JSX.Element;
+    ({ size, id, itemRef, className: cn, activeStepIndex, onChangeStep, children, stepChoice }: StepsProps): React.JSX.Element;
+    Item(props: StepItemProps): React.JSX.Element;
 };
 export { Steps };
 export type { StepItemProps, StepsProps };

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

@@ -41,7 +41,7 @@ export type TabBarItemProps = {
  * </TabBar>
  */
 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;
+    ({ id, type, activeTab: currentActiveTab, initialTab, size: sizeProp, alignment, fullwidth, children, onTabChange }: TabBarProps): React.JSX.Element;
+    Item(_props: StrictOmit<TabBarItemProps, "onClick" | "isActive">): React.JSX.Element;
 };
 export { TabBar };

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

@@ -39,7 +39,7 @@ export type TagsProps = {
  * <Tag>Hello</Tag>
  * <Tag color='d'>Danger</Tag>
  */
-export declare function Tag({ children, color, size: sizeProp, light, dark, title, onDismiss }: TagProps): import("react/jsx-runtime").JSX.Element;
+export declare function Tag({ children, color, size: sizeProp, light, dark, title, onDismiss }: TagProps): React.JSX.Element;
 /**
  * Maak een tag-container aan. De tags kunnen aan elkaar geplakt worden of niet.
  * De grootte van de tags kan ook ingesteld worden
@@ -51,4 +51,4 @@ export declare function Tag({ children, color, size: sizeProp, light, dark, titl
  *   <Tag color="i">Tag 2</Tag>
  * </Tags>
  */
-export declare function Tags({ children: nodes, merged, size: sizeProp, alignment, className: cn, styles, itemRef, id, }: TagsProps): import("react/jsx-runtime").JSX.Element;
+export declare function Tags({ children: nodes, merged, size: sizeProp, alignment, className: cn, styles, itemRef, id, }: TagsProps): React.JSX.Element;

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

@@ -54,9 +54,9 @@ type TimeLinePointProps = {
  * </TimeLine>
  */
 declare const TimeLine: {
-    ({ id, alignment, children, className: cn }: TimeLineProps): import("react/jsx-runtime").JSX.Element;
-    Point({ children, color, size, title, onClick }: TimeLinePointProps): import("react/jsx-runtime").JSX.Element;
-    Item({ marker, heading, children, title, onClick }: TimeLineItemProps): import("react/jsx-runtime").JSX.Element;
+    ({ id, alignment, children, className: cn }: TimeLineProps): import("node_modules/@types/react").JSX.Element;
+    Point({ children, color, size, title, onClick }: TimeLinePointProps): import("node_modules/@types/react").JSX.Element;
+    Item({ marker, heading, children, title, onClick }: TimeLineItemProps): import("node_modules/@types/react").JSX.Element;
 };
 export { TimeLine };
 export type { TimeLineProps, TimeLineItemProps, TimeLinePointProps };

package/dist/components/Titles/Titles.d.ts

@@ -17,7 +17,7 @@ type HeadingProps = {
  * @example <H1 size='1'>Title</H1>
  * @example <H1 subtitle size={1}>Subtitle</H1>
  */
-declare const H1: ({ children, subtitle, size, id, ariaLabeledBy, ariaRole, className: cn, itemRef, ...props }: HeadingProps) => import("react/jsx-runtime").JSX.Element;
+declare const H1: ({ children, subtitle, size, id, ariaLabeledBy, ariaRole, className: cn, itemRef, ...props }: HeadingProps) => React.JSX.Element;
 /**
  * Een `<h2>`
  * @param children: de content van de tag
@@ -27,7 +27,7 @@ declare const H1: ({ children, subtitle, size, id, ariaLabeledBy, ariaRole, clas
  * @example <H2 size='1'>Title</H2>
  * @example <H2 subtitle size={1}>Subtitle</H2>
  */
-declare const H2: ({ children, subtitle, size, id, ariaLabeledBy, ariaRole, className: cn, itemRef, ...props }: HeadingProps) => import("react/jsx-runtime").JSX.Element;
+declare const H2: ({ children, subtitle, size, id, ariaLabeledBy, ariaRole, className: cn, itemRef, ...props }: HeadingProps) => React.JSX.Element;
 /**
  * Een `<h3>`
  * @param children: de content van de tag
@@ -37,7 +37,7 @@ declare const H2: ({ children, subtitle, size, id, ariaLabeledBy, ariaRole, clas
  * @example <H3 size='1'>Title</H3>
  * @example <H3 subtitle size={1}>Subtitle</H3>
  */
-declare const H3: ({ children, subtitle, size, id, ariaLabeledBy, ariaRole, className: cn, itemRef, ...props }: HeadingProps) => import("react/jsx-runtime").JSX.Element;
+declare const H3: ({ children, subtitle, size, id, ariaLabeledBy, ariaRole, className: cn, itemRef, ...props }: HeadingProps) => React.JSX.Element;
 /**
  * Een `<h3>`
  * @param children: de content van de tag
@@ -47,7 +47,7 @@ declare const H3: ({ children, subtitle, size, id, ariaLabeledBy, ariaRole, clas
  * @example <H4 size='1'>Title</H4>
  * @example <H4 subtitle size={1}>Subtitle</H4>
  */
-declare const H4: ({ children, subtitle, size, id, ariaLabeledBy, ariaRole, className: cn, itemRef, ...props }: HeadingProps) => import("react/jsx-runtime").JSX.Element;
+declare const H4: ({ children, subtitle, size, id, ariaLabeledBy, ariaRole, className: cn, itemRef, ...props }: HeadingProps) => React.JSX.Element;
 /**
  * Een `<h5>`
  * @param children: de content van de tag
@@ -57,7 +57,7 @@ declare const H4: ({ children, subtitle, size, id, ariaLabeledBy, ariaRole, clas
  * @example <H5 size='1'>Title</H5>
  * @example <H5 subtitle size={1}>Subtitle</H5>
  */
-declare const H5: ({ children, subtitle, size, id, ariaLabeledBy, ariaRole, className: cn, itemRef, ...props }: HeadingProps) => import("react/jsx-runtime").JSX.Element;
+declare const H5: ({ children, subtitle, size, id, ariaLabeledBy, ariaRole, className: cn, itemRef, ...props }: HeadingProps) => React.JSX.Element;
 /**
  * Een `<h6>`
  * @param children: de content van de tag
@@ -67,5 +67,5 @@ declare const H5: ({ children, subtitle, size, id, ariaLabeledBy, ariaRole, clas
  * @example <H6 size='1'>Title</H6>
  * @example <H6 subtitle size={1}>Subtitle</H6>
  */
-declare const H6: ({ children, subtitle, size, id, ariaLabeledBy, ariaRole, className: cn, itemRef, ...props }: HeadingProps) => import("react/jsx-runtime").JSX.Element;
+declare const H6: ({ children, subtitle, size, id, ariaLabeledBy, ariaRole, className: cn, itemRef, ...props }: HeadingProps) => React.JSX.Element;
 export { H1, H2, H3, H4, H5, H6 };

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

@@ -60,21 +60,21 @@ type OnOffToggleItemProps = ToggleItemProps & {
  * </ToggleBar>
  */
 declare const ToggleBar: {
-    ({ size: sizeProp, rounded, alignment, value, initialValue, children: nodes, className: classes, onToggle, }: ToggleBarProps): import("react/jsx-runtime").JSX.Element;
+    ({ size: sizeProp, rounded, alignment, value, initialValue, children: nodes, className: classes, onToggle, }: ToggleBarProps): React.JSX.Element;
     /**
      * Item binnen de ToggleBar. Een van de ToggleItems in een ToggleBar kan maar actief zijn.
      * @param props
      * @returns een item in de togglebar waarvan er maar 1 actief kan zijn
      * @example <ToggleBar.Item>Item 2</ToggleBar.Item>
      */
-    Item: (props: ToggleItemProps) => import("react/jsx-runtime").JSX.Element;
+    Item: (props: ToggleItemProps) => React.JSX.Element;
     /**
      * Een zelf-toggelend item in een ToggleBar. OnOffToggleItems regelen zelf de toggle-state.
      * @param props
      * @returns een losstaand toggle-baar item.
      * @example <ToggleBar.OnoffItem onToggle={handleToggle} identifier="1">Toggle 1</ToggleBar.OnoffItem>
      */
-    OnOffItem: (props: OnOffToggleItemProps) => import("react/jsx-runtime").JSX.Element;
+    OnOffItem: (props: OnOffToggleItemProps) => React.JSX.Element;
 };
 export { ToggleBar };
 export type { ToggleBarProps, ToggleItemProps, OnOffToggleItemProps };

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

@@ -46,5 +46,5 @@ type TooltipProps = {
  * @example <TT content={<>Tooltip content</>} placement="b">Hover me</TT>
  * @example <TT content="Tooltip content" triggers={['click', 'contextMenu']}>Click or RightClick me</TT>
  */
-declare function TT({ className, children, style, content, hideArrow, triggers, placement: plcmnt, display, delay, }: TooltipProps): import("react/jsx-runtime").JSX.Element;
+declare function TT({ className, children, style, content, hideArrow, triggers, placement: plcmnt, display, delay, }: TooltipProps): React.JSX.Element;
 export { TT as Tooltip };

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

@@ -154,7 +154,7 @@ type TreeViewRootProps<T extends unknown = string> = StrictOmit<InternTreeViewPr
 
  */
 declare const TreeViewRoot: <T extends unknown = string>(props: TreeViewRootProps<T> & React.RefAttributes<TreeViewRef>) => React.ReactElement;
-declare function TreeViewNode<T extends unknown = string>({ className: cnProp, style, path, expanded, globalExpandCommand, initialPath, hoveredPath, setHoveredPath, selectedPath, setSelectedPath, nodes, parentInitialState, searchTerm, searchBehavior, icons, searchFn, }: InternTreeViewProps<T>): import("react/jsx-runtime").JSX.Element;
+declare function TreeViewNode<T extends unknown = string>({ className: cnProp, style, path, expanded, globalExpandCommand, initialPath, hoveredPath, setHoveredPath, selectedPath, setSelectedPath, nodes, parentInitialState, searchTerm, searchBehavior, icons, searchFn, }: InternTreeViewProps<T>): React.JSX.Element;
 /**
  * Hook om de `TreeView` imperatief aan te sturen met `expandAll`, `collapseAll`, en `expandToLevel`.
  *

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

@@ -29,7 +29,7 @@ type State<T extends unknown = {}> = {
  */
 declare function ActionSheetProvider({ children }: {
     children: React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 /**
  * Hook voor de confirmation
  * @param buttons tekst voor op de OK-button (default = 'OK')

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

@@ -13,5 +13,5 @@ type AppProviderProps = {
  * @param param0
  * @returns
  */
-export declare function LoonBulmaReactProviders({ children, initialTheme, notifierLocation, defaults, onThemeChanged }: AppProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function LoonBulmaReactProviders({ children, initialTheme, notifierLocation, defaults, onThemeChanged }: AppProviderProps): React.JSX.Element;
 export {};

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

@@ -8,7 +8,7 @@ export declare function ColorSchemeProvider({ children, initialScheme, onThemeCh
     children: React.ReactNode;
     initialScheme?: ColorSchemeType | undefined;
     onThemeChanged?: (t: ColorSchemeType) => void;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 export declare function useColorScheme(): {
     scheme: ColorSchemeType;
     setScheme: (v: ColorSchemeType) => void;

package/dist/contexts/Confirm/ConfirmContextProvider.d.ts

@@ -24,7 +24,7 @@ type State = {
  */
 declare function ConfirmProvider({ children }: {
     children: React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 /**
  * Hook voor de confirmation
  * @param ok tekst voor op de OK-button (default = 'OK')