@festo-ui/react 8.1.0-dev.563 → 8.1.0-dev.565

package/lib/components/mobile-flyout/mobile-flyout-page/MobileFlyoutPage.d.ts

@@ -4,5 +4,5 @@ interface MobileFlyoutPageProps extends ComponentPropsWithoutRef<'div'> {
     name?: string;
     root?: boolean;
 }
-export declare const MobileFlyoutPage: (props: MobileFlyoutPageProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
+declare const MobileFlyoutPage: (props: MobileFlyoutPageProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
 export default MobileFlyoutPage;

package/lib/components/mobile-flyout/mobile-flyout-page/MobileFlyoutPage.js

@@ -1,9 +1,8 @@
 import cn from 'classnames';
 import { forwardRef, useContext } from 'react';
 import MobileFlyoutContext from "../MobileFlyoutContext.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export const MobileFlyoutPage = /*#__PURE__*/forwardRef((_ref, ref) => {
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const MobileFlyoutPage = /*#__PURE__*/forwardRef((_ref, ref) => {
   let {
     back,
     children,

package/lib/components/modals/AlertModal.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ModalProps } from './Modal';
 interface AlertModalProps extends Omit<ModalProps, 'head' | 'children'> {
     title: string;
@@ -10,5 +9,5 @@ interface AlertModalProps extends Omit<ModalProps, 'head' | 'children'> {
     onCancel?: () => void;
     onOk?: () => void;
 }
-declare function AlertModal({ title, subtitle, alertType, strong, cancel, ok, onCancel, onOk, className, body, ...props }: AlertModalProps): JSX.Element;
+declare function AlertModal({ title, subtitle, alertType, strong, cancel, ok, onCancel, onOk, className, body, ...props }: AlertModalProps): import("react/jsx-runtime").JSX.Element;
 export default AlertModal;

package/lib/components/modals/AlertModal.js

@@ -1,9 +1,7 @@
 import cn from 'classnames';
 import Modal from "./Modal.js";
 import ModalFooter from "./ModalFooter.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 function AlertModal(_ref) {
   let {
     title,

package/lib/components/modals/ConfirmModal.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ModalProps } from './Modal';
 interface ConfirmModalProps extends Omit<ModalProps, 'head' | 'children'> {
     title: string;
@@ -9,5 +8,5 @@ interface ConfirmModalProps extends Omit<ModalProps, 'head' | 'children'> {
     onOk?: () => void;
     large?: boolean;
 }
-declare function ConfirmModal({ title, subtitle, cancel, ok, onCancel, onOk, large, body, className, ...props }: ConfirmModalProps): JSX.Element;
+declare function ConfirmModal({ title, subtitle, cancel, ok, onCancel, onOk, large, body, className, ...props }: ConfirmModalProps): import("react/jsx-runtime").JSX.Element;
 export default ConfirmModal;

package/lib/components/modals/ConfirmModal.js

@@ -1,9 +1,7 @@
 import cn from 'classnames';
 import Modal from "./Modal.js";
 import ModalFooter from "./ModalFooter.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 function ConfirmModal(_ref) {
   let {
     title,

package/lib/components/modals/CustomModal.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
 import { ModalBaseProps } from './ModalBase';
 interface CustomModalProps extends ModalBaseProps {
     large?: boolean;
     title?: string;
     subtitle?: string;
+    onCloseDone?: () => void;
 }
 declare const CustomModal: (props: CustomModalProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
 export default CustomModal;

package/lib/components/modals/CustomModal.js

@@ -1,8 +1,7 @@
 import cn from 'classnames';
 import { forwardRef } from 'react';
 import ModalBase from "./ModalBase.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const CustomModal = /*#__PURE__*/forwardRef((_ref, ref) => {
   let {
     large,

package/lib/components/modals/Modal.d.ts

@@ -1,7 +1,7 @@
 import './Modal.scss';
 import React from 'react';
 import { ModalBaseProps } from './ModalBase';
-export interface ModalProps extends ModalBaseProps {
+export interface ModalProps extends Omit<ModalBaseProps, 'onCloseDone'> {
     head?: React.ReactNode;
     body: React.ReactNode;
 }

package/lib/components/modals/Modal.js

@@ -1,7 +1,6 @@
 import React, { forwardRef } from 'react';
 import ModalBase from "./ModalBase.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const Modal = /*#__PURE__*/forwardRef((_ref, ref) => {
   let {
     head,

package/lib/components/modals/ModalBase.d.ts

@@ -1,10 +1,10 @@
-/// <reference types="react" />
 import './Modal.scss';
 import { ClassNamePropsWithChildren } from '../../helper/types';
 export interface ModalBaseProps extends ClassNamePropsWithChildren {
     isOpen: boolean;
     isLoading?: boolean;
     onClose?: () => void;
+    onCloseDone?: () => void;
 }
 declare const ModalBase: (props: ModalBaseProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
 export default ModalBase;

package/lib/components/modals/ModalBase.js

@@ -8,14 +8,13 @@ import { CSSTransition } from 'react-transition-group';
 import { RemoveScroll } from 'react-remove-scroll';
 import useForkRef from "../../helper/useForkRef.js";
 import LoadingIndicator from "../loading-indicator/LoadingIndicator.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 const ModalBase = /*#__PURE__*/forwardRef((_ref, ref) => {
   let {
     isOpen,
     isLoading,
     onClose,
+    onCloseDone,
     className,
     children
   } = _ref;
@@ -33,7 +32,7 @@ const ModalBase = /*#__PURE__*/forwardRef((_ref, ref) => {
     return () => container.removeEventListener('keydown', handleKeyDown);
   }, [onClose, isOpen, container]);
   return /*#__PURE__*/_jsx(_Fragment, {
-    children: /*#__PURE__*/ReactDOM.createPortal( /*#__PURE__*/_jsxs(_Fragment, {
+    children: /*#__PURE__*/ReactDOM.createPortal(/*#__PURE__*/_jsxs(_Fragment, {
       children: [/*#__PURE__*/_jsx(CSSTransition, {
         classNames: "fr-modal-backdrop",
         in: isOpen,
@@ -51,6 +50,7 @@ const ModalBase = /*#__PURE__*/forwardRef((_ref, ref) => {
       }), /*#__PURE__*/_jsx(CSSTransition, {
         classNames: "fr-modal",
         in: isOpen && !isLoading,
+        onExited: onCloseDone,
         timeout: {
           exit: 300,
           enter: 100
@@ -65,9 +65,7 @@ const ModalBase = /*#__PURE__*/forwardRef((_ref, ref) => {
             if (e.target === e.currentTarget) {
               onClose?.();
             }
-          }
-          //
-          ,
+          },
           className: "fr-modal-overlay-wrapper",
           children: /*#__PURE__*/_jsx(RemoveScroll, {
             ref: allRefs,

package/lib/components/modals/ModalFooter.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ClassNamePropsWithChildren } from '../../helper/types';
 declare const ModalFooter: (props: ClassNamePropsWithChildren & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
 export default ModalFooter;

package/lib/components/modals/Prompt.js

@@ -1,10 +1,8 @@
 import React, { useEffect, useState } from 'react';
-import { TextInput } from "../../forms/text-input/TextInput.js";
+import TextInput from "../../forms/text-input/TextInput.js";
 import Modal from "./Modal.js";
 import ModalFooter from "./ModalFooter.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 export default function Prompt(_ref) {
   let {
     title,

package/lib/components/modals/image-gallery/ImageGallery.d.ts

@@ -15,5 +15,5 @@ export interface ImageGalleryProps extends ComponentPropsWithoutRef<'div'>, Moda
     onSlideChanged?: (index: number) => void;
     onScaleChange?: (value: boolean) => void;
 }
-export declare const ImageGallery: (props: ImageGalleryProps & import("react").RefAttributes<HTMLImageElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
+declare const ImageGallery: (props: ImageGalleryProps & import("react").RefAttributes<HTMLImageElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
 export default ImageGallery;

package/lib/components/modals/image-gallery/ImageGallery.js

@@ -7,9 +7,7 @@ import getClasses from "./ImageGallery.helper.js";
 import ImageGalleryContainer from "./internal/ImageGalleryContainer.js";
 import CloseButton from "./internal/CloseButton.js";
 import ScaleButton from "./internal/ScaleButton.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 function getLength(pagination, images) {
   let length = 0;
   if (typeof pagination === 'number') {
@@ -19,7 +17,7 @@ function getLength(pagination, images) {
   }
   return length;
 }
-export const ImageGallery = /*#__PURE__*/forwardRef((_ref, ref) => {
+const ImageGallery = /*#__PURE__*/forwardRef((_ref, ref) => {
   let {
     isOpen,
     startIndex,

package/lib/components/modals/image-gallery/ImageGallery.stories.helper.js

@@ -10,13 +10,11 @@ import Asset7 from "../../../../../../web-essentials/stories/assets/gallery-07.w
 import Asset8 from "../../../../../../web-essentials/stories/assets/gallery-08.webp.js"; // @ts-ignore
 import Asset9 from "../../../../../../web-essentials/stories/assets/gallery-09.webp.js"; // @ts-ignore
 import AssetTen from "../../../../../../web-essentials/stories/assets/gallery-10.webp.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 const images = [{
   src: Asset1,
   alt: 'Asset1',
-  content: {
+  imageContent: {
     title: 'Asset 1',
     body: 'Asset 1 description'
   }
@@ -24,7 +22,7 @@ const images = [{
   src: Asset2,
   alt: 'Asset2',
   containMode: true,
-  content: {
+  imageContent: {
     title: 'Asset 2',
     body: /*#__PURE__*/_jsxs(_Fragment, {
       children: [/*#__PURE__*/_jsx("p", {
@@ -42,56 +40,56 @@ const images = [{
   src: Asset3,
   alt: 'Asset3',
   containMode: true,
-  content: {
+  imageContent: {
     title: 'Asset 3',
     body: 'Asset 3 description'
   }
 }, {
   src: Asset4,
   alt: 'Asset4',
-  content: {
+  imageContent: {
     title: 'Asset 4',
     body: 'Asset 4 description'
   }
 }, {
   src: Asset5,
   alt: 'Asset5',
-  content: {
+  imageContent: {
     title: 'Asset 5',
     body: 'Asset 5 description'
   }
 }, {
   src: Asset6,
   alt: 'Asset6',
-  content: {
+  imageContent: {
     title: 'Asset 6',
     body: 'Asset 6 description'
   }
 }, {
   src: Asset7,
   alt: 'Asset7',
-  content: {
+  imageContent: {
     title: 'Asset 7',
     body: 'Asset 7 description'
   }
 }, {
   src: Asset8,
   alt: 'Asset8',
-  content: {
+  imageContent: {
     title: 'Asset 8',
     body: 'Asset 8 description'
   }
 }, {
   src: Asset9,
   alt: 'Asset9',
-  content: {
+  imageContent: {
     title: 'Asset 9',
     body: 'Asset 9 description'
   }
 }, {
   src: AssetTen,
   alt: 'Asset10',
-  content: {
+  imageContent: {
     title: 'Asset 10',
     body: 'Asset 1ß description'
   }

package/lib/components/modals/image-gallery/ImageGalleryContent.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface ImageDescriptiveContent {
     title: string;
     body: React.ReactNode;
@@ -6,5 +5,5 @@ export interface ImageDescriptiveContent {
 interface ImageGalleryContentProps {
     imageContent?: ImageDescriptiveContent;
 }
-export default function ImageGalleryContent({ imageContent }: ImageGalleryContentProps): JSX.Element;
+export default function ImageGalleryContent({ imageContent }: ImageGalleryContentProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/components/modals/image-gallery/ImageGalleryContent.js

@@ -1,6 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 export default function ImageGalleryContent(_ref) {
   let {
     imageContent

package/lib/components/modals/image-gallery/ImageGalleryContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Swiper as SwiperClass } from 'swiper';
 interface ContextProps {
     thumbsSwiper: SwiperClass | null;

package/lib/components/modals/image-gallery/ImageGallerySwiper.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 interface ImageGallerySwiperProps {
     children: React.ReactNode;
 }
-declare function ImageGallerySwiper({ children }: ImageGallerySwiperProps): JSX.Element;
+declare function ImageGallerySwiper({ children }: ImageGallerySwiperProps): import("react/jsx-runtime").JSX.Element;
 declare namespace ImageGallerySwiper {
     var displayName: string;
 }

package/lib/components/modals/image-gallery/ImageGalleryThumbsSwiper.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 interface ImageGalleryThumbsSwiperProps {
     children: React.ReactNode;
 }
-export default function ImageGalleryThumbsSwiper({ children }: ImageGalleryThumbsSwiperProps): JSX.Element;
+export default function ImageGalleryThumbsSwiper({ children }: ImageGalleryThumbsSwiperProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/components/modals/image-gallery/image-gallery-item/ImageGalleryItem.d.ts

@@ -1,11 +1,10 @@
-/// <reference types="react" />
 import { SwiperSlideProps } from 'swiper/react';
 import './ImageGalleryItem.scss';
 interface ImageGalleryItemProps extends SwiperSlideProps {
     children: React.ReactNode;
     containMode?: boolean;
 }
-declare function ImageGalleryItem({ children, containMode, className, ...props }: ImageGalleryItemProps): JSX.Element;
+declare function ImageGalleryItem({ children, containMode, className, ...props }: ImageGalleryItemProps): import("react/jsx-runtime").JSX.Element;
 declare namespace ImageGalleryItem {
     var displayName: string;
 }

package/lib/components/modals/image-gallery/internal/BaseGallery.d.ts

@@ -13,5 +13,5 @@ interface BaseGalleryProps extends ClassNamePropsWithChildren {
     onSlideChanged?: (value: number) => void;
     startIndex?: number;
 }
-export default function BaseGallery({ images, thumbnailImages, onSlideChanged, startIndex, children, }: BaseGalleryProps): JSX.Element;
+export default function BaseGallery({ images, thumbnailImages, onSlideChanged, startIndex, children, }: BaseGalleryProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/components/modals/image-gallery/internal/BaseGallery.js

@@ -3,9 +3,7 @@ import ImageGalleryContext from "../ImageGalleryContext.js";
 import ImageGalleryItem from "../image-gallery-item/ImageGalleryItem.js";
 import ImageGalleryThumbsSwiper from "../ImageGalleryThumbsSwiper.js";
 import ImageGallerySwiper from "../ImageGallerySwiper.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 export default function BaseGallery(_ref) {
   let {
     images,

package/lib/components/modals/image-gallery/internal/CloseButton.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 interface CloseButtonProps {
     onClose?: () => void;
     showScaleButton?: boolean;
 }
-export default function CloseButton({ onClose, showScaleButton }: CloseButtonProps): JSX.Element;
+export default function CloseButton({ onClose, showScaleButton }: CloseButtonProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/components/modals/image-gallery/internal/ImageGalleryContainer.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 interface ImageGalleryContainerProps {
     children: React.ReactNode;
     descriptiveContent?: boolean;
 }
-export default function ImageGalleryContainer({ children, descriptiveContent, }: ImageGalleryContainerProps): JSX.Element;
+export default function ImageGalleryContainer({ children, descriptiveContent, }: ImageGalleryContainerProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/components/modals/image-gallery/internal/ImageGalleryContainer.js

@@ -1,5 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 export default function ImageGalleryContainer(_ref) {
   let {
     children,

package/lib/components/modals/image-gallery/internal/ImageGalleryPagination.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 interface ImageGalleryPaginationProps {
     currentIndex: number;
     length?: number;
 }
-export default function ImageGalleryPagination({ currentIndex, length, }: ImageGalleryPaginationProps): JSX.Element;
+export default function ImageGalleryPagination({ currentIndex, length, }: ImageGalleryPaginationProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/components/modals/image-gallery/internal/ImageGalleryPagination.js

@@ -1,6 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 export default function ImageGalleryPagination(_ref) {
   let {
     currentIndex,

package/lib/components/modals/image-gallery/internal/ScaleButton.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 interface ScaleButtonProps {
     onScaleChange?: (value: boolean) => void;
 }
-export default function ScaleButton({ onScaleChange }: ScaleButtonProps): JSX.Element;
+export default function ScaleButton({ onScaleChange }: ScaleButtonProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/components/pagination/Pagination.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ClassNameProps } from '../../helper/types';
 import './Pagination.scss';
 export declare enum PaginationType {
@@ -13,5 +12,5 @@ export interface PaginationProps extends ClassNameProps {
     defaultPageCurrent?: number;
     pageMax: number;
 }
-declare function Pagination(props: PaginationProps): JSX.Element;
+declare function Pagination(props: PaginationProps): import("react/jsx-runtime").JSX.Element;
 export default Pagination;

package/lib/components/pagination/Pagination.js

@@ -1,14 +1,12 @@
 import React, { useEffect, useState } from 'react';
 import classNames from 'classnames';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export let PaginationType;
-(function (PaginationType) {
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+export let PaginationType = /*#__PURE__*/function (PaginationType) {
   PaginationType["Simple"] = "SIMPLE";
   PaginationType["Numeric"] = "NUMERIC";
   PaginationType["Dots"] = "DOTS";
-})(PaginationType || (PaginationType = {}));
+  return PaginationType;
+}({});
 function Pagination(props) {
   const {
     pageMax,

package/lib/components/popovers/legend/Legend.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PopoverProps } from '../popover/Popover';
 import './Legend.scss';
 interface Item {
@@ -8,5 +7,5 @@ interface Item {
 export interface LegendProps extends Omit<PopoverProps, 'popoverContent'> {
     items: Item[];
 }
-declare function Legend({ items, ...props }: LegendProps): JSX.Element;
+declare function Legend({ items, ...props }: LegendProps): import("react/jsx-runtime").JSX.Element;
 export default Legend;

package/lib/components/popovers/legend/Legend.js

@@ -1,6 +1,5 @@
 import Popover from "../popover/Popover.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function Legend(_ref) {
   let {
     items,

package/lib/components/popovers/popover/Popover.d.ts

@@ -14,5 +14,5 @@ export interface PopoverProps extends ClassNamePropsWithChildren {
     stopPropagation?: boolean;
     arrow?: boolean;
 }
-declare function Popover({ popoverContent, children, position, fallbackPositions, open, onStatusChange, wrapper, className, flip, containerClassName, stopPropagation, arrow, }: PopoverProps): JSX.Element;
+declare function Popover({ popoverContent, children, position, fallbackPositions, open, onStatusChange, wrapper, className, flip, containerClassName, stopPropagation, arrow, }: PopoverProps): import("react/jsx-runtime").JSX.Element;
 export default Popover;

package/lib/components/popovers/popover/Popover.js

@@ -3,9 +3,7 @@ import { usePopper } from 'react-popper';
 import classNames from 'classnames';
 import useOnClickOutside from "../../../helper/useOnClickOutside.js";
 import useForkRef from "../../../helper/useForkRef.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 function Popover(_ref) {
   let {
     popoverContent,

package/lib/components/popovers/popover-menu/PopoverMenu.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PopoverProps } from '../popover/Popover';
 import './PopoverMenu.scss';
 interface PopoverMenuItem {
@@ -10,5 +9,5 @@ interface PopoverMenuItem {
 export interface PopoverMenuProps extends Omit<PopoverProps, 'popoverContent' | 'open' | 'onStatusChange'> {
     menu: PopoverMenuItem[];
 }
-declare function PopoverMenu({ children, menu, className, ...props }: PopoverMenuProps): JSX.Element;
+declare function PopoverMenu({ children, menu, className, ...props }: PopoverMenuProps): import("react/jsx-runtime").JSX.Element;
 export default PopoverMenu;

package/lib/components/popovers/popover-menu/PopoverMenu.js

@@ -2,8 +2,7 @@ import { useState } from 'react';
 import classNames from 'classnames';
 import Popover from "../popover/Popover.js";
 import IconWrapper from "../../icon-wrapper/IconWrapper.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function PopoverMenu(_ref) {
   let {
     children,

package/lib/components/popovers/tooltip/Tooltip.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { Placement } from "@popperjs/core";
 import type { ClassNamePropsWithChildren } from "../../../helper/types";
 import "./Tooltip.scss";
@@ -6,5 +5,5 @@ export interface PopoverMenuProps extends ClassNamePropsWithChildren {
     title: string | JSX.Element;
     position?: Placement;
 }
-declare function Tooltip({ children, className, title, position, }: Readonly<PopoverMenuProps>): JSX.Element;
+declare function Tooltip({ children, className, title, position, }: Readonly<PopoverMenuProps>): import("react/jsx-runtime").JSX.Element;
 export default Tooltip;

package/lib/components/popovers/tooltip/Tooltip.js

@@ -1,8 +1,7 @@
 import { useRef, useState } from "react";
 import { usePopper } from "react-popper";
 import classNames from "classnames";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function Tooltip(_ref) {
   let {
     children,

package/lib/components/progress/Progress.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 import { ClassNameProps } from '../../helper/types';
 interface ProgressProps extends ClassNameProps {
     progress: number;
     background?: 'white' | 'black' | 'background';
     error?: boolean;
 }
-declare function Progress({ background, error, progress, className }: ProgressProps): JSX.Element;
+declare function Progress({ background, error, progress, className }: ProgressProps): import("react/jsx-runtime").JSX.Element;
 export default Progress;

package/lib/components/scroll-area/ScrollArea.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 interface ScrollAreaProps extends React.ComponentPropsWithoutRef<'div'> {
     scrollbarMinSize?: number;
 }
-export default function ScrollArea({ children, scrollbarMinSize, ...props }: ScrollAreaProps): JSX.Element;
+export default function ScrollArea({ children, scrollbarMinSize, ...props }: ScrollAreaProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/components/search-input/ClearButton.d.ts

@@ -1,2 +1,2 @@
 import { ComponentPropsWithoutRef } from 'react';
-export default function ClearButton(props: ComponentPropsWithoutRef<'div'>): JSX.Element;
+export default function ClearButton(props: ComponentPropsWithoutRef<'div'>): import("react/jsx-runtime").JSX.Element;

package/lib/components/search-input/SearchInput.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './SearchInput.scss';
 import SearchSuggestion from './SearchSuggestion';
 interface SearchInputProps {
@@ -11,5 +10,5 @@ interface SearchInputProps {
     onKeyboardNavigate?: (value: string) => void;
     onSearch?: (value: string) => void;
 }
-declare function SearchInput({ defaultValue, disabled, label, value, suggestions, onChange, onSearch, onKeyboardNavigate, }: SearchInputProps): JSX.Element;
+declare function SearchInput({ defaultValue, disabled, label, value, suggestions, onChange, onSearch, onKeyboardNavigate, }: SearchInputProps): import("react/jsx-runtime").JSX.Element;
 export default SearchInput;