@lobehub/ui 1.157.1 → 1.158.0

package/es/Layout/index.js

@@ -1,6 +1,7 @@
 'use client';
 
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+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 = ["headerHeight", "children", "className", "style"],
@@ -13,9 +14,6 @@ import { useResponsive } from 'antd-style';
 import { memo, useEffect, useState } from 'react';
 import DraggablePanel from "../DraggablePanel";
 import { useStyles } from "./style";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
 export var LayoutHeader = /*#__PURE__*/memo(function (_ref) {
   var headerHeight = _ref.headerHeight,
     children = _ref.children,
@@ -25,16 +23,14 @@ export var LayoutHeader = /*#__PURE__*/memo(function (_ref) {
   var _useStyles = useStyles(headerHeight),
     cx = _useStyles.cx,
     styles = _useStyles.styles;
-  return /*#__PURE__*/_jsxs("header", _objectSpread(_objectSpread({
+  return /*#__PURE__*/React.createElement("header", _extends({
     className: cx(styles.header, className),
     style: _objectSpread({
       height: headerHeight
     }, style)
-  }, rest), {}, {
-    children: [/*#__PURE__*/_jsx("div", {
-      className: styles.glass
-    }), children]
-  }));
+  }, rest), /*#__PURE__*/React.createElement("div", {
+    className: styles.glass
+  }), children);
 });
 export var LayoutMain = /*#__PURE__*/memo(function (_ref2) {
   var children = _ref2.children,
@@ -43,11 +39,9 @@ export var LayoutMain = /*#__PURE__*/memo(function (_ref2) {
   var _useStyles2 = useStyles(),
     cx = _useStyles2.cx,
     styles = _useStyles2.styles;
-  return /*#__PURE__*/_jsx("main", _objectSpread(_objectSpread({
+  return /*#__PURE__*/React.createElement("main", _extends({
     className: cx(styles.main, className)
-  }, rest), {}, {
-    children: children
-  }));
+  }, rest), children);
 });
 export var LayoutSidebar = /*#__PURE__*/memo(function (_ref3) {
   var headerHeight = _ref3.headerHeight,
@@ -58,14 +52,12 @@ export var LayoutSidebar = /*#__PURE__*/memo(function (_ref3) {
   var _useStyles3 = useStyles(headerHeight),
     cx = _useStyles3.cx,
     styles = _useStyles3.styles;
-  return /*#__PURE__*/_jsx("aside", _objectSpread(_objectSpread({
+  return /*#__PURE__*/React.createElement("aside", _extends({
     className: cx(styles.aside, className),
     style: _objectSpread({
       top: headerHeight
     }, style)
-  }, rest), {}, {
-    children: children
-  }));
+  }, rest), children);
 });
 export var LayoutSidebarInner = /*#__PURE__*/memo(function (_ref4) {
   var headerHeight = _ref4.headerHeight,
@@ -75,11 +67,9 @@ export var LayoutSidebarInner = /*#__PURE__*/memo(function (_ref4) {
   var _useStyles4 = useStyles(headerHeight),
     cx = _useStyles4.cx,
     styles = _useStyles4.styles;
-  return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
+  return /*#__PURE__*/React.createElement("div", _extends({
     className: cx(styles.asideInner, className)
-  }, rest), {}, {
-    children: children
-  }));
+  }, rest), children);
 });
 export var LayoutToc = /*#__PURE__*/memo(function (_ref5) {
   var tocWidth = _ref5.tocWidth,
@@ -90,14 +80,12 @@ export var LayoutToc = /*#__PURE__*/memo(function (_ref5) {
   var _useStyles5 = useStyles(),
     cx = _useStyles5.cx,
     styles = _useStyles5.styles;
-  return /*#__PURE__*/_jsx("nav", _objectSpread(_objectSpread({
+  return /*#__PURE__*/React.createElement("nav", _extends({
     className: cx(styles.toc, className),
     style: tocWidth ? _objectSpread({
       width: tocWidth
     }, style) : style
-  }, rest), {}, {
-    children: children
-  }));
+  }, rest), children);
 });
 export var LayoutFooter = /*#__PURE__*/memo(function (_ref6) {
   var children = _ref6.children,
@@ -106,11 +94,9 @@ export var LayoutFooter = /*#__PURE__*/memo(function (_ref6) {
   var _useStyles6 = useStyles(),
     cx = _useStyles6.cx,
     styles = _useStyles6.styles;
-  return /*#__PURE__*/_jsx("footer", _objectSpread(_objectSpread({
+  return /*#__PURE__*/React.createElement("footer", _extends({
     className: cx(styles.footer, className)
-  }, rest), {}, {
-    children: children
-  }));
+  }, rest), children);
 });
 var Layout = /*#__PURE__*/memo(function (_ref7) {
   var helmet = _ref7.helmet,
@@ -135,39 +121,25 @@ var Layout = /*#__PURE__*/memo(function (_ref7) {
   useEffect(function () {
     setExpand(Boolean(laptop));
   }, [laptop]);
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [helmet, header && /*#__PURE__*/_jsxs(LayoutHeader, {
-      headerHeight: headerHeight,
-      children: [header, mobile && toc && /*#__PURE__*/_jsx(LayoutToc, {
-        children: toc
-      })]
-    }), /*#__PURE__*/_jsxs(LayoutMain, {
-      children: [!mobile && !sidebar && /*#__PURE__*/_jsx("nav", {
-        style: {
-          width: tocWidth
-        }
-      }), !mobile && sidebar && /*#__PURE__*/_jsx(LayoutSidebar, {
-        headerHeight: headerHeight,
-        children: /*#__PURE__*/_jsx(DraggablePanel, {
-          expand: expand,
-          maxWidth: asideWidth,
-          onExpandChange: setExpand,
-          placement: "left",
-          children: /*#__PURE__*/_jsx(LayoutSidebarInner, {
-            headerHeight: headerHeight,
-            children: sidebar
-          })
-        })
-      }), /*#__PURE__*/_jsx("section", {
-        className: styles.content,
-        children: children
-      }), !mobile && toc && /*#__PURE__*/_jsx(LayoutToc, {
-        tocWidth: tocWidth,
-        children: toc
-      })]
-    }), footer && /*#__PURE__*/_jsx(LayoutFooter, {
-      children: footer
-    })]
-  });
+  return /*#__PURE__*/React.createElement(React.Fragment, null, helmet, header && /*#__PURE__*/React.createElement(LayoutHeader, {
+    headerHeight: headerHeight
+  }, header, mobile && toc && /*#__PURE__*/React.createElement(LayoutToc, null, toc)), /*#__PURE__*/React.createElement(LayoutMain, null, !mobile && !sidebar && /*#__PURE__*/React.createElement("nav", {
+    style: {
+      width: tocWidth
+    }
+  }), !mobile && sidebar && /*#__PURE__*/React.createElement(LayoutSidebar, {
+    headerHeight: headerHeight
+  }, /*#__PURE__*/React.createElement(DraggablePanel, {
+    expand: expand,
+    maxWidth: asideWidth,
+    onExpandChange: setExpand,
+    placement: "left"
+  }, /*#__PURE__*/React.createElement(LayoutSidebarInner, {
+    headerHeight: headerHeight
+  }, sidebar))), /*#__PURE__*/React.createElement("section", {
+    className: styles.content
+  }, children), !mobile && toc && /*#__PURE__*/React.createElement(LayoutToc, {
+    tocWidth: tocWidth
+  }, toc)), footer && /*#__PURE__*/React.createElement(LayoutFooter, null, footer));
 });
 export default Layout;

package/es/List/ListItem/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";
 var _excluded = ["active", "avatar", "loading", "description", "date", "title", "onHoverChange", "actions", "className", "style", "showAction", "children", "classNames", "addon", "pin"];
 import { Typography } from 'antd';
@@ -10,9 +10,6 @@ import { Flexbox } from 'react-layout-kit';
 import Icon from "../../Icon";
 import { useStyles } from "./style";
 import { getChatItemTime } from "./time";
-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 Title = Typography.Title,
   Paragraph = Typography.Paragraph;
 var ListItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
@@ -35,7 +32,7 @@ var ListItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var _useStyles = useStyles(),
     styles = _useStyles.styles,
     cx = _useStyles.cx;
-  return /*#__PURE__*/_jsxs(Flexbox, _objectSpread(_objectSpread({
+  return /*#__PURE__*/React.createElement(Flexbox, _extends({
     align: 'flex-start',
     className: cx(styles.container, active && styles.active, className),
     distribution: 'space-between',
@@ -50,67 +47,56 @@ var ListItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
     padding: 12,
     ref: ref,
     style: style
-  }, rest), {}, {
-    children: [pin && /*#__PURE__*/_jsx("div", {
-      className: styles.pin,
-      children: /*#__PURE__*/_jsx("div", {
-        className: styles.triangle
-      })
-    }), /*#__PURE__*/_jsxs(Flexbox, {
-      align: 'flex-start',
-      flex: 1,
-      gap: 8,
-      horizontal: true,
-      style: {
-        overflow: 'hidden'
-      },
-      children: [avatar !== null && avatar !== void 0 ? avatar : /*#__PURE__*/_jsx(Icon, {
-        icon: MessageSquare,
-        style: {
-          marginTop: 4
-        }
-      }), /*#__PURE__*/_jsxs(Flexbox, {
-        className: styles.content,
-        gap: 4,
-        children: [/*#__PURE__*/_jsx(Title, {
-          className: styles.title,
-          ellipsis: {
-            rows: 1
-          },
-          level: 3,
-          children: title
-        }), description && /*#__PURE__*/_jsx(Paragraph, {
-          className: styles.desc,
-          ellipsis: {
-            rows: 1
-          },
-          children: description
-        }), addon]
-      })]
-    }), loading ? /*#__PURE__*/_jsx(Icon, {
-      icon: Loader2,
-      spin: true
-    }) : /*#__PURE__*/_jsxs(_Fragment, {
-      children: [showAction && /*#__PURE__*/_jsx(Flexbox, {
-        className: styles.actions,
-        gap: 4,
-        horizontal: true,
-        onClick: function onClick(e) {
-          e.preventDefault();
-          e.stopPropagation();
-        },
-        style: {
-          display: showAction ? undefined : 'none'
-        },
-        children: actions
-      }), date && /*#__PURE__*/_jsx("div", {
-        className: cx(styles.time, classNames === null || classNames === void 0 ? void 0 : classNames.time),
-        style: showAction ? {
-          opacity: 0
-        } : {},
-        children: getChatItemTime(date)
-      })]
-    }), children]
-  }));
+  }, rest), pin && /*#__PURE__*/React.createElement("div", {
+    className: styles.pin
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.triangle
+  })), /*#__PURE__*/React.createElement(Flexbox, {
+    align: 'flex-start',
+    flex: 1,
+    gap: 8,
+    horizontal: true,
+    style: {
+      overflow: 'hidden'
+    }
+  }, avatar !== null && avatar !== void 0 ? avatar : /*#__PURE__*/React.createElement(Icon, {
+    icon: MessageSquare,
+    style: {
+      marginTop: 4
+    }
+  }), /*#__PURE__*/React.createElement(Flexbox, {
+    className: styles.content,
+    gap: 4
+  }, /*#__PURE__*/React.createElement(Title, {
+    className: styles.title,
+    ellipsis: {
+      rows: 1
+    },
+    level: 3
+  }, title), description && /*#__PURE__*/React.createElement(Paragraph, {
+    className: styles.desc,
+    ellipsis: {
+      rows: 1
+    }
+  }, description), addon)), loading ? /*#__PURE__*/React.createElement(Icon, {
+    icon: Loader2,
+    spin: true
+  }) : /*#__PURE__*/React.createElement(React.Fragment, null, showAction && /*#__PURE__*/React.createElement(Flexbox, {
+    className: styles.actions,
+    gap: 4,
+    horizontal: true,
+    onClick: function onClick(e) {
+      e.preventDefault();
+      e.stopPropagation();
+    },
+    style: {
+      display: showAction ? undefined : 'none'
+    }
+  }, actions), date && /*#__PURE__*/React.createElement("div", {
+    className: cx(styles.time, classNames === null || classNames === void 0 ? void 0 : classNames.time),
+    style: showAction ? {
+      opacity: 0
+    } : {}
+  }, getChatItemTime(date))), children);
 });
 export default ListItem;

package/es/Markdown/CodeBlock.js

@@ -1,9 +1,8 @@
-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 = ["fullFeatured", "enableMermaid", "highlight", "mermaid"];
 import Pre, { PreMermaid, PreSingleLine } from "../mdx/mdxComponents/Pre";
 import { FALLBACK_LANG } from "../hooks/useHighlight";
-import { jsx as _jsx } from "react/jsx-runtime";
 var countLines = function countLines(str) {
   var regex = /\n/g;
   var matches = str.match(regex);
@@ -33,27 +32,22 @@ var CodeBlock = function CodeBlock(_ref) {
     rest = _objectWithoutProperties(_ref, _excluded);
   var code = useCode(rest === null || rest === void 0 || (_rest$children = rest.children) === null || _rest$children === void 0 ? void 0 : _rest$children[0]);
   if (!code) return;
-  if (enableMermaid && code.lang === 'mermaid') return /*#__PURE__*/_jsx(PreMermaid, _objectSpread(_objectSpread({
+  if (enableMermaid && code.lang === 'mermaid') return /*#__PURE__*/React.createElement(PreMermaid, _extends({
     fullFeatured: fullFeatured
-  }, mermaid), {}, {
-    children: code.content
-  }));
-  if (!highlight && code.isSingleLine) return /*#__PURE__*/_jsx(PreSingleLine, {
-    language: code.lang,
-    children: code.content
-  });
-  return /*#__PURE__*/_jsx(Pre, _objectSpread(_objectSpread(_objectSpread({
+  }, mermaid), code.content);
+  if (!highlight && code.isSingleLine) return /*#__PURE__*/React.createElement(PreSingleLine, {
+    language: code.lang
+  }, code.content);
+  return /*#__PURE__*/React.createElement(Pre, _extends({
     fullFeatured: fullFeatured,
     language: code.lang
-  }, highlight), rest), {}, {
-    children: code.content
-  }));
+  }, highlight, rest), code.content);
 };
 export var CodeLite = function CodeLite(props) {
-  return /*#__PURE__*/_jsx(CodeBlock, _objectSpread({}, props));
+  return /*#__PURE__*/React.createElement(CodeBlock, props);
 };
 export var CodeFullFeatured = function CodeFullFeatured(props) {
-  return /*#__PURE__*/_jsx(CodeBlock, _objectSpread({
+  return /*#__PURE__*/React.createElement(CodeBlock, _extends({
     fullFeatured: true
   }, props));
 };

package/es/Markdown/Typography.js

@@ -1,10 +1,9 @@
 '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 = ["children", "className", "fontSize", "headerMultiple", "marginMultiple", "lineHeight"];
 import { useStyles } from "./markdown.style";
-import { jsx as _jsx } from "react/jsx-runtime";
 export var Typography = function Typography(_ref) {
   var children = _ref.children,
     className = _ref.className,
@@ -21,9 +20,7 @@ export var Typography = function Typography(_ref) {
     }),
     cx = _useStyles.cx,
     styles = _useStyles.styles;
-  return /*#__PURE__*/_jsx("article", _objectSpread(_objectSpread({
+  return /*#__PURE__*/React.createElement("article", _extends({
     className: cx(styles.__root, styles.a, styles.blockquote, styles.code, styles.details, styles.header, styles.hr, styles.img, styles.kbd, styles.list, styles.p, styles.pre, styles.strong, styles.table, styles.video, className)
-  }, rest), {}, {
-    children: children
-  }));
+  }, rest), children);
 };

package/es/Markdown/index.js

@@ -1,6 +1,7 @@
 'use client';
 
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+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", "className", "style", "fullFeaturedCodeBlock", "onDoubleClick", "enableLatex", "enableMermaid", "enableImageGallery", "componentProps", "allowHtml", "fontSize", "headerMultiple", "marginMultiple", "variant", "lineHeight", "rehypePlugins", "remarkPlugins", "components", "customRender"];
@@ -19,7 +20,6 @@ import { CodeFullFeatured, CodeLite } from "./CodeBlock";
 import { useStyles as useMarkdownStyles } from "./markdown.style";
 import { useStyles } from "./style";
 import { escapeBrackets, escapeMhchem, fixMarkdownBold } from "./utils";
-import { jsx as _jsx } from "react/jsx-runtime";
 var Markdown = /*#__PURE__*/memo(function (_ref) {
   var children = _ref.children,
     className = _ref.className,
@@ -68,11 +68,11 @@ var Markdown = /*#__PURE__*/memo(function (_ref) {
   var memoComponents = useMemo(function () {
     return _objectSpread({
       a: function a(props) {
-        return /*#__PURE__*/_jsx(Link, _objectSpread(_objectSpread({}, props), componentProps === null || componentProps === void 0 ? void 0 : componentProps.a));
+        return /*#__PURE__*/React.createElement(Link, _extends({}, props, componentProps === null || componentProps === void 0 ? void 0 : componentProps.a));
       },
       img: enableImageGallery ? function (props) {
         var _componentProps$img, _componentProps$img2;
-        return /*#__PURE__*/_jsx(Image, _objectSpread(_objectSpread(_objectSpread({}, props), componentProps === null || componentProps === void 0 ? void 0 : componentProps.img), {}, {
+        return /*#__PURE__*/React.createElement(Image, _extends({}, props, componentProps === null || componentProps === void 0 ? void 0 : componentProps.img, {
           style: isChatMode ? _objectSpread({
             height: 'auto',
             maxWidth: 640
@@ -80,18 +80,18 @@ var Markdown = /*#__PURE__*/memo(function (_ref) {
         }));
       } : undefined,
       pre: function pre(props) {
-        return fullFeaturedCodeBlock ? /*#__PURE__*/_jsx(CodeFullFeatured, _objectSpread(_objectSpread({
+        return fullFeaturedCodeBlock ? /*#__PURE__*/React.createElement(CodeFullFeatured, _extends({
           enableMermaid: enableMermaid,
           highlight: componentProps === null || componentProps === void 0 ? void 0 : componentProps.highlight,
           mermaid: componentProps === null || componentProps === void 0 ? void 0 : componentProps.mermaid
-        }, props), componentProps === null || componentProps === void 0 ? void 0 : componentProps.pre)) : /*#__PURE__*/_jsx(CodeLite, _objectSpread(_objectSpread({
+        }, props, componentProps === null || componentProps === void 0 ? void 0 : componentProps.pre)) : /*#__PURE__*/React.createElement(CodeLite, _extends({
           enableMermaid: enableMermaid,
           highlight: componentProps === null || componentProps === void 0 ? void 0 : componentProps.highlight,
           mermaid: componentProps === null || componentProps === void 0 ? void 0 : componentProps.mermaid
-        }, props), componentProps === null || componentProps === void 0 ? void 0 : componentProps.pre));
+        }, props, componentProps === null || componentProps === void 0 ? void 0 : componentProps.pre));
       },
       video: function video(props) {
-        return /*#__PURE__*/_jsx(Video, _objectSpread(_objectSpread({}, props), componentProps === null || componentProps === void 0 ? void 0 : componentProps.video));
+        return /*#__PURE__*/React.createElement(Video, _extends({}, props, componentProps === null || componentProps === void 0 ? void 0 : componentProps.video));
       }
     }, components);
   }, [].concat(_toConsumableArray(Object.values(components || {})), _toConsumableArray(Object.values(componentProps || {})), [enableImageGallery, enableMermaid, fullFeaturedCodeBlock]));
@@ -103,26 +103,22 @@ var Markdown = /*#__PURE__*/memo(function (_ref) {
   var memoRemarkPlugins = useMemo(function () {
     return [remarkGfm, enableLatex && remarkMath, isChatMode && remarkBreaks].concat(_toConsumableArray(innerRemarkPlugins)).filter(Boolean);
   }, [isChatMode, enableLatex].concat(_toConsumableArray(innerRemarkPlugins)));
-  var defaultDOM = /*#__PURE__*/_jsx(ImageGallery, {
-    enable: enableImageGallery,
-    children: /*#__PURE__*/_jsx(ReactMarkdown, _objectSpread(_objectSpread({
-      className: cx(mdStyles.__root, mdStyles.a, mdStyles.blockquote, mdStyles.code, mdStyles.details, mdStyles.header, mdStyles.hr, mdStyles.img, mdStyles.kbd, mdStyles.list, mdStyles.p, mdStyles.pre, mdStyles.strong, mdStyles.table, mdStyles.video, enableLatex && styles.latex, isChatMode && styles.chat),
-      components: memoComponents,
-      rehypePlugins: memoRehypePlugins,
-      remarkPlugins: memoRemarkPlugins
-    }, rest), {}, {
-      children: escapedContent
-    }))
-  });
+  var defaultDOM = /*#__PURE__*/React.createElement(ImageGallery, {
+    enable: enableImageGallery
+  }, /*#__PURE__*/React.createElement(ReactMarkdown, _extends({
+    className: cx(mdStyles.__root, mdStyles.a, mdStyles.blockquote, mdStyles.code, mdStyles.details, mdStyles.header, mdStyles.hr, mdStyles.img, mdStyles.kbd, mdStyles.list, mdStyles.p, mdStyles.pre, mdStyles.strong, mdStyles.table, mdStyles.video, enableLatex && styles.latex, isChatMode && styles.chat),
+    components: memoComponents,
+    rehypePlugins: memoRehypePlugins,
+    remarkPlugins: memoRemarkPlugins
+  }, rest), escapedContent));
   var markdownContent = customRender ? customRender(defaultDOM, {
     text: escapedContent
   }) : defaultDOM;
-  return /*#__PURE__*/_jsx("article", {
+  return /*#__PURE__*/React.createElement("article", {
     className: cx(styles.root, className),
     "data-code-type": "markdown",
     onDoubleClick: onDoubleClick,
-    style: style,
-    children: markdownContent
-  });
+    style: style
+  }, markdownContent);
 });
 export default Markdown;

package/es/MaterialFileTypeIcon/index.js

@@ -1,6 +1,7 @@
 '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 = ["fallbackUnknownType", "filename", "size", "variant", "type", "style", "open"];
 import { memo, useMemo } from 'react';
@@ -9,8 +10,6 @@ import { useCdnFn } from "../ConfigProvider";
 import FileTypeIcon from "../FileTypeIcon";
 import Img from "../Img";
 import { getIconUrlForDirectoryPath, getIconUrlForFilePath } from "./utils";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
 var MaterialFileTypeIcon = /*#__PURE__*/memo(function (_ref) {
   var _ref$fallbackUnknownT = _ref.fallbackUnknownType,
     fallbackUnknownType = _ref$fallbackUnknownT === void 0 ? true : _ref$fallbackUnknownT,
@@ -41,39 +40,37 @@ var MaterialFileTypeIcon = /*#__PURE__*/memo(function (_ref) {
       path: filename
     });
   }, [ICONS_URL, type, filename, open]);
-  if (!iconUrl) return /*#__PURE__*/_jsx(FileTypeIcon, {
+  if (!iconUrl) return /*#__PURE__*/React.createElement(FileTypeIcon, {
     filetype: filename.split('.')[1],
     size: size,
     type: type,
     variant: 'mono'
   });
-  if (variant === 'pure') return /*#__PURE__*/_jsx(Img, _objectSpread({
+  if (variant === 'pure') return /*#__PURE__*/React.createElement(Img, _extends({
     height: size,
     src: iconUrl,
     style: style,
     width: size
   }, rest));
-  return /*#__PURE__*/_jsxs(Center, _objectSpread(_objectSpread({
+  return /*#__PURE__*/React.createElement(Center, _extends({
     flex: 'none',
     height: size,
     style: _objectSpread({
       position: 'relative'
     }, style),
     width: size
-  }, rest), {}, {
-    children: [/*#__PURE__*/_jsx(FileTypeIcon, {
-      size: size,
-      type: variant,
-      variant: 'mono'
-    }), /*#__PURE__*/_jsx(Img, _objectSpread({
-      height: size / 2,
-      src: iconUrl,
-      style: {
-        position: 'absolute',
-        top: size / 3
-      },
-      width: size / 2
-    }, rest))]
-  }));
+  }, rest), /*#__PURE__*/React.createElement(FileTypeIcon, {
+    size: size,
+    type: variant,
+    variant: 'mono'
+  }), /*#__PURE__*/React.createElement(Img, _extends({
+    height: size / 2,
+    src: iconUrl,
+    style: {
+      position: 'absolute',
+      top: size / 3
+    },
+    width: size / 2
+  }, rest)));
 });
 export default MaterialFileTypeIcon;