@ceed/ads 1.2.2-next.3 → 1.2.2-next.4

package/dist/components/Markdown/Markdown.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { Options } from "react-markdown";
+import { type Options } from "react-markdown";
 import { MotionProps } from "framer-motion";
 import { TypographyProps } from "@mui/joy";
 import { TypographySystem } from "@mui/joy";

package/dist/index.cjs

@@ -4678,7 +4678,6 @@ var import_joy42 = require("@mui/joy");
 
 // src/components/Markdown/Markdown.tsx
 var import_react32 = __toESM(require("react"));
-var import_react_markdown = __toESM(require("react-markdown"));
 var import_joy43 = require("@mui/joy");
 
 // src/libs/rehype-accent/index.ts
@@ -4719,6 +4718,7 @@ function rehypeAccent(options) {
 }
 
 // src/components/Markdown/Markdown.tsx
+var LazyReactMarkdown = (0, import_react32.lazy)(() => import("react-markdown"));
 var Markdown = (props) => {
   const {
     color,
@@ -4740,8 +4740,8 @@ var Markdown = (props) => {
       level: defaultLevel,
       ...innerProps
     },
-    /* @__PURE__ */ import_react32.default.createElement(
-      import_react_markdown.default,
+    /* @__PURE__ */ import_react32.default.createElement(import_react32.Suspense, { fallback: null }, /* @__PURE__ */ import_react32.default.createElement(
+      LazyReactMarkdown,
       {
         ...markdownOptions,
         children: content,
@@ -4751,18 +4751,16 @@ var Markdown = (props) => {
           h2: ({ children }) => /* @__PURE__ */ import_react32.default.createElement(Typography, { color, textColor, level: "h2" }, children),
           h3: ({ children }) => /* @__PURE__ */ import_react32.default.createElement(Typography, { color, textColor, level: "h3" }, children),
           h4: ({ children }) => /* @__PURE__ */ import_react32.default.createElement(Typography, { color, textColor, level: "h4" }, children),
-          p: ({ children, node }) => {
-            return /* @__PURE__ */ import_react32.default.createElement(
-              Typography,
-              {
-                color,
-                textColor,
-                level: defaultLevel,
-                ...node?.properties
-              },
-              children
-            );
-          },
+          p: ({ children, node }) => /* @__PURE__ */ import_react32.default.createElement(
+            Typography,
+            {
+              color,
+              textColor,
+              level: defaultLevel,
+              ...node?.properties
+            },
+            children
+          ),
           a: ({ children, href }) => /* @__PURE__ */ import_react32.default.createElement(import_joy43.Link, { href, target: defaultLinkAction }, children),
           hr: () => /* @__PURE__ */ import_react32.default.createElement(Divider, null),
           b: ({ children }) => /* @__PURE__ */ import_react32.default.createElement(Typography, { fontWeight: boldFontWeight }, children),
@@ -4770,7 +4768,7 @@ var Markdown = (props) => {
           ...markdownOptions?.components
         }
       }
-    )
+    ))
   );
 };
 Markdown.displayName = "Markdown";

package/dist/index.js

@@ -4639,8 +4639,7 @@ Uploader.displayName = "Uploader";
 import { Grid } from "@mui/joy";
 
 // src/components/Markdown/Markdown.tsx
-import React30 from "react";
-import ReactMarkdown from "react-markdown";
+import React30, { lazy, Suspense } from "react";
 import { Link as Link2 } from "@mui/joy";
 
 // src/libs/rehype-accent/index.ts
@@ -4681,6 +4680,7 @@ function rehypeAccent(options) {
 }
 
 // src/components/Markdown/Markdown.tsx
+var LazyReactMarkdown = lazy(() => import("react-markdown"));
 var Markdown = (props) => {
   const {
     color,
@@ -4702,8 +4702,8 @@ var Markdown = (props) => {
       level: defaultLevel,
       ...innerProps
     },
-    /* @__PURE__ */ React30.createElement(
-      ReactMarkdown,
+    /* @__PURE__ */ React30.createElement(Suspense, { fallback: null }, /* @__PURE__ */ React30.createElement(
+      LazyReactMarkdown,
       {
         ...markdownOptions,
         children: content,
@@ -4713,18 +4713,16 @@ var Markdown = (props) => {
           h2: ({ children }) => /* @__PURE__ */ React30.createElement(Typography, { color, textColor, level: "h2" }, children),
           h3: ({ children }) => /* @__PURE__ */ React30.createElement(Typography, { color, textColor, level: "h3" }, children),
           h4: ({ children }) => /* @__PURE__ */ React30.createElement(Typography, { color, textColor, level: "h4" }, children),
-          p: ({ children, node }) => {
-            return /* @__PURE__ */ React30.createElement(
-              Typography,
-              {
-                color,
-                textColor,
-                level: defaultLevel,
-                ...node?.properties
-              },
-              children
-            );
-          },
+          p: ({ children, node }) => /* @__PURE__ */ React30.createElement(
+            Typography,
+            {
+              color,
+              textColor,
+              level: defaultLevel,
+              ...node?.properties
+            },
+            children
+          ),
           a: ({ children, href }) => /* @__PURE__ */ React30.createElement(Link2, { href, target: defaultLinkAction }, children),
           hr: () => /* @__PURE__ */ React30.createElement(Divider, null),
           b: ({ children }) => /* @__PURE__ */ React30.createElement(Typography, { fontWeight: boldFontWeight }, children),
@@ -4732,7 +4730,7 @@ var Markdown = (props) => {
           ...markdownOptions?.components
         }
       }
-    )
+    ))
   );
 };
 Markdown.displayName = "Markdown";