@ceed/ads 1.2.2-next.5 → 1.2.3-next.1

package/dist/index.js

@@ -145,7 +145,7 @@ import {
   StepButton,
   stepButtonClasses,
   stepperClasses,
-  Skeleton,
+  Skeleton as Skeleton2,
   skeletonClasses
 } from "@mui/joy";
 
@@ -4696,6 +4696,7 @@ import { Grid } from "@mui/joy";
 
 // src/components/Markdown/Markdown.tsx
 import React30, { lazy, Suspense, useEffect as useEffect8, useState as useState9 } from "react";
+import { Skeleton } from "@mui/joy";
 import { Link as Link2 } from "@mui/joy";
 var LazyReactMarkdown = lazy(() => import("react-markdown"));
 var Markdown = (props) => {
@@ -4716,6 +4717,7 @@ var Markdown = (props) => {
     markdownOptions,
     boldFontWeight,
     content,
+    fallback,
     ...innerProps
   } = props;
   if (!rehypeAccent2) {
@@ -4730,35 +4732,41 @@ var Markdown = (props) => {
       level: defaultLevel,
       ...innerProps
     },
-    /* @__PURE__ */ React30.createElement(Suspense, { fallback: null }, /* @__PURE__ */ React30.createElement(
-      LazyReactMarkdown,
+    /* @__PURE__ */ React30.createElement(
+      Suspense,
       {
-        ...markdownOptions,
-        children: content,
-        rehypePlugins: [[rehypeAccent2, { accentColor }]],
-        components: {
-          h1: ({ children }) => /* @__PURE__ */ React30.createElement(Typography, { color, textColor, level: "h1" }, children),
-          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 }) => /* @__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),
-          strong: ({ children }) => /* @__PURE__ */ React30.createElement(Typography, { fontWeight: boldFontWeight }, children),
-          ...markdownOptions?.components
+        fallback: fallback || /* @__PURE__ */ React30.createElement(Skeleton, { level: defaultLevel })
+      },
+      /* @__PURE__ */ React30.createElement(
+        LazyReactMarkdown,
+        {
+          ...markdownOptions,
+          children: content,
+          rehypePlugins: [[rehypeAccent2, { accentColor }]],
+          components: {
+            h1: ({ children }) => /* @__PURE__ */ React30.createElement(Typography, { color, textColor, level: "h1" }, children),
+            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 }) => /* @__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),
+            strong: ({ children }) => /* @__PURE__ */ React30.createElement(Typography, { fontWeight: boldFontWeight }, children),
+            ...markdownOptions?.components
+          }
         }
-      }
-    ))
+      )
+    )
   );
 };
 Markdown.displayName = "Markdown";
@@ -6244,7 +6252,7 @@ export {
   RadioList,
   Select,
   Sheet,
-  Skeleton,
+  Skeleton2 as Skeleton,
   Slider,
   Stack,
   Step,