@lobehub/ui 1.159.0 → 1.161.0

package/es/Layout/index.js

@@ -1,7 +1,6 @@
 '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"],
@@ -14,6 +13,9 @@ 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,
@@ -23,14 +25,16 @@ export var LayoutHeader = /*#__PURE__*/memo(function (_ref) {
   var _useStyles = useStyles(headerHeight),
     cx = _useStyles.cx,
     styles = _useStyles.styles;
-  return /*#__PURE__*/React.createElement("header", _extends({
+  return /*#__PURE__*/_jsxs("header", _objectSpread(_objectSpread({
     className: cx(styles.header, className),
     style: _objectSpread({
       height: headerHeight
     }, style)
-  }, rest), /*#__PURE__*/React.createElement("div", {
-    className: styles.glass
-  }), children);
+  }, rest), {}, {
+    children: [/*#__PURE__*/_jsx("div", {
+      className: styles.glass
+    }), children]
+  }));
 });
 export var LayoutMain = /*#__PURE__*/memo(function (_ref2) {
   var children = _ref2.children,
@@ -39,9 +43,11 @@ export var LayoutMain = /*#__PURE__*/memo(function (_ref2) {
   var _useStyles2 = useStyles(),
     cx = _useStyles2.cx,
     styles = _useStyles2.styles;
-  return /*#__PURE__*/React.createElement("main", _extends({
+  return /*#__PURE__*/_jsx("main", _objectSpread(_objectSpread({
     className: cx(styles.main, className)
-  }, rest), children);
+  }, rest), {}, {
+    children: children
+  }));
 });
 export var LayoutSidebar = /*#__PURE__*/memo(function (_ref3) {
   var headerHeight = _ref3.headerHeight,
@@ -52,12 +58,14 @@ export var LayoutSidebar = /*#__PURE__*/memo(function (_ref3) {
   var _useStyles3 = useStyles(headerHeight),
     cx = _useStyles3.cx,
     styles = _useStyles3.styles;
-  return /*#__PURE__*/React.createElement("aside", _extends({
+  return /*#__PURE__*/_jsx("aside", _objectSpread(_objectSpread({
     className: cx(styles.aside, className),
     style: _objectSpread({
       top: headerHeight
     }, style)
-  }, rest), children);
+  }, rest), {}, {
+    children: children
+  }));
 });
 export var LayoutSidebarInner = /*#__PURE__*/memo(function (_ref4) {
   var headerHeight = _ref4.headerHeight,
@@ -67,9 +75,11 @@ export var LayoutSidebarInner = /*#__PURE__*/memo(function (_ref4) {
   var _useStyles4 = useStyles(headerHeight),
     cx = _useStyles4.cx,
     styles = _useStyles4.styles;
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
     className: cx(styles.asideInner, className)
-  }, rest), children);
+  }, rest), {}, {
+    children: children
+  }));
 });
 export var LayoutToc = /*#__PURE__*/memo(function (_ref5) {
   var tocWidth = _ref5.tocWidth,
@@ -80,12 +90,14 @@ export var LayoutToc = /*#__PURE__*/memo(function (_ref5) {
   var _useStyles5 = useStyles(),
     cx = _useStyles5.cx,
     styles = _useStyles5.styles;
-  return /*#__PURE__*/React.createElement("nav", _extends({
+  return /*#__PURE__*/_jsx("nav", _objectSpread(_objectSpread({
     className: cx(styles.toc, className),
     style: tocWidth ? _objectSpread({
       width: tocWidth
     }, style) : style
-  }, rest), children);
+  }, rest), {}, {
+    children: children
+  }));
 });
 export var LayoutFooter = /*#__PURE__*/memo(function (_ref6) {
   var children = _ref6.children,
@@ -94,9 +106,11 @@ export var LayoutFooter = /*#__PURE__*/memo(function (_ref6) {
   var _useStyles6 = useStyles(),
     cx = _useStyles6.cx,
     styles = _useStyles6.styles;
-  return /*#__PURE__*/React.createElement("footer", _extends({
+  return /*#__PURE__*/_jsx("footer", _objectSpread(_objectSpread({
     className: cx(styles.footer, className)
-  }, rest), children);
+  }, rest), {}, {
+    children: children
+  }));
 });
 var Layout = /*#__PURE__*/memo(function (_ref7) {
   var helmet = _ref7.helmet,
@@ -121,25 +135,39 @@ var Layout = /*#__PURE__*/memo(function (_ref7) {
   useEffect(function () {
     setExpand(Boolean(laptop));
   }, [laptop]);
-  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));
+  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
+    })]
+  });
 });
 export default Layout;

package/es/List/ListItem/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";
 var _excluded = ["active", "avatar", "loading", "description", "date", "title", "onHoverChange", "actions", "className", "style", "showAction", "children", "classNames", "addon", "pin"];
 import { Typography } from 'antd';
@@ -10,6 +10,9 @@ 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) {
@@ -32,7 +35,7 @@ var ListItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var _useStyles = useStyles(),
     styles = _useStyles.styles,
     cx = _useStyles.cx;
-  return /*#__PURE__*/React.createElement(Flexbox, _extends({
+  return /*#__PURE__*/_jsxs(Flexbox, _objectSpread(_objectSpread({
     align: 'flex-start',
     className: cx(styles.container, active && styles.active, className),
     distribution: 'space-between',
@@ -47,56 +50,67 @@ var ListItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
     padding: 12,
     ref: ref,
     style: style
-  }, 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);
+  }, 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]
+  }));
 });
 export default ListItem;

package/es/Markdown/CodeBlock.js

@@ -1,8 +1,9 @@
-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 = ["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);
@@ -32,22 +33,27 @@ 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__*/React.createElement(PreMermaid, _extends({
+  if (enableMermaid && code.lang === 'mermaid') return /*#__PURE__*/_jsx(PreMermaid, _objectSpread(_objectSpread({
     fullFeatured: fullFeatured
-  }, mermaid), code.content);
-  if (!highlight && code.isSingleLine) return /*#__PURE__*/React.createElement(PreSingleLine, {
-    language: code.lang
-  }, code.content);
-  return /*#__PURE__*/React.createElement(Pre, _extends({
+  }, 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({
     fullFeatured: fullFeatured,
     language: code.lang
-  }, highlight, rest), code.content);
+  }, highlight), rest), {}, {
+    children: code.content
+  }));
 };
 export var CodeLite = function CodeLite(props) {
-  return /*#__PURE__*/React.createElement(CodeBlock, props);
+  return /*#__PURE__*/_jsx(CodeBlock, _objectSpread({}, props));
 };
 export var CodeFullFeatured = function CodeFullFeatured(props) {
-  return /*#__PURE__*/React.createElement(CodeBlock, _extends({
+  return /*#__PURE__*/_jsx(CodeBlock, _objectSpread({
     fullFeatured: true
   }, props));
 };

package/es/Markdown/Typography.js

@@ -1,9 +1,10 @@
 '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", "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,
@@ -20,7 +21,9 @@ export var Typography = function Typography(_ref) {
     }),
     cx = _useStyles.cx,
     styles = _useStyles.styles;
-  return /*#__PURE__*/React.createElement("article", _extends({
+  return /*#__PURE__*/_jsx("article", _objectSpread(_objectSpread({
     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);
+  }, rest), {}, {
+    children: children
+  }));
 };

package/es/Markdown/index.js

@@ -1,7 +1,6 @@
 '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"];
@@ -20,6 +19,7 @@ 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__*/React.createElement(Link, _extends({}, props, componentProps === null || componentProps === void 0 ? void 0 : componentProps.a));
+        return /*#__PURE__*/_jsx(Link, _objectSpread(_objectSpread({}, props), componentProps === null || componentProps === void 0 ? void 0 : componentProps.a));
       },
       img: enableImageGallery ? function (props) {
         var _componentProps$img, _componentProps$img2;
-        return /*#__PURE__*/React.createElement(Image, _extends({}, props, componentProps === null || componentProps === void 0 ? void 0 : componentProps.img, {
+        return /*#__PURE__*/_jsx(Image, _objectSpread(_objectSpread(_objectSpread({}, 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__*/React.createElement(CodeFullFeatured, _extends({
+        return fullFeaturedCodeBlock ? /*#__PURE__*/_jsx(CodeFullFeatured, _objectSpread(_objectSpread({
           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__*/React.createElement(CodeLite, _extends({
+        }, props), componentProps === null || componentProps === void 0 ? void 0 : componentProps.pre)) : /*#__PURE__*/_jsx(CodeLite, _objectSpread(_objectSpread({
           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__*/React.createElement(Video, _extends({}, props, componentProps === null || componentProps === void 0 ? void 0 : componentProps.video));
+        return /*#__PURE__*/_jsx(Video, _objectSpread(_objectSpread({}, props), componentProps === null || componentProps === void 0 ? void 0 : componentProps.video));
       }
     }, components);
   }, [].concat(_toConsumableArray(Object.values(components || {})), _toConsumableArray(Object.values(componentProps || {})), [enableImageGallery, enableMermaid, fullFeaturedCodeBlock]));
@@ -103,22 +103,26 @@ 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__*/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 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 markdownContent = customRender ? customRender(defaultDOM, {
     text: escapedContent
   }) : defaultDOM;
-  return /*#__PURE__*/React.createElement("article", {
+  return /*#__PURE__*/_jsx("article", {
     className: cx(styles.root, className),
     "data-code-type": "markdown",
     onDoubleClick: onDoubleClick,
-    style: style
-  }, markdownContent);
+    style: style,
+    children: markdownContent
+  });
 });
 export default Markdown;

package/es/MaterialFileTypeIcon/index.js

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