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

package/lib/es/components/switch/Switch.d.ts

@@ -1,29 +1,51 @@
+import { type PropsWithChildren } from 'react';
+declare const LABEL_POSITION_LEFT = "left";
+declare const LABEL_POSITION_RIGHT = "right";
+export type SwitchProps = {
+    /**
+     * Optional key that is used as key and as the id on the internal input.
+     */
+    keyName?: string;
+    /**
+     * Callback function triggered when clicking the button.
+     * @param toggleState
+     * @returns
+     */
+    onChange?: (toggleState: boolean) => void;
+    /**
+     * Set active / inactive state.
+     * @default false
+     */
+    checked?: boolean;
+    /**
+     * The min-width of the switch.
+     */
+    minWidth?: number;
+    /**
+     * Disables the component.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * The text used for the ON state.
+     */
+    enabledText?: string;
+    /**
+     * The text used for the OFF state.
+     */
+    disabledText?: string;
+    /**
+     * Defines the position of the switch label.
+     *
+     * Possible values are:
+     * `Switch.LABEL_POSITION_LEFT`, `Switch.LABEL_POSITION_RIGHT` or
+     * `left`, `right`
+     */
+    labelPosition?: typeof LABEL_POSITION_LEFT | typeof LABEL_POSITION_RIGHT;
+};
+declare const Switch: {
+    (props: PropsWithChildren<SwitchProps>): import("react/jsx-runtime").JSX.Element;
+    LABEL_POSITION_LEFT: "right";
+    LABEL_POSITION_RIGHT: "right";
+};
 export default Switch;
-declare function Switch(props: any): JSX.Element;
-declare namespace Switch {
-    const LABEL_POSITION_LEFT: string;
-    const LABEL_POSITION_RIGHT: string;
-    namespace defaultProps {
-        function onChange(): void;
-        const keyName: string;
-        const checked: boolean;
-        const minWidth: number;
-        const disabled: boolean;
-    }
-    namespace propTypes {
-        const onChange_1: PropTypes.Validator<(...args: any[]) => any>;
-        export { onChange_1 as onChange };
-        const checked_1: PropTypes.Requireable<boolean>;
-        export { checked_1 as checked };
-        const keyName_1: PropTypes.Requireable<string>;
-        export { keyName_1 as keyName };
-        const minWidth_1: PropTypes.Requireable<number>;
-        export { minWidth_1 as minWidth };
-        const disabled_1: PropTypes.Requireable<boolean>;
-        export { disabled_1 as disabled };
-        export const enabledText: PropTypes.Requireable<string>;
-        export const disabledText: PropTypes.Requireable<string>;
-        export const labelPosition: PropTypes.Requireable<string>;
-    }
-}
-import PropTypes from "prop-types";

package/lib/es/components/switch/Switch.js

@@ -2,12 +2,15 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = tslib_1.__importDefault(require("react"));
-const prop_types_1 = tslib_1.__importDefault(require("prop-types"));
+// @ts-ignore-next-line importsNotUsedAsValues
+require("react");
 const classnames_1 = tslib_1.__importDefault(require("classnames"));
-const Switch = props => {
-    const { keyName, checked, enabledText, minWidth, disabled, disabledText, labelPosition, children, onChange } = props, remainingProps = tslib_1.__rest(props, ["keyName", "checked", "enabledText", "minWidth", "disabled", "disabledText", "labelPosition", "children", "onChange"]);
-    const handleChange = event => {
+const noop_1 = tslib_1.__importDefault(require("lodash/fp/noop"));
+const LABEL_POSITION_LEFT = 'left';
+const LABEL_POSITION_RIGHT = 'right';
+const Switch = (props) => {
+    const { keyName, checked = false, enabledText, minWidth = 40, disabled = false, disabledText, labelPosition, children, onChange = noop_1.default } = props, remainingProps = tslib_1.__rest(props, ["keyName", "checked", "enabledText", "minWidth", "disabled", "disabledText", "labelPosition", "children", "onChange"]);
+    const handleChange = (event) => {
         onChange(event.target.checked);
     };
     const hasMultipleText = enabledText && disabledText;
@@ -16,28 +19,9 @@ const Switch = props => {
     const switchContentClasses = (0, classnames_1.default)('switch-content'
     // !hasMultipleText && !hasSingleText && 'width-40'
     );
-    const switchContentStyles = {
-        minWidth,
-    };
+    const switchContentStyles = { minWidth };
     return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, remainingProps, { className: 'uikit-switch' }, { children: (0, jsx_runtime_1.jsxs)("label", Object.assign({ className: switchLabelClasses }, { children: [(0, jsx_runtime_1.jsx)("input", { onChange: handleChange, checked: checked, type: 'checkbox', id: keyName, className: 'switch-input', disabled: disabled }, keyName), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: switchContentClasses, style: switchContentStyles }, { children: [hasMultipleText ? ((0, jsx_runtime_1.jsx)("div", { className: 'switch-text', "data-on": enabledText, "data-off": disabledText })) : (hasSingleText && (0, jsx_runtime_1.jsx)("div", { className: 'switch-text', "data-on": enabledText, "data-off": enabledText })), (0, jsx_runtime_1.jsx)("div", { className: 'switch-handle' })] })), children && children] })) })));
 };
+Switch.LABEL_POSITION_LEFT = LABEL_POSITION_LEFT;
+Switch.LABEL_POSITION_RIGHT = LABEL_POSITION_LEFT;
 exports.default = Switch;
-Switch.LABEL_POSITION_LEFT = 'left';
-Switch.LABEL_POSITION_RIGHT = 'right';
-Switch.defaultProps = {
-    onChange: () => { },
-    keyName: '',
-    checked: false,
-    minWidth: 40,
-    disabled: false,
-};
-Switch.propTypes = {
-    onChange: prop_types_1.default.func.isRequired,
-    checked: prop_types_1.default.bool,
-    keyName: prop_types_1.default.string,
-    minWidth: prop_types_1.default.number,
-    disabled: prop_types_1.default.bool,
-    enabledText: prop_types_1.default.string,
-    disabledText: prop_types_1.default.string,
-    labelPosition: prop_types_1.default.oneOf([Switch.LABEL_POSITION_LEFT, Switch.LABEL_POSITION_RIGHT]),
-};

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

@@ -1,5 +1,5 @@
-export function SortArrowUp(): JSX.Element;
-export function SortArrowDown(): JSX.Element;
+export function SortArrowUp(): import("react/jsx-runtime").JSX.Element;
+export function SortArrowDown(): import("react/jsx-runtime").JSX.Element;
 export function SortArrows({ direction }: {
     direction: any;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

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;