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

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";
@@ -27,7 +27,7 @@ declare const Markdown: {
         defaultLinkAction?: "_self" | "_blank" | "_parent" | "_top" | "_unfencedTop" | undefined;
         markdownOptions?: import("react-markdown").Options | undefined;
         boldFontWeight?: "sm" | "md" | "lg" | "xl" | undefined;
-    }): React.JSX.Element;
+    }): React.JSX.Element | null;
     displayName: string;
 };
 export { Markdown };

package/dist/index.cjs

@@ -5,6 +5,9 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __esm = (fn, res) => function __init() {
+  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
+};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -27,6 +30,53 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
+// src/libs/rehype-accent/index.ts
+var rehype_accent_exports = {};
+__export(rehype_accent_exports, {
+  rehypeAccent: () => rehypeAccent
+});
+function rehypeAccent(options) {
+  const { accentColor } = options;
+  return (tree) => {
+    (0, import_unist_util_visit.visit)(tree, "text", (node, index, parent) => {
+      const value = node.value;
+      const regex = /\|\|.*?\|\|/g;
+      let match;
+      let lastIndex = 0;
+      const newNodes = [];
+      while ((match = regex.exec(value)) !== null) {
+        if (match.index > lastIndex) {
+          newNodes.push({
+            type: "text",
+            value: value.slice(lastIndex, match.index)
+          });
+        }
+        const innerText = match[0].split("||")[1];
+        newNodes.push({
+          type: "element",
+          tagName: "p",
+          properties: { textColor: accentColor },
+          children: [{ type: "text", value: innerText }]
+        });
+        lastIndex = match.index + match[0].length;
+      }
+      if (lastIndex < value.length) {
+        newNodes.push({ type: "text", value: value.slice(lastIndex) });
+      }
+      if (newNodes.length) {
+        parent.children.splice(index, 1, ...newNodes);
+      }
+    });
+  };
+}
+var import_unist_util_visit;
+var init_rehype_accent = __esm({
+  "src/libs/rehype-accent/index.ts"() {
+    "use strict";
+    import_unist_util_visit = require("unist-util-visit");
+  }
+});
+
 // src/index.ts
 var index_exports = {};
 __export(index_exports, {
@@ -4678,48 +4728,17 @@ 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
-var import_unist_util_visit = require("unist-util-visit");
-function rehypeAccent(options) {
-  const { accentColor } = options;
-  return (tree) => {
-    (0, import_unist_util_visit.visit)(tree, "text", (node, index, parent) => {
-      const value = node.value;
-      const regex = /\|\|.*?\|\|/g;
-      let match;
-      let lastIndex = 0;
-      const newNodes = [];
-      while ((match = regex.exec(value)) !== null) {
-        if (match.index > lastIndex) {
-          newNodes.push({
-            type: "text",
-            value: value.slice(lastIndex, match.index)
-          });
-        }
-        const innerText = match[0].split("||")[1];
-        newNodes.push({
-          type: "element",
-          tagName: "p",
-          properties: { textColor: accentColor },
-          children: [{ type: "text", value: innerText }]
-        });
-        lastIndex = match.index + match[0].length;
-      }
-      if (lastIndex < value.length) {
-        newNodes.push({ type: "text", value: value.slice(lastIndex) });
-      }
-      if (newNodes.length) {
-        parent.children.splice(index, 1, ...newNodes);
-      }
-    });
-  };
-}
-
-// src/components/Markdown/Markdown.tsx
+var LazyReactMarkdown = (0, import_react32.lazy)(() => import("react-markdown"));
 var Markdown = (props) => {
+  const [rehypeAccent2, setRehypeAccent] = (0, import_react32.useState)(null);
+  (0, import_react32.useEffect)(() => {
+    const loadRehypeAccent = async () => {
+      const module2 = await Promise.resolve().then(() => (init_rehype_accent(), rehype_accent_exports));
+      setRehypeAccent(() => module2.rehypeAccent);
+    };
+    loadRehypeAccent();
+  }, []);
   const {
     color,
     textColor,
@@ -4731,6 +4750,9 @@ var Markdown = (props) => {
     content,
     ...innerProps
   } = props;
+  if (!rehypeAccent2) {
+    return null;
+  }
   return /* @__PURE__ */ import_react32.default.createElement(
     Typography,
     {
@@ -4740,29 +4762,27 @@ 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,
-        rehypePlugins: [[rehypeAccent, { accentColor }]],
+        rehypePlugins: [[rehypeAccent2, { accentColor }]],
         components: {
           h1: ({ children }) => /* @__PURE__ */ import_react32.default.createElement(Typography, { color, textColor, level: "h1" }, children),
           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 +4790,7 @@ var Markdown = (props) => {
           ...markdownOptions?.components
         }
       }
-    )
+    ))
   );
 };
 Markdown.displayName = "Markdown";

package/dist/index.js

@@ -1,3 +1,59 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __esm = (fn, res) => function __init() {
+  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+
+// src/libs/rehype-accent/index.ts
+var rehype_accent_exports = {};
+__export(rehype_accent_exports, {
+  rehypeAccent: () => rehypeAccent
+});
+import { visit } from "unist-util-visit";
+function rehypeAccent(options) {
+  const { accentColor } = options;
+  return (tree) => {
+    visit(tree, "text", (node, index, parent) => {
+      const value = node.value;
+      const regex = /\|\|.*?\|\|/g;
+      let match;
+      let lastIndex = 0;
+      const newNodes = [];
+      while ((match = regex.exec(value)) !== null) {
+        if (match.index > lastIndex) {
+          newNodes.push({
+            type: "text",
+            value: value.slice(lastIndex, match.index)
+          });
+        }
+        const innerText = match[0].split("||")[1];
+        newNodes.push({
+          type: "element",
+          tagName: "p",
+          properties: { textColor: accentColor },
+          children: [{ type: "text", value: innerText }]
+        });
+        lastIndex = match.index + match[0].length;
+      }
+      if (lastIndex < value.length) {
+        newNodes.push({ type: "text", value: value.slice(lastIndex) });
+      }
+      if (newNodes.length) {
+        parent.children.splice(index, 1, ...newNodes);
+      }
+    });
+  };
+}
+var init_rehype_accent = __esm({
+  "src/libs/rehype-accent/index.ts"() {
+    "use strict";
+  }
+});
+
 // src/index.ts
 import {
   useTheme as useTheme2,
@@ -4639,49 +4695,18 @@ 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, useEffect as useEffect8, useState as useState9 } from "react";
 import { Link as Link2 } from "@mui/joy";
-
-// src/libs/rehype-accent/index.ts
-import { visit } from "unist-util-visit";
-function rehypeAccent(options) {
-  const { accentColor } = options;
-  return (tree) => {
-    visit(tree, "text", (node, index, parent) => {
-      const value = node.value;
-      const regex = /\|\|.*?\|\|/g;
-      let match;
-      let lastIndex = 0;
-      const newNodes = [];
-      while ((match = regex.exec(value)) !== null) {
-        if (match.index > lastIndex) {
-          newNodes.push({
-            type: "text",
-            value: value.slice(lastIndex, match.index)
-          });
-        }
-        const innerText = match[0].split("||")[1];
-        newNodes.push({
-          type: "element",
-          tagName: "p",
-          properties: { textColor: accentColor },
-          children: [{ type: "text", value: innerText }]
-        });
-        lastIndex = match.index + match[0].length;
-      }
-      if (lastIndex < value.length) {
-        newNodes.push({ type: "text", value: value.slice(lastIndex) });
-      }
-      if (newNodes.length) {
-        parent.children.splice(index, 1, ...newNodes);
-      }
-    });
-  };
-}
-
-// src/components/Markdown/Markdown.tsx
+var LazyReactMarkdown = lazy(() => import("react-markdown"));
 var Markdown = (props) => {
+  const [rehypeAccent2, setRehypeAccent] = useState9(null);
+  useEffect8(() => {
+    const loadRehypeAccent = async () => {
+      const module = await Promise.resolve().then(() => (init_rehype_accent(), rehype_accent_exports));
+      setRehypeAccent(() => module.rehypeAccent);
+    };
+    loadRehypeAccent();
+  }, []);
   const {
     color,
     textColor,
@@ -4693,6 +4718,9 @@ var Markdown = (props) => {
     content,
     ...innerProps
   } = props;
+  if (!rehypeAccent2) {
+    return null;
+  }
   return /* @__PURE__ */ React30.createElement(
     Typography,
     {
@@ -4702,29 +4730,27 @@ var Markdown = (props) => {
       level: defaultLevel,
       ...innerProps
     },
-    /* @__PURE__ */ React30.createElement(
-      ReactMarkdown,
+    /* @__PURE__ */ React30.createElement(Suspense, { fallback: null }, /* @__PURE__ */ React30.createElement(
+      LazyReactMarkdown,
       {
         ...markdownOptions,
         children: content,
-        rehypePlugins: [[rehypeAccent, { accentColor }]],
+        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 }) => {
-            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 +4758,7 @@ var Markdown = (props) => {
           ...markdownOptions?.components
         }
       }
-    )
+    ))
   );
 };
 Markdown.displayName = "Markdown";
@@ -4804,10 +4830,10 @@ MenuButton.displayName = "MenuButton";
 import React32, {
   forwardRef as forwardRef9,
   useCallback as useCallback12,
-  useEffect as useEffect8,
+  useEffect as useEffect9,
   useImperativeHandle as useImperativeHandle4,
   useRef as useRef7,
-  useState as useState9
+  useState as useState10
 } from "react";
 import { IMaskInput as IMaskInput3, IMask as IMask3 } from "react-imask";
 import CalendarTodayIcon3 from "@mui/icons-material/CalendarToday";
@@ -4920,9 +4946,9 @@ var MonthPicker = forwardRef9(
       ),
       { disableStrict: true }
     );
-    const [anchorEl, setAnchorEl] = useState9(null);
+    const [anchorEl, setAnchorEl] = useState10(null);
     const open = Boolean(anchorEl);
-    useEffect8(() => {
+    useEffect9(() => {
       if (!anchorEl) {
         innerRef.current?.blur();
       }
@@ -5053,11 +5079,11 @@ var MonthPicker = forwardRef9(
 import React33, {
   forwardRef as forwardRef10,
   useCallback as useCallback13,
-  useEffect as useEffect9,
+  useEffect as useEffect10,
   useImperativeHandle as useImperativeHandle5,
   useMemo as useMemo11,
   useRef as useRef8,
-  useState as useState10
+  useState as useState11
 } from "react";
 import { IMaskInput as IMaskInput4, IMask as IMask4 } from "react-imask";
 import CalendarTodayIcon4 from "@mui/icons-material/CalendarToday";
@@ -5179,13 +5205,13 @@ var MonthRangePicker = forwardRef10(
       ),
       { disableStrict: true }
     );
-    const [anchorEl, setAnchorEl] = useState10(null);
+    const [anchorEl, setAnchorEl] = useState11(null);
     const open = Boolean(anchorEl);
     const calendarValue = useMemo11(
       () => value ? parseDates2(value) : void 0,
       [value]
     );
-    useEffect9(() => {
+    useEffect10(() => {
       if (!anchorEl) {
         innerRef.current?.blur();
       }
@@ -5434,7 +5460,7 @@ function Navigator(props) {
 Navigator.displayName = "Navigator";
 
 // src/components/PercentageInput/PercentageInput.tsx
-import React37, { useCallback as useCallback14, useMemo as useMemo12, useState as useState11 } from "react";
+import React37, { useCallback as useCallback14, useMemo as useMemo12, useState as useState12 } from "react";
 import { NumericFormat as NumericFormat2 } from "react-number-format";
 import { styled as styled23, useThemeProps as useThemeProps8 } from "@mui/joy";
 var padDecimal = (value, decimalScale) => {
@@ -5497,7 +5523,7 @@ var PercentageInput = React37.forwardRef(function PercentageInput2(inProps, ref)
       [onChange, name]
     )
   );
-  const [internalError, setInternalError] = useState11(
+  const [internalError, setInternalError] = useState12(
     max && _value && _value > max || min && _value && _value < min
   );
   const value = useMemo12(() => {