@ceed/ads 1.2.2-next.2 → 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

@@ -207,7 +207,7 @@ module.exports = __toCommonJS(index_exports);
 var import_joy56 = require("@mui/joy");
 
 // src/components/Accordions/Accordions.tsx
-var import_react = __toESM(require("react"), 1);
+var import_react = __toESM(require("react"));
 var import_joy = require("@mui/joy");
 var import_framer_motion = require("framer-motion");
 var MotionAccordionSummary = (0, import_framer_motion.motion)(import_joy.AccordionSummary);
@@ -241,12 +241,12 @@ function Accordions(props) {
 Accordions.displayName = "Accordions";
 
 // src/components/Alert/Alert.tsx
-var import_react3 = __toESM(require("react"), 1);
+var import_react3 = __toESM(require("react"));
 var import_joy4 = require("@mui/joy");
 var import_framer_motion3 = require("framer-motion");
 
 // src/components/Typography/Typography.tsx
-var import_react2 = __toESM(require("react"), 1);
+var import_react2 = __toESM(require("react"));
 var import_joy2 = require("@mui/joy");
 var import_framer_motion2 = require("framer-motion");
 var MotionTypography = (0, import_framer_motion2.motion)(import_joy2.Typography);
@@ -277,9 +277,9 @@ function Alert(props) {
 Alert.displayName = "Alert";
 
 // src/components/Autocomplete/Autocomplete.tsx
-var import_react6 = __toESM(require("react"), 1);
+var import_react6 = __toESM(require("react"));
 var import_joy10 = require("@mui/joy");
-var import_Close = __toESM(require("@mui/icons-material/Close"), 1);
+var import_Close = __toESM(require("@mui/icons-material/Close"));
 var import_react_virtual = require("@tanstack/react-virtual");
 var import_base = require("@mui/base");
 
@@ -326,7 +326,7 @@ Chip.displayName = "Chip";
 var Chip_default = Chip;
 
 // src/components/IconButton/IconButton.tsx
-var import_react4 = __toESM(require("react"), 1);
+var import_react4 = __toESM(require("react"));
 var import_joy9 = require("@mui/joy");
 var import_framer_motion8 = require("framer-motion");
 var MotionIconButton = (0, import_framer_motion8.motion)(import_joy9.IconButton);
@@ -622,7 +622,7 @@ Autocomplete.displayName = "Autocomplete";
 var Autocomplete_default = Autocomplete;
 
 // src/components/Avatar/Avatar.tsx
-var import_react7 = __toESM(require("react"), 1);
+var import_react7 = __toESM(require("react"));
 var import_joy11 = require("@mui/joy");
 var StyledAvatar = (0, import_joy11.styled)(import_joy11.Avatar, {
   name: "Avatar",
@@ -670,11 +670,11 @@ Box.displayName = "Box";
 var Box_default = Box;
 
 // src/components/Breadcrumbs/Breadcrumbs.tsx
-var import_react9 = __toESM(require("react"), 1);
+var import_react9 = __toESM(require("react"));
 var import_joy15 = require("@mui/joy");
 
 // src/components/Menu/Menu.tsx
-var import_react8 = __toESM(require("react"), 1);
+var import_react8 = __toESM(require("react"));
 var import_joy13 = require("@mui/joy");
 var import_framer_motion10 = require("framer-motion");
 var MotionMenu = (0, import_framer_motion10.motion)(import_joy13.Menu);
@@ -750,7 +750,7 @@ function Breadcrumbs(props) {
 Breadcrumbs.displayName = "Breadcrumbs";
 
 // src/components/Button/Button.tsx
-var import_react10 = __toESM(require("react"), 1);
+var import_react10 = __toESM(require("react"));
 var import_joy16 = require("@mui/joy");
 var import_framer_motion11 = require("framer-motion");
 var MotionButton = (0, import_framer_motion11.motion)(import_joy16.Button);
@@ -769,10 +769,10 @@ Button.displayName = "Button";
 var Button_default = Button;
 
 // src/components/Calendar/Calendar.tsx
-var import_react13 = __toESM(require("react"), 1);
+var import_react13 = __toESM(require("react"));
 var import_joy18 = require("@mui/joy");
-var import_ChevronLeft = __toESM(require("@mui/icons-material/ChevronLeft"), 1);
-var import_ChevronRight = __toESM(require("@mui/icons-material/ChevronRight"), 1);
+var import_ChevronLeft = __toESM(require("@mui/icons-material/ChevronLeft"));
+var import_ChevronRight = __toESM(require("@mui/icons-material/ChevronRight"));
 var import_framer_motion12 = require("framer-motion");
 
 // src/components/Calendar/utils/index.ts
@@ -1562,7 +1562,7 @@ var CardOverflow = MotionCardOverflow;
 CardOverflow.displayName = "CardOverflow";
 
 // src/components/Checkbox/Checkbox.tsx
-var import_react14 = __toESM(require("react"), 1);
+var import_react14 = __toESM(require("react"));
 var import_joy20 = require("@mui/joy");
 var import_framer_motion14 = require("framer-motion");
 var MotionCheckbox = (0, import_framer_motion14.motion)(import_joy20.Checkbox);
@@ -1576,7 +1576,7 @@ var Checkbox_default = Checkbox;
 
 // src/components/Container/Container.tsx
 var import_joy21 = require("@mui/joy");
-var import_react15 = __toESM(require("react"), 1);
+var import_react15 = __toESM(require("react"));
 var ContainerRoot = (0, import_joy21.styled)("div", {
   name: "Container",
   slot: "root",
@@ -1608,15 +1608,15 @@ var Container = (0, import_react15.forwardRef)(function Container2(props, ref) {
 Container.displayName = "Container";
 
 // src/components/CurrencyInput/CurrencyInput.tsx
-var import_react17 = __toESM(require("react"), 1);
+var import_react17 = __toESM(require("react"));
 var import_intl_messageformat2 = require("intl-messageformat");
 var import_react_number_format = require("react-number-format");
 
 // src/components/Input/Input.tsx
-var import_react16 = __toESM(require("react"), 1);
+var import_react16 = __toESM(require("react"));
 var import_joy22 = require("@mui/joy");
 var import_framer_motion15 = require("framer-motion");
-var import_Close2 = __toESM(require("@mui/icons-material/Close"), 1);
+var import_Close2 = __toESM(require("@mui/icons-material/Close"));
 var MotionInput = (0, import_framer_motion15.motion)(import_joy22.Input);
 var Input = import_react16.default.forwardRef((props, ref) => {
   const {
@@ -1717,7 +1717,7 @@ var Input_default = Input;
 var import_joy23 = require("@mui/joy");
 
 // src/components/CurrencyInput/hooks/use-currency-setting.ts
-var import_intl_messageformat = __toESM(require("intl-messageformat"), 1);
+var import_intl_messageformat = __toESM(require("intl-messageformat"));
 var CURRENCY_DECIMAL_MAP = {
   AED: 2,
   ALL: 2,
@@ -2003,10 +2003,10 @@ var CurrencyInput = import_react17.default.forwardRef(function CurrencyInput2(in
 var CurrencyInput_default = CurrencyInput;
 
 // src/components/DataTable/DataTable.tsx
-var import_react25 = __toESM(require("react"), 1);
+var import_react25 = __toESM(require("react"));
 var import_react_virtual2 = require("@tanstack/react-virtual");
 var import_joy33 = require("@mui/joy");
-var import_ArrowUpwardRounded = __toESM(require("@mui/icons-material/ArrowUpwardRounded"), 1);
+var import_ArrowUpwardRounded = __toESM(require("@mui/icons-material/ArrowUpwardRounded"));
 
 // src/components/Sheet/Sheet.tsx
 var import_joy24 = require("@mui/joy");
@@ -2019,7 +2019,7 @@ Sheet.displayName = "Sheet";
 var Sheet_default = Sheet;
 
 // src/components/Table/Table.tsx
-var import_react18 = __toESM(require("react"), 1);
+var import_react18 = __toESM(require("react"));
 var import_joy25 = require("@mui/joy");
 var Table = (props) => {
   const { children, ...inheritProps } = props;
@@ -2096,9 +2096,9 @@ function TableBody(props) {
 TableBody.displayName = "TableBody";
 
 // src/components/DatePicker/DatePicker.tsx
-var import_react19 = __toESM(require("react"), 1);
+var import_react19 = __toESM(require("react"));
 var import_react_imask = require("react-imask");
-var import_CalendarToday = __toESM(require("@mui/icons-material/CalendarToday"), 1);
+var import_CalendarToday = __toESM(require("@mui/icons-material/CalendarToday"));
 var import_joy27 = require("@mui/joy");
 var import_base2 = require("@mui/base");
 
@@ -2479,7 +2479,7 @@ var DatePicker = (0, import_react19.forwardRef)(
 var DatePicker_default = DatePicker;
 
 // src/components/Textarea/Textarea.tsx
-var import_react20 = __toESM(require("react"), 1);
+var import_react20 = __toESM(require("react"));
 var import_joy28 = require("@mui/joy");
 var import_framer_motion18 = require("framer-motion");
 var MotionTextarea = (0, import_framer_motion18.motion)(import_joy28.Textarea);
@@ -2533,7 +2533,7 @@ Textarea.displayName = "Textarea";
 var Textarea_default = Textarea;
 
 // src/components/Select/Select.tsx
-var import_react21 = __toESM(require("react"), 1);
+var import_react21 = __toESM(require("react"));
 var import_joy29 = require("@mui/joy");
 var import_framer_motion19 = require("framer-motion");
 var MotionOption = (0, import_framer_motion19.motion)(import_joy29.Option);
@@ -2613,7 +2613,7 @@ Select.displayName = "Select";
 var Select_default = Select;
 
 // src/components/Tooltip/Tooltip.tsx
-var import_react22 = __toESM(require("react"), 1);
+var import_react22 = __toESM(require("react"));
 var import_joy30 = require("@mui/joy");
 var import_framer_motion20 = require("framer-motion");
 var MotionTooltip = (0, import_framer_motion20.motion)(import_joy30.Tooltip);
@@ -2629,9 +2629,9 @@ var Tooltip_default = Tooltip;
 var import_framer_motion21 = require("framer-motion");
 
 // src/components/Pagination/Pagination.tsx
-var import_react23 = __toESM(require("react"), 1);
-var import_ChevronLeft2 = __toESM(require("@mui/icons-material/ChevronLeft"), 1);
-var import_ChevronRight2 = __toESM(require("@mui/icons-material/ChevronRight"), 1);
+var import_react23 = __toESM(require("react"));
+var import_ChevronLeft2 = __toESM(require("@mui/icons-material/ChevronLeft"));
+var import_ChevronRight2 = __toESM(require("@mui/icons-material/ChevronRight"));
 var import_joy31 = require("@mui/joy");
 var PaginationButton = (0, import_joy31.styled)(Button_default, {
   name: "Pagination",
@@ -2813,9 +2813,9 @@ Pagination.displayName = "Pagination";
 var Pagination_default = Pagination;
 
 // src/components/InfoSign/InfoSign.tsx
-var import_react24 = __toESM(require("react"), 1);
+var import_react24 = __toESM(require("react"));
 var import_joy32 = require("@mui/joy");
-var import_Info = __toESM(require("@mui/icons-material/Info"), 1);
+var import_Info = __toESM(require("@mui/icons-material/Info"));
 var InfoIcon = (0, import_joy32.styled)(import_Info.default, {
   name: "InfoSign",
   slot: "InfoSign"
@@ -3815,9 +3815,9 @@ var DataTable = (0, import_react25.forwardRef)(Component);
 DataTable.displayName = "DataTable";
 
 // src/components/DateRangePicker/DateRangePicker.tsx
-var import_react26 = __toESM(require("react"), 1);
+var import_react26 = __toESM(require("react"));
 var import_react_imask2 = require("react-imask");
-var import_CalendarToday2 = __toESM(require("@mui/icons-material/CalendarToday"), 1);
+var import_CalendarToday2 = __toESM(require("@mui/icons-material/CalendarToday"));
 var import_joy34 = require("@mui/joy");
 var import_base3 = require("@mui/base");
 var CalendarButton2 = (0, import_joy34.styled)(IconButton_default, {
@@ -4135,10 +4135,10 @@ DialogTitle.displayName = "DialogTitle";
 var DialogTitle_default = DialogTitle;
 
 // src/components/DialogFrame/DialogFrame.tsx
-var import_react28 = __toESM(require("react"), 1);
+var import_react28 = __toESM(require("react"));
 
 // src/components/Modal/Modal.tsx
-var import_react27 = __toESM(require("react"), 1);
+var import_react27 = __toESM(require("react"));
 var import_joy37 = require("@mui/joy");
 var import_framer_motion24 = require("framer-motion");
 var MotionModal = (0, import_framer_motion24.motion)(import_joy37.Modal);
@@ -4189,7 +4189,7 @@ var DialogFrame = import_react28.default.forwardRef((props, ref) => {
 DialogFrame.displayName = "DialogFrame";
 
 // src/components/Divider/Divider.tsx
-var import_react29 = __toESM(require("react"), 1);
+var import_react29 = __toESM(require("react"));
 var import_joy39 = require("@mui/joy");
 var import_framer_motion25 = require("framer-motion");
 var MotionDivider = (0, import_framer_motion25.motion)(import_joy39.Divider);
@@ -4199,7 +4199,7 @@ var Divider = (props) => {
 Divider.displayName = "Divider";
 
 // src/components/InsetDrawer/InsetDrawer.tsx
-var import_react30 = __toESM(require("react"), 1);
+var import_react30 = __toESM(require("react"));
 var import_joy40 = require("@mui/joy");
 var import_framer_motion26 = require("framer-motion");
 var MotionDrawer = (0, import_framer_motion26.motion)(import_joy40.Drawer);
@@ -4227,11 +4227,11 @@ var InsetDrawer = (props) => {
 InsetDrawer.displayName = "InsetDrawer";
 
 // src/components/Uploader/Uploader.tsx
-var import_react31 = __toESM(require("react"), 1);
+var import_react31 = __toESM(require("react"));
 var import_joy41 = require("@mui/joy");
-var import_CloudUploadRounded = __toESM(require("@mui/icons-material/CloudUploadRounded"), 1);
-var import_UploadFileRounded = __toESM(require("@mui/icons-material/UploadFileRounded"), 1);
-var import_ClearRounded = __toESM(require("@mui/icons-material/ClearRounded"), 1);
+var import_CloudUploadRounded = __toESM(require("@mui/icons-material/CloudUploadRounded"));
+var import_UploadFileRounded = __toESM(require("@mui/icons-material/UploadFileRounded"));
+var import_ClearRounded = __toESM(require("@mui/icons-material/ClearRounded"));
 var esmFiles = {
   combine: import(
     // @ts-ignore: build된 pragmatic-drag-and-drop의 esm file에 extension이 없어서 에러가 발생함. 따라서 빌드된 js파일을 direct로 import한다.
@@ -4677,8 +4677,7 @@ Uploader.displayName = "Uploader";
 var import_joy42 = require("@mui/joy");
 
 // src/components/Markdown/Markdown.tsx
-var import_react32 = __toESM(require("react"), 1);
-var import_react_markdown = __toESM(require("react-markdown"), 1);
+var import_react32 = __toESM(require("react"));
 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,15 +4768,15 @@ var Markdown = (props) => {
           ...markdownOptions?.components
         }
       }
-    )
+    ))
   );
 };
 Markdown.displayName = "Markdown";
 
 // src/components/MenuButton/MenuButton.tsx
-var import_react33 = __toESM(require("react"), 1);
+var import_react33 = __toESM(require("react"));
 var import_joy44 = require("@mui/joy");
-var import_ExpandMore = __toESM(require("@mui/icons-material/ExpandMore"), 1);
+var import_ExpandMore = __toESM(require("@mui/icons-material/ExpandMore"));
 function MenuButton(props) {
   const {
     size,
@@ -4836,9 +4834,9 @@ function MenuButton(props) {
 MenuButton.displayName = "MenuButton";
 
 // src/components/MonthPicker/MonthPicker.tsx
-var import_react34 = __toESM(require("react"), 1);
+var import_react34 = __toESM(require("react"));
 var import_react_imask3 = require("react-imask");
-var import_CalendarToday3 = __toESM(require("@mui/icons-material/CalendarToday"), 1);
+var import_CalendarToday3 = __toESM(require("@mui/icons-material/CalendarToday"));
 var import_joy45 = require("@mui/joy");
 var import_base4 = require("@mui/base");
 var StyledPopper3 = (0, import_joy45.styled)(import_base4.Popper, {
@@ -5078,9 +5076,9 @@ var MonthPicker = (0, import_react34.forwardRef)(
 );
 
 // src/components/MonthRangePicker/MonthRangePicker.tsx
-var import_react35 = __toESM(require("react"), 1);
+var import_react35 = __toESM(require("react"));
 var import_react_imask4 = require("react-imask");
-var import_CalendarToday4 = __toESM(require("@mui/icons-material/CalendarToday"), 1);
+var import_CalendarToday4 = __toESM(require("@mui/icons-material/CalendarToday"));
 var import_joy46 = require("@mui/joy");
 var import_base5 = require("@mui/base");
 var StyledPopper4 = (0, import_joy46.styled)(import_base5.Popper, {
@@ -5330,7 +5328,7 @@ var MonthRangePicker = (0, import_react35.forwardRef)(
 MonthRangePicker.displayName = "MonthRangePicker";
 
 // src/components/NavigationGroup/NavigationGroup.tsx
-var import_react36 = __toESM(require("react"), 1);
+var import_react36 = __toESM(require("react"));
 var import_joy47 = require("@mui/joy");
 var AccordionSummary2 = (0, import_joy47.styled)(import_joy47.AccordionSummary, {
   name: "NavigationGroup",
@@ -5358,7 +5356,7 @@ function NavigationGroup(props) {
 }
 
 // src/components/NavigationItem/NavigationItem.tsx
-var import_react37 = __toESM(require("react"), 1);
+var import_react37 = __toESM(require("react"));
 var import_joy48 = require("@mui/joy");
 var ListItemButton = (0, import_joy48.styled)(import_joy48.ListItemButton, {
   name: "NavigationItem",
@@ -5402,7 +5400,7 @@ function NavigationItem(props) {
 }
 
 // src/components/Navigator/Navigator.tsx
-var import_react38 = __toESM(require("react"), 1);
+var import_react38 = __toESM(require("react"));
 function Navigator(props) {
   const { items, level = 0, onSelect } = props;
   const handleItemClick = (id) => {
@@ -5441,7 +5439,7 @@ function Navigator(props) {
 Navigator.displayName = "Navigator";
 
 // src/components/PercentageInput/PercentageInput.tsx
-var import_react39 = __toESM(require("react"), 1);
+var import_react39 = __toESM(require("react"));
 var import_react_number_format2 = require("react-number-format");
 var import_joy49 = require("@mui/joy");
 var padDecimal = (value, decimalScale) => {
@@ -5560,10 +5558,10 @@ var PercentageInput = import_react39.default.forwardRef(function PercentageInput
 PercentageInput.displayName = "PercentageInput";
 
 // src/components/ProfileMenu/ProfileMenu.tsx
-var import_react40 = __toESM(require("react"), 1);
+var import_react40 = __toESM(require("react"));
 var import_joy50 = require("@mui/joy");
 var import_base6 = require("@mui/base");
-var import_ArrowDropDown = __toESM(require("@mui/icons-material/ArrowDropDown"), 1);
+var import_ArrowDropDown = __toESM(require("@mui/icons-material/ArrowDropDown"));
 var StyledProfileCard = (0, import_joy50.styled)(import_joy3.Stack, {
   name: "ProfileMenu",
   slot: "item"
@@ -5702,7 +5700,7 @@ var RadioGroup = MotionRadioGroup;
 RadioGroup.displayName = "RadioGroup";
 
 // src/components/RadioList/RadioList.tsx
-var import_react41 = __toESM(require("react"), 1);
+var import_react41 = __toESM(require("react"));
 function RadioList(props) {
   const { items, ...innerProps } = props;
   return /* @__PURE__ */ import_react41.default.createElement(RadioGroup, { ...innerProps }, items.map((item) => /* @__PURE__ */ import_react41.default.createElement(Radio, { key: `${item.value}`, value: item.value, label: item.label })));
@@ -5710,9 +5708,9 @@ function RadioList(props) {
 RadioList.displayName = "RadioList";
 
 // src/components/Stepper/Stepper.tsx
-var import_react42 = __toESM(require("react"), 1);
+var import_react42 = __toESM(require("react"));
 var import_joy52 = require("@mui/joy");
-var import_Check = __toESM(require("@mui/icons-material/Check"), 1);
+var import_Check = __toESM(require("@mui/icons-material/Check"));
 var import_framer_motion28 = require("framer-motion");
 var Step = (0, import_joy52.styled)(import_joy52.Step)({});
 Step.displayName = "Step";
@@ -5786,7 +5784,7 @@ function Stepper(props) {
 Stepper.displayName = "Stepper";
 
 // src/components/Switch/Switch.tsx
-var import_react43 = __toESM(require("react"), 1);
+var import_react43 = __toESM(require("react"));
 var import_joy53 = require("@mui/joy");
 var import_framer_motion29 = require("framer-motion");
 var MotionSwitch = (0, import_framer_motion29.motion)(import_joy53.Switch);
@@ -5849,7 +5847,7 @@ var TabPanel = MotionTabPanel;
 TabPanel.displayName = "TabPanel";
 
 // src/components/ThemeProvider/ThemeProvider.tsx
-var import_react44 = __toESM(require("react"), 1);
+var import_react44 = __toESM(require("react"));
 var import_joy55 = require("@mui/joy");
 var colorScheme = {
   palette: {

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";