@lobehub/ui 1.159.0 → 1.161.0

package/es/TabsNav/index.js

@@ -1,11 +1,12 @@
 '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 = ["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,
@@ -13,7 +14,7 @@ var TabsNav = /*#__PURE__*/memo(function (_ref) {
   var _useStyles = useStyles(),
     styles = _useStyles.styles,
     cx = _useStyles.cx;
-  return /*#__PURE__*/React.createElement(Tabs, _extends({
+  return /*#__PURE__*/_jsx(Tabs, _objectSpread({
     className: cx(styles.tabs, variant === 'compact' && styles.compact, className)
   }, rest));
 });

package/es/Tag/index.js

@@ -1,6 +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";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 var _excluded = ["icon", "children", "size"];
@@ -9,6 +9,8 @@ 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,
@@ -27,13 +29,16 @@ var Tag = /*#__PURE__*/memo(function (_ref2) {
   var _useStyles = useStyles(),
     styles = _useStyles.styles,
     cx = _useStyles.cx;
-  return /*#__PURE__*/React.createElement(AntTag, _extends({
+  return /*#__PURE__*/_jsx(AntTag, _objectSpread(_objectSpread({
     bordered: false,
     className: cx(styles.tag, size === 'small' && styles.small)
-  }, rest), /*#__PURE__*/React.createElement(Flexbox, {
-    align: 'center',
-    gap: 4,
-    horizontal: true
-  }, icon, children));
+  }, rest), {}, {
+    children: /*#__PURE__*/_jsxs(Flexbox, {
+      align: 'center',
+      gap: 4,
+      horizontal: true,
+      children: [icon, children]
+    })
+  }));
 });
 export default Tag;

package/es/ThemeProvider/Meta.js

@@ -1,5 +1,8 @@
 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,
@@ -14,58 +17,60 @@ var Meta = /*#__PURE__*/memo(function (_ref) {
       version: 'latest'
     });
   }, []);
-  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"
-  }));
+  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"
+    })]
+  });
 });
 export default Meta;

package/es/ThemeProvider/index.js

@@ -1,6 +1,5 @@
 '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"];
@@ -13,6 +12,9 @@ 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,
@@ -58,22 +60,26 @@ var ThemeProvider = /*#__PURE__*/memo(function (_ref) {
     });
     return merge(lobeTheme, antdTheme);
   }, [customTheme.primaryColor, customTheme.neutralColor, antdTheme]);
-  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)));
+  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
+      })]
+    }))]
+  });
 });
 ThemeProvider.displayName = 'LobeThemeProvider';
 export default ThemeProvider;

package/es/ThemeSwitch/index.js

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

package/es/Toc/TocMobile.js

@@ -5,6 +5,7 @@ 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;
@@ -46,58 +47,62 @@ var TocMobile = /*#__PURE__*/memo(function (_ref) {
   var activeAnchor = items.find(function (item) {
     return item.id === activeLink;
   });
-  return /*#__PURE__*/React.createElement(ConfigProvider, {
+  return /*#__PURE__*/_jsx(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
-        }
-      });
     },
-    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
-  }))))));
+    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')
+      })
+    })
+  });
 });
 export default TocMobile;

package/es/Toc/index.js

@@ -4,6 +4,8 @@ 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,
@@ -19,18 +21,21 @@ var Toc = /*#__PURE__*/memo(function (_ref) {
     }),
     styles = _useStyles.styles,
     cx = _useStyles.cx;
-  if (isMobile) return /*#__PURE__*/React.createElement(TocMobile, {
+  if (isMobile) return /*#__PURE__*/_jsx(TocMobile, {
     activeKey: activeKey,
     getContainer: getContainer,
     headerHeight: headerHeight,
     items: items
   });
-  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
-  }));
+  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
+    })]
+  });
 });
 export default Toc;

package/es/Tooltip/index.js

@@ -1,11 +1,12 @@
 '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 = ["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,
@@ -14,9 +15,11 @@ var Tooltip = /*#__PURE__*/memo(function (_ref) {
   var _useStyles = useStyles(),
     styles = _useStyles.styles,
     cx = _useStyles.cx;
-  return /*#__PURE__*/React.createElement(AntdTooltip, _extends({
+  return /*#__PURE__*/_jsx(AntdTooltip, _objectSpread({
     arrow: arrow,
-    overlayClassName: cx(styles.tooltip, className)
+    classNames: {
+      root: cx(styles.tooltip, className)
+    }
   }, rest));
 });
 export default Tooltip;

package/es/Video/index.js

@@ -1,6 +1,6 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 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,6 +10,8 @@ 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,
@@ -53,7 +55,7 @@ var Video = /*#__PURE__*/memo(function (_ref) {
     setShowControls(false);
     onMouseLeave === null || onMouseLeave === void 0 || onMouseLeave(e);
   };
-  if (isLoading) return /*#__PURE__*/React.createElement(Skeleton.Avatar, {
+  if (isLoading) return /*#__PURE__*/_jsx(Skeleton.Avatar, {
     active: true,
     style: {
       borderRadius: theme.borderRadius,
@@ -65,45 +67,49 @@ var Video = /*#__PURE__*/memo(function (_ref) {
       width: width
     }
   });
-  return /*#__PURE__*/React.createElement(Flexbox, {
+  return /*#__PURE__*/_jsxs(Flexbox, {
     className: cx(styles.videoWrapper, classNames === null || classNames === void 0 ? void 0 : classNames.wrapper),
-    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
-  })));
+    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
+      })
+    }))]
+  });
 });
 export default Video;