@anywayseo/tools 3.1.1 → 4.0.0

package/dist/{index-Cin-9-As.mjs → index-DbwY2gVh.mjs}

@@ -1,16 +1,16 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { Box, Collapse, Text, Button, Flex, Stack, Image, Center as Center$1, SimpleGrid, Link, Card, CardHeader, Heading, CardBody, Popover, PopoverTrigger, Portal, PopoverContent, PopoverBody, CardFooter, useToast, useColorModeValue, VStack, FormControl, FormLabel, InputGroup, InputLeftElement, Input, Textarea, Accordion, AccordionItem, AccordionButton, AccordionIcon, AccordionPanel, LinkBox, LinkOverlay, IconButton, AbsoluteCenter, Spinner, useDisclosure, Divider, Circle, Container as Container$1, List as List$1, ListItem, Icon, ListIcon, TableContainer, Table as Table$1, Thead, Tr, Th, Tbody, Td, TableCaption, Tabs as Tabs$1, TabList, Tab, TabPanels, TabPanel } from "@chakra-ui/react";
 import { useTranslation } from "react-i18next";
-import { A as Animation, b as formatNumber, c as getCurrencySymbol, f as formatDate, g as getCurrentYear, a as getCurrentMonth } from "./index-25M8hPOF.mjs";
+import { A as Animation, e as getSeedRandomComparator, d as randomComparator, b as formatNumber, c as getCurrencySymbol, f as formatDate, g as getCurrentYear, a as getCurrentMonth } from "./index-DLy2LYCD.mjs";
 import { a as GameCharacteristic } from "./index-DoBCANwf.mjs";
 import "@ctrl/tinycolor";
 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 { useMDXComponents } from "@mdx-js/react";
 import { u as useSiteContext } from "./index-BNb-P8a6.mjs";
-import { t } from "i18next";
 import { Link as Link$1 } from "gatsby";
+import { u as usePrimaryColors } from "./index-xuSxvz5z.mjs";
+import { t } from "i18next";
 import Markdown from "react-markdown";
 const ONE_LINE_HEIGHT = 24;
 const Bio = ({ content, maxLines = 1 }) => {
@@ -117,14 +117,14 @@ const AuthorCard = ({ author, ...boxProps }) => {
     )
   ] });
 };
-const BonusCardContent = ({ content }) => {
+const BonusCardContent = ({ content, buttonColor }) => {
   const { t: t2 } = useTranslation("author");
   return /* @__PURE__ */ jsx(Popover, { autoFocus: false, isLazy: true, lazyBehavior: "keepMounted", children: ({ isOpen }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(PopoverTrigger, { children: /* @__PURE__ */ jsx(Button, { size: "sm", variant: "link", color: "white", children: isOpen ? t2("action.collapse") : t2("action.expand") }) }),
+    /* @__PURE__ */ jsx(PopoverTrigger, { children: /* @__PURE__ */ jsx(Button, { size: "sm", variant: "link", color: buttonColor, children: isOpen ? t2("action.collapse") : t2("action.expand") }) }),
     /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(PopoverContent, { children: /* @__PURE__ */ jsx(PopoverBody, { children: Array.isArray(content) ? /* @__PURE__ */ jsx(Stack, { children: content.map((paragraph, index) => /* @__PURE__ */ jsx(Text, { as: "span", children: paragraph }, index)) }) : /* @__PURE__ */ jsx(Text, { children: content }) }) }) })
   ] }) });
 };
-const BonusCardTitle = ({ content }) => {
+const BonusCardTitle = ({ content, color, textColor }) => {
   return /* @__PURE__ */ jsx(
     Text,
     {
@@ -133,22 +133,33 @@ const BonusCardTitle = ({ content }) => {
       py: 1,
       px: 2,
       borderRadius: "md",
-      bg: "yellow",
-      color: "black",
+      bg: color,
+      fontSize: "md",
       fontWeight: "bold",
-      fontSize: "lg",
+      color: textColor,
       children: content
     }
   );
 };
-const BonusCard = ({ title, subtitle, content, link, image, className }) => {
+const BonusCard = ({
+  title,
+  subtitle,
+  content,
+  link,
+  image,
+  color = "linear-gradient(90deg, #3b1f47, #731d58)",
+  textColor = "whiteAlpha.900",
+  titleColor = "yellow",
+  titleTextColor = "black",
+  className
+}) => {
   return /* @__PURE__ */ jsxs(
     Card,
     {
       as: "article",
       h: "full",
-      color: "whiteAlpha.900",
-      bg: "linear-gradient(90deg, #3b1f47, #731d58)",
+      color: textColor,
+      bg: color,
       _before: image ? {
         content: '""',
         position: "absolute",
@@ -165,15 +176,23 @@ const BonusCard = ({ title, subtitle, content, link, image, className }) => {
       className,
       children: [
         /* @__PURE__ */ jsxs(CardBody, { as: "section", pb: 0, flex: 1, children: [
-          /* @__PURE__ */ jsx(BonusCardTitle, { content: title }),
+          /* @__PURE__ */ jsx(BonusCardTitle, { content: title, color: titleColor, textColor: titleTextColor }),
           /* @__PURE__ */ jsx(Text, { fontSize: "2xl", fontWeight: "bold", my: 2, children: subtitle }),
-          /* @__PURE__ */ jsx(BonusCardContent, { content })
+          /* @__PURE__ */ jsx(BonusCardContent, { content, buttonColor: textColor })
         ] }),
         /* @__PURE__ */ jsx(CardFooter, { as: "footer", p: 4, children: /* @__PURE__ */ jsx(LinkButton, { ...link, width: "full" }) })
       ]
     }
   );
 };
+const BonusCardGrid = ({
+  items,
+  columns = { base: 1, md: 2, lg: 3 },
+  gap = 4,
+  ...boxProps
+}) => {
+  return /* @__PURE__ */ jsx(Grid, { items, columns, gap, render: (item) => /* @__PURE__ */ jsx(BonusCard, { ...item }), ...boxProps });
+};
 const ContactForm = ({ ...boxProps }) => {
   const toast = useToast();
   const { t: t2 } = useTranslation("contactForm");
@@ -266,13 +285,18 @@ const FeatureCard = ({ title, description }) => {
     /* @__PURE__ */ jsx(CardBody, { as: "section", pt: 0, children: /* @__PURE__ */ jsx(Text, { color: "gray.500", children: description }) })
   ] });
 };
-const Features = ({ features, ...boxProps }) => {
+const FeatureCardGrid = ({
+  items,
+  columns = { base: 1, md: 2, lg: 3 },
+  gap = 4,
+  ...boxProps
+}) => {
   return /* @__PURE__ */ jsx(
     Grid,
     {
-      items: features,
-      columns: { base: 1, md: 2, lg: 3 },
-      gap: 10,
+      items,
+      columns,
+      gap,
       getKey: ({ title }) => title,
       render: (item) => /* @__PURE__ */ jsx(FeatureCard, { ...item }),
       ...boxProps
@@ -302,6 +326,30 @@ const GameCard = ({ name, description, image, link, height = "auto" }) => {
     }
   );
 };
+const GameCardGrid = ({
+  items,
+  columns = { base: 1, md: 2, lg: 3 },
+  gap = 4,
+  cardHeight = "full",
+  order = "default",
+  randomSeed,
+  ...boxProps
+}) => {
+  let sortedItems = items;
+  if (order === "random") {
+    sortedItems = [...items].sort(randomSeed ? getSeedRandomComparator(randomSeed) : randomComparator);
+  }
+  return /* @__PURE__ */ jsx(
+    Grid,
+    {
+      items: sortedItems,
+      columns,
+      gap,
+      render: (item) => /* @__PURE__ */ jsx(GameCard, { ...item, height: cardHeight }),
+      ...boxProps
+    }
+  );
+};
 const GameDemoContent = ({ src, isFullscreen, isLoaded, onLoad, onToggleFullscreen }) => {
   const { t: t2 } = useTranslation("gameDemo");
   return /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -912,10 +960,6 @@ const ProsCons = ({ items, ...boxProps }) => {
     /* @__PURE__ */ jsx(ProsConsCard, { itemType: "cons", items: cons })
   ] });
 };
-const RichTextRenderer = ({ content }) => {
-  const components = useMDXComponents();
-  return /* @__PURE__ */ jsx(Markdown, { components, children: content });
-};
 function replacePlaceholders(text, placeholders) {
   Object.entries(placeholders).forEach(([placeholder, replacement]) => {
     const regex = new RegExp(`{{${placeholder}}}`, "g");
@@ -972,21 +1016,6 @@ const Table = ({
     }
   );
 };
-const Tabs = ({ items, render, ...boxProps }) => {
-  const { tabs, panels } = useMemo(() => {
-    const tabs2 = [];
-    const panels2 = [];
-    items.forEach(({ content, ...tab }) => {
-      tabs2.push(tab);
-      panels2.push(content);
-    });
-    return { tabs: tabs2, panels: panels2 };
-  }, []);
-  return /* @__PURE__ */ jsxs(Tabs$1, { overflow: "hidden", colorScheme: "brand", ...boxProps, children: [
-    /* @__PURE__ */ jsx(TabList, { overflow: "auto hidden", children: tabs.map(({ label, icon }, index) => /* @__PURE__ */ jsx(Tab, { children: /* @__PURE__ */ jsx(Text, { as: "h3", isTruncated: true, children: icon ? `${icon} ${label}` : label }) }, index)) }),
-    /* @__PURE__ */ jsx(TabPanels, { children: panels.map((panel, index) => /* @__PURE__ */ jsx(TabPanel, { children: render ? render(panel) : panel }, index)) })
-  ] });
-};
 const Tip = ({ tip, author = null, ...boxProps }) => {
   return /* @__PURE__ */ jsxs(
     Card,
@@ -1012,6 +1041,128 @@ const Tip = ({ tip, author = null, ...boxProps }) => {
     }
   );
 };
+const ExternalImage = ({ image, component: ImageComponent, alt = "", ...imageProps }) => {
+  var _a, _b;
+  const imageData = (_b = (_a = image == null ? void 0 : image.localFile) == null ? void 0 : _a.childImageSharp) == null ? void 0 : _b.gatsbyImageData;
+  return imageData ? /* @__PURE__ */ jsx(ImageComponent, { image: imageData, alt, ...imageProps }) : /* @__PURE__ */ jsx(Fragment, {});
+};
+const RichText = ({ content }) => {
+  const components = useMDXComponents();
+  return /* @__PURE__ */ jsx(Markdown, { components, children: content });
+};
+function extractItemsFromJson(content) {
+  return content.strapi_json_value;
+}
+const StrapiComponent = ({ type, props, imageComponent }) => {
+  switch (type) {
+    case "STRAPI__COMPONENT_CONTENT_FAQ":
+      return /* @__PURE__ */ jsx(Faq, { items: props.items, mb: 4 });
+    case "STRAPI__COMPONENT_CONTENT_FEATURES":
+      return /* @__PURE__ */ jsx(FeatureCardGrid, { items: props.items, mb: 4 });
+    case "STRAPI__COMPONENT_CONTENT_GAME_DEMO":
+      return /* @__PURE__ */ jsx(
+        GameDemo,
+        {
+          name: props.name,
+          src: props.src,
+          previewImage: /* @__PURE__ */ jsx(ExternalImage, { image: props.previewImage, alt: props.name, component: imageComponent }),
+          mb: 4
+        }
+      );
+    case "STRAPI__COMPONENT_CONTENT_GAME_INFO":
+      return /* @__PURE__ */ jsx(GameInfo, { info: { ...props } });
+    case "STRAPI__COMPONENT_CONTENT_HOW_TO":
+      return /* @__PURE__ */ jsx(
+        HowTo,
+        {
+          steps: props.steps.map((step) => {
+            return {
+              ...step,
+              thumbnail: /* @__PURE__ */ jsx(ExternalImage, { image: step.thumbnail, alt: step.title, component: imageComponent })
+            };
+          }),
+          mb: 4
+        }
+      );
+    case "STRAPI__COMPONENT_CONTENT_LIST":
+      return /* @__PURE__ */ jsx(List, { bullet: props.bullet, items: extractItemsFromJson(props.content) });
+    case "STRAPI__COMPONENT_CONTENT_MEDIA":
+      return /* @__PURE__ */ jsx(
+        ExternalImage,
+        {
+          component: imageComponent,
+          image: props.file,
+          alt: props.alternativeText,
+          style: { display: "inline-block", marginBottom: 16 }
+        }
+      );
+    case "STRAPI__COMPONENT_CONTENT_PROS_CONS":
+      return /* @__PURE__ */ jsx(ProsCons, { items: { ...props }, mb: 4 });
+    case "STRAPI__COMPONENT_CONTENT_RICH_TEXT":
+      return /* @__PURE__ */ jsx(RichText, { content: props.content.data.content });
+    case "STRAPI__COMPONENT_CONTENT_TABLE":
+      return /* @__PURE__ */ jsx(
+        Table,
+        {
+          columnNumber: props.columnNumber,
+          items: extractItemsFromJson(props.content),
+          caption: props.caption,
+          bordered: props.bordered,
+          scrollable: props.scrollable,
+          striped: props.striped,
+          mb: 4
+        }
+      );
+    case "STRAPI__COMPONENT_CONTENT_TIP":
+      return /* @__PURE__ */ jsx(
+        Tip,
+        {
+          tip: props.tip,
+          author: props.author ? {
+            ...props.author,
+            avatar: /* @__PURE__ */ jsx(
+              ExternalImage,
+              {
+                component: imageComponent,
+                image: props.author.avatar,
+                alt: props.author.name,
+                style: { borderRadius: "50%" }
+              }
+            )
+          } : null,
+          mb: 4
+        }
+      );
+    default:
+      return null;
+  }
+};
+function isStrapiContent(array) {
+  return Array.isArray(array) && array.every(
+    (item) => typeof item === "object" && item !== null && "__typename" in item && typeof item.__typename === "string"
+  );
+}
+const StrapiContentRenderer = ({ content, imageComponent }) => {
+  if (!isStrapiContent(content)) {
+    return null;
+  }
+  return content.map(({ __typename: type, ...props }, index) => /* @__PURE__ */ jsx(StrapiComponent, { type, props, imageComponent }, index));
+};
+const Tabs = ({ items, render, ...boxProps }) => {
+  const { tabs, panels } = useMemo(() => {
+    const tabs2 = [];
+    const panels2 = [];
+    items.forEach(({ content, ...tab }) => {
+      tabs2.push(tab);
+      panels2.push(content);
+    });
+    return { tabs: tabs2, panels: panels2 };
+  }, []);
+  return /* @__PURE__ */ jsxs(Tabs$1, { overflow: "hidden", colorScheme: "brand", ...boxProps, children: [
+    /* @__PURE__ */ jsx(TabList, { overflow: "auto hidden", children: tabs.map(({ label, icon }, index) => /* @__PURE__ */ jsx(Tab, { children: /* @__PURE__ */ jsx(Text, { as: "h3", isTruncated: true, children: icon ? `${icon} ${label}` : label }) }, index)) }),
+    /* @__PURE__ */ jsx(TabPanels, { children: panels.map((panel, index) => /* @__PURE__ */ jsx(TabPanel, { children: render ? render(panel) : panel }, index)) })
+  ] });
+};
 export {
   AuthorCard as A,
   BonusCard as B,
@@ -1022,19 +1173,21 @@ export {
   Layout as L,
   NotFound as N,
   ProsCons as P,
-  RichTextRenderer as R,
   Seo as S,
   Table as T,
-  FeatureCard as a,
-  Features as b,
-  GameDemo as c,
-  GameInfo as d,
-  List as e,
-  Tabs as f,
-  Tip as g,
-  Author as h,
-  Center as i,
-  Grid as j,
-  LinkButton as k,
-  PulseButton as l
+  BonusCardGrid as a,
+  FeatureCard as b,
+  FeatureCardGrid as c,
+  GameCardGrid as d,
+  GameDemo as e,
+  GameInfo as f,
+  List as g,
+  StrapiContentRenderer as h,
+  Tabs as i,
+  Tip as j,
+  Author as k,
+  Center as l,
+  Grid as m,
+  LinkButton as n,
+  PulseButton as o
 };

package/dist/index-DzEvPZny.mjs

@@ -0,0 +1,87 @@
+import { TinyColor } from "@ctrl/tinycolor";
+const DUMMY_PAGE_TYPE = "DUMMY";
+function isValidPath(value) {
+  return typeof value === "string" && (value === "" || value.startsWith("/"));
+}
+function isValidType(value) {
+  return typeof value === "string" && value !== DUMMY_PAGE_TYPE;
+}
+function transformNavItems(items, parentPath = "") {
+  if (!items || !items.length) {
+    return [];
+  }
+  const transformed = [];
+  items.forEach((item) => {
+    var _a;
+    if (item && item.title && isValidType(item.type) && isValidPath(item.path)) {
+      let path = `${parentPath}${item.path}`;
+      let children = [];
+      if ((_a = item.items) == null ? void 0 : _a.length) {
+        path = "";
+        children = transformNavItems(item.items, path);
+      }
+      transformed.push({ label: item.title, path, children });
+    }
+  });
+  return transformed;
+}
+function transformSiteNavigation(strapiNavigation) {
+  if (!strapiNavigation) {
+    return null;
+  }
+  const navGroups = strapiNavigation.items;
+  const headerNav = navGroups == null ? void 0 : navGroups.find((item) => (item == null ? void 0 : item.slug) === "header-navigation");
+  const footerNav = navGroups == null ? void 0 : navGroups.find((item) => (item == null ? void 0 : item.slug) === "footer-navigation");
+  return {
+    header: transformNavItems(headerNav == null ? void 0 : headerNav.items),
+    footer: transformNavItems(footerNav == null ? void 0 : footerNav.items)
+  };
+}
+const DEFAULT_THEME = "system";
+const DEFAULT_COLOR = "#333333";
+const DefaultColorShadeMap = {
+  50: 52,
+  100: 40,
+  200: 30,
+  300: 20,
+  400: 10,
+  600: 10,
+  700: 20,
+  800: 30,
+  900: 40
+};
+function extractTheme(value, defaultTheme = DEFAULT_THEME) {
+  let theme = defaultTheme;
+  if (value) {
+    const themes = ["dark", "light", "system"];
+    const probablyTheme = value;
+    if (themes.includes(probablyTheme)) {
+      theme = probablyTheme;
+    }
+  }
+  return theme;
+}
+function generateColorPalette(value, defaultColor = DEFAULT_COLOR, colorShadeMap = DefaultColorShadeMap) {
+  let baseColor = defaultColor;
+  if (value && typeof value === "string") {
+    baseColor = value;
+  }
+  const color = new TinyColor(baseColor);
+  return {
+    50: color.lighten(colorShadeMap[50]).toHexString(),
+    100: color.lighten(colorShadeMap[100]).toHexString(),
+    200: color.lighten(colorShadeMap[200]).toHexString(),
+    300: color.lighten(colorShadeMap[300]).toHexString(),
+    400: color.lighten(colorShadeMap[400]).toHexString(),
+    500: color.toHexString(),
+    600: color.darken(colorShadeMap[600]).toHexString(),
+    700: color.darken(colorShadeMap[700]).toHexString(),
+    800: color.darken(colorShadeMap[800]).toHexString(),
+    900: color.darken(colorShadeMap[900]).toHexString()
+  };
+}
+export {
+  extractTheme as e,
+  generateColorPalette as g,
+  transformSiteNavigation as t
+};

package/dist/index-NsIHOkeN.js

@@ -0,0 +1,86 @@
+"use strict";
+const tinycolor = require("@ctrl/tinycolor");
+const DUMMY_PAGE_TYPE = "DUMMY";
+function isValidPath(value) {
+  return typeof value === "string" && (value === "" || value.startsWith("/"));
+}
+function isValidType(value) {
+  return typeof value === "string" && value !== DUMMY_PAGE_TYPE;
+}
+function transformNavItems(items, parentPath = "") {
+  if (!items || !items.length) {
+    return [];
+  }
+  const transformed = [];
+  items.forEach((item) => {
+    var _a;
+    if (item && item.title && isValidType(item.type) && isValidPath(item.path)) {
+      let path = `${parentPath}${item.path}`;
+      let children = [];
+      if ((_a = item.items) == null ? void 0 : _a.length) {
+        path = "";
+        children = transformNavItems(item.items, path);
+      }
+      transformed.push({ label: item.title, path, children });
+    }
+  });
+  return transformed;
+}
+function transformSiteNavigation(strapiNavigation) {
+  if (!strapiNavigation) {
+    return null;
+  }
+  const navGroups = strapiNavigation.items;
+  const headerNav = navGroups == null ? void 0 : navGroups.find((item) => (item == null ? void 0 : item.slug) === "header-navigation");
+  const footerNav = navGroups == null ? void 0 : navGroups.find((item) => (item == null ? void 0 : item.slug) === "footer-navigation");
+  return {
+    header: transformNavItems(headerNav == null ? void 0 : headerNav.items),
+    footer: transformNavItems(footerNav == null ? void 0 : footerNav.items)
+  };
+}
+const DEFAULT_THEME = "system";
+const DEFAULT_COLOR = "#333333";
+const DefaultColorShadeMap = {
+  50: 52,
+  100: 40,
+  200: 30,
+  300: 20,
+  400: 10,
+  600: 10,
+  700: 20,
+  800: 30,
+  900: 40
+};
+function extractTheme(value, defaultTheme = DEFAULT_THEME) {
+  let theme = defaultTheme;
+  if (value) {
+    const themes = ["dark", "light", "system"];
+    const probablyTheme = value;
+    if (themes.includes(probablyTheme)) {
+      theme = probablyTheme;
+    }
+  }
+  return theme;
+}
+function generateColorPalette(value, defaultColor = DEFAULT_COLOR, colorShadeMap = DefaultColorShadeMap) {
+  let baseColor = defaultColor;
+  if (value && typeof value === "string") {
+    baseColor = value;
+  }
+  const color = new tinycolor.TinyColor(baseColor);
+  return {
+    50: color.lighten(colorShadeMap[50]).toHexString(),
+    100: color.lighten(colorShadeMap[100]).toHexString(),
+    200: color.lighten(colorShadeMap[200]).toHexString(),
+    300: color.lighten(colorShadeMap[300]).toHexString(),
+    400: color.lighten(colorShadeMap[400]).toHexString(),
+    500: color.toHexString(),
+    600: color.darken(colorShadeMap[600]).toHexString(),
+    700: color.darken(colorShadeMap[700]).toHexString(),
+    800: color.darken(colorShadeMap[800]).toHexString(),
+    900: color.darken(colorShadeMap[900]).toHexString()
+  };
+}
+exports.extractTheme = extractTheme;
+exports.generateColorPalette = generateColorPalette;
+exports.transformSiteNavigation = transformSiteNavigation;

package/dist/index.cjs

@@ -1,22 +1,24 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index = require("./index-eta4hdHD.js");
+const index = require("./index-BmkMQFW1.js");
 const index$1 = require("./index-IpSV-c71.js");
 const i18n$1 = require("./index-Biz1dDqA.js");
 const index$2 = require("./index-d3V0A4lN.js");
 const index$3 = require("./index-BhsXlbd8.js");
-const index$4 = require("./index-Cte2-g6s.js");
-const index$5 = require("./index-D2JqGE4u.js");
+const index$4 = require("./index-Bw7vqsyw.js");
+const index$5 = require("./index-NsIHOkeN.js");
 const i18n = require("i18next");
 exports.Author = index.Author;
 exports.AuthorCard = index.AuthorCard;
 exports.BonusCard = index.BonusCard;
+exports.BonusCardGrid = index.BonusCardGrid;
 exports.Center = index.Center;
 exports.ContactForm = index.ContactForm;
 exports.Faq = index.Faq;
 exports.FeatureCard = index.FeatureCard;
-exports.Features = index.Features;
+exports.FeatureCardGrid = index.FeatureCardGrid;
 exports.GameCard = index.GameCard;
+exports.GameCardGrid = index.GameCardGrid;
 exports.GameDemo = index.GameDemo;
 exports.GameInfo = index.GameInfo;
 exports.Grid = index.Grid;
@@ -27,8 +29,8 @@ exports.List = index.List;
 exports.NotFound = index.NotFound;
 exports.ProsCons = index.ProsCons;
 exports.PulseButton = index.PulseButton;
-exports.RichTextRenderer = index.RichTextRenderer;
 exports.Seo = index.Seo;
+exports.StrapiContentRenderer = index.StrapiContentRenderer;
 exports.Table = index.Table;
 exports.Tabs = index.Tabs;
 exports.Tip = index.Tip;
@@ -45,12 +47,12 @@ exports.formatNumber = index$4.formatNumber;
 exports.getCurrencySymbol = index$4.getCurrencySymbol;
 exports.getCurrentMonth = index$4.getCurrentMonth;
 exports.getCurrentYear = index$4.getCurrentYear;
+exports.getSeedRandomComparator = index$4.getSeedRandomComparator;
 exports.parseNumber = index$4.parseNumber;
+exports.randomComparator = index$4.randomComparator;
 exports.round = index$4.round;
 exports.toFixedTwo = index$4.toFixedTwo;
 exports.extractTheme = index$5.extractTheme;
 exports.generateColorPalette = index$5.generateColorPalette;
-exports.getValidSource = index$5.getValidSource;
 exports.transformSiteNavigation = index$5.transformSiteNavigation;
-exports.typeDefs = index$5.typeDefs;
 exports.i18n = i18n;

package/dist/index.mjs

@@ -1,56 +1,58 @@
-import { h, A, B, i, C, F, a, b, G, c, d, j, H, L, k, e, N, P, l, R, S, T, f, g } from "./index-Cin-9-As.mjs";
+import { k, A, B, a, l, C, F, b, c, G, d, e, f, m, H, L, n, g, N, P, o, S, h, T, i, j } from "./index-DbwY2gVh.mjs";
 import { u } from "./index-xuSxvz5z.mjs";
 import { a as a2, G as G2, r } from "./index-DoBCANwf.mjs";
 import { M } from "./index-Bx3B21Dh.mjs";
 import { S as S2, u as u2 } from "./index-BNb-P8a6.mjs";
-import { A as A2, f as f2, b as b2, c as c2, a as a3, g as g2, p, r as r2, t } from "./index-25M8hPOF.mjs";
-import { e as e2, b as b3, g as g3, a as a4, t as t2 } from "./index-CHnNtadm.mjs";
+import { A as A2, f as f2, b as b2, c as c2, a as a3, g as g2, e as e2, p, d as d2, r as r2, t } from "./index-DLy2LYCD.mjs";
+import { e as e3, g as g3, t as t2 } from "./index-DzEvPZny.mjs";
 import { default as default2 } from "i18next";
 export {
   A2 as Animation,
-  h as Author,
+  k as Author,
   A as AuthorCard,
   B as BonusCard,
-  i as Center,
+  a as BonusCardGrid,
+  l as Center,
   C as ContactForm,
   F as Faq,
-  a as FeatureCard,
-  b as Features,
+  b as FeatureCard,
+  c as FeatureCardGrid,
   G as GameCard,
+  d as GameCardGrid,
   a2 as GameCharacteristic,
-  c as GameDemo,
-  d as GameInfo,
+  e as GameDemo,
+  f as GameInfo,
   G2 as GameVolatility,
-  j as Grid,
+  m as Grid,
   H as HowTo,
   L as Layout,
-  k as LinkButton,
-  e as List,
+  n as LinkButton,
+  g as List,
   M as MdxProvider,
   N as NotFound,
   P as ProsCons,
-  l as PulseButton,
-  R as RichTextRenderer,
+  o as PulseButton,
   S as Seo,
   S2 as SiteProvider,
+  h as StrapiContentRenderer,
   T as Table,
-  f as Tabs,
-  g as Tip,
-  e2 as extractTheme,
+  i as Tabs,
+  j as Tip,
+  e3 as extractTheme,
   f2 as formatDate,
   b2 as formatNumber,
-  b3 as generateColorPalette,
+  g3 as generateColorPalette,
   c2 as getCurrencySymbol,
   a3 as getCurrentMonth,
   g2 as getCurrentYear,
-  g3 as getValidSource,
+  e2 as getSeedRandomComparator,
   default2 as i18n,
   p as parseNumber,
+  d2 as randomComparator,
   r as resources,
   r2 as round,
   t as toFixedTwo,
-  a4 as transformSiteNavigation,
-  t2 as typeDefs,
+  t2 as transformSiteNavigation,
   u as usePrimaryColors,
   u2 as useSiteContext
 };

package/dist/types/components/common/index.d.ts

@@ -1,8 +1,9 @@
 import { Key, ReactElement } from 'react';
-import { BoxProps } from '@chakra-ui/react';
+import { BoxProps, ColorProps } from '@chakra-ui/react';
 export type KeyGetter<T> = (item: T) => Key;
 export type RenderFunction<T> = (item: T) => ReactElement;
 type BoxPaddingProps = Pick<BoxProps, 'p' | 'pt' | 'pr' | 'pb' | 'pl' | 'px' | 'py' | 'ps' | 'pe'>;
 type BoxMarginProps = Pick<BoxProps, 'm' | 'mt' | 'mr' | 'mb' | 'ml' | 'mx' | 'my' | 'ms' | 'me'>;
 export type BoxPositionProps = BoxMarginProps & BoxPaddingProps;
+export type Color = ColorProps['color'];
 export {};