@anywayseo/tools 2.5.1 → 2.6.0

package/dist/components/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index = require("../index-CQRefU3H.js");
+const index = require("../index-qgcoV14g.js");
 exports.Author = index.Author;
 exports.BonusCard = index.BonusCard;
 exports.Center = index.Center;
@@ -20,6 +20,7 @@ exports.LinkButton = index.LinkButton;
 exports.List = index.List;
 exports.ProsCons = index.ProsCons;
 exports.PulseButton = index.PulseButton;
+exports.RichTextRenderer = index.RichTextRenderer;
 exports.Seo = index.Seo;
 exports.Table = index.Table;
 exports.Tabs = index.Tabs;

package/dist/components/index.d.ts

@@ -13,6 +13,7 @@ export { default as HowTo } from './how-to';
 export { default as Layout } from './layout';
 export { default as List } from './list';
 export { default as ProsCons } from './pros-cons';
+export { default as RichTextRenderer } from './rich-text-renderer';
 export { default as Seo } from './seo';
 export { default as Table } from './table';
 export { default as Tabs } from './tabs';

package/dist/components/index.mjs

@@ -1,4 +1,4 @@
-import { A, B, g, C, h, E, F, a, b, G, c, d, i, H, L, j, e, P, k, S, T, f } from "../index-CIHivV4r.mjs";
+import { A, B, g, C, h, E, F, a, b, G, c, d, i, H, L, j, e, P, k, R, S, T, f } from "../index-Ct1pg92K.mjs";
 export {
   A as Author,
   B as BonusCard,
@@ -19,6 +19,7 @@ export {
   e as List,
   P as ProsCons,
   k as PulseButton,
+  R as RichTextRenderer,
   S as Seo,
   T as Table,
   f as Tabs

package/dist/components/rich-text-renderer/index.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+type RichTextRendererProps = {
+    content: string;
+};
+declare const RichTextRenderer: FC<RichTextRendererProps>;
+export default RichTextRenderer;

package/dist/{index-CIHivV4r.mjs → index-Ct1pg92K.mjs}

@@ -4,13 +4,14 @@ import { useTranslation } from "react-i18next";
 import { A as Animation, b as formatNumber, c as getCurrencySymbol, f as formatDate, d as getDomain, g as getCurrentYear, a as getCurrentMonth } from "./index-BqUBNm7v.mjs";
 import { a as GameCharacteristic } from "./index-F6_fGeRI.mjs";
 import "@ctrl/tinycolor";
-import "@mdx-js/react";
+import { useMDXComponents } from "@mdx-js/react";
 import { u as useSiteContext } from "./index-BNb-P8a6.mjs";
 import { useRef, useState, useLayoutEffect, Fragment as Fragment$1, forwardRef, useEffect, useMemo } from "react";
 import { EmailIcon, StarIcon, CloseIcon, ExternalLinkIcon, ChevronRightIcon, ChevronDownIcon, HamburgerIcon, ChevronUpIcon, WarningIcon, CheckCircleIcon } from "@chakra-ui/icons";
 import { u as usePrimaryColors } from "./index-xuSxvz5z.mjs";
 import { t } from "i18next";
 import { Link as Link$1 } from "gatsby";
+import Markdown from "react-markdown";
 const Center = ({ children, ...boxProps }) => {
   return /* @__PURE__ */ jsx(Center$1, { ...boxProps, children });
 };
@@ -927,6 +928,10 @@ const ProsCons = ({ items, ...boxProps }) => {
     /* @__PURE__ */ jsx(ProsConsCard, { itemType: "cons", items: cons })
   ] });
 };
+const RichTextRenderer = ({ content }) => {
+  const components = useMDXComponents();
+  return /* @__PURE__ */ jsx(Markdown, { components, children: content });
+};
 const Seo = ({ children, siteMetadata, title, description, lang }) => {
   const { title: defaultTitle, description: defaultDescription, lang: defaultLang, siteUrl } = siteMetadata;
   return /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -1000,6 +1005,7 @@ export {
   HowTo as H,
   Layout as L,
   ProsCons as P,
+  RichTextRenderer as R,
   Seo as S,
   Table as T,
   FeatureCard as a,

package/dist/{index-CQRefU3H.js → index-qgcoV14g.js}

@@ -5,13 +5,14 @@ const reactI18next = require("react-i18next");
 const index$1 = require("./index-D2APUOog.js");
 const i18n = require("./index-BEqFPNAt.js");
 require("@ctrl/tinycolor");
-require("@mdx-js/react");
+const react$2 = require("@mdx-js/react");
 const index = require("./index-BhsXlbd8.js");
 const react$1 = require("react");
 const icons = require("@chakra-ui/icons");
 const index$2 = require("./index-IpSV-c71.js");
 const i18n$1 = require("i18next");
 const gatsby = require("gatsby");
+const Markdown = require("react-markdown");
 const Center = ({ children, ...boxProps }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(react.Center, { ...boxProps, children });
 };
@@ -928,6 +929,10 @@ const ProsCons = ({ items, ...boxProps }) => {
     /* @__PURE__ */ jsxRuntime.jsx(ProsConsCard, { itemType: "cons", items: cons })
   ] });
 };
+const RichTextRenderer = ({ content }) => {
+  const components = react$2.useMDXComponents();
+  return /* @__PURE__ */ jsxRuntime.jsx(Markdown, { components, children: content });
+};
 const Seo = ({ children, siteMetadata, title, description, lang }) => {
   const { title: defaultTitle, description: defaultDescription, lang: defaultLang, siteUrl } = siteMetadata;
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -1010,6 +1015,7 @@ exports.LinkButton = LinkButton;
 exports.List = List;
 exports.ProsCons = ProsCons;
 exports.PulseButton = PulseButton;
+exports.RichTextRenderer = RichTextRenderer;
 exports.Seo = Seo;
 exports.Table = Table;
 exports.Tabs = Tabs;

package/dist/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index = require("./index-CQRefU3H.js");
+const index = require("./index-qgcoV14g.js");
 const index$1 = require("./index-IpSV-c71.js");
 const i18n$1 = require("./index-BEqFPNAt.js");
 const index$2 = require("./index-m97PmVsd.js");
@@ -27,6 +27,7 @@ exports.LinkButton = index.LinkButton;
 exports.List = index.List;
 exports.ProsCons = index.ProsCons;
 exports.PulseButton = index.PulseButton;
+exports.RichTextRenderer = index.RichTextRenderer;
 exports.Seo = index.Seo;
 exports.Table = index.Table;
 exports.Tabs = index.Tabs;

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import { A, B, g, C, h, E, F, a, b, G, c, d, i, H, L, j, e, P, k, S, T, f } from "./index-CIHivV4r.mjs";
+import { A, B, g, C, h, E, F, a, b, G, c, d, i, H, L, j, e, P, k, R, S, T, f } from "./index-Ct1pg92K.mjs";
 import { u } from "./index-xuSxvz5z.mjs";
 import { a as a2, G as G2, r } from "./index-F6_fGeRI.mjs";
 import { M } from "./index-C-e_0aJJ.mjs";
@@ -30,6 +30,7 @@ export {
   M as MdxProvider,
   P as ProsCons,
   k as PulseButton,
+  R as RichTextRenderer,
   S as Seo,
   S2 as SiteProvider,
   T as Table,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@anywayseo/tools",
   "description": "Shared UI Components and Modules",
-  "version": "2.5.1",
+  "version": "2.6.0",
   "keywords": [
     "react",
     "ui",
@@ -100,6 +100,7 @@
     "i18next": "^24.0.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "react-i18next": "^15.0.0"
+    "react-i18next": "^15.0.0",
+    "react-markdown": "^10.1.0"
   }
 }