@ceed/cds 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

@@ -203,7 +203,7 @@ module.exports = __toCommonJS(index_exports);
 var import_joy55 = 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);
@@ -236,9 +236,9 @@ function Accordions(props) {
 Accordions.displayName = "Accordions";
 
 // src/components/Autocomplete/Autocomplete.tsx
-var import_react4 = __toESM(require("react"), 1);
+var import_react4 = __toESM(require("react"));
 var import_joy8 = 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");
 
@@ -290,7 +290,7 @@ Chip.displayName = "Chip";
 var Chip_default = Chip;
 
 // src/components/IconButton/IconButton.tsx
-var import_react2 = __toESM(require("react"), 1);
+var import_react2 = __toESM(require("react"));
 var import_joy6 = require("@mui/joy");
 var import_framer_motion6 = require("framer-motion");
 var MotionIconButton = (0, import_framer_motion6.motion)(import_joy6.IconButton);
@@ -592,7 +592,7 @@ Autocomplete.displayName = "Autocomplete";
 var Autocomplete_default = Autocomplete;
 
 // src/components/Avatar/Avatar.tsx
-var import_react5 = __toESM(require("react"), 1);
+var import_react5 = __toESM(require("react"));
 var import_joy9 = require("@mui/joy");
 var StyledAvatar = (0, import_joy9.styled)(import_joy9.Avatar, {
   name: "Avatar",
@@ -640,11 +640,11 @@ Box.displayName = "Box";
 var Box_default = Box;
 
 // src/components/Breadcrumbs/Breadcrumbs.tsx
-var import_react8 = __toESM(require("react"), 1);
+var import_react8 = __toESM(require("react"));
 var import_joy14 = require("@mui/joy");
 
 // src/components/Menu/Menu.tsx
-var import_react6 = __toESM(require("react"), 1);
+var import_react6 = __toESM(require("react"));
 var import_joy11 = require("@mui/joy");
 var import_framer_motion8 = require("framer-motion");
 var MotionMenu = (0, import_framer_motion8.motion)(import_joy11.Menu);
@@ -668,7 +668,7 @@ var import_joy12 = require("@mui/joy");
 var Dropdown_default = import_joy12.Dropdown;
 
 // src/components/Typography/Typography.tsx
-var import_react7 = __toESM(require("react"), 1);
+var import_react7 = __toESM(require("react"));
 var import_joy13 = require("@mui/joy");
 var import_framer_motion9 = require("framer-motion");
 var MotionTypography = (0, import_framer_motion9.motion)(import_joy13.Typography);
@@ -720,7 +720,7 @@ function Breadcrumbs(props) {
 Breadcrumbs.displayName = "Breadcrumbs";
 
 // src/components/Button/Button.tsx
-var import_react9 = __toESM(require("react"), 1);
+var import_react9 = __toESM(require("react"));
 var import_joy15 = require("@mui/joy");
 var import_framer_motion10 = require("framer-motion");
 var MotionButton = (0, import_framer_motion10.motion)(import_joy15.Button);
@@ -735,10 +735,10 @@ Button.displayName = "Button";
 var Button_default = Button;
 
 // src/components/Calendar/Calendar.tsx
-var import_react12 = __toESM(require("react"), 1);
+var import_react12 = __toESM(require("react"));
 var import_joy17 = 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_motion11 = require("framer-motion");
 
 // src/components/Calendar/utils/index.ts
@@ -1528,7 +1528,7 @@ var CardOverflow = MotionCardOverflow;
 CardOverflow.displayName = "CardOverflow";
 
 // src/components/Checkbox/Checkbox.tsx
-var import_react13 = __toESM(require("react"), 1);
+var import_react13 = __toESM(require("react"));
 var import_joy19 = require("@mui/joy");
 var import_framer_motion13 = require("framer-motion");
 var MotionCheckbox = (0, import_framer_motion13.motion)(import_joy19.Checkbox);
@@ -1542,7 +1542,7 @@ var Checkbox_default = Checkbox;
 
 // src/components/Container/Container.tsx
 var import_joy20 = require("@mui/joy");
-var import_react14 = __toESM(require("react"), 1);
+var import_react14 = __toESM(require("react"));
 var ContainerRoot = (0, import_joy20.styled)("div", {
   name: "Container",
   slot: "root",
@@ -1574,15 +1574,15 @@ var Container = (0, import_react14.forwardRef)(function Container2(props, ref) {
 Container.displayName = "Container";
 
 // src/components/CurrencyInput/CurrencyInput.tsx
-var import_react16 = __toESM(require("react"), 1);
+var import_react16 = __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_react15 = __toESM(require("react"), 1);
+var import_react15 = __toESM(require("react"));
 var import_joy21 = require("@mui/joy");
 var import_framer_motion14 = 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_motion14.motion)(import_joy21.Input);
 var Input = import_react15.default.forwardRef((props, ref) => {
   const {
@@ -1683,7 +1683,7 @@ var Input_default = Input;
 var import_joy22 = 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,
@@ -1969,10 +1969,10 @@ var CurrencyInput = import_react16.default.forwardRef(function CurrencyInput2(in
 var CurrencyInput_default = CurrencyInput;
 
 // src/components/DataTable/DataTable.tsx
-var import_react24 = __toESM(require("react"), 1);
+var import_react24 = __toESM(require("react"));
 var import_react_virtual2 = require("@tanstack/react-virtual");
 var import_joy32 = 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_joy23 = require("@mui/joy");
@@ -1985,7 +1985,7 @@ Sheet.displayName = "Sheet";
 var Sheet_default = Sheet;
 
 // src/components/Table/Table.tsx
-var import_react17 = __toESM(require("react"), 1);
+var import_react17 = __toESM(require("react"));
 var import_joy24 = require("@mui/joy");
 var Table = (props) => {
   const { children, ...inheritProps } = props;
@@ -2062,9 +2062,9 @@ function TableBody(props) {
 TableBody.displayName = "TableBody";
 
 // src/components/DatePicker/DatePicker.tsx
-var import_react18 = __toESM(require("react"), 1);
+var import_react18 = __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_joy26 = require("@mui/joy");
 var import_base2 = require("@mui/base");
 
@@ -2445,7 +2445,7 @@ var DatePicker = (0, import_react18.forwardRef)(
 var DatePicker_default = DatePicker;
 
 // src/components/Textarea/Textarea.tsx
-var import_react19 = __toESM(require("react"), 1);
+var import_react19 = __toESM(require("react"));
 var import_joy27 = require("@mui/joy");
 var import_framer_motion17 = require("framer-motion");
 var MotionTextarea = (0, import_framer_motion17.motion)(import_joy27.Textarea);
@@ -2499,7 +2499,7 @@ Textarea.displayName = "Textarea";
 var Textarea_default = Textarea;
 
 // src/components/Select/Select.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 MotionOption = (0, import_framer_motion18.motion)(import_joy28.Option);
@@ -2579,7 +2579,7 @@ Select.displayName = "Select";
 var Select_default = Select;
 
 // src/components/Tooltip/Tooltip.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 MotionTooltip = (0, import_framer_motion19.motion)(import_joy29.Tooltip);
@@ -2595,9 +2595,9 @@ var Tooltip_default = Tooltip;
 var import_framer_motion20 = require("framer-motion");
 
 // src/components/Pagination/Pagination.tsx
-var import_react22 = __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_react22 = __toESM(require("react"));
+var import_ChevronLeft2 = __toESM(require("@mui/icons-material/ChevronLeft"));
+var import_ChevronRight2 = __toESM(require("@mui/icons-material/ChevronRight"));
 var import_joy30 = require("@mui/joy");
 var PaginationButton = (0, import_joy30.styled)(Button_default, {
   name: "Pagination",
@@ -2779,9 +2779,9 @@ Pagination.displayName = "Pagination";
 var Pagination_default = Pagination;
 
 // src/components/InfoSign/InfoSign.tsx
-var import_react23 = __toESM(require("react"), 1);
+var import_react23 = __toESM(require("react"));
 var import_joy31 = 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_joy31.styled)(import_Info.default, {
   name: "InfoSign",
   slot: "InfoSign"
@@ -3780,9 +3780,9 @@ var DataTable = (0, import_react24.forwardRef)(Component);
 DataTable.displayName = "DataTable";
 
 // src/components/DateRangePicker/DateRangePicker.tsx
-var import_react25 = __toESM(require("react"), 1);
+var import_react25 = __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_joy33 = require("@mui/joy");
 var import_base3 = require("@mui/base");
 var CalendarButton2 = (0, import_joy33.styled)(IconButton_default, {
@@ -4074,7 +4074,7 @@ var DateRangePicker = (0, import_react25.forwardRef)(
 DateRangePicker.displayName = "DateRangePicker";
 
 // src/components/Drawer/Drawer.tsx
-var import_react26 = __toESM(require("react"), 1);
+var import_react26 = __toESM(require("react"));
 var import_joy34 = require("@mui/joy");
 var import_framer_motion21 = require("framer-motion");
 var MotionDrawer = (0, import_framer_motion21.motion)(import_joy34.Drawer);
@@ -4139,10 +4139,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);
@@ -4193,7 +4193,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);
@@ -4203,7 +4203,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 MotionDrawer2 = (0, import_framer_motion26.motion)(import_joy40.Drawer);
@@ -4234,8 +4234,7 @@ InsetDrawer.displayName = "InsetDrawer";
 var import_joy41 = require("@mui/joy");
 
 // src/components/Markdown/Markdown.tsx
-var import_react31 = __toESM(require("react"), 1);
-var import_react_markdown = __toESM(require("react-markdown"), 1);
+var import_react31 = __toESM(require("react"));
 var import_joy42 = require("@mui/joy");
 
 // src/libs/rehype-accent/index.ts
@@ -4276,6 +4275,7 @@ function rehypeAccent(options) {
 }
 
 // src/components/Markdown/Markdown.tsx
+var LazyReactMarkdown = (0, import_react31.lazy)(() => import("react-markdown"));
 var Markdown = (props) => {
   const {
     color,
@@ -4297,8 +4297,8 @@ var Markdown = (props) => {
       level: defaultLevel,
       ...innerProps
     },
-    /* @__PURE__ */ import_react31.default.createElement(
-      import_react_markdown.default,
+    /* @__PURE__ */ import_react31.default.createElement(import_react31.Suspense, { fallback: null }, /* @__PURE__ */ import_react31.default.createElement(
+      LazyReactMarkdown,
       {
         ...markdownOptions,
         children: content,
@@ -4308,18 +4308,16 @@ var Markdown = (props) => {
           h2: ({ children }) => /* @__PURE__ */ import_react31.default.createElement(Typography, { color, textColor, level: "h2" }, children),
           h3: ({ children }) => /* @__PURE__ */ import_react31.default.createElement(Typography, { color, textColor, level: "h3" }, children),
           h4: ({ children }) => /* @__PURE__ */ import_react31.default.createElement(Typography, { color, textColor, level: "h4" }, children),
-          p: ({ children, node }) => {
-            return /* @__PURE__ */ import_react31.default.createElement(
-              Typography,
-              {
-                color,
-                textColor,
-                level: defaultLevel,
-                ...node?.properties
-              },
-              children
-            );
-          },
+          p: ({ children, node }) => /* @__PURE__ */ import_react31.default.createElement(
+            Typography,
+            {
+              color,
+              textColor,
+              level: defaultLevel,
+              ...node?.properties
+            },
+            children
+          ),
           a: ({ children, href }) => /* @__PURE__ */ import_react31.default.createElement(import_joy42.Link, { href, target: defaultLinkAction }, children),
           hr: () => /* @__PURE__ */ import_react31.default.createElement(Divider, null),
           b: ({ children }) => /* @__PURE__ */ import_react31.default.createElement(Typography, { fontWeight: boldFontWeight }, children),
@@ -4327,15 +4325,15 @@ var Markdown = (props) => {
           ...markdownOptions?.components
         }
       }
-    )
+    ))
   );
 };
 Markdown.displayName = "Markdown";
 
 // src/components/MenuButton/MenuButton.tsx
-var import_react32 = __toESM(require("react"), 1);
+var import_react32 = __toESM(require("react"));
 var import_joy43 = 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,
@@ -4393,9 +4391,9 @@ function MenuButton(props) {
 MenuButton.displayName = "MenuButton";
 
 // src/components/MonthPicker/MonthPicker.tsx
-var import_react33 = __toESM(require("react"), 1);
+var import_react33 = __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_joy44 = require("@mui/joy");
 var import_base4 = require("@mui/base");
 var StyledPopper3 = (0, import_joy44.styled)(import_base4.Popper, {
@@ -4635,9 +4633,9 @@ var MonthPicker = (0, import_react33.forwardRef)(
 );
 
 // src/components/MonthRangePicker/MonthRangePicker.tsx
-var import_react34 = __toESM(require("react"), 1);
+var import_react34 = __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_joy45 = require("@mui/joy");
 var import_base5 = require("@mui/base");
 var StyledPopper4 = (0, import_joy45.styled)(import_base5.Popper, {
@@ -4887,7 +4885,7 @@ var MonthRangePicker = (0, import_react34.forwardRef)(
 MonthRangePicker.displayName = "MonthRangePicker";
 
 // src/components/NavigationGroup/NavigationGroup.tsx
-var import_react35 = __toESM(require("react"), 1);
+var import_react35 = __toESM(require("react"));
 var import_joy46 = require("@mui/joy");
 var AccordionSummary2 = (0, import_joy46.styled)(import_joy46.AccordionSummary, {
   name: "NavigationGroup",
@@ -4915,7 +4913,7 @@ function NavigationGroup(props) {
 }
 
 // src/components/NavigationItem/NavigationItem.tsx
-var import_react36 = __toESM(require("react"), 1);
+var import_react36 = __toESM(require("react"));
 var import_joy47 = require("@mui/joy");
 var ListItemButton = (0, import_joy47.styled)(import_joy47.ListItemButton, {
   name: "NavigationItem",
@@ -4959,7 +4957,7 @@ function NavigationItem(props) {
 }
 
 // src/components/Navigator/Navigator.tsx
-var import_react37 = __toESM(require("react"), 1);
+var import_react37 = __toESM(require("react"));
 function Navigator(props) {
   const { items, level = 0, onSelect } = props;
   const handleItemClick = (id) => {
@@ -4998,7 +4996,7 @@ function Navigator(props) {
 Navigator.displayName = "Navigator";
 
 // src/components/PercentageInput/PercentageInput.tsx
-var import_react38 = __toESM(require("react"), 1);
+var import_react38 = __toESM(require("react"));
 var import_react_number_format2 = require("react-number-format");
 var import_joy48 = require("@mui/joy");
 var padDecimal = (value, decimalScale) => {
@@ -5127,7 +5125,7 @@ var RadioGroup = MotionRadioGroup;
 RadioGroup.displayName = "RadioGroup";
 
 // src/components/RadioList/RadioList.tsx
-var import_react39 = __toESM(require("react"), 1);
+var import_react39 = __toESM(require("react"));
 function RadioList(props) {
   const { items, ...innerProps } = props;
   return /* @__PURE__ */ import_react39.default.createElement(RadioGroup, { ...innerProps }, items.map((item) => /* @__PURE__ */ import_react39.default.createElement(Radio, { key: `${item.value}`, value: item.value, label: item.label })));
@@ -5135,9 +5133,9 @@ function RadioList(props) {
 RadioList.displayName = "RadioList";
 
 // src/components/Stepper/Stepper.tsx
-var import_react40 = __toESM(require("react"), 1);
+var import_react40 = __toESM(require("react"));
 var import_joy50 = 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_joy50.styled)(import_joy50.Step)({});
 Step.displayName = "Step";
@@ -5211,7 +5209,7 @@ function Stepper(props) {
 Stepper.displayName = "Stepper";
 
 // src/components/Switch/Switch.tsx
-var import_react41 = __toESM(require("react"), 1);
+var import_react41 = __toESM(require("react"));
 var import_joy51 = require("@mui/joy");
 var import_framer_motion29 = require("framer-motion");
 var MotionSwitch = (0, import_framer_motion29.motion)(import_joy51.Switch);
@@ -5270,7 +5268,7 @@ var TabPanel = MotionTabPanel;
 TabPanel.displayName = "TabPanel";
 
 // src/components/ThemeProvider/ThemeProvider.tsx
-var import_react42 = __toESM(require("react"), 1);
+var import_react42 = __toESM(require("react"));
 var import_joy53 = require("@mui/joy");
 var colorScheme = {
   palette: {
@@ -5525,11 +5523,11 @@ function ThemeProvider(props) {
 ThemeProvider.displayName = "ThemeProvider";
 
 // src/components/Uploader/Uploader.tsx
-var import_react43 = __toESM(require("react"), 1);
+var import_react43 = __toESM(require("react"));
 var import_joy54 = 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한다.

package/dist/index.js

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