@lobehub/ui 1.157.0 → 1.158.0

package/es/mdx/Cards/Card.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 = ["tag", "tagColor", "icon", "title", "desc", "href", "iconProps", "className", "image"];
@@ -11,8 +11,6 @@ import { Flexbox } from 'react-layout-kit';
 import A from "../../A";
 import Icon from "../../Icon";
 import Img from "../../Img";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
 var useStyles = createStyles(function (_ref) {
   var css = _ref.css,
     cx = _ref.cx,
@@ -39,61 +37,50 @@ var Card = function Card(_ref2) {
   var _useStyles = useStyles(),
     cx = _useStyles.cx,
     styles = _useStyles.styles;
-  return /*#__PURE__*/_jsx(A, {
-    href: href,
-    children: /*#__PURE__*/_jsxs(Flexbox, _objectSpread(_objectSpread({
-      align: 'flex-start',
-      className: cx(styles.card, className)
-    }, rest), {}, {
-      children: [image && /*#__PURE__*/_jsx(Img, {
-        alt: title,
-        height: 100,
-        src: image,
-        style: {
-          height: 'auto',
-          width: '100%'
-        },
-        width: 250
-      }), tag && /*#__PURE__*/_jsx(Flexbox, {
-        align: 'flex-start',
-        className: styles.content,
-        style: {
-          paddingBottom: '0.2em',
-          paddingTop: '1.8em'
-        },
-        children: /*#__PURE__*/_jsx(Tag, {
-          bordered: false,
-          color: tagColor,
-          style: {
-            borderRadius: '1em',
-            fontSize: '0.8em',
-            fontWeight: 500,
-            paddingBlock: '0.1em',
-            paddingInline: '0.6em'
-          },
-          children: tag
-        })
-      }), /*#__PURE__*/_jsxs(Flexbox, {
-        align: desc ? 'flex-start' : 'center',
-        className: styles.content,
-        gap: '0.75em',
-        horizontal: true,
-        children: [!image && icon && /*#__PURE__*/_jsx(Icon, _objectSpread({
-          className: styles.icon,
-          icon: icon,
-          size: {
-            fontSize: '1.5em'
-          }
-        }, iconProps)), /*#__PURE__*/_jsxs(Flexbox, {
-          gap: '0.2em',
-          children: [/*#__PURE__*/_jsx("h3", {
-            children: title
-          }), desc && /*#__PURE__*/_jsx("p", {
-            children: desc
-          })]
-        })]
-      })]
-    }))
-  });
+  return /*#__PURE__*/React.createElement(A, {
+    href: href
+  }, /*#__PURE__*/React.createElement(Flexbox, _extends({
+    align: 'flex-start',
+    className: cx(styles.card, className)
+  }, rest), image && /*#__PURE__*/React.createElement(Img, {
+    alt: title,
+    height: 100,
+    src: image,
+    style: {
+      height: 'auto',
+      width: '100%'
+    },
+    width: 250
+  }), tag && /*#__PURE__*/React.createElement(Flexbox, {
+    align: 'flex-start',
+    className: styles.content,
+    style: {
+      paddingBottom: '0.2em',
+      paddingTop: '1.8em'
+    }
+  }, /*#__PURE__*/React.createElement(Tag, {
+    bordered: false,
+    color: tagColor,
+    style: {
+      borderRadius: '1em',
+      fontSize: '0.8em',
+      fontWeight: 500,
+      paddingBlock: '0.1em',
+      paddingInline: '0.6em'
+    }
+  }, tag)), /*#__PURE__*/React.createElement(Flexbox, {
+    align: desc ? 'flex-start' : 'center',
+    className: styles.content,
+    gap: '0.75em',
+    horizontal: true
+  }, !image && icon && /*#__PURE__*/React.createElement(Icon, _extends({
+    className: styles.icon,
+    icon: icon,
+    size: {
+      fontSize: '1.5em'
+    }
+  }, iconProps)), /*#__PURE__*/React.createElement(Flexbox, {
+    gap: '0.2em'
+  }, /*#__PURE__*/React.createElement("h3", null, title), desc && /*#__PURE__*/React.createElement("p", null, desc)))));
 };
 export default Card;

package/es/mdx/Cards/index.js

@@ -1,13 +1,12 @@
 '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 = ["children", "className", "maxItemWidth", "rows"];
 var _templateObject;
 import { createStyles } from 'antd-style';
 import Grid from "../../Grid";
-import { jsx as _jsx } from "react/jsx-runtime";
 var useStyles = createStyles(function (_ref) {
   var css = _ref.css;
   return {
@@ -25,12 +24,10 @@ var Cards = function Cards(_ref2) {
   var _useStyles = useStyles(),
     cx = _useStyles.cx,
     styles = _useStyles.styles;
-  return /*#__PURE__*/_jsx(Grid, _objectSpread(_objectSpread({
+  return /*#__PURE__*/React.createElement(Grid, _extends({
     className: cx(styles.container, className),
     maxItemWidth: maxItemWidth,
     rows: rows
-  }, rest), {}, {
-    children: children
-  }));
+  }, rest), children);
 };
 export default Cards;

package/es/mdx/FileTree/File.js

@@ -1,28 +1,22 @@
 '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 = ["name", "icon"];
 import { FileIcon } from 'lucide-react';
 import { Flexbox } from 'react-layout-kit';
 import Icon from "../../Icon";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
 var File = function File(_ref) {
   var name = _ref.name,
     _ref$icon = _ref.icon,
     icon = _ref$icon === void 0 ? FileIcon : _ref$icon,
     rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/_jsxs(Flexbox, _objectSpread(_objectSpread({
+  return /*#__PURE__*/React.createElement(Flexbox, _extends({
     align: 'center',
     gap: 4,
     horizontal: true
-  }, rest), {}, {
-    children: [/*#__PURE__*/_jsx(Icon, {
-      icon: icon
-    }), /*#__PURE__*/_jsx("span", {
-      children: name
-    })]
-  }));
+  }, rest), /*#__PURE__*/React.createElement(Icon, {
+    icon: icon
+  }), /*#__PURE__*/React.createElement("span", null, name));
 };
 export default File;

package/es/mdx/FileTree/Folder.js

@@ -1,6 +1,5 @@
 'use client';
 
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
@@ -11,8 +10,6 @@ import { FolderIcon, FolderOpen } from 'lucide-react';
 import { useState } from 'react';
 import { Flexbox } from 'react-layout-kit';
 import Icon from "../../Icon";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
 var useStyles = createStyles(function (_ref) {
   var css = _ref.css,
     token = _ref.token;
@@ -34,24 +31,18 @@ var Folder = function Folder(_ref2) {
     setOpen = _useState2[1];
   var _useStyles = useStyles(),
     styles = _useStyles.styles;
-  return /*#__PURE__*/_jsxs(Flexbox, _objectSpread(_objectSpread({}, rest), {}, {
-    children: [/*#__PURE__*/_jsxs(Flexbox, {
-      align: 'center',
-      className: styles.folder,
-      gap: 4,
-      horizontal: true,
-      onClick: function onClick() {
-        return setOpen(!open);
-      },
-      children: [/*#__PURE__*/_jsx(Icon, {
-        icon: open ? FolderOpen : icon
-      }), /*#__PURE__*/_jsx("span", {
-        children: name
-      })]
-    }), open && /*#__PURE__*/_jsx(Flexbox, {
-      className: styles.folderChildren,
-      children: children
-    })]
-  }));
+  return /*#__PURE__*/React.createElement(Flexbox, rest, /*#__PURE__*/React.createElement(Flexbox, {
+    align: 'center',
+    className: styles.folder,
+    gap: 4,
+    horizontal: true,
+    onClick: function onClick() {
+      return setOpen(!open);
+    }
+  }, /*#__PURE__*/React.createElement(Icon, {
+    icon: open ? FolderOpen : icon
+  }), /*#__PURE__*/React.createElement("span", null, name)), open && /*#__PURE__*/React.createElement(Flexbox, {
+    className: styles.folderChildren
+  }, children));
 };
 export default Folder;

package/es/mdx/FileTree/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";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 var _excluded = ["children", "className"];
 var _templateObject;
 import { createStyles } from 'antd-style';
-import { jsx as _jsx } from "react/jsx-runtime";
 var useStyles = createStyles(function (_ref) {
   var css = _ref.css,
     token = _ref.token;
@@ -21,10 +20,8 @@ var FileTree = function FileTree(_ref2) {
   var _useStyles = useStyles(),
     cx = _useStyles.cx,
     styles = _useStyles.styles;
-  return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
+  return /*#__PURE__*/React.createElement("div", _extends({
     className: cx(styles.container, className)
-  }, rest), {}, {
-    children: children
-  }));
+  }, rest), children);
 };
 export default FileTree;

package/es/mdx/Mdx/index.d.ts

@@ -12,6 +12,7 @@ export interface MdxProps extends Omit<TypographyProps, 'children'> {
     onDoubleClick?: () => void;
     rehypePlugins?: Pluggable[];
     remarkPlugins?: Pluggable[];
+    variant?: 'normal' | 'chat';
 }
 declare const Mdx: import("react").NamedExoticComponent<MdxProps>;
 export default Mdx;

package/es/mdx/Mdx/index.js

@@ -2,11 +2,12 @@
 
 import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["children", "className", "style", "fullFeaturedCodeBlock", "enableLatex", "enableMermaid", "rehypePlugins", "remarkPlugins", "components", "fallback"];
+var _excluded = ["children", "className", "style", "fullFeaturedCodeBlock", "enableLatex", "enableMermaid", "rehypePlugins", "remarkPlugins", "components", "fallback", "fontSize", "headerMultiple", "lineHeight", "marginMultiple", "variant"];
 import { evaluate } from '@mdx-js/mdx';
 import { memo, useEffect, useMemo, useState } from 'react';
 import jsxDevRuntime from 'react/jsx-dev-runtime';
@@ -16,10 +17,10 @@ import remarkGfm from 'remark-gfm';
 import remarkMath from 'remark-math';
 import Alert from "../../Alert";
 import { Typography } from "../../Markdown/Typography";
+import { useStyles } from "../../Markdown/style";
 import { escapeBrackets, escapeMhchem, fixMarkdownBold } from "../../Markdown/utils";
 import mdxComponents from "../mdxComponents";
 import CodeBlock from "../mdxComponents/CodeBlock";
-import { jsx as _jsx } from "react/jsx-runtime";
 var runtime = process.env.NODE_ENV === 'production' ? jsxRuntime : jsxDevRuntime;
 var Mdx = /*#__PURE__*/memo(function (_ref) {
   var children = _ref.children,
@@ -37,7 +38,21 @@ var Mdx = /*#__PURE__*/memo(function (_ref) {
     components = _ref$components === void 0 ? {} : _ref$components,
     _ref$fallback = _ref.fallback,
     fallback = _ref$fallback === void 0 ? null : _ref$fallback,
+    fontSize = _ref.fontSize,
+    headerMultiple = _ref.headerMultiple,
+    lineHeight = _ref.lineHeight,
+    marginMultiple = _ref.marginMultiple,
+    variant = _ref.variant,
     rest = _objectWithoutProperties(_ref, _excluded);
+  var _useStyles = useStyles({
+      fontSize: fontSize,
+      headerMultiple: headerMultiple,
+      lineHeight: lineHeight,
+      marginMultiple: marginMultiple
+    }),
+    cx = _useStyles.cx,
+    styles = _useStyles.styles;
+  var isChatMode = variant === 'chat';
   var _useState = useState(function () {
       return function () {
         return null;
@@ -62,7 +77,7 @@ var Mdx = /*#__PURE__*/memo(function (_ref) {
     var list = {};
     Object.entries(_objectSpread(_objectSpread({}, mdxComponents), {}, {
       pre: function pre(props) {
-        return /*#__PURE__*/_jsx(CodeBlock, _objectSpread(_objectSpread({}, props), {}, {
+        return /*#__PURE__*/React.createElement(CodeBlock, _extends({}, props, {
           enableMermaid: enableMermaid,
           fullFeatured: fullFeaturedCodeBlock
         }));
@@ -72,7 +87,7 @@ var Mdx = /*#__PURE__*/memo(function (_ref) {
         key = _ref3[0],
         Render = _ref3[1];
       list[key] = function (props) {
-        return /*#__PURE__*/_jsx(Render, _objectSpread({}, props));
+        return /*#__PURE__*/React.createElement(Render, props);
       };
     });
     return list;
@@ -104,7 +119,7 @@ var Mdx = /*#__PURE__*/memo(function (_ref) {
             // @ts-ignore
             setMDXContent(function () {
               return function () {
-                return /*#__PURE__*/_jsx(Alert, {
+                return /*#__PURE__*/React.createElement(Alert, {
                   description: String(_context.t0 === null || _context.t0 === void 0 ? void 0 : _context.t0.message),
                   message: 'Error compiling MDX',
                   style: {
@@ -123,13 +138,11 @@ var Mdx = /*#__PURE__*/memo(function (_ref) {
     }))();
   }, [escapedContent, memoRehypePlugins, memoRemarkPlugins]);
   if (!MDXContent) return fallback;
-  return /*#__PURE__*/_jsx(Typography, _objectSpread(_objectSpread({
-    className: className,
+  return /*#__PURE__*/React.createElement(Typography, _extends({
+    className: cx(enableLatex && styles.latex, isChatMode && styles.chat, className),
     style: style
-  }, rest), {}, {
-    children: /*#__PURE__*/_jsx(MDXContent, {
-      components: memoComponents
-    })
+  }, rest), /*#__PURE__*/React.createElement(MDXContent, {
+    components: memoComponents
   }));
 });
 export default Mdx;

package/es/mdx/Steps/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";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 var _excluded = ["children", "className"];
 var _templateObject;
 import { createStyles } from 'antd-style';
-import { jsx as _jsx } from "react/jsx-runtime";
 var useStyles = createStyles(function (_ref) {
   var css = _ref.css,
     token = _ref.token;
@@ -21,10 +20,8 @@ var Steps = function Steps(_ref2) {
   var _useStyles = useStyles(),
     cx = _useStyles.cx,
     styles = _useStyles.styles;
-  return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
+  return /*#__PURE__*/React.createElement("div", _extends({
     className: cx(styles.container, className)
-  }, rest), {}, {
-    children: children
-  }));
+  }, rest), children);
 };
 export default Steps;

package/es/mdx/Tabs/Tab.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";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 var _excluded = ["children", "className"];
 var _templateObject;
 import { createStyles } from 'antd-style';
-import { jsx as _jsx } from "react/jsx-runtime";
 var useStyles = createStyles(function (_ref) {
   var css = _ref.css;
   return {
@@ -20,12 +19,8 @@ var Tab = function Tab(_ref2) {
   var _useStyles = useStyles(),
     cx = _useStyles.cx,
     styles = _useStyles.styles;
-  return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
+  return /*#__PURE__*/React.createElement("div", _extends({
     className: cx(styles.body, className)
-  }, rest), {}, {
-    children: /*#__PURE__*/_jsx("div", {
-      children: children
-    })
-  }));
+  }, rest), /*#__PURE__*/React.createElement("div", null, children));
 };
 export default Tab;

package/es/mdx/Tabs/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";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
@@ -11,8 +11,6 @@ import { createStyles } from 'antd-style';
 import { useState } from 'react';
 import { Flexbox } from 'react-layout-kit';
 import TabsNav from "../../TabsNav";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
 var useStyles = createStyles(function (_ref) {
   var css = _ref.css,
     token = _ref.token,
@@ -42,24 +40,22 @@ var Tabs = function Tabs(_ref2) {
     cx = _useStyles.cx,
     styles = _useStyles.styles;
   var index = Number(activeIndex);
-  return /*#__PURE__*/_jsxs(Flexbox, _objectSpread(_objectSpread({
+  return /*#__PURE__*/React.createElement(Flexbox, _extends({
     className: cx(styles.container, className)
-  }, rest), {}, {
-    children: [/*#__PURE__*/_jsx(TabsNav, _objectSpread({
-      activeKey: activeIndex,
-      className: cx(styles.header, tabNavClassName),
-      items: items.map(function (item, i) {
-        return {
-          key: String(i),
-          label: item
-        };
-      }),
-      onChange: function onChange(v) {
-        setActiveIndex(v);
-        _onChange === null || _onChange === void 0 || _onChange(v);
-      },
-      variant: 'compact'
-    }, tabNavRest)), (children === null || children === void 0 ? void 0 : children[index]) || '']
-  }));
+  }, rest), /*#__PURE__*/React.createElement(TabsNav, _extends({
+    activeKey: activeIndex,
+    className: cx(styles.header, tabNavClassName),
+    items: items.map(function (item, i) {
+      return {
+        key: String(i),
+        label: item
+      };
+    }),
+    onChange: function onChange(v) {
+      setActiveIndex(v);
+      _onChange === null || _onChange === void 0 || _onChange(v);
+    },
+    variant: 'compact'
+  }, tabNavRest)), (children === null || children === void 0 ? void 0 : children[index]) || '');
 };
 export default Tabs;

package/es/mdx/mdxComponents/CodeBlock.js

@@ -1,8 +1,7 @@
 'use client';
 
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _extends from "@babel/runtime/helpers/esm/extends";
 import { Pre, PreMermaid, PreSingleLine } from "../mdxComponents/Pre";
-import { jsx as _jsx } from "react/jsx-runtime";
 var countLines = function countLines(str) {
   var regex = /\n/g;
   var matches = str.match(regex);
@@ -30,20 +29,16 @@ var CodeBlock = function CodeBlock(_ref) {
     mermaid = _ref.mermaid;
   var code = useCode(children);
   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 (code.isSingleLine) return /*#__PURE__*/_jsx(PreSingleLine, {
-    language: code.lang,
-    children: code.content
-  });
-  return /*#__PURE__*/_jsx(Pre, {
+  }, mermaid), code.content);
+  if (code.isSingleLine) return /*#__PURE__*/React.createElement(PreSingleLine, {
+    language: code.lang
+  }, code.content);
+  return /*#__PURE__*/React.createElement(Pre, {
     allowChangeLanguage: false,
     fullFeatured: fullFeatured,
-    language: code.lang,
-    children: code.content
-  });
+    language: code.lang
+  }, code.content);
 };
 export default CodeBlock;

package/es/mdx/mdxComponents/Image.js

@@ -1,10 +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 = ["style", "width", "height", "cover", "inStep", "alt"];
 import LobeImage from "../../Image";
-import { jsx as _jsx } from "react/jsx-runtime";
 var Image = function Image(_ref) {
   var style = _ref.style,
     _ref$width = _ref.width,
@@ -25,7 +25,7 @@ var Image = function Image(_ref) {
     height: height,
     width: width
   };
-  return /*#__PURE__*/_jsx(LobeImage, _objectSpread({
+  return /*#__PURE__*/React.createElement(LobeImage, _extends({
     alt: alt,
     height: size.height,
     preview: {

package/es/mdx/mdxComponents/Link.js

@@ -1,14 +1,13 @@
-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 = ["href", "target"];
 import A from "../../A";
-import { jsx as _jsx } from "react/jsx-runtime";
 var Link = function Link(_ref) {
   var href = _ref.href,
     target = _ref.target,
     rest = _objectWithoutProperties(_ref, _excluded);
   var isNewWindow = href === null || href === void 0 ? void 0 : href.startsWith('http');
-  return /*#__PURE__*/_jsx(A, _objectSpread({
+  return /*#__PURE__*/React.createElement(A, _extends({
     href: href,
     target: target || isNewWindow ? '_blank' : undefined
   }, rest));

package/es/mdx/mdxComponents/Pre.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 = ["fullFeatured", "fileName", "allowChangeLanguage", "language", "children", "className", "style", "icon"],
@@ -12,7 +12,6 @@ import Highlighter from "../../Highlighter";
 import Mermaid from "../../Mermaid";
 import Snippet from "../../Snippet";
 import { FALLBACK_LANG } from "../../hooks/useHighlight";
-import { jsx as _jsx } from "react/jsx-runtime";
 var useStyles = createStyles(function (_ref) {
   var css = _ref.css;
   return {
@@ -33,7 +32,7 @@ export var Pre = function Pre(_ref2) {
   var _useStyles = useStyles(),
     styles = _useStyles.styles,
     cx = _useStyles.cx;
-  return /*#__PURE__*/_jsx(Highlighter, _objectSpread(_objectSpread({
+  return /*#__PURE__*/React.createElement(Highlighter, _extends({
     allowChangeLanguage: allowChangeLanguage,
     className: cx(styles.container, className),
     copyButtonSize: {
@@ -46,9 +45,7 @@ export var Pre = function Pre(_ref2) {
     language: language,
     style: style,
     type: "block"
-  }, rest), {}, {
-    children: children
-  }));
+  }, rest), children);
 };
 export var PreSingleLine = function PreSingleLine(_ref3) {
   var _ref3$language = _ref3.language,
@@ -60,15 +57,13 @@ export var PreSingleLine = function PreSingleLine(_ref3) {
   var _useStyles2 = useStyles(),
     cx = _useStyles2.cx,
     styles = _useStyles2.styles;
-  return /*#__PURE__*/_jsx(Snippet, _objectSpread(_objectSpread({
+  return /*#__PURE__*/React.createElement(Snippet, _extends({
     className: cx(styles.container, className),
     "data-code-type": "highlighter",
     language: language,
     style: style,
     type: 'block'
-  }, rest), {}, {
-    children: children
-  }));
+  }, rest), children);
 };
 export var PreMermaid = function PreMermaid(_ref4) {
   var fullFeatured = _ref4.fullFeatured,
@@ -79,7 +74,7 @@ export var PreMermaid = function PreMermaid(_ref4) {
   var _useStyles3 = useStyles(),
     styles = _useStyles3.styles,
     cx = _useStyles3.cx;
-  return /*#__PURE__*/_jsx(Mermaid, _objectSpread(_objectSpread({
+  return /*#__PURE__*/React.createElement(Mermaid, _extends({
     className: cx(styles.container, className),
     copyButtonSize: {
       blockSize: 28,
@@ -88,8 +83,6 @@ export var PreMermaid = function PreMermaid(_ref4) {
     fullFeatured: fullFeatured,
     style: style,
     type: "block"
-  }, rest), {}, {
-    children: children
-  }));
+  }, rest), children);
 };
 export default Pre;