@telefonica/mistica 10.22.3 → 10.24.2

package/dist/button.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-exports.ButtonPrimary = exports.BUTTON_MIN_WIDTH = exports.ButtonLink = exports.ButtonDanger = exports.ButtonSecondary = void 0;
+exports.ButtonDanger = exports.ButtonSecondary = exports.ButtonPrimary = exports.ButtonLink = exports.BUTTON_MIN_WIDTH = void 0;
 var _jsxRuntime = require("react/jsx-runtime");
 var React = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
@@ -23,13 +23,11 @@ function _interopRequireWildcard(obj) {
     if (obj && obj.__esModule) {
         return obj;
     } else {
-        var newObj = {
-        };
+        var newObj = {};
         if (obj != null) {
             for(var key in obj){
                 if (Object.prototype.hasOwnProperty.call(obj, key)) {
-                    var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {
-                    };
+                    var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {};
                     if (desc.get || desc.set) {
                         Object.defineProperty(newObj, key, desc);
                     } else {
@@ -42,6 +40,11 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
+function _arrayLikeToArray(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
 function _arrayWithHoles(arr) {
     if (Array.isArray(arr)) return arr;
 }
@@ -59,12 +62,14 @@ function _defineProperty(obj, key, value) {
     return obj;
 }
 function _iterableToArrayLimit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
     var _arr = [];
     var _n = true;
     var _d = false;
-    var _e = undefined;
+    var _s, _e;
     try {
-        for(var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true){
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
             _arr.push(_s.value);
             if (i && _arr.length === i) break;
         }
@@ -81,12 +86,11 @@ function _iterableToArrayLimit(arr, i) {
     return _arr;
 }
 function _nonIterableRest() {
-    throw new TypeError("Invalid attempt to destructure non-iterable instance");
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _objectSpread(target) {
     var _arguments = arguments, _loop = function(i) {
-        var source = _arguments[i] != null ? _arguments[i] : {
-        };
+        var source = _arguments[i] != null ? _arguments[i] : {};
         var ownKeys = Object.keys(source);
         if (typeof Object.getOwnPropertySymbols === "function") {
             ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
@@ -101,7 +105,15 @@ function _objectSpread(target) {
     return target;
 }
 function _slicedToArray(arr, i) {
-    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest();
+    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+}
+function _unsupportedIterableToArray(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
 }
 var BUTTON_MIN_WIDTH = 136;
 exports.BUTTON_MIN_WIDTH = BUTTON_MIN_WIDTH;
@@ -182,8 +194,7 @@ var disabledStyle = {
     opacity: 0.5
 };
 var usePrimaryButtonStyles = (0, _jss).createUseStyles(function(theme) {
-    return _objectSpread({
-    }, commonClasses(), {
+    return _objectSpread({}, commonClasses(), {
         light: {
             color: theme.colors.textButtonPrimary,
             backgroundColor: theme.colors.buttonPrimaryBackground,
@@ -239,17 +250,12 @@ var buttonSecondaryHoverLightStyle = function buttonSecondaryHoverLightStyle(the
     };
 };
 var useSecondaryButtonStyles = (0, _jss).createUseStyles(function(theme) {
-    return _objectSpread({
-    }, commonClasses(), {
-        light: _objectSpread({
-        }, buttonSecondaryLightStyle(theme), {
-            '&:enabled:active': _objectSpread({
-            }, buttonSecondaryHoverLightStyle(theme)),
+    return _objectSpread({}, commonClasses(), {
+        light: _objectSpread({}, buttonSecondaryLightStyle(theme), {
+            '&:enabled:active': _objectSpread({}, buttonSecondaryHoverLightStyle(theme)),
             '&[disabled]:not($isLoading)': disabledStyle,
-            '&:hover:not([disabled])': _objectSpread({
-            }, buttonSecondaryHoverLightStyle(theme), {
-                '@media (pointer: coarse)': _objectSpread({
-                }, buttonSecondaryLightStyle(theme))
+            '&:hover:not([disabled])': _objectSpread({}, buttonSecondaryHoverLightStyle(theme), {
+                '@media (pointer: coarse)': _objectSpread({}, buttonSecondaryLightStyle(theme))
             })
         }),
         inverse: {
@@ -291,13 +297,11 @@ var dangerButtonStyles = function dangerButtonStyles(theme) {
     };
 };
 var useDangerButtonStyles = (0, _jss).createUseStyles(function(theme) {
-    return _objectSpread({
-    }, commonClasses(), {
+    return _objectSpread({}, commonClasses(), {
         light: dangerButtonStyles(theme),
         inverse: dangerButtonStyles(theme)
     });
 });
-var _obj;
 var Button = function Button(props) {
     var ref = (0, _formContext).useForm(), formStatus = ref.formStatus, formId = ref.formId;
     var isInverse = (0, _themeVariantContext).useIsInverseVariant();
@@ -337,9 +341,9 @@ var Button = function Button(props) {
             children: text
         });
     };
+    var _obj;
     var commonProps = {
-        className: (0, _classnames).default(classes.button, props.className, (_obj = {
-        }, _defineProperty(_obj, classes.small, props.small), _defineProperty(_obj, classes.inverse, isInverse), _defineProperty(_obj, classes.light, !isInverse), _defineProperty(_obj, classes.isLoading, showSpinner), _obj)),
+        className: (0, _classnames).default(classes.button, props.className, (_obj = {}, _defineProperty(_obj, classes.small, props.small), _defineProperty(_obj, classes.inverse, isInverse), _defineProperty(_obj, classes.light, !isInverse), _defineProperty(_obj, classes.isLoading, showSpinner), _obj)),
         style: _objectSpread({
             cursor: props.fake ? 'pointer' : undefined
         }, props.style),
@@ -414,26 +418,22 @@ var Button = function Button(props) {
         return(/*#__PURE__*/ (0, _jsxRuntime).jsx(_touchable.default, _objectSpread({
             type: "submit",
             formId: formId,
-            onPress: function onPress() {
-            }
+            onPress: function onPress() {}
         }, commonProps)));
     }
     if (props.onPress) {
-        return(/*#__PURE__*/ (0, _jsxRuntime).jsx(_touchable.default, _objectSpread({
-        }, commonProps, {
+        return(/*#__PURE__*/ (0, _jsxRuntime).jsx(_touchable.default, _objectSpread({}, commonProps, {
             onPress: props.onPress
         })));
     }
     if (props.to || props.to === '') {
-        return(/*#__PURE__*/ (0, _jsxRuntime).jsx(_touchable.default, _objectSpread({
-        }, commonProps, {
+        return(/*#__PURE__*/ (0, _jsxRuntime).jsx(_touchable.default, _objectSpread({}, commonProps, {
             to: props.to,
             fullPageOnWebView: props.fullPageOnWebView
         })));
     }
     if (props.href || props.href === '') {
-        return(/*#__PURE__*/ (0, _jsxRuntime).jsx(_touchable.default, _objectSpread({
-        }, commonProps, {
+        return(/*#__PURE__*/ (0, _jsxRuntime).jsx(_touchable.default, _objectSpread({}, commonProps, {
             href: props.href,
             newTab: props.newTab
         })));
@@ -483,13 +483,12 @@ var useButtonLinkStyles = (0, _jss).createUseStyles(function(theme) {
         }
     };
 });
-var _obj1;
 var ButtonLink = /*#__PURE__*/ React.forwardRef(function(props, ref) {
     var classes = useButtonLinkStyles();
     var isInverse = (0, _themeVariantContext).useIsInverseVariant();
+    var _obj;
     var commonProps = {
-        className: (0, _classnames).default(classes.link, (_obj1 = {
-        }, _defineProperty(_obj1, classes.inverse, isInverse), _defineProperty(_obj1, classes.aligned, props.aligned), _obj1)),
+        className: (0, _classnames).default(classes.link, (_obj = {}, _defineProperty(_obj, classes.inverse, isInverse), _defineProperty(_obj, classes.aligned, props.aligned), _obj)),
         trackingEvent: props.trackingEvent,
         dataAttributes: props.dataAttributes,
         children: /*#__PURE__*/ (0, _jsxRuntime).jsx(_text.Text2, {
@@ -536,24 +535,21 @@ var ButtonLink = /*#__PURE__*/ React.forwardRef(function(props, ref) {
 exports.ButtonLink = ButtonLink;
 var ButtonPrimary = function ButtonPrimary(props) {
     var classes = usePrimaryButtonStyles();
-    return(/*#__PURE__*/ (0, _jsxRuntime).jsx(Button, _objectSpread({
-    }, props, {
+    return(/*#__PURE__*/ (0, _jsxRuntime).jsx(Button, _objectSpread({}, props, {
         classes: classes
     })));
 };
 exports.ButtonPrimary = ButtonPrimary;
 var ButtonSecondary = function ButtonSecondary(props) {
     var classes = useSecondaryButtonStyles();
-    return(/*#__PURE__*/ (0, _jsxRuntime).jsx(Button, _objectSpread({
-    }, props, {
+    return(/*#__PURE__*/ (0, _jsxRuntime).jsx(Button, _objectSpread({}, props, {
         classes: classes
     })));
 };
 exports.ButtonSecondary = ButtonSecondary;
 var ButtonDanger = function ButtonDanger(props) {
     var classes = useDangerButtonStyles();
-    return(/*#__PURE__*/ (0, _jsxRuntime).jsx(Button, _objectSpread({
-    }, props, {
+    return(/*#__PURE__*/ (0, _jsxRuntime).jsx(Button, _objectSpread({}, props, {
         classes: classes
     })));
 };

package/dist/button.js.flow

@@ -1,7 +1,12 @@
 // @flow
 
 import * as React from "react";
-import type { DataAttributes, TrackingEvent } from "./utils/types";
+import type {
+  DataAttributes,
+  RendersElement,
+  RendersNullableElement,
+  TrackingEvent,
+} from "./utils/types";
 import type { Location } from "history";
 declare export var BUTTON_MIN_WIDTH: 136;
 declare type CommonProps = {
@@ -86,9 +91,13 @@ declare export var ButtonPrimary: React.ComponentType<ButtonProps>;
 declare export var ButtonSecondary: React.ComponentType<ButtonProps>;
 declare export var ButtonDanger: React.ComponentType<ButtonProps>;
 export type ButtonElement =
-  | React.Element<typeof ButtonPrimary>
-  | React.Element<typeof ButtonSecondary>
-  | React.Element<typeof ButtonDanger>;
+  | RendersElement<typeof ButtonPrimary>
+  | RendersElement<typeof ButtonSecondary>
+  | RendersElement<typeof ButtonDanger>;
+export type NullableButtonElement =
+  | RendersNullableElement<typeof ButtonPrimary>
+  | RendersNullableElement<typeof ButtonSecondary>
+  | RendersNullableElement<typeof ButtonDanger>;
 declare export {};
 
 import { type CssStyle } from "./__types__.js.flow";

package/dist/callout.d.ts

@@ -1,14 +1,14 @@
 import * as React from 'react';
 import { ButtonLink, ButtonPrimary, ButtonSecondary } from './button';
-import type { ButtonProps, ButtonLinkProps } from './button';
+import type { RendersNullableElement } from './utils/types';
 declare type Props = {
     title?: string;
     description: string;
     onClose?: () => void;
     icon?: React.ReactElement;
-    button?: React.ReactElement<ButtonProps, typeof ButtonPrimary>;
-    secondaryButton?: React.ReactElement<ButtonProps, typeof ButtonSecondary>;
-    buttonLink?: React.ReactElement<ButtonLinkProps, typeof ButtonLink>;
+    button?: RendersNullableElement<typeof ButtonPrimary>;
+    secondaryButton?: RendersNullableElement<typeof ButtonSecondary>;
+    buttonLink?: RendersNullableElement<typeof ButtonLink>;
     children?: void;
     'aria-label'?: string;
 };

package/dist/callout.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _jsxRuntime = require("react/jsx-runtime");
+var React = _interopRequireWildcard(require("react"));
 var _stack = _interopRequireDefault(require("./stack"));
 var _hooks = require("./hooks");
 var _themeVariantContext = require("./theme-variant-context");
@@ -18,6 +19,27 @@ function _interopRequireDefault(obj) {
         default: obj
     };
 }
+function _interopRequireWildcard(obj) {
+    if (obj && obj.__esModule) {
+        return obj;
+    } else {
+        var newObj = {};
+        if (obj != null) {
+            for(var key in obj){
+                if (Object.prototype.hasOwnProperty.call(obj, key)) {
+                    var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {};
+                    if (desc.get || desc.set) {
+                        Object.defineProperty(newObj, key, desc);
+                    } else {
+                        newObj[key] = obj[key];
+                    }
+                }
+            }
+        }
+        newObj.default = obj;
+        return newObj;
+    }
+}
 function _defineProperty(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -67,8 +89,7 @@ var Callout = function Callout(param) {
     });
     var ref = (0, _hooks).useTheme(), colors = ref.colors, texts = ref.texts;
     return(/*#__PURE__*/ (0, _jsxRuntime).jsx("section", {
-        className: (0, _classnames).default(classes.container, _defineProperty({
-        }, classes.overInverse, isInverse)),
+        className: (0, _classnames).default(classes.container, _defineProperty({}, classes.overInverse, isInverse)),
         "aria-label": ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : title,
         children: /*#__PURE__*/ (0, _jsxRuntime).jsxs(_themeVariantContext.ThemeVariant, {
             isInverse: false,

package/dist/callout.js.flow

@@ -2,14 +2,15 @@
 
 import * as React from "react";
 import { ButtonLink, ButtonPrimary, ButtonSecondary } from "./button";
+import type { RendersNullableElement } from "./utils/types";
 declare type Props = {
   title?: string,
   description: string,
   onClose?: () => void,
   icon?: React.Element<any>,
-  button?: React.Element<typeof ButtonPrimary>,
-  secondaryButton?: React.Element<typeof ButtonSecondary>,
-  buttonLink?: React.Element<typeof ButtonLink>,
+  button?: RendersNullableElement<typeof ButtonPrimary>,
+  secondaryButton?: RendersNullableElement<typeof ButtonSecondary>,
+  buttonLink?: RendersNullableElement<typeof ButtonLink>,
   "aria-label"?: string,
 };
 declare var Callout: React.ComponentType<Props>;

package/dist/card.d.ts

@@ -3,11 +3,7 @@ import Tag from './tag';
 import { ButtonLink, ButtonPrimary } from './button';
 import Video from './video';
 import Image from './image';
-import type { ButtonProps, ButtonLinkProps } from './button';
-import type { DataAttributes } from './utils/types';
-import type { TagProps } from './tag';
-import type { VideoProps } from './video';
-import type { ImageProps } from './image';
+import type { DataAttributes, RendersElement, RendersNullableElement } from './utils/types';
 /** @deprecated */
 declare type CardMedia = {
     src: string;
@@ -23,18 +19,18 @@ declare type CardMedia = {
     height?: undefined;
 };
 declare type MediaCardProps = {
-    media: CardMedia | (React.ReactElement<ImageProps, typeof Image> & {
+    media: CardMedia | (RendersElement<typeof Image> & {
         src?: undefined;
-    }) | (React.ReactElement<VideoProps, typeof Video> & {
+    }) | (RendersElement<typeof Video> & {
         src?: undefined;
     });
-    headline?: string | React.ReactElement<TagProps, typeof Tag>;
+    headline?: string | RendersNullableElement<typeof Tag>;
     pretitle?: string;
     title?: string;
     description?: string;
     extra?: React.ReactNode;
-    button?: React.ReactElement<ButtonProps, typeof ButtonPrimary>;
-    buttonLink?: React.ReactElement<ButtonLinkProps, typeof ButtonLink>;
+    button?: RendersNullableElement<typeof ButtonPrimary>;
+    buttonLink?: RendersNullableElement<typeof ButtonLink>;
     children?: void;
     'aria-label'?: string;
 };
@@ -44,13 +40,13 @@ interface DataCardProps {
      * Typically a mistica-icons component element
      */
     icon?: React.ReactElement;
-    headline?: string | React.ReactElement<TagProps, typeof Tag>;
+    headline?: string | RendersNullableElement<typeof Tag>;
     title?: string;
     subtitle?: string;
     description?: string;
     extra?: React.ReactNode;
-    button?: React.ReactElement<ButtonProps, typeof ButtonPrimary>;
-    buttonLink?: React.ReactElement<ButtonLinkProps, typeof ButtonLink>;
+    button?: RendersNullableElement<typeof ButtonPrimary>;
+    buttonLink?: RendersNullableElement<typeof ButtonLink>;
     children?: void;
     /** "data-" prefix is automatically added. For example, use "testid" instead of "data-testid" */
     dataAttributes?: DataAttributes;

package/dist/card.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-exports.MediaCard = exports.DataCard = void 0;
+exports.DataCard = exports.MediaCard = void 0;
 var _jsxRuntime = require("react/jsx-runtime");
 var React = _interopRequireWildcard(require("react"));
 var _tag = _interopRequireDefault(require("./tag"));
@@ -23,13 +23,11 @@ function _interopRequireWildcard(obj) {
     if (obj && obj.__esModule) {
         return obj;
     } else {
-        var newObj = {
-        };
+        var newObj = {};
         if (obj != null) {
             for(var key in obj){
                 if (Object.prototype.hasOwnProperty.call(obj, key)) {
-                    var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {
-                    };
+                    var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {};
                     if (desc.get || desc.set) {
                         Object.defineProperty(newObj, key, desc);
                     } else {
@@ -75,7 +73,7 @@ var CardContent = function CardContent(param) {
                 children: [
                     (headline || pretitle || title || subtitle) && /*#__PURE__*/ (0, _jsxRuntime).jsx("header", {
                         children: /*#__PURE__*/ (0, _jsxRuntime).jsxs(_stack.default, {
-                            space: 16,
+                            space: 8,
                             children: [
                                 renderHeadline(),
                                 /*#__PURE__*/ (0, _jsxRuntime).jsxs(_stack.default, {

package/dist/card.js.flow

@@ -5,7 +5,11 @@ import Tag from "./tag";
 import { ButtonLink, ButtonPrimary } from "./button";
 import Video from "./video";
 import Image from "./image";
-import type { DataAttributes } from "./utils/types";
+import type {
+  DataAttributes,
+  RendersElement,
+  RendersNullableElement,
+} from "./utils/types";
 
 /**
  * @deprecated
@@ -24,20 +28,20 @@ declare type MediaCardProps = {
   media:
     | CardMedia
     | {
-        ...React.Element<typeof Image>,
+        ...RendersElement<typeof Image>,
         ...{},
       }
     | {
-        ...React.Element<typeof Video>,
+        ...RendersElement<typeof Video>,
         ...{},
       },
-  headline?: string | React.Element<typeof Tag>,
+  headline?: string | RendersNullableElement<typeof Tag>,
   pretitle?: string,
   title?: string,
   description?: string,
   extra?: React.Node,
-  button?: React.Element<typeof ButtonPrimary>,
-  buttonLink?: React.Element<typeof ButtonLink>,
+  button?: RendersNullableElement<typeof ButtonPrimary>,
+  buttonLink?: RendersNullableElement<typeof ButtonLink>,
   "aria-label"?: string,
 };
 declare export var MediaCard: React.ComponentType<{
@@ -49,13 +53,13 @@ declare type DataCardProps = {
    * Typically a mistica-icons component element
    */
   icon?: React.Element<any>,
-  headline?: string | React.Element<typeof Tag>,
+  headline?: string | RendersNullableElement<typeof Tag>,
   title?: string,
   subtitle?: string,
   description?: string,
   extra?: React.Node,
-  button?: React.Element<typeof ButtonPrimary>,
-  buttonLink?: React.Element<typeof ButtonLink>,
+  button?: RendersNullableElement<typeof ButtonPrimary>,
+  buttonLink?: RendersNullableElement<typeof ButtonLink>,
   /**
    * "data-" prefix is automatically added. For example, use "testid" instead of "data-testid"
    */

package/dist/carousel.d.ts

@@ -0,0 +1,64 @@
+import * as React from 'react';
+import type { DataAttributes } from './utils/types';
+declare type PageBulletsProps = {
+    currentIndex: number;
+    numPages: number;
+    onPress?: (index: number) => void;
+};
+export declare const PageBullets: React.FC<PageBulletsProps>;
+declare type ItemsPerPageProp = {
+    mobile?: number;
+    desktop?: number;
+} | number;
+declare type MobilePageOffset = number | {
+    prev: number;
+    next: number;
+};
+declare type CarouselProps = {
+    items: ReadonlyArray<React.ReactNode>;
+    withBullets?: boolean;
+    renderBullets?: (bulletsProps: PageBulletsProps) => React.ReactNode;
+    itemsPerPage?: ItemsPerPageProp;
+    /** scrolls one page by default */
+    itemsToScroll?: number;
+    /** number of pixels to show for the next/prev page in mobile */
+    mobilePageOffset?: MobilePageOffset;
+    /** If true, scroll snap doesn't apply and the user has a free scroll */
+    free?: boolean;
+    autoplay?: boolean | {
+        time: number;
+        loop?: boolean;
+    };
+    onPageChange?: (newPageInfo: {
+        pageIndex: number;
+        shownItemIndexes: Array<number>;
+    }) => void;
+    dataAttributes?: DataAttributes;
+    children?: void;
+};
+export declare const Carousel: React.FC<CarouselProps>;
+declare type CenteredCarouselProps = {
+    items: ReadonlyArray<React.ReactNode>;
+    withBullets?: boolean;
+    renderBullets?: (bulletsProps: PageBulletsProps) => React.ReactNode;
+    onPageChange?: (newPageInfo: {
+        pageIndex: number;
+        shownItemIndexes: Array<number>;
+    }) => void;
+    dataAttributes?: DataAttributes;
+    children?: void;
+};
+export declare const CenteredCarousel: React.FC<CenteredCarouselProps>;
+declare type SlideshowProps = {
+    items: ReadonlyArray<React.ReactNode>;
+    withBullets?: boolean;
+    autoplay?: boolean | {
+        time: number;
+        loop?: boolean;
+    };
+    onPageChange?: (newPageIndex: number) => void;
+    dataAttributes?: DataAttributes;
+    children?: void;
+};
+export declare const Slideshow: React.FC<SlideshowProps>;
+export {};