@anywayseo/tools 2.5.0 → 2.6.0

package/dist/components/bonus-card/index.d.ts

@@ -1,5 +1,7 @@
 import { FC } from 'react';
 import { IBonusCard } from '../../types';
-type BonusCardProps = IBonusCard;
+type BonusCardProps = IBonusCard & {
+    className?: string;
+};
 declare const BonusCard: FC<BonusCardProps>;
 export default BonusCard;

package/dist/components/game-card/index.d.ts

@@ -1,5 +1,7 @@
 import { FC } from 'react';
 import { IGameCard } from '../../types';
-type GameCardProps = IGameCard;
+type GameCardProps = IGameCard & {
+    height?: 'full' | 'auto';
+};
 declare const GameCard: FC<GameCardProps>;
 export default GameCard;

package/dist/components/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index = require("../index-BR5dWoW7.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-BWm-60DT.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-BWm-60DT.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 });
 };
@@ -143,12 +144,13 @@ const BonusCardTitle = ({ content }) => {
     }
   );
 };
-const BonusCard = ({ title, subtitle, content, link, image }) => {
+const BonusCard = ({ title, subtitle, content, link, image, className }) => {
   return /* @__PURE__ */ jsxs(
     Card,
     {
       as: "article",
       h: "full",
+      color: "whiteAlpha.900",
       bg: "linear-gradient(90deg, #3b1f47, #731d58)",
       _before: image ? {
         content: '""',
@@ -163,6 +165,7 @@ const BonusCard = ({ title, subtitle, content, link, image }) => {
         filter: "blur(0.05em) opacity(50%)",
         zIndex: 0
       } : void 0,
+      className,
       children: [
         /* @__PURE__ */ jsxs(CardBody, { as: "section", pb: 0, flex: 1, children: [
           /* @__PURE__ */ jsx(BonusCardTitle, { content: title }),
@@ -304,7 +307,7 @@ const Features = ({ features, ...boxProps }) => {
     }
   );
 };
-const GameCard = ({ name, image, link }) => {
+const GameCard = ({ name, description, image, link, height = "auto" }) => {
   return /* @__PURE__ */ jsxs(
     LinkBox,
     {
@@ -314,11 +317,15 @@ const GameCard = ({ name, image, link }) => {
       transition: "transform 0.2s ease",
       cursor: link ? "pointer" : "default",
       overflow: "hidden",
-      bg: "blackAlpha.400",
+      bg: "blackAlpha.200",
+      height,
       _hover: { transform: "scale(1.1)" },
       children: [
         typeof image === "string" ? /* @__PURE__ */ jsx(Image, { src: image, alt: name, w: "100%", aspectRatio: "16/9", objectFit: "cover", objectPosition: "center" }) : !!image && /* @__PURE__ */ jsx(Box, { w: "100%", aspectRatio: "16/9", children: image }),
-        /* @__PURE__ */ jsx(Box, { as: "section", rounded: "md", p: 4, children: /* @__PURE__ */ jsx(Text, { as: "span", children: link ? /* @__PURE__ */ jsx(LinkOverlay, { href: link, children: name }) : name }) })
+        /* @__PURE__ */ jsxs(Box, { as: "section", rounded: "md", p: 4, children: [
+          /* @__PURE__ */ jsx(Text, { as: "span", children: link ? /* @__PURE__ */ jsx(LinkOverlay, { href: link, children: name }) : name }),
+          !!description && /* @__PURE__ */ jsx(Text, { fontSize: "sm", color: "gray.600", children: description })
+        ] })
       ]
     }
   );
@@ -921,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: [
@@ -994,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-BR5dWoW7.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 });
 };
@@ -144,12 +145,13 @@ const BonusCardTitle = ({ content }) => {
     }
   );
 };
-const BonusCard = ({ title, subtitle, content, link, image }) => {
+const BonusCard = ({ title, subtitle, content, link, image, className }) => {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     react.Card,
     {
       as: "article",
       h: "full",
+      color: "whiteAlpha.900",
       bg: "linear-gradient(90deg, #3b1f47, #731d58)",
       _before: image ? {
         content: '""',
@@ -164,6 +166,7 @@ const BonusCard = ({ title, subtitle, content, link, image }) => {
         filter: "blur(0.05em) opacity(50%)",
         zIndex: 0
       } : void 0,
+      className,
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs(react.CardBody, { as: "section", pb: 0, flex: 1, children: [
           /* @__PURE__ */ jsxRuntime.jsx(BonusCardTitle, { content: title }),
@@ -305,7 +308,7 @@ const Features = ({ features, ...boxProps }) => {
     }
   );
 };
-const GameCard = ({ name, image, link }) => {
+const GameCard = ({ name, description, image, link, height = "auto" }) => {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     react.LinkBox,
     {
@@ -315,11 +318,15 @@ const GameCard = ({ name, image, link }) => {
       transition: "transform 0.2s ease",
       cursor: link ? "pointer" : "default",
       overflow: "hidden",
-      bg: "blackAlpha.400",
+      bg: "blackAlpha.200",
+      height,
       _hover: { transform: "scale(1.1)" },
       children: [
         typeof image === "string" ? /* @__PURE__ */ jsxRuntime.jsx(react.Image, { src: image, alt: name, w: "100%", aspectRatio: "16/9", objectFit: "cover", objectPosition: "center" }) : !!image && /* @__PURE__ */ jsxRuntime.jsx(react.Box, { w: "100%", aspectRatio: "16/9", children: image }),
-        /* @__PURE__ */ jsxRuntime.jsx(react.Box, { as: "section", rounded: "md", p: 4, children: /* @__PURE__ */ jsxRuntime.jsx(react.Text, { as: "span", children: link ? /* @__PURE__ */ jsxRuntime.jsx(react.LinkOverlay, { href: link, children: name }) : name }) })
+        /* @__PURE__ */ jsxRuntime.jsxs(react.Box, { as: "section", rounded: "md", p: 4, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(react.Text, { as: "span", children: link ? /* @__PURE__ */ jsxRuntime.jsx(react.LinkOverlay, { href: link, children: name }) : name }),
+          !!description && /* @__PURE__ */ jsxRuntime.jsx(react.Text, { fontSize: "sm", color: "gray.600", children: description })
+        ] })
       ]
     }
   );
@@ -922,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: [
@@ -1004,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-BR5dWoW7.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-BWm-60DT.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/dist/types/content/game/index.d.ts

@@ -1,3 +1,4 @@
 export interface IGame {
     name: string;
+    description?: string;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@anywayseo/tools",
   "description": "Shared UI Components and Modules",
-  "version": "2.5.0",
+  "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"
   }
 }