@lobehub/ui 1.157.1 → 1.158.0

package/es/TabsNav/index.js

@@ -1,12 +1,11 @@
 'use client';
 
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["className", "variant"];
 import { Tabs } from 'antd';
 import { memo } from 'react';
 import { useStyles } from "./style";
-import { jsx as _jsx } from "react/jsx-runtime";
 var TabsNav = /*#__PURE__*/memo(function (_ref) {
   var className = _ref.className,
     variant = _ref.variant,
@@ -14,7 +13,7 @@ var TabsNav = /*#__PURE__*/memo(function (_ref) {
   var _useStyles = useStyles(),
     styles = _useStyles.styles,
     cx = _useStyles.cx;
-  return /*#__PURE__*/_jsx(Tabs, _objectSpread({
+  return /*#__PURE__*/React.createElement(Tabs, _extends({
     className: cx(styles.tabs, variant === 'compact' && styles.compact, className)
   }, rest));
 });

package/es/Tag/index.js

@@ -1,6 +1,6 @@
 'use client';
 
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 var _excluded = ["icon", "children", "size"];
@@ -9,8 +9,6 @@ import { Tag as AntTag } from 'antd';
 import { createStyles } from 'antd-style';
 import { memo } from 'react';
 import { Flexbox } from 'react-layout-kit';
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { jsx as _jsx } from "react/jsx-runtime";
 var useStyles = createStyles(function (_ref) {
   var cx = _ref.cx,
     css = _ref.css,
@@ -29,16 +27,13 @@ var Tag = /*#__PURE__*/memo(function (_ref2) {
   var _useStyles = useStyles(),
     styles = _useStyles.styles,
     cx = _useStyles.cx;
-  return /*#__PURE__*/_jsx(AntTag, _objectSpread(_objectSpread({
+  return /*#__PURE__*/React.createElement(AntTag, _extends({
     bordered: false,
     className: cx(styles.tag, size === 'small' && styles.small)
-  }, rest), {}, {
-    children: /*#__PURE__*/_jsxs(Flexbox, {
-      align: 'center',
-      gap: 4,
-      horizontal: true,
-      children: [icon, children]
-    })
-  }));
+  }, rest), /*#__PURE__*/React.createElement(Flexbox, {
+    align: 'center',
+    gap: 4,
+    horizontal: true
+  }, icon, children));
 });
 export default Tag;

package/es/ThemeProvider/Meta.js

@@ -1,8 +1,5 @@
 import { memo, useCallback } from 'react';
 import { useCdnFn } from "../ConfigProvider";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
 var Meta = /*#__PURE__*/memo(function (_ref) {
   var _ref$title = _ref.title,
     title = _ref$title === void 0 ? 'LobeHub' : _ref$title,
@@ -17,60 +14,58 @@ var Meta = /*#__PURE__*/memo(function (_ref) {
       version: 'latest'
     });
   }, []);
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx("link", {
-      href: genAssets('assets/favicon.ico'),
-      rel: "shortcut icon"
-    }), /*#__PURE__*/_jsx("link", {
-      href: genAssets('assets/apple-touch-icon.png'),
-      rel: "apple-touch-icon",
-      sizes: "180x180"
-    }), /*#__PURE__*/_jsx("link", {
-      href: genAssets('assets/favicon-32x32.png'),
-      rel: "icon",
-      sizes: "32x32",
-      type: "image/png"
-    }), /*#__PURE__*/_jsx("link", {
-      href: genAssets('assets/favicon-16x16.png'),
-      rel: "icon",
-      sizes: "16x16",
-      type: "image/png"
-    }), /*#__PURE__*/_jsx("meta", {
-      content: "width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, viewport-fit=cover, user-scalable=no",
-      name: "viewport"
-    }), /*#__PURE__*/_jsx("meta", {
-      content: title,
-      name: "apple-mobile-web-app-title"
-    }), /*#__PURE__*/_jsx("meta", {
-      content: title,
-      name: "application-name"
-    }), /*#__PURE__*/_jsx("meta", {
-      content: description,
-      name: "description"
-    }), /*#__PURE__*/_jsx("meta", {
-      content: "#000000",
-      name: "msapplication-TileColor"
-    }), /*#__PURE__*/_jsx("meta", {
-      content: "#fff",
-      media: "(prefers-color-scheme: light)",
-      name: "theme-color"
-    }), /*#__PURE__*/_jsx("meta", {
-      content: "#000",
-      media: "(prefers-color-scheme: dark)",
-      name: "theme-color"
-    }), /*#__PURE__*/_jsx("meta", {
-      content: "yes",
-      name: "apple-mobile-web-app-capable"
-    }), /*#__PURE__*/_jsx("meta", {
-      content: title,
-      name: "apple-mobile-web-app-title"
-    }), /*#__PURE__*/_jsx("meta", {
-      content: "black-translucent",
-      name: "apple-mobile-web-app-status-bar-style"
-    }), withManifest && /*#__PURE__*/_jsx("link", {
-      href: genAssets('assets/site.webmanifest'),
-      rel: "manifest"
-    })]
-  });
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("link", {
+    href: genAssets('assets/favicon.ico'),
+    rel: "shortcut icon"
+  }), /*#__PURE__*/React.createElement("link", {
+    href: genAssets('assets/apple-touch-icon.png'),
+    rel: "apple-touch-icon",
+    sizes: "180x180"
+  }), /*#__PURE__*/React.createElement("link", {
+    href: genAssets('assets/favicon-32x32.png'),
+    rel: "icon",
+    sizes: "32x32",
+    type: "image/png"
+  }), /*#__PURE__*/React.createElement("link", {
+    href: genAssets('assets/favicon-16x16.png'),
+    rel: "icon",
+    sizes: "16x16",
+    type: "image/png"
+  }), /*#__PURE__*/React.createElement("meta", {
+    content: "width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, viewport-fit=cover, user-scalable=no",
+    name: "viewport"
+  }), /*#__PURE__*/React.createElement("meta", {
+    content: title,
+    name: "apple-mobile-web-app-title"
+  }), /*#__PURE__*/React.createElement("meta", {
+    content: title,
+    name: "application-name"
+  }), /*#__PURE__*/React.createElement("meta", {
+    content: description,
+    name: "description"
+  }), /*#__PURE__*/React.createElement("meta", {
+    content: "#000000",
+    name: "msapplication-TileColor"
+  }), /*#__PURE__*/React.createElement("meta", {
+    content: "#fff",
+    media: "(prefers-color-scheme: light)",
+    name: "theme-color"
+  }), /*#__PURE__*/React.createElement("meta", {
+    content: "#000",
+    media: "(prefers-color-scheme: dark)",
+    name: "theme-color"
+  }), /*#__PURE__*/React.createElement("meta", {
+    content: "yes",
+    name: "apple-mobile-web-app-capable"
+  }), /*#__PURE__*/React.createElement("meta", {
+    content: title,
+    name: "apple-mobile-web-app-title"
+  }), /*#__PURE__*/React.createElement("meta", {
+    content: "black-translucent",
+    name: "apple-mobile-web-app-status-bar-style"
+  }), withManifest && /*#__PURE__*/React.createElement("link", {
+    href: genAssets('assets/site.webmanifest'),
+    rel: "manifest"
+  }));
 });
 export default Meta;

package/es/ThemeProvider/index.js

@@ -1,5 +1,6 @@
 'use client';
 
+import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["children", "customStylish", "customToken", "enableCustomFonts", "enableGlobalStyle", "customFonts", "customTheme", "className", "style", "theme"];
@@ -12,9 +13,6 @@ import FontLoader from "../FontLoader";
 import { lobeCustomStylish, lobeCustomToken } from "../styles";
 import { createLobeAntdTheme } from "../styles/theme/antdTheme";
 import GlobalStyle from "./GlobalStyle";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
 var ThemeProvider = /*#__PURE__*/memo(function (_ref) {
   var children = _ref.children,
     customStylish = _ref.customStylish,
@@ -60,26 +58,22 @@ var ThemeProvider = /*#__PURE__*/memo(function (_ref) {
     });
     return merge(lobeTheme, antdTheme);
   }, [customTheme.primaryColor, customTheme.neutralColor, antdTheme]);
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [enableCustomFonts && (webfontUrls === null || webfontUrls === void 0 ? void 0 : webfontUrls.length) > 0 && webfontUrls.map(function (webfont) {
-      return /*#__PURE__*/_jsx(FontLoader, {
-        url: webfont
-      }, webfont);
-    }), /*#__PURE__*/_jsxs(AntdThemeProvider, _objectSpread(_objectSpread({
-      customStylish: stylish,
-      customToken: token,
-      theme: theme
-    }, rest), {}, {
-      children: [enableGlobalStyle && /*#__PURE__*/_jsx(GlobalStyle, {}), /*#__PURE__*/_jsx(App, {
-        className: className,
-        style: _objectSpread({
-          minHeight: 'inherit',
-          width: 'inherit'
-        }, style),
-        children: children
-      })]
-    }))]
-  });
+  return /*#__PURE__*/React.createElement(React.Fragment, null, enableCustomFonts && (webfontUrls === null || webfontUrls === void 0 ? void 0 : webfontUrls.length) > 0 && webfontUrls.map(function (webfont) {
+    return /*#__PURE__*/React.createElement(FontLoader, {
+      key: webfont,
+      url: webfont
+    });
+  }), /*#__PURE__*/React.createElement(AntdThemeProvider, _extends({
+    customStylish: stylish,
+    customToken: token,
+    theme: theme
+  }, rest), enableGlobalStyle && /*#__PURE__*/React.createElement(GlobalStyle, null), /*#__PURE__*/React.createElement(App, {
+    className: className,
+    style: _objectSpread({
+      minHeight: 'inherit',
+      width: 'inherit'
+    }, style)
+  }, children)));
 });
 ThemeProvider.displayName = 'LobeThemeProvider';
 export default ThemeProvider;

package/es/ThemeSwitch/index.js

@@ -6,8 +6,6 @@ import { memo, useMemo } from 'react';
 import { Flexbox } from 'react-layout-kit';
 import ActionIcon from "../ActionIcon";
 import Icon from "../Icon";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
 var icons = {
   auto: Monitor,
   dark: Moon,
@@ -30,21 +28,21 @@ var ThemeSwitch = /*#__PURE__*/memo(function (_ref) {
     style = _ref.style;
   var items = useMemo(function () {
     return [{
-      icon: /*#__PURE__*/_jsx(Icon, {
+      icon: /*#__PURE__*/React.createElement(Icon, {
         icon: icons.auto,
         size: "small"
       }),
       key: 'auto',
       label: labels.auto
     }, {
-      icon: /*#__PURE__*/_jsx(Icon, {
+      icon: /*#__PURE__*/React.createElement(Icon, {
         icon: icons.light,
         size: "small"
       }),
       key: 'light',
       label: labels.light
     }, {
-      icon: /*#__PURE__*/_jsx(Icon, {
+      icon: /*#__PURE__*/React.createElement(Icon, {
         icon: icons.dark,
         size: "small"
       }),
@@ -53,17 +51,16 @@ var ThemeSwitch = /*#__PURE__*/memo(function (_ref) {
     }];
   }, [labels]);
   if (type === 'select') {
-    return /*#__PURE__*/_jsx(Select, {
+    return /*#__PURE__*/React.createElement(Select, {
       className: className,
       defaultValue: themeMode,
       onChange: onThemeSwitch,
       options: items.map(function (item) {
         return {
-          label: /*#__PURE__*/_jsxs(Flexbox, {
+          label: /*#__PURE__*/React.createElement(Flexbox, {
             direction: 'horizontal',
-            gap: 8,
-            children: [item.icon, item.label]
-          }),
+            gap: 8
+          }, item.icon, item.label),
           value: item.key
         };
       }),
@@ -76,16 +73,15 @@ var ThemeSwitch = /*#__PURE__*/memo(function (_ref) {
         return onThemeSwitch(e.key);
       }
     };
-    return /*#__PURE__*/_jsx(Dropdown, {
+    return /*#__PURE__*/React.createElement(Dropdown, {
       menu: menuProps,
-      trigger: ['click'],
-      children: /*#__PURE__*/_jsx(ActionIcon, {
-        className: className,
-        icon: icons[themeMode],
-        size: size,
-        style: style
-      })
-    });
+      trigger: ['click']
+    }, /*#__PURE__*/React.createElement(ActionIcon, {
+      className: className,
+      icon: icons[themeMode],
+      size: size,
+      style: style
+    }));
   }
 });
 export default ThemeSwitch;

package/es/Toc/TocMobile.js

@@ -5,7 +5,6 @@ import { memo } from 'react';
 import useControlledState from 'use-merge-value';
 import ActionIcon from "../ActionIcon";
 import { useStyles } from "./style";
-import { jsx as _jsx } from "react/jsx-runtime";
 export var mapItems = function mapItems(items) {
   return items.map(function (item) {
     var _item$children;
@@ -47,62 +46,58 @@ var TocMobile = /*#__PURE__*/memo(function (_ref) {
   var activeAnchor = items.find(function (item) {
     return item.id === activeLink;
   });
-  return /*#__PURE__*/_jsx(ConfigProvider, {
+  return /*#__PURE__*/React.createElement(ConfigProvider, {
     theme: {
       token: {
         fontSize: 12,
         sizeStep: 3
       }
+    }
+  }, /*#__PURE__*/React.createElement("section", {
+    className: styles.mobileCtn
+  }, /*#__PURE__*/React.createElement(Collapse, {
+    bordered: false,
+    className: styles.expand,
+    expandIcon: function expandIcon(_ref2) {
+      var isActive = _ref2.isActive;
+      return isActive ? /*#__PURE__*/React.createElement(ActionIcon, {
+        icon: PanelTopClose,
+        size: {
+          blockSize: 24,
+          borderRadius: 3,
+          fontSize: 16,
+          strokeWidth: 1
+        }
+      }) : /*#__PURE__*/React.createElement(ActionIcon, {
+        icon: PanelTopOpen,
+        size: {
+          blockSize: 24,
+          borderRadius: 3,
+          fontSize: 16,
+          strokeWidth: 1
+        }
+      });
     },
-    children: /*#__PURE__*/_jsx("section", {
-      className: styles.mobileCtn,
-      children: /*#__PURE__*/_jsx(Collapse, {
-        bordered: false,
-        className: styles.expand,
-        expandIcon: function expandIcon(_ref2) {
-          var isActive = _ref2.isActive;
-          return isActive ? /*#__PURE__*/_jsx(ActionIcon, {
-            icon: PanelTopClose,
-            size: {
-              blockSize: 24,
-              borderRadius: 3,
-              fontSize: 16,
-              strokeWidth: 1
-            }
-          }) : /*#__PURE__*/_jsx(ActionIcon, {
-            icon: PanelTopOpen,
-            size: {
-              blockSize: 24,
-              borderRadius: 3,
-              fontSize: 16,
-              strokeWidth: 1
-            }
-          });
-        },
-        expandIconPosition: 'end',
-        ghost: true,
-        children: /*#__PURE__*/_jsx(Collapse.Panel, {
-          forceRender: true,
-          header: activeAnchor ? activeAnchor.title : 'TOC',
-          children: /*#__PURE__*/_jsx(ConfigProvider, {
-            theme: {
-              token: {
-                fontSize: 14,
-                sizeStep: 4
-              }
-            },
-            children: /*#__PURE__*/_jsx(Anchor, {
-              getContainer: getContainer,
-              items: mapItems(items),
-              onChange: function onChange(currentLink) {
-                setActiveLink(currentLink.replace('#', ''));
-              },
-              targetOffset: headerHeight + 48
-            })
-          })
-        }, 'toc')
-      })
-    })
-  });
+    expandIconPosition: 'end',
+    ghost: true
+  }, /*#__PURE__*/React.createElement(Collapse.Panel, {
+    forceRender: true,
+    header: activeAnchor ? activeAnchor.title : 'TOC',
+    key: 'toc'
+  }, /*#__PURE__*/React.createElement(ConfigProvider, {
+    theme: {
+      token: {
+        fontSize: 14,
+        sizeStep: 4
+      }
+    }
+  }, /*#__PURE__*/React.createElement(Anchor, {
+    getContainer: getContainer,
+    items: mapItems(items),
+    onChange: function onChange(currentLink) {
+      setActiveLink(currentLink.replace('#', ''));
+    },
+    targetOffset: headerHeight + 48
+  }))))));
 });
 export default TocMobile;

package/es/Toc/index.js

@@ -4,8 +4,6 @@ import { Anchor } from 'antd';
 import { memo } from 'react';
 import { default as TocMobile, mapItems } from "./TocMobile";
 import { useStyles } from "./style";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
 var Toc = /*#__PURE__*/memo(function (_ref) {
   var activeKey = _ref.activeKey,
     items = _ref.items,
@@ -21,21 +19,18 @@ var Toc = /*#__PURE__*/memo(function (_ref) {
     }),
     styles = _useStyles.styles,
     cx = _useStyles.cx;
-  if (isMobile) return /*#__PURE__*/_jsx(TocMobile, {
+  if (isMobile) return /*#__PURE__*/React.createElement(TocMobile, {
     activeKey: activeKey,
     getContainer: getContainer,
     headerHeight: headerHeight,
     items: items
   });
-  return /*#__PURE__*/_jsxs("section", {
-    className: cx(styles.container, styles.anchor),
-    children: [/*#__PURE__*/_jsx("h4", {
-      children: "Table of Contents"
-    }), /*#__PURE__*/_jsx(Anchor, {
-      getContainer: getContainer,
-      items: mapItems(items),
-      targetOffset: headerHeight + 12
-    })]
-  });
+  return /*#__PURE__*/React.createElement("section", {
+    className: cx(styles.container, styles.anchor)
+  }, /*#__PURE__*/React.createElement("h4", null, "Table of Contents"), /*#__PURE__*/React.createElement(Anchor, {
+    getContainer: getContainer,
+    items: mapItems(items),
+    targetOffset: headerHeight + 12
+  }));
 });
 export default Toc;

package/es/Tooltip/index.js

@@ -1,12 +1,11 @@
 'use client';
 
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["className", "arrow"];
 import { Tooltip as AntdTooltip } from 'antd';
 import { memo } from 'react';
 import { useStyles } from "./style";
-import { jsx as _jsx } from "react/jsx-runtime";
 var Tooltip = /*#__PURE__*/memo(function (_ref) {
   var className = _ref.className,
     _ref$arrow = _ref.arrow,
@@ -15,7 +14,7 @@ var Tooltip = /*#__PURE__*/memo(function (_ref) {
   var _useStyles = useStyles(),
     styles = _useStyles.styles,
     cx = _useStyles.cx;
-  return /*#__PURE__*/_jsx(AntdTooltip, _objectSpread({
+  return /*#__PURE__*/React.createElement(AntdTooltip, _extends({
     arrow: arrow,
     overlayClassName: cx(styles.tooltip, className)
   }, rest));

package/es/Video/index.js

@@ -1,6 +1,6 @@
 'use client';
 
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _extends from "@babel/runtime/helpers/esm/extends";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["preload", "src", "style", "classNames", "className", "minSize", "size", "width", "height", "onMouseEnter", "onMouseLeave", "preview", "isLoading", "borderless"];
@@ -10,8 +10,6 @@ import { memo, useState } from 'react';
 import { Flexbox } from 'react-layout-kit';
 import Icon from "../Icon";
 import { useStyles } from "./style";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
 var Video = /*#__PURE__*/memo(function (_ref) {
   var _ref$preload = _ref.preload,
     preload = _ref$preload === void 0 ? 'auto' : _ref$preload,
@@ -55,7 +53,7 @@ var Video = /*#__PURE__*/memo(function (_ref) {
     setShowControls(false);
     onMouseLeave === null || onMouseLeave === void 0 || onMouseLeave(e);
   };
-  if (isLoading) return /*#__PURE__*/_jsx(Skeleton.Avatar, {
+  if (isLoading) return /*#__PURE__*/React.createElement(Skeleton.Avatar, {
     active: true,
     style: {
       borderRadius: theme.borderRadius,
@@ -67,49 +65,45 @@ var Video = /*#__PURE__*/memo(function (_ref) {
       width: width
     }
   });
-  return /*#__PURE__*/_jsxs(Flexbox, {
+  return /*#__PURE__*/React.createElement(Flexbox, {
     className: cx(styles.videoWrapper, classNames === null || classNames === void 0 ? void 0 : classNames.wrapper),
-    style: style,
-    children: [preview && !isPlaying && /*#__PURE__*/_jsx(Flexbox, {
-      align: 'center',
-      className: styles.preview,
-      justify: 'center',
-      children: /*#__PURE__*/_jsx(Icon, {
-        color: '#fff',
-        icon: PlayIcon,
-        size: 'normal'
-      })
-    }), /*#__PURE__*/_jsx("video", _objectSpread(_objectSpread({
-      autoPlay: true,
-      className: cx(styles.video, classNames === null || classNames === void 0 ? void 0 : classNames.video, className),
-      controls: showControls,
-      height: height,
-      muted: true,
-      onEnded: function onEnded() {
-        return setIsPlaying(false);
-      },
-      onMouseEnter: onVideoMouseEnter,
-      onMouseLeave: onVideoMouseLeave,
-      onPause: function onPause() {
-        return setIsPlaying(false);
-      },
-      onPlay: function onPlay() {
-        return setIsPlaying(true);
-      },
-      onPlaying: function onPlaying() {
-        return setIsPlaying(true);
-      },
-      preload: preload,
-      style: {
-        height: 'auto',
-        width: '100%'
-      },
-      width: width
-    }, rest), {}, {
-      children: /*#__PURE__*/_jsx("source", {
-        src: src
-      })
-    }))]
-  });
+    style: style
+  }, preview && !isPlaying && /*#__PURE__*/React.createElement(Flexbox, {
+    align: 'center',
+    className: styles.preview,
+    justify: 'center'
+  }, /*#__PURE__*/React.createElement(Icon, {
+    color: '#fff',
+    icon: PlayIcon,
+    size: 'normal'
+  })), /*#__PURE__*/React.createElement("video", _extends({
+    autoPlay: true,
+    className: cx(styles.video, classNames === null || classNames === void 0 ? void 0 : classNames.video, className),
+    controls: showControls,
+    height: height,
+    muted: true,
+    onEnded: function onEnded() {
+      return setIsPlaying(false);
+    },
+    onMouseEnter: onVideoMouseEnter,
+    onMouseLeave: onVideoMouseLeave,
+    onPause: function onPause() {
+      return setIsPlaying(false);
+    },
+    onPlay: function onPlay() {
+      return setIsPlaying(true);
+    },
+    onPlaying: function onPlaying() {
+      return setIsPlaying(true);
+    },
+    preload: preload,
+    style: {
+      height: 'auto',
+      width: '100%'
+    },
+    width: width
+  }, rest), /*#__PURE__*/React.createElement("source", {
+    src: src
+  })));
 });
 export default Video;