@rio-cloud/rio-uikit 0.16.4-beta.3 → 0.16.4-beta.4

package/lib/es/components/table/TableCardsSorting.d.ts

@@ -9,7 +9,7 @@ declare class TableCardsSorting extends React.Component<any, any, any> {
     setSortDirectionAsc(): void;
     setSortDirectionDesc(): void;
     setSortDirection(direction: any): void;
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 declare namespace TableCardsSorting {
     namespace defaultProps {

package/lib/es/components/table/TableSearch.d.ts

@@ -1,5 +1,5 @@
 export default TableSearch;
-declare function TableSearch(props: any): JSX.Element;
+declare function TableSearch(props: any): import("react/jsx-runtime").JSX.Element;
 declare namespace TableSearch {
     const defaultProps: {};
     namespace propTypes {

package/lib/es/components/table/TableSettingsColumnButtons.d.ts

@@ -1,4 +1,4 @@
-export function TableSettingsColumnButtons(props: any): JSX.Element;
+export function TableSettingsColumnButtons(props: any): import("react/jsx-runtime").JSX.Element;
 export namespace TableSettingsColumnButtons {
     namespace defaultProps {
         const column: string;

package/lib/es/components/table/TableSettingsColumnDetails.d.ts

@@ -1,4 +1,4 @@
-export function TableSettingsColumnDetails(props: any): JSX.Element;
+export function TableSettingsColumnDetails(props: any): import("react/jsx-runtime").JSX.Element;
 export namespace TableSettingsColumnDetails {
     namespace defaultProps {
         function onColumnWidthChange(): undefined;

package/lib/es/components/table/TableSettingsDialog.d.ts

@@ -31,11 +31,11 @@ declare class TableSettingsDialog extends React.PureComponent<any, any, any> {
     hasColumnsDetailsChanged(columnsDetails: any): boolean;
     setColumnLabelStrings(): void;
     resetColumnsDetails(columnsDetails: any): import("lodash").Dictionary<any>;
-    renderNotFoundMessage(message: any): JSX.Element;
-    renderTableSettingsDialogContent(): JSX.Element;
+    renderNotFoundMessage(message: any): import("react/jsx-runtime").JSX.Element;
+    renderTableSettingsDialogContent(): import("react/jsx-runtime").JSX.Element;
     contentRef: HTMLDivElement | null | undefined;
-    renderTableSettingsDialogFooter(): JSX.Element;
-    render(): JSX.Element | null;
+    renderTableSettingsDialogFooter(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element | null;
 }
 declare namespace TableSettingsDialog {
     namespace defaultProps {

package/lib/es/components/table/TableSettingsDialogFooter.d.ts

@@ -1,4 +1,4 @@
-export function TableSettingsDialogFooter(props: any): JSX.Element;
+export function TableSettingsDialogFooter(props: any): import("react/jsx-runtime").JSX.Element;
 export namespace TableSettingsDialogFooter {
     namespace defaultProps {
         const hasChanged: boolean;

package/lib/es/components/table/TableSettingsListContainer.d.ts

@@ -1,4 +1,4 @@
-export function TableSettingsListContainer(props: any): JSX.Element;
+export function TableSettingsListContainer(props: any): import("react/jsx-runtime").JSX.Element;
 export namespace TableSettingsListContainer {
     namespace propTypes {
         const items: PropTypes.Requireable<(string | null | undefined)[]>;

package/lib/es/components/table/TableSettingsListItem.d.ts

@@ -1,6 +1,6 @@
 export function filterColumns(searchValue: any, column: string | undefined, columnLabelStrings: any): boolean;
 export default TableSettingsListItem;
-declare function TableSettingsListItem(props: any): JSX.Element;
+declare function TableSettingsListItem(props: any): import("react/jsx-runtime").JSX.Element;
 declare namespace TableSettingsListItem {
     namespace propTypes {
         export const column: PropTypes.Requireable<string>;

package/lib/es/components/table/TableToolbar.d.ts

@@ -2,7 +2,7 @@ export default TableToolbar;
 declare function TableToolbar({ className, children }: {
     className: any;
     children: any;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 declare namespace TableToolbar {
     const defaultProps: {};
     namespace propTypes {

package/lib/es/components/table/TableViewToggles.d.ts

@@ -1,5 +1,5 @@
 export default TableViewToggles;
-declare function TableViewToggles(props: any): JSX.Element;
+declare function TableViewToggles(props: any): import("react/jsx-runtime").JSX.Element;
 declare namespace TableViewToggles {
     const VIEW_TYPE_TABLE: string;
     const VIEW_TYPE_SINGLE_CARD: string;

package/lib/es/components/tag/Tag.d.ts

@@ -1,5 +1,5 @@
 export default Tag;
-declare function Tag(props: any): JSX.Element;
+declare function Tag(props: any): import("react/jsx-runtime").JSX.Element;
 declare namespace Tag {
     namespace defaultProps {
         const active: boolean;

package/lib/es/components/tag/TagList.d.ts

@@ -1,5 +1,5 @@
 export default TagList;
-declare function TagList(props: any): JSX.Element;
+declare function TagList(props: any): import("react/jsx-runtime").JSX.Element;
 declare namespace TagList {
     namespace defaultProps {
         const inline: boolean;

package/lib/es/components/tagManager/CustomSuggestionItem.d.ts

@@ -2,7 +2,7 @@ export default CustomSuggestionItem;
 declare function CustomSuggestionItem({ value, placeholder }: {
     value: any;
     placeholder: any;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 declare namespace CustomSuggestionItem {
     const defaultProps: {};
     namespace propTypes {

package/lib/es/components/tagManager/TagManager.d.ts

@@ -1,5 +1,5 @@
 export default TagManager;
-declare function TagManager(props: any): JSX.Element;
+declare function TagManager(props: any): import("react/jsx-runtime").JSX.Element;
 declare namespace TagManager {
     namespace defaultProps {
         const useCustomTags: boolean;

package/lib/es/components/tagManager/TagManagerItemList.d.ts

@@ -1,5 +1,5 @@
 export default TagManagerItemList;
-declare function TagManagerItemList(props: any): JSX.Element;
+declare function TagManagerItemList(props: any): import("react/jsx-runtime").JSX.Element;
 declare namespace TagManagerItemList {
     const defaultProps: {};
     namespace propTypes {

package/lib/es/components/teaser/Teaser.d.ts

@@ -6,16 +6,16 @@ declare class Teaser extends React.Component<any, any, any> {
     constructor(props: any);
     constructor(props: any, context: any);
     getPlaceholder(image?: {}): "\ndata:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAA+gAAAPoCAQAAADnqhxvAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfiCw8ODSFLsnJ3AAAPvUlEQVR42u3VMQ0AIADAMMC/ZxDBQVhaBfs29wAAfrdeBwAA9wwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDgTLCM9BHrU/AAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE4LTExLTE1VDEzOjEzOjMzKzAxOjAwgedH5AAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxOC0xMS0xNVQxMzoxMzozMyswMTowMPC6/1gAAAAASUVORK5CYII=\n" | "\ndata:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAA+gAAAFNCAQAAAA55I0bAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfiCw8ODDQ/dKfdAAAFUUlEQVR42u3VMQ0AIADAMMC/ZxDBQVhaBfs29wAAfrdeBwAA9wwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIO/GUDmajv5qgAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTgtMTEtMTVUMTM6MTI6NTIrMDE6MDAOPS7pAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE4LTExLTE1VDEzOjEyOjUyKzAxOjAwf2CWVQAAAABJRU5ErkJggg==\n" | "\ndata:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAA+gAAAKaCAQAAAAHN7sRAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfiCw8ODALwzjJEAAAKhUlEQVR42u3VMQ0AIADAMMC/ZxDBQVhaBfs29wAAfrdeBwAA9wwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIOCbQGM8brNAQAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTgtMTEtMTVUMTM6MTI6MDIrMDE6MDBG3SCNAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE4LTExLTE1VDEzOjEyOjAyKzAxOjAwN4CYMQAAAABJRU5ErkJggg==\n" | "\ndata:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAA+gAAAIwCAQAAAC/sImZAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfiDBwMBx70M0fPAAAI3UlEQVR42u3VMQ0AIADAMMC/ZxDBQVhaBfs29wAAfrdeBwAA9wwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAgwdAAIMHQACDB0AAg55rgVfT+Sm9AAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxOC0xMi0yOFQxMTowNzozMCswMTowMOGwCPwAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTgtMTItMjhUMTE6MDc6MzArMDE6MDCQ7bBAAAAAAElFTkSuQmCC\n";
-    renderImage(image: any, columnWidth: any): JSX.Element;
-    renderHeadline(headline: any, segmentation: any): JSX.Element;
-    renderContent(content: any, segmentation: any): JSX.Element;
-    renderButton(button: any): JSX.Element;
-    renderFooter(footer: any): JSX.Element;
+    renderImage(image: any, columnWidth: any): import("react/jsx-runtime").JSX.Element;
+    renderHeadline(headline: any, segmentation: any): import("react/jsx-runtime").JSX.Element;
+    renderContent(content: any, segmentation: any): import("react/jsx-runtime").JSX.Element;
+    renderButton(button: any): import("react/jsx-runtime").JSX.Element;
+    renderFooter(footer: any): import("react/jsx-runtime").JSX.Element;
     getAlignmentClass(verticalAlignment: any): "" | "align-items-center-sm";
-    renderPanelBasedLayoutForSingleColumn(wrapperName: any, alignmentClass: any): JSX.Element;
+    renderPanelBasedLayoutForSingleColumn(wrapperName: any, alignmentClass: any): import("react/jsx-runtime").JSX.Element;
     getCaptionClassNames(image: any, segmentation: any): string;
-    renderThumbnailBasedLayoutForMultipleSegmentsOrRows(wrapperName: any, alignmentClass: any): JSX.Element;
-    render(): JSX.Element;
+    renderThumbnailBasedLayoutForMultipleSegmentsOrRows(wrapperName: any, alignmentClass: any): import("react/jsx-runtime").JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 declare namespace Teaser {
     namespace defaultProps {

package/lib/es/components/teaser/TeaserContainer.d.ts

@@ -1,5 +1,5 @@
 export default TeaserContainer;
-declare function TeaserContainer(props: any): JSX.Element;
+declare function TeaserContainer(props: any): import("react/jsx-runtime").JSX.Element;
 declare namespace TeaserContainer {
     namespace defaultValue {
         const children: never[];

package/lib/es/components/timepicker/TimePicker.d.ts

@@ -1,5 +1,5 @@
 export default TimePicker;
-declare function TimePicker(props: any): JSX.Element;
+declare function TimePicker(props: any): import("react/jsx-runtime").JSX.Element;
 declare namespace TimePicker {
     namespace defaultProps {
         function onChange(): void;

package/lib/es/components/tooltip/SimpleTooltip.d.ts

@@ -13,7 +13,7 @@ export type SimpleTooltipProps = {
     tooltipWidth: TooltipWidth;
 };
 declare const SimpleTooltip: {
-    (props: PropsWithChildren<SimpleTooltipProps>): JSX.Element;
+    (props: PropsWithChildren<SimpleTooltipProps>): import("react/jsx-runtime").JSX.Element;
     TRIGGER_CLICK: "click";
     TRIGGER_HOVER: "hover";
     TRIGGER_FOCUS: "focus";

package/lib/es/components/video/ResponsiveVideo.d.ts

@@ -1,13 +1,33 @@
-export type AspectRatio = '4by3' | '16by9';
+declare const FOUR_BY_THREE = "4by3";
+declare const SIXTEEN_BY_NINE = "16by9";
+export type AspectRatio = typeof FOUR_BY_THREE | typeof SIXTEEN_BY_NINE;
 export type ResponsiveVideoProps = {
+    /**
+     * The link to the source of the video file.
+     */
     src: string;
-    aspectRatio: AspectRatio;
+    /**
+     * Defined the aspect ratio of the video.
+     * @default `16by9`
+     *
+     * Possible values are:
+     * `ResponsiveVideo.ASPECT_RATIO_4_BY_3`, `ResponsiveVideo.ASPECT_RATIO_16_BY_9` or
+     * `4by3`, `16by9`.
+     */
+    aspectRatio: '4by3' | '16by9';
+    /**
+     * Allows the fullscreen feature of the underlying embedded iframe.
+     * @default true
+     */
     allowFullScreen?: boolean;
+    /**
+     * Additional classes added to the wrapping element.
+     */
     className?: string;
 };
 declare const ResponsiveVideo: {
-    (props: ResponsiveVideoProps): JSX.Element;
-    ASPECT_RATIO_4_BY_3: string;
-    ASPECT_RATIO_16_BY_9: string;
+    (props: ResponsiveVideoProps): import("react/jsx-runtime").JSX.Element;
+    ASPECT_RATIO_4_BY_3: "4by3";
+    ASPECT_RATIO_16_BY_9: "16by9";
 };
 export default ResponsiveVideo;

package/lib/es/components/video/ResponsiveVideo.js

@@ -4,11 +4,13 @@ const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 require("react");
 const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const FOUR_BY_THREE = '4by3';
+const SIXTEEN_BY_NINE = '16by9';
 const ResponsiveVideo = (props) => {
     const { src, className = '', allowFullScreen = true, aspectRatio = '16by9' } = props;
     const wrapperClassName = (0, classnames_1.default)('video-responsive', `video-responsive-${aspectRatio}`, className && className);
     return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: wrapperClassName }, { children: (0, jsx_runtime_1.jsx)("iframe", { src: src, allowFullScreen: allowFullScreen }) })));
 };
-ResponsiveVideo.ASPECT_RATIO_4_BY_3 = '4by3';
-ResponsiveVideo.ASPECT_RATIO_16_BY_9 = '16by9';
+ResponsiveVideo.ASPECT_RATIO_4_BY_3 = FOUR_BY_THREE;
+ResponsiveVideo.ASPECT_RATIO_16_BY_9 = SIXTEEN_BY_NINE;
 exports.default = ResponsiveVideo;

package/lib/es/framer-motion.d.ts

@@ -1 +1 @@
-export * from 'framer-motion';
+export * from "framer-motion";

package/lib/es/hooks/useEsc.d.ts

@@ -1 +1,2 @@
-export default function useEsc(callback: any): void;
+declare const useEsc: (callback: (event: KeyboardEvent) => void) => void;
+export default useEsc;

package/lib/es/hooks/useEsc.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const useKey_1 = tslib_1.__importDefault(require("./useKey"));
-function useEsc(callback) {
+const useEsc = (callback) => {
     (0, useKey_1.default)(event => event.key === 'Escape' && callback(event));
-}
+};
 exports.default = useEsc;

package/lib/es/hooks/useEvent.d.ts

@@ -1 +1,2 @@
-export default function useEvent(eventType: any, callback: any, options?: boolean, target?: Document): void;
+declare const useEvent: <K extends keyof WindowEventMap, T extends HTMLElement = HTMLDivElement>(eventType: K, callback: EventListener, options?: boolean | AddEventListenerOptions, target?: Document | HTMLElement | null) => void;
+export default useEvent;

package/lib/es/hooks/useEvent.js

@@ -1,10 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-function useEvent(eventType, callback, options = false, target = document) {
+const useEvent = (eventType, callback, options = false, target = document) => {
     (0, react_1.useEffect)(() => {
+        if (!target || !target.addEventListener) {
+            return;
+        }
         target.addEventListener(eventType, callback, options);
-        return () => target.removeEventListener(eventType, callback, options);
-    }, [callback]);
-}
+        return () => {
+            target.removeEventListener(eventType, callback, options);
+        };
+    }, [eventType, options, target]);
+};
 exports.default = useEvent;

package/lib/es/hooks/useFocusTrap.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+/**
+ * This custom hook allows to keep the focus inside a defined wrapper element.
+ * This might be a dialog or a custom overlay.
+ *
+ * This hook can be used in two ways:
+ * - When you have a external component that will be re-rendered after the overlay opens, you can use
+ *   the built-in ref. This ref will be returned from this hook and can be set on the respective wrapper element.
+ * - When you have an element that does not re-render, use a state setter function to set as the ref.
+ *   This element can then be passed as a parameter to this hook and it will be used instead of the built-in ref.
+ *
+ * @param element Optional parameter to pass in the existing DOM reference. Use this instead of the built-in ref.
+ * @returns
+ */
+declare const useFocusTrap: <T extends HTMLElement>(element?: HTMLDivElement | null) => React.RefObject<HTMLDivElement>;
+export default useFocusTrap;

package/lib/es/hooks/useFocusTrap.js

@@ -0,0 +1,64 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = require("react");
+/**
+ * This custom hook allows to keep the focus inside a defined wrapper element.
+ * This might be a dialog or a custom overlay.
+ *
+ * This hook can be used in two ways:
+ * - When you have a external component that will be re-rendered after the overlay opens, you can use
+ *   the built-in ref. This ref will be returned from this hook and can be set on the respective wrapper element.
+ * - When you have an element that does not re-render, use a state setter function to set as the ref.
+ *   This element can then be passed as a parameter to this hook and it will be used instead of the built-in ref.
+ *
+ * @param element Optional parameter to pass in the existing DOM reference. Use this instead of the built-in ref.
+ * @returns
+ */
+const useFocusTrap = (element) => {
+    const ref = (0, react_1.useRef)(null);
+    const handleFocus = (event) => {
+        const wrapper = element !== null && element !== void 0 ? element : ref.current;
+        const focusableElements = wrapper === null || wrapper === void 0 ? void 0 : wrapper.querySelectorAll([
+            'a[href]',
+            'button',
+            'textarea',
+            'input',
+            'input[type="text"]',
+            'input[type="radio"]',
+            'input[type="checkbox"]',
+            'select',
+        ].join(', '));
+        const firstFocusableEl = focusableElements === null || focusableElements === void 0 ? void 0 : focusableElements[0];
+        const lastFocusableEl = focusableElements === null || focusableElements === void 0 ? void 0 : focusableElements[focusableElements.length - 1];
+        const isTabPressed = event.key === 'Tab';
+        if (!isTabPressed) {
+            return;
+        }
+        // Handle: shift + tab
+        if (event.shiftKey) {
+            if (document.activeElement === firstFocusableEl) {
+                lastFocusableEl === null || lastFocusableEl === void 0 ? void 0 : lastFocusableEl.focus();
+                event.preventDefault();
+            }
+            return;
+        }
+        // Handle: tab
+        if (document.activeElement === lastFocusableEl) {
+            firstFocusableEl === null || firstFocusableEl === void 0 ? void 0 : firstFocusableEl.focus();
+            event.preventDefault();
+        }
+    };
+    (0, react_1.useEffect)(() => {
+        const wrapper = element !== null && element !== void 0 ? element : ref.current;
+        if (wrapper) {
+            wrapper.addEventListener('keydown', handleFocus);
+        }
+        return () => {
+            if (wrapper) {
+                wrapper.removeEventListener('keydown', handleFocus);
+            }
+        };
+    }, [ref.current, element]);
+    return ref;
+};
+exports.default = useFocusTrap;

package/lib/es/hooks/useHover.d.ts

@@ -0,0 +1,3 @@
+import React, { type RefObject } from 'react';
+declare const useHover: <T extends HTMLElement = HTMLElement>(elementRef: React.RefObject<T>) => boolean;
+export default useHover;

package/lib/es/hooks/useHover.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = require("react");
+require("./useEvent");
+const useHover = (elementRef) => {
+    const [value, setValue] = (0, react_1.useState)(false);
+    const handleMouseEnter = () => setValue(true);
+    const handleMouseLeave = () => setValue(false);
+    (0, react_1.useEffect)(() => {
+        if (elementRef.current) {
+            elementRef.current.addEventListener('mouseenter', handleMouseEnter);
+        }
+        return () => {
+            if (elementRef.current) {
+                elementRef.current.removeEventListener('mouseenter', handleMouseEnter);
+            }
+        };
+    }, [elementRef.current]);
+    (0, react_1.useEffect)(() => {
+        if (elementRef.current) {
+            elementRef.current.addEventListener('mouseleave', handleMouseLeave);
+        }
+        return () => {
+            if (elementRef.current) {
+                elementRef.current.removeEventListener('mouseleave', handleMouseLeave);
+            }
+        };
+    }, [elementRef.current]);
+    return value;
+};
+exports.default = useHover;

package/lib/es/hooks/useKey.d.ts

@@ -1 +1,3 @@
-export default function useKey(callback: any, eventTypes?: string[], node?: Document): void;
+type KeyboardEventType = 'keyup' | 'keydown' | 'keypress';
+declare const useKey: (callback: (event: KeyboardEvent) => void, eventTypes?: KeyboardEventType[], node?: Document) => void;
+export default useKey;

package/lib/es/hooks/useKey.js

@@ -1,12 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-function useKey(callback, eventTypes = ['keydown'], node = document) {
+const useKey = (callback, eventTypes = ['keydown'], node = document) => {
     (0, react_1.useEffect)(() => {
-        eventTypes.forEach(eventType => node.addEventListener(eventType, callback));
+        for (const eventType of eventTypes) {
+            node.addEventListener(eventType, callback);
+        }
         return () => {
-            eventTypes.forEach(eventType => node.removeEventListener(eventType, callback));
+            for (const eventType of eventTypes) {
+                node.removeEventListener(eventType, callback);
+            }
         };
     }, [callback]);
-}
+};
 exports.default = useKey;

package/lib/es/hooks/usePrevious.d.ts

@@ -1 +1,21 @@
-export default function usePrevious(state: any): any;
+/**
+ * The usePrevious hook allows to easily access state from previous component render.
+ * Instead of using a *React.ref* or a *useEffect*, this hook uses a *useState* internally to keep track of the
+ * previous state value.
+ *
+ * Quoting from the React documentation:
+ *
+ * *In most cases, you don’t need this:*
+ *
+ * - *If the value you need can be computed entirely from the current props or other state, remove*
+ * *that redundant state altogether. If you’re worried about recomputing too often, the useMemo Hook can help.*
+ * - *If you want to reset the entire component tree’s state, pass a different key to your component.*
+ * - *If you can, update all the relevant state in the event handlers.*
+ *
+ * @link https://beta.reactjs.org/reference/react/useState#storing-information-from-previous-renders
+ *
+ * @param state The value of the current state to keep track of.
+ * @returns
+ */
+declare const usePrevious: <T>(state: T | null | undefined) => T | null | undefined;
+export default usePrevious;

package/lib/es/hooks/usePrevious.js

@@ -1,16 +1,35 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-function usePrevious(state) {
-    // Based on the react beta docs, we avoid using an effect and a ref here but
-    // use another state to store the previous value to compare to.
-    // See: https://beta.reactjs.org/reference/react/useState#storing-information-from-previous-renders
-    // [previousState currentState]
-    const [tuple, setTuple] = (0, react_1.useState)([null, state]);
-    if (tuple[1] !== state) {
-        // Set the new given state value and store the old state as pervious value
-        setTuple([tuple[1], state]);
+// Based on the react beta docs, we avoid using an effect here but
+// use another state to store the previous value to compare to.
+// See: https://beta.reactjs.org/reference/react/useState#storing-information-from-previous-renders
+/**
+ * The usePrevious hook allows to easily access state from previous component render.
+ * Instead of using a *React.ref* or a *useEffect*, this hook uses a *useState* internally to keep track of the
+ * previous state value.
+ *
+ * Quoting from the React documentation:
+ *
+ * *In most cases, you don’t need this:*
+ *
+ * - *If the value you need can be computed entirely from the current props or other state, remove*
+ * *that redundant state altogether. If you’re worried about recomputing too often, the useMemo Hook can help.*
+ * - *If you want to reset the entire component tree’s state, pass a different key to your component.*
+ * - *If you can, update all the relevant state in the event handlers.*
+ *
+ * @link https://beta.reactjs.org/reference/react/useState#storing-information-from-previous-renders
+ *
+ * @param state The value of the current state to keep track of.
+ * @returns
+ */
+const usePrevious = (state) => {
+    const [previousState, setPreviousState] = (0, react_1.useState)(state);
+    const stateRef = (0, react_1.useRef)();
+    if (stateRef.current !== state) {
+        setPreviousState(stateRef.current);
+        stateRef.current = state;
     }
-    return tuple[0];
-}
+    return previousState;
+};
 exports.default = usePrevious;