@blocklet/discuss-kit 1.5.131 → 1.5.133

package/lib/es/comments.js

@@ -1,3 +1,4 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useMemo, useEffect, useContext } from "react";
 import { styled } from "@arcblock/ux/lib/Theme";
 import joinUrl from "url-join";
@@ -16,16 +17,9 @@ import ErrorFallback from "./components/error-fallback";
 import { translations } from "./locales";
 import getWsClient, { useSubscription } from "./ws";
 import api, { fetchRatings } from "./api";
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 const useAsyncRetry = (fn, deps = []) => {
-  const state = useRequest(fn, {
-    refreshDeps: deps
-  });
-  return {
-    ...state,
-    value: state == null ? void 0 : state.data,
-    retry: state == null ? void 0 : state.run
-  };
+  const state = useRequest(fn, { refreshDeps: deps });
+  return { ...state, value: state == null ? void 0 : state.data, retry: state == null ? void 0 : state.run };
 };
 const getPrefix = () => {
   var _a, _b;
@@ -35,10 +29,12 @@ const getPrefix = () => {
 const getCurrentBlockletComponentName = () => {
   var _a, _b;
   const ensureTrailingSlash = (str) => str.endsWith("/") ? str : `${str}/`;
-  const matched = (_b = (_a = window.blocklet) == null ? void 0 : _a.componentMountPoints) == null ? void 0 : _b.find((x) => {
-    var _a2;
-    return ensureTrailingSlash(x.mountPoint) === ensureTrailingSlash((_a2 = window.blocklet) == null ? void 0 : _a2.prefix);
-  });
+  const matched = (_b = (_a = window.blocklet) == null ? void 0 : _a.componentMountPoints) == null ? void 0 : _b.find(
+    (x) => {
+      var _a2;
+      return ensureTrailingSlash(x.mountPoint) === ensureTrailingSlash((_a2 = window.blocklet) == null ? void 0 : _a2.prefix);
+    }
+  );
   return matched == null ? void 0 : matched.title;
 };
 const formatComment = (comment) => {
@@ -60,58 +56,24 @@ const commentAPI = {
       size: params.limit
     };
     const {
-      data: {
-        data,
-        nextCursor,
-        total
-      }
-    } = await api.get("/comments", {
-      params: copy
-    });
-    return {
-      data: data == null ? void 0 : data.map(formatComment),
-      nextCursor,
-      total
-    };
+      data: { data, nextCursor, total }
+    } = await api.get("/comments", { params: copy });
+    return { data: data == null ? void 0 : data.map(formatComment), nextCursor, total };
   },
-  fetchCommentPosition: async ({
-    id,
-    ...params
-  }) => {
-    const {
-      data
-    } = await api.get(`/comments/${id}/position`, {
-      params
-    });
+  fetchCommentPosition: async ({ id, ...params }) => {
+    const { data } = await api.get(`/comments/${id}/position`, { params });
     return data;
   },
-  deleteComment: async ({
-    id
-  }) => {
-    const {
-      data
-    } = await api.delete(`/comments/${id}`);
+  deleteComment: async ({ id }) => {
+    const { data } = await api.delete(`/comments/${id}`);
     return data;
   },
-  updateComment: async ({
-    id,
-    updatedAt
-  }, content) => {
-    const {
-      data
-    } = await api.put(`/comments/${id}`, {
-      content,
-      updatedAt
-    });
+  updateComment: async ({ id, updatedAt }, content) => {
+    const { data } = await api.put(`/comments/${id}`, { content, updatedAt });
     return formatComment(data);
   },
-  reply: async ({
-    id,
-    rootId
-  }, content) => {
-    const {
-      data
-    } = await api.post(`/comments/${rootId || id}/replies`, {
+  reply: async ({ id, rootId }, content) => {
+    const { data } = await api.post(`/comments/${rootId || id}/replies`, {
       content,
       parentId: id,
       link: window.location.href
@@ -119,18 +81,13 @@ const commentAPI = {
     return formatComment(data);
   },
   rate: async (comment, value, ratingType) => {
-    await api.post(`/topics/${comment.topicId}/comments/${comment.id}/ratings`, {
-      ratingType,
-      value
-    });
+    await api.post(`/topics/${comment.topicId}/comments/${comment.id}/ratings`, { ratingType, value });
   },
   unrate: async (comment) => {
     await api.delete(`/topics/${comment.topicId}/comments/${comment.id}/ratings`);
   },
   fetchRatings: async (id) => {
-    const {
-      data
-    } = await api.get(`/ratings/${id}`);
+    const { data } = await api.get(`/ratings/${id}`);
     return data;
   }
 };
@@ -142,26 +99,11 @@ function DiscussKitComments({
   commentInputPosition,
   showTopbar
 }) {
-  useDefaultApiErrorHandler({
-    request: api
-  });
-  const {
-    session
-  } = useContext(SessionContext) || {};
-  const {
-    state,
-    sort,
-    add,
-    updateCommentState
-  } = useCommentsContext();
-  const {
-    total,
-    order,
-    initialized
-  } = state;
-  const {
-    t
-  } = useLocaleContext();
+  useDefaultApiErrorHandler({ request: api });
+  const { session } = useContext(SessionContext) || {};
+  const { state, sort, add, updateCommentState } = useCommentsContext();
+  const { total, order, initialized } = state;
+  const { t } = useLocaleContext();
   const objectRatingState = useAsyncRetry(() => fetchRatings(object.id));
   const handlers = {
     ADD_COMMENT: (data) => {
@@ -176,9 +118,7 @@ function DiscussKitComments({
       });
     },
     RATING: () => objectRatingState.retry(),
-    RATING_COMMENT: async ({
-      commentId
-    }) => {
+    RATING_COMMENT: async ({ commentId }) => {
       const rating = await fetchRatings(commentId);
       updateCommentState(commentId, (current) => ({
         ...current,
@@ -186,42 +126,27 @@ function DiscussKitComments({
       }));
     }
   };
-  useSubscription(object.id, ({
-    event,
-    data
-  }) => {
-    var _a;
-    (_a = handlers[event]) == null ? void 0 : _a.call(handlers, data);
-  }, [object.id, state]);
+  useSubscription(
+    object.id,
+    ({ event, data }) => {
+      var _a;
+      (_a = handlers[event]) == null ? void 0 : _a.call(handlers, data);
+    },
+    [object.id, state]
+  );
   if (!initialized) {
-    return /* @__PURE__ */ jsx(Box, {
-      width: "100%",
-      display: "flex",
-      justifyContent: "center",
-      children: /* @__PURE__ */ jsx(CircularProgress, {})
-    });
+    return /* @__PURE__ */ jsx(Box, { width: "100%", display: "flex", justifyContent: "center", children: /* @__PURE__ */ jsx(CircularProgress, {}) });
   }
   const sendComment = async (content) => {
-    const {
-      data
-    } = await api.post("/comments", {
-      content,
-      object
-    });
+    const { data } = await api.post("/comments", { content, object });
     add(formatComment(data));
   };
-  const handleOnRate = async ({
-    ratingType,
-    value
-  }) => {
+  const handleOnRate = async ({ ratingType, value }) => {
     if (!session.user) {
       session.login();
       throw new Error("Unauthenticated.");
     }
-    await api.post(`/topics/${object.id}/ratings`, {
-      ratingType,
-      value
-    });
+    await api.post(`/topics/${object.id}/ratings`, { ratingType, value });
   };
   const handleOnUnrate = async () => {
     if (!session.user) {
@@ -230,88 +155,52 @@ function DiscussKitComments({
     }
     await api.delete(`/topics/${object.id}/ratings`);
   };
-  return /* @__PURE__ */ jsxs(Container, {
-    className: "comment-container",
-    children: [/* @__PURE__ */ jsxs(Fragment, {
-      children: [/* @__PURE__ */ jsxs(Box, {
-        display: "flex",
-        justifyContent: "space-between",
-        alignItems: "end",
-        children: [displayReaction && objectRatingState.value && /* @__PURE__ */ jsx(Box, {
-          children: /* @__PURE__ */ jsx(GithubReaction, {
-            data: objectRatingState.value,
-            onRate: handleOnRate,
-            onUnrate: handleOnUnrate
-          })
-        }), displayConnectButton && (session.user ? /* @__PURE__ */ jsx(SessionManager, {
-          style: {
-            padding: 0
-          },
-          showText: true,
-          showRole: true,
-          session
-        }) : /* @__PURE__ */ jsx(Button, {
-          size: "medium",
-          variant: "contained",
-          color: "primary",
-          onClick: () => session.login(),
-          children: t("connect")
-        }))]
-      }), displayConnectButton && !session.user && /* @__PURE__ */ jsx("div", {
-        className: "input-no-connect",
-        children: /* @__PURE__ */ jsxs("span", {
-          className: "connect-tip",
-          children: [t("connectDIDWallet"), " ", /* @__PURE__ */ jsx("a", {
-            className: "down-load-wallet",
-            href: "https://www.didwallet.io/",
-            target: "_blank",
-            rel: "noreferrer",
-            children: t("installDIDWallet")
-          })]
-        })
-      }), session.user && commentInputPosition === "top" && /* @__PURE__ */ jsx(Box, {
-        mt: 2,
-        className: "comment-editor",
-        children: /* @__PURE__ */ jsx(CommentInput, {
-          send: sendComment,
-          draftKey: `object-${object.id}`,
-          autoFocus: false
-        })
-      })]
-    }), !!total && showTopbar && /* @__PURE__ */ jsxs(Box, {
-      display: "flex",
-      justifyContent: "space-between",
-      mt: 3,
-      children: [/* @__PURE__ */ jsxs("span", {
-        children: [total > 0 ? `${total} ${t("comments")}` : t("comment"), " "]
-      }), /* @__PURE__ */ jsxs(ButtonGroup, {
-        children: [/* @__PURE__ */ jsx(Button, {
-          variant: "contained",
-          color: order !== "desc" ? "primary" : "inherit",
-          size: "small",
-          onClick: () => sort("asc"),
-          className: order !== "desc" ? "" : "unselected-button",
-          children: t("oldest")
-        }), /* @__PURE__ */ jsx(Button, {
-          variant: "contained",
-          color: order === "desc" ? "primary" : "inherit",
-          size: "small",
-          onClick: () => sort("desc"),
-          className: order === "desc" ? "" : "unselected-button",
-          children: t("newest")
-        })]
-      })]
-    }), /* @__PURE__ */ jsx(CommentList, {
-      className: "comment-list"
-    }), session.user && commentInputPosition === "bottom" && /* @__PURE__ */ jsx(Box, {
-      mt: 6,
-      children: /* @__PURE__ */ jsx(CommentInput, {
-        send: sendComment,
-        draftKey: `object-${object.id}`,
-        autoFocus: false
-      })
-    })]
-  });
+  return /* @__PURE__ */ jsxs(Container, { className: "comment-container", children: [
+    /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs(Box, { display: "flex", justifyContent: "space-between", alignItems: "end", children: [
+        displayReaction && objectRatingState.value && /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(GithubReaction, { data: objectRatingState.value, onRate: handleOnRate, onUnrate: handleOnUnrate }) }),
+        displayConnectButton && (session.user ? /* @__PURE__ */ jsx(SessionManager, { style: { padding: 0 }, showText: true, showRole: true, session }) : /* @__PURE__ */ jsx(Button, { size: "medium", variant: "contained", color: "primary", onClick: () => session.login(), children: t("connect") }))
+      ] }),
+      displayConnectButton && !session.user && /* @__PURE__ */ jsx("div", { className: "input-no-connect", children: /* @__PURE__ */ jsxs("span", { className: "connect-tip", children: [
+        t("connectDIDWallet"),
+        " ",
+        /* @__PURE__ */ jsx("a", { className: "down-load-wallet", href: "https://www.didwallet.io/", target: "_blank", rel: "noreferrer", children: t("installDIDWallet") })
+      ] }) }),
+      session.user && commentInputPosition === "top" && /* @__PURE__ */ jsx(Box, { mt: 2, className: "comment-editor", children: /* @__PURE__ */ jsx(CommentInput, { send: sendComment, draftKey: `object-${object.id}`, autoFocus: false }) })
+    ] }),
+    !!total && showTopbar && /* @__PURE__ */ jsxs(Box, { display: "flex", justifyContent: "space-between", mt: 3, children: [
+      /* @__PURE__ */ jsxs("span", { children: [
+        total > 0 ? `${total} ${t("comments")}` : t("comment"),
+        " "
+      ] }),
+      /* @__PURE__ */ jsxs(ButtonGroup, { children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "contained",
+            color: order !== "desc" ? "primary" : "inherit",
+            size: "small",
+            onClick: () => sort("asc"),
+            className: order !== "desc" ? "" : "unselected-button",
+            children: t("oldest")
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "contained",
+            color: order === "desc" ? "primary" : "inherit",
+            size: "small",
+            onClick: () => sort("desc"),
+            className: order === "desc" ? "" : "unselected-button",
+            children: t("newest")
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(CommentList, { className: "comment-list" }),
+    session.user && commentInputPosition === "bottom" && /* @__PURE__ */ jsx(Box, { mt: 6, children: /* @__PURE__ */ jsx(CommentInput, { send: sendComment, draftKey: `object-${object.id}`, autoFocus: false }) })
+  ] });
 }
 DiscussKitComments.propTypes = {
   displayConnectButton: PropTypes.bool,
@@ -342,15 +231,14 @@ function Wrapper({
   if (!(target == null ? void 0 : target.id)) {
     throw new Error("target is required.");
   }
-  const {
-    locale = "en"
-  } = useLocaleContext() || {};
+  const { locale = "en" } = useLocaleContext() || {};
   const object = useMemo(
     () => ({
       ...target,
       link: window.location.href,
       blockletName: getCurrentBlockletComponentName()
     }),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
     [target]
   );
   const _prefix = prefix || getPrefix();
@@ -367,33 +255,19 @@ function Wrapper({
     };
   }, []);
   api.defaults.baseURL = joinUrl(_prefix, "/api/");
-  return /* @__PURE__ */ jsx(UploaderProvider, {
-    children: /* @__PURE__ */ jsx(ErrorBoundary, {
-      FallbackComponent: ErrorFallback,
-      children: /* @__PURE__ */ jsx(LocaleProvider, {
-        translations,
-        locale,
-        children: /* @__PURE__ */ jsx(InternalThemeProvider, {
-          children: /* @__PURE__ */ jsx(DefaultEditorConfigProvider, {
-            request: api,
-            children: /* @__PURE__ */ jsx(CommentsProvider, {
-              target: object,
-              api: commentAPI,
-              flatView,
-              order,
-              autoCollapse,
-              allowCopyLink,
-              showProfileCard,
-              children: /* @__PURE__ */ jsx(DiscussKitComments, {
-                ...rest,
-                object
-              })
-            })
-          })
-        })
-      })
-    })
-  });
+  return /* @__PURE__ */ jsx(UploaderProvider, { children: /* @__PURE__ */ jsx(ErrorBoundary, { FallbackComponent: ErrorFallback, children: /* @__PURE__ */ jsx(LocaleProvider, { translations, locale, children: /* @__PURE__ */ jsx(InternalThemeProvider, { children: /* @__PURE__ */ jsx(DefaultEditorConfigProvider, { request: api, children: /* @__PURE__ */ jsx(
+    CommentsProvider,
+    {
+      target: object,
+      api: commentAPI,
+      flatView,
+      order,
+      autoCollapse,
+      allowCopyLink,
+      showProfileCard,
+      children: /* @__PURE__ */ jsx(DiscussKitComments, { ...rest, object })
+    }
+  ) }) }) }) }) });
 }
 Wrapper.propTypes = {
   target: PropTypes.shape({

package/lib/es/components/error-fallback.js

@@ -1,19 +1,14 @@
+import { jsx, jsxs } from "react/jsx-runtime";
 import PropTypes from "prop-types";
 import Alert from "@mui/material/Alert";
 import AlertTitle from "@mui/material/AlertTitle";
-import { jsx, jsxs } from "react/jsx-runtime";
-function ErrorFallback({
-  error
-}) {
-  const errorMessageElement = process.env.NODE_ENV === "production" ? null : /* @__PURE__ */ jsx("pre", {
-    children: error.message
-  });
-  return /* @__PURE__ */ jsxs(Alert, {
-    severity: "warning",
-    children: [/* @__PURE__ */ jsx(AlertTitle, {
-      children: "Oops!"
-    }), "Discuss Kit is not working properly.", errorMessageElement]
-  });
+function ErrorFallback({ error }) {
+  const errorMessageElement = process.env.NODE_ENV === "production" ? null : /* @__PURE__ */ jsx("pre", { children: error.message });
+  return /* @__PURE__ */ jsxs(Alert, { severity: "warning", children: [
+    /* @__PURE__ */ jsx(AlertTitle, { children: "Oops!" }),
+    "Discuss Kit is not working properly.",
+    errorMessageElement
+  ] });
 }
 ErrorFallback.propTypes = {
   error: PropTypes.instanceOf(Error).isRequired

package/lib/es/components/menu.js

@@ -1,3 +1,4 @@
+import { jsxs, jsx } from "react/jsx-runtime";
 import { useState } from "react";
 import PropTypes from "prop-types";
 import { styled } from "@arcblock/ux/lib/Theme";
@@ -6,11 +7,7 @@ import { MoreVert } from "@mui/icons-material";
 import Box from "@mui/material/Box";
 import MuiMenu from "@mui/material/Menu";
 import MuiMenuItem from "@mui/material/MenuItem";
-import { jsxs, jsx } from "react/jsx-runtime";
-function Menu({
-  items,
-  ...rest
-}) {
+function Menu({ items, ...rest }) {
   const [anchorEl, setAnchorEl] = useState(null);
   const open = Boolean(anchorEl);
   const handleClick = (event) => {
@@ -19,48 +16,35 @@ function Menu({
   const handleClose = () => {
     setAnchorEl(null);
   };
-  return /* @__PURE__ */ jsxs(Root, {
-    ...rest,
-    children: [/* @__PURE__ */ jsx(IconButton, {
-      size: "medium",
-      onClick: handleClick,
-      children: /* @__PURE__ */ jsx(MoreVert, {
-        sx: {
-          fontSize: 18
-        }
-      })
-    }), /* @__PURE__ */ jsx(MuiMenu, {
-      anchorEl,
-      anchorOrigin: {
-        vertical: "bottom",
-        horizontal: "right"
-      },
-      transformOrigin: {
-        vertical: "top",
-        horizontal: "right"
-      },
-      open,
-      onClose: handleClose,
-      children: items.map(({
-        onClick,
-        text,
-        ...itemProps
-      }, index) => {
-        const _onClick = () => {
-          onClick();
-          handleClose();
-        };
-        return /* @__PURE__ */ jsx(StyledMenuItem, {
-          onClick: _onClick,
-          ...itemProps,
-          children: /* @__PURE__ */ jsx(Box, {
-            minWidth: 100,
-            children: text
-          })
-        }, index);
-      })
-    })]
-  });
+  return /* @__PURE__ */ jsxs(Root, { ...rest, children: [
+    /* @__PURE__ */ jsx(IconButton, { size: "medium", onClick: handleClick, children: /* @__PURE__ */ jsx(MoreVert, { sx: { fontSize: 18 } }) }),
+    /* @__PURE__ */ jsx(
+      MuiMenu,
+      {
+        anchorEl,
+        anchorOrigin: {
+          vertical: "bottom",
+          horizontal: "right"
+        },
+        transformOrigin: {
+          vertical: "top",
+          horizontal: "right"
+        },
+        open,
+        onClose: handleClose,
+        children: items.map(({ onClick, text, ...itemProps }, index) => {
+          const _onClick = () => {
+            onClick();
+            handleClose();
+          };
+          return (
+            // eslint-disable-next-line react/no-array-index-key
+            /* @__PURE__ */ jsx(StyledMenuItem, { onClick: _onClick, ...itemProps, children: /* @__PURE__ */ jsx(Box, { minWidth: 100, children: text }) }, index)
+          );
+        })
+      }
+    )
+  ] });
 }
 Menu.propTypes = {
   items: PropTypes.array.isRequired

package/lib/es/locales/en.js

@@ -9,7 +9,7 @@ const en = flat({
   newest: "Newest",
   loadMore: "Click To Load More",
   connectDIDWallet: "Please connect DID Wallet.",
-  installDIDWallet: "Click to get your own DID Wallet\u2192",
+  installDIDWallet: "Click to get your own DID Wallet→",
   empty: "Be the first to leave a comment.",
   delete: "Delete",
   edit: "Edit",

package/lib/es/locales/zh.js

@@ -1,25 +1,25 @@
 import flat from "flat";
 const zh = flat({
-  comments: "\u6761\u8BC4\u8BBA",
-  comment: "\u8BC4\u8BBA",
-  poweredBy: "- \u7531 Discuss Kit \u63D0\u4F9B\u652F\u6301",
-  connect: "\u8FDE\u63A5",
-  inputPlaceHolder: "\u5199\u8BC4\u8BBA",
-  oldest: "\u6700\u65E7",
-  newest: "\u6700\u65B0",
-  loadMore: "\u70B9\u51FB\u52A0\u8F7D\u66F4\u591A",
-  connectDIDWallet: "\u8BF7\u5148\u8FDE\u63A5 DID Wallet.",
-  installDIDWallet: "\u70B9\u51FB\u62E5\u6709\u4F60\u7684 DID Wallet\u2192",
-  empty: "\u6210\u4E3A\u7B2C\u4E00\u4E2A\u7559\u4E0B\u8BC4\u8BBA\u7684\u4EBA.",
-  delete: "\u5220\u9664",
-  edit: "\u7F16\u8F91",
-  confirm: "\u786E\u8BA4",
-  cancel: "\u53D6\u6D88",
-  tip: "\u63D0\u793A",
-  deleteCommentDesc: "\u786E\u8BA4\u5220\u9664\u8FD9\u6761\u8BC4\u8BBA?",
-  readMore: "\u66F4\u591A\u5185\u5BB9",
-  showMoreReplies: "\u663E\u793A\u66F4\u591A\u56DE\u590D",
-  deleted: "\u8BE5\u8BC4\u8BBA\u5DF2\u88AB\u5220\u9664"
+  comments: "条评论",
+  comment: "评论",
+  poweredBy: "- 由 Discuss Kit 提供支持",
+  connect: "连接",
+  inputPlaceHolder: "写评论",
+  oldest: "最旧",
+  newest: "最新",
+  loadMore: "点击加载更多",
+  connectDIDWallet: "请先连接 DID Wallet.",
+  installDIDWallet: "点击拥有你的 DID Wallet→",
+  empty: "成为第一个留下评论的人.",
+  delete: "删除",
+  edit: "编辑",
+  confirm: "确认",
+  cancel: "取消",
+  tip: "提示",
+  deleteCommentDesc: "确认删除这条评论?",
+  readMore: "更多内容",
+  showMoreReplies: "显示更多回复",
+  deleted: "该评论已被删除"
 });
 export {
   zh as default

package/lib/es/theme-provider.js

@@ -1,34 +1,20 @@
+import { jsx } from "react/jsx-runtime";
 import { createContext, useState, useEffect, useContext } from "react";
 import PropTypes from "prop-types";
 import { ThemeProvider as ThemeProvider$2 } from "@emotion/react";
 import { createTheme, ThemeProvider as ThemeProvider$1 } from "@mui/material/styles";
-import { jsx } from "react/jsx-runtime";
 const defaultTheme = createTheme({});
 const ThemeContext = createContext({});
-function ThemeProvider({
-  children,
-  theme: _theme
-} = {}) {
+function ThemeProvider({ children, theme: _theme } = {}) {
   const [theme, setTheme] = useState(defaultTheme);
   useEffect(() => {
     if (_theme && typeof _theme === "object")
       setTheme(_theme);
   }, [_theme]);
   if (theme) {
-    return /* @__PURE__ */ jsx(ThemeContext.Provider, {
-      value: theme,
-      children: /* @__PURE__ */ jsx(ThemeContext.Consumer, {
-        children: (themeValue) => {
-          return /* @__PURE__ */ jsx(ThemeProvider$1, {
-            theme: themeValue,
-            children: /* @__PURE__ */ jsx(ThemeProvider$2, {
-              theme: themeValue,
-              children
-            })
-          });
-        }
-      })
-    });
+    return /* @__PURE__ */ jsx(ThemeContext.Provider, { value: theme, children: /* @__PURE__ */ jsx(ThemeContext.Consumer, { children: (themeValue) => {
+      return /* @__PURE__ */ jsx(ThemeProvider$1, { theme: themeValue, children: /* @__PURE__ */ jsx(ThemeProvider$2, { theme: themeValue, children }) });
+    } }) });
   }
   return children;
 }