@anywayseo/tools 5.8.2 → 5.9.0

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

@@ -1,7 +1,8 @@
 import { FC } from 'react';
-import { IArticlePreviewCard, ImageType } from '../../types';
+import { IArticlePreviewCard, CardHeight, ImageType } from '../../types';
 type ArticleCardProps = IArticlePreviewCard & {
     image?: ImageType;
+    height?: CardHeight;
 };
 declare const ArticleCard: FC<ArticleCardProps>;
 export default ArticleCard;

package/dist/components/article-card-grid/index.d.ts

@@ -1,7 +1,8 @@
 import { FC } from 'react';
-import { BoxPositionProps, IArticlePreviewCard, GridConfigProps } from '../../types';
+import { BoxPositionProps, IArticlePreviewCard, GridConfigProps, CardHeight } from '../../types';
 type FeatureCardGridProps = {
     items: IArticlePreviewCard[];
+    cardHeight?: CardHeight;
 } & GridConfigProps & BoxPositionProps;
 declare const ArticleCardGrid: FC<FeatureCardGridProps>;
 export default ArticleCardGrid;

package/dist/components/base/rating/index.d.ts

@@ -1,10 +1,11 @@
 import { FC } from 'react';
+import { BoxPositionProps } from '../../../types';
 type RatingSize = 'sm' | 'md' | 'lg';
 type RatingProps = {
     value?: number;
     max?: number;
     size?: RatingSize;
     hasLabel?: boolean;
-};
+} & BoxPositionProps;
 declare const Rating: FC<RatingProps>;
 export default Rating;

package/dist/components/base/social-network/icons/index.d.ts

@@ -1,5 +1,6 @@
 export { FacebookIcon } from './facebook';
 export { InstagramIcon } from './instagram';
+export { LinkedInIcon } from './linked-in';
 export { PinterestIcon } from './pinterest';
 export { XcomIcon } from './x';
 export { YoutubeIcon } from './youtube';

package/dist/components/base/social-network/icons/linked-in/index.d.ts

@@ -0,0 +1,2 @@
+import { IconComponent } from '../../../../../types';
+export declare const LinkedInIcon: IconComponent;

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

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

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

@@ -1,8 +1,8 @@
 import { FC } from 'react';
-import { BoxPositionProps, GameCardHeight, GridConfigProps, IGameCard } from '../../types';
+import { BoxPositionProps, CardHeight, GridConfigProps, IGameCard } from '../../types';
 type GameCardGridProps = {
     items: IGameCard[];
-    cardHeight?: GameCardHeight;
+    cardHeight?: CardHeight;
     order?: 'default' | 'random';
     randomSeed?: number;
 } & GridConfigProps & BoxPositionProps;

package/dist/components/index.cjs

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index = require("../index-D-WTkYJu.js");
-const index$1 = require("../index-BrpyfyHr.js");
+const index = require("../index-BYl_y0HN.js");
+const index$1 = require("../index-DzOucsVx.js");
 const index$2 = require("../index-DDg_PkD2.js");
-const index$3 = require("../index-BNkvrBOj.js");
+const index$3 = require("../index-B4M1IKzL.js");
 exports.ActionButton = index.ActionButton;
 exports.ArticleCard = index.ArticleCard;
 exports.ArticleCardGrid = index.ArticleCardGrid;

package/dist/components/index.mjs

@@ -1,7 +1,7 @@
-import { A, a, b, c, n, o, d, B, e, C, r, q, F, f, g, G, h, i, j, p, H, I, L, N, s, P, S, k, T, l, t, m } from "../index-BN9vRBzY.mjs";
-import { C as C2, a as a2, b as b2, L as L2, c as c2, R, S as S2, d as d2 } from "../index-CodGh8Sq.mjs";
+import { A, a, b, c, n, o, d, B, e, C, r, q, F, f, g, G, h, i, j, p, H, I, L, N, s, P, S, k, T, l, t, m } from "../index-D9WcltF-.mjs";
+import { C as C2, a as a2, b as b2, L as L2, c as c2, R, S as S2, d as d2 } from "../index-D9i6mZaH.mjs";
 import { H as H2, a as a3, b as b3, O, P as P2, U } from "../index-BEjKnOZA.mjs";
-import { I as I2, L as L3 } from "../index-C3FKVt3V.mjs";
+import { I as I2, L as L3 } from "../index-ClIPWZ3z.mjs";
 export {
   A as ActionButton,
   a as ArticleCard,

package/dist/components/informer/utils.d.ts

@@ -1,5 +1,6 @@
 import { CardProps } from '@chakra-ui/react';
 import { InformerType } from '../../types';
+export declare const typesWithPrefix: Lowercase<InformerType>[];
 export declare function getQuotePseudoElement(color: string): CardProps['_before'];
 export declare const PrefixMap: Record<Lowercase<InformerType>, string>;
 export declare const BorderColorMap: Record<Lowercase<InformerType>, CardProps['borderLeftColor']>;

package/dist/components/seo/index.d.ts

@@ -1,6 +1,6 @@
 import { FC, PropsWithChildren } from 'react';
-import { ILocale, ISeo } from '../../types';
-import { IHrefLang, SeoItemGetter } from './types';
+import { IHrefLang, ILocale, ISeo } from '../../types';
+import { SeoItemGetter } from './types';
 type SeoProps = PropsWithChildren<{
     title?: ISeo['title'] | SeoItemGetter;
     description?: ISeo['description'] | SeoItemGetter;

package/dist/components/seo/types.d.ts

@@ -4,7 +4,3 @@ export interface ISeoItemPlaceholders {
     currentMonth: string;
 }
 export type SeoItemGetter = (placeholders: ISeoItemPlaceholders) => string;
-export interface IHrefLang {
-    href: string;
-    hrefLang: string;
-}

package/dist/{index-BNkvrBOj.js → index-B4M1IKzL.js}

@@ -61,7 +61,7 @@ const Image = ({ src = "", mode = "default", hasZoom, ...plainImageProps }) => {
       }
     );
   } else if (isImageComponent(src)) {
-    image = mode === "thumbnail" ? /* @__PURE__ */ jsxRuntime.jsx(react$1.Box, { aspectRatio: "16/9", children: src }) : src;
+    image = /* @__PURE__ */ jsxRuntime.jsx(react$1.Box, { ...mode === "thumbnail" && { aspectRatio: "16/9" }, ...plainImageProps, children: src });
   } else {
     return null;
   }

package/dist/{index-C7z5qqm_.mjs → index-BPthShL-.mjs}

@@ -1,4 +1,7 @@
 import { DEFAULT_LANGUAGE } from "./i18n/index.mjs";
+function isValidDate(date) {
+  return !date ? false : date instanceof Date && !isNaN(date.getTime());
+}
 function getCurrentYear(locale = DEFAULT_LANGUAGE) {
   const currentDate = /* @__PURE__ */ new Date();
   const currentYear = new Intl.DateTimeFormat(locale, { year: "numeric" }).format(currentDate);
@@ -11,8 +14,8 @@ function getCurrentMonth(locale = DEFAULT_LANGUAGE) {
 }
 function formatDate({ value, locale = DEFAULT_LANGUAGE, options }) {
   const date = typeof value === "string" || typeof value === "number" ? new Date(value) : value;
-  if (isNaN(date.getTime())) {
-    throw new Error("Invalid date provided");
+  if (!isValidDate(date)) {
+    return null;
   }
   const formatter = new Intl.DateTimeFormat(locale, options);
   return formatter.format(date);

package/dist/{index-D-WTkYJu.js → index-BYl_y0HN.js}

@@ -1,17 +1,17 @@
 "use strict";
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("@chakra-ui/react");
-const reactI18next = require("react-i18next");
-const react$2 = require("@mdx-js/react");
-const index = require("./index-BNkvrBOj.js");
-require("./index-C6MG_f24.js");
-const index$6 = require("./index-CBRFCYhV.js");
 require("react-medium-image-zoom");
+const index = require("./index-B4M1IKzL.js");
 const react$1 = require("react");
+const reactI18next = require("react-i18next");
 const icons = require("@chakra-ui/icons");
 const index$3 = require("./index-DDg_PkD2.js");
-const index$1 = require("./index-qR3kVjjs.js");
-const index$2 = require("./index-BrpyfyHr.js");
+const react$2 = require("@mdx-js/react");
+require("./index-C6MG_f24.js");
+const index$6 = require("./index-CBRFCYhV.js");
+const index$2 = require("./index-DzOucsVx.js");
+const index$1 = require("./index-ov4J7p3D.js");
 const index$4 = require("./index-CVv755RW.js");
 const index$5 = require("./index-BfITsKAr.js");
 const i18next = require("i18next");
@@ -23,15 +23,16 @@ const ArticleMetaItem = ({ label, value }) => {
     value
   ] });
 };
-const ArticleMeta = ({ createdAt, updatedAt, minutesToRead, author, variant = "full" }) => {
+const ArticleMeta = ({ createdAt, updatedAt, minutesToRead, authorName, variant = "full" }) => {
   const { currentLocale } = index.usePageContext();
   const { t } = reactI18next.useTranslation("article");
+  const publicationDate = index$1.formatDate({ value: updatedAt ?? createdAt, locale: currentLocale.code });
   return /* @__PURE__ */ jsxRuntime.jsxs(react.Flex, { columnGap: 4, rowGap: 2, wrap: "wrap", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
+    !!publicationDate && /* @__PURE__ */ jsxRuntime.jsx(
       ArticleMetaItem,
       {
         label: variant === "full" ? `📅 ${t("meta.publicationDate")}` : "📅 ",
-        value: index$1.formatDate({ value: updatedAt ?? createdAt, locale: currentLocale.code })
+        value: publicationDate
       }
     ),
     !!minutesToRead && /* @__PURE__ */ jsxRuntime.jsx(
@@ -41,7 +42,7 @@ const ArticleMeta = ({ createdAt, updatedAt, minutesToRead, author, variant = "f
         value: t("meta.readingTime.count", { count: minutesToRead })
       }
     ),
-    !!author && /* @__PURE__ */ jsxRuntime.jsx(ArticleMetaItem, { label: variant === "full" ? `🧑🏻‍💻 ${t("meta.author")}` : "🧑🏻‍💻 ", value: author.name })
+    !!authorName && /* @__PURE__ */ jsxRuntime.jsx(ArticleMetaItem, { label: variant === "full" ? `🧑🏻‍💻 ${t("meta.author")}` : "🧑🏻‍💻 ", value: authorName })
   ] });
 };
 const ONE_LINE_HEIGHT = 24;
@@ -101,19 +102,31 @@ const Grid = ({ items, columns = defaultColumns, gap, render, getKey, ...boxProp
 const ActionButton = ({ label, href, ...boxProps }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(react.Flex, { justifyContent: "center", ...boxProps, children: /* @__PURE__ */ jsxRuntime.jsx(index$2.LinkButton, { label, href, textDecoration: "none" }) });
 };
-const ArticleCard = ({ title, image, meta, url }) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(react.Card, { as: index.Link, to: url, overflow: "hidden", _hover: { transform: "scale(1.02)", textDecoration: "none" }, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(react.CardBody, { as: "section", p: 0, children: [
-      !!image && /* @__PURE__ */ jsxRuntime.jsx(index.Image, { src: image, alt: title, mode: "thumbnail" }),
-      /* @__PURE__ */ jsxRuntime.jsx(index$3.Heading2, { size: "md", px: 4, children: title })
-    ] }),
-    !!meta && /* @__PURE__ */ jsxRuntime.jsx(react.CardFooter, { as: "footer", fontSize: "sm", pt: 0, px: 4, children: /* @__PURE__ */ jsxRuntime.jsx(ArticleMeta, { ...meta, variant: "short" }) })
-  ] });
+const ArticleCard = ({ title, image, meta, url, height }) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    react.Card,
+    {
+      as: index.Link,
+      to: url,
+      overflow: "hidden",
+      height,
+      pb: 4,
+      _hover: { transform: "scale(1.02)", textDecoration: "none" },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(react.CardBody, { as: "section", p: 0, children: [
+          !!image && /* @__PURE__ */ jsxRuntime.jsx(index.Image, { src: image, alt: title, mode: "thumbnail" }),
+          /* @__PURE__ */ jsxRuntime.jsx(index$3.Heading2, { size: "md", mt: 4, mb: 0, px: 4, children: title })
+        ] }),
+        !!meta && /* @__PURE__ */ jsxRuntime.jsx(react.CardFooter, { as: "footer", fontSize: "sm", mt: 2, py: 0, px: 4, children: /* @__PURE__ */ jsxRuntime.jsx(ArticleMeta, { ...meta, variant: "short" }) })
+      ]
+    }
+  );
 };
 const ArticleCardGrid = ({
   items,
   columns = { base: 1, md: 2, lg: 3 },
   gap = 4,
+  cardHeight = "full",
   ...boxProps
 }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -123,16 +136,16 @@ const ArticleCardGrid = ({
       columns,
       gap,
       getKey: (_, index2) => index2,
-      render: (item) => /* @__PURE__ */ jsxRuntime.jsx(ArticleCard, { ...item }),
+      render: (item) => /* @__PURE__ */ jsxRuntime.jsx(ArticleCard, { ...item, height: cardHeight }),
       ...boxProps
     }
   );
 };
 const ArticleInfoCard = ({ title, description, meta, ...boxProps }) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(react.Card, { as: "article", variant: "filled", ...boxProps, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(react.CardHeader, { as: "header", pb: 0, children: /* @__PURE__ */ jsxRuntime.jsx(index$3.Heading1, { children: title }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(react.CardBody, { as: "section", py: 0, children: description }),
-    !!meta && /* @__PURE__ */ jsxRuntime.jsx(react.CardFooter, { as: "footer", children: /* @__PURE__ */ jsxRuntime.jsx(ArticleMeta, { ...meta }) })
+  return /* @__PURE__ */ jsxRuntime.jsxs(react.Card, { as: "article", variant: "filled", p: 5, pb: 2, ...boxProps, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(react.CardHeader, { as: "header", p: 0, children: /* @__PURE__ */ jsxRuntime.jsx(index$3.Heading1, { children: title }) }),
+    !!description && /* @__PURE__ */ jsxRuntime.jsx(react.CardBody, { as: "section", p: 0, mb: 3, children: description }),
+    !!meta && /* @__PURE__ */ jsxRuntime.jsx(react.CardFooter, { as: "footer", p: 0, mb: 3, children: /* @__PURE__ */ jsxRuntime.jsx(ArticleMeta, { ...meta }) })
   ] });
 };
 const AuthorCard = ({ author, ...boxProps }) => {
@@ -268,7 +281,8 @@ const FeatureCardGrid = ({
     }
   );
 };
-const GameCard = ({ name, description, image, url, height = "auto" }) => {
+const GameCard = ({ name, description, image, url, rating, height = "auto" }) => {
+  const descriptionColor = react.useColorModeValue("gray.600", "gray.400");
   return /* @__PURE__ */ jsxRuntime.jsxs(
     react.LinkBox,
     {
@@ -278,14 +292,16 @@ const GameCard = ({ name, description, image, url, height = "auto" }) => {
       transition: "transform 0.2s ease",
       cursor: url ? "pointer" : "default",
       overflow: "hidden",
-      bg: "blackAlpha.200",
       height,
-      _hover: { transform: "scale(1.05)" },
+      _hover: url ? { transform: "scale(1.05)" } : {},
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(index.Image, { src: image, alt: name, mode: "thumbnail" }),
         /* @__PURE__ */ jsxRuntime.jsxs(react.Box, { as: "section", rounded: "md", p: 4, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(react.Text, { as: "span", children: url ? /* @__PURE__ */ jsxRuntime.jsx(react.LinkOverlay, { as: index.Link, to: url, children: name }) : name }),
-          !!description && /* @__PURE__ */ jsxRuntime.jsx(react.Text, { fontSize: "sm", color: "gray.600", children: description })
+          /* @__PURE__ */ jsxRuntime.jsxs(react.Flex, { justify: "space-between", align: "flex-start", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(react.Text, { as: "span", fontWeight: "semibold", children: url ? /* @__PURE__ */ jsxRuntime.jsx(react.LinkOverlay, { as: index.Link, to: url, _hover: { textDecoration: "none" }, children: name }) : name }),
+            !!rating && /* @__PURE__ */ jsxRuntime.jsx(index$2.Rating, { value: rating, size: "sm", py: 1 })
+          ] }),
+          !!description && /* @__PURE__ */ jsxRuntime.jsx(react.Text, { fontSize: "sm", color: descriptionColor, mt: 2, children: description })
         ] })
       ]
     }
@@ -438,6 +454,7 @@ const GameDemoPreview = ({ image, alt, src, refLink, imageFit = "cover", onPlayD
     !src && /* @__PURE__ */ jsxRuntime.jsx(GameDemoAlert, {}),
     /* @__PURE__ */ jsxRuntime.jsxs(react.Box, { position: "relative", flex: 1, children: [
       /* @__PURE__ */ jsxRuntime.jsx(index.Image, { src: image, alt, objectFit: imageFit, w: "100%", h: "100%" }),
+      /* @__PURE__ */ jsxRuntime.jsx(react.Box, { w: "full", h: "full", position: "absolute", inset: 0, background: "blackAlpha.500" }),
       /* @__PURE__ */ jsxRuntime.jsx(react.AbsoluteCenter, { children: /* @__PURE__ */ jsxRuntime.jsxs(react.Stack, { spacing: 4, children: [
         getPrimaryButton(),
         getSecondaryButton()
@@ -540,7 +557,7 @@ function getGameInfoItemValue(key, value, locale) {
     }
   }
   if (key === index$6.GameCharacteristic.ReleaseDate) {
-    formattedValue = index$1.formatDate({ value, locale, options: { year: "numeric", month: "long" } });
+    formattedValue = index$1.formatDate({ value, locale, options: { year: "numeric", month: "long" } }) ?? "???";
   }
   if (key === index$6.GameCharacteristic.Volatility && Object.values(index$6.GameVolatility).includes(value)) {
     formattedValue = stringifyVolatility(value);
@@ -596,6 +613,7 @@ const HowTo = ({ steps, ...boxProps }) => {
     ] })
   ] }, index$12)) });
 };
+const typesWithPrefix = ["advice", "fact"];
 function getQuotePseudoElement(color) {
   return {
     content: '"❛❛"',
@@ -632,7 +650,7 @@ const Informer = ({ type, text, author = null, ...boxProps }) => {
       ...boxProps,
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs(react.CardBody, { as: "blockquote", p: 0, fontStyle: "italic", children: [
-          type !== "quote" && /* @__PURE__ */ jsxRuntime.jsxs(react.Text, { as: "span", fontStyle: "normal", fontWeight: "semibold", mr: 2, children: [
+          typesWithPrefix.includes(type) && /* @__PURE__ */ jsxRuntime.jsxs(react.Text, { as: "span", fontStyle: "normal", fontWeight: "semibold", mr: 2, children: [
             PrefixMap[type],
             t(type),
             ":"
@@ -1022,6 +1040,33 @@ const StrapiComponent = ({ type, props, imageComponent }) => {
   switch (type) {
     case "STRAPI__COMPONENT_CONTENT_ACTION_BUTTON":
       return /* @__PURE__ */ jsxRuntime.jsx(ActionButton, { label: props.label, href: props.url, mb: 4 });
+    case "STRAPI__COMPONENT_CONTENT_ARTICLE_CARDS":
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        ArticleCardGrid,
+        {
+          items: props.articles.map(
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            ({ title, slug, hub, author, minutesToRead, createdAt, updatedAt, previewImage }) => {
+              const url = hub.slug ? `${hub.slug}/${slug}` : slug;
+              const articlePreview = {
+                title,
+                url,
+                meta: { createdAt, updatedAt, minutesToRead, authorName: (author == null ? void 0 : author.name) ?? "" },
+                image: /* @__PURE__ */ jsxRuntime.jsx(
+                  ExternalImage,
+                  {
+                    image: previewImage,
+                    alt: title,
+                    component: imageComponent
+                  }
+                )
+              };
+              return articlePreview;
+            }
+          ),
+          mb: 4
+        }
+      );
     case "STRAPI__COMPONENT_CONTENT_FAQ":
       return /* @__PURE__ */ jsxRuntime.jsx(Faq, { items: props.items, mb: 4 });
     case "STRAPI__COMPONENT_CONTENT_FEATURES":

package/dist/{index-C3FKVt3V.mjs → index-ClIPWZ3z.mjs}

@@ -60,7 +60,7 @@ const Image = ({ src = "", mode = "default", hasZoom, ...plainImageProps }) => {
       }
     );
   } else if (isImageComponent(src)) {
-    image = mode === "thumbnail" ? /* @__PURE__ */ jsx(Box, { aspectRatio: "16/9", children: src }) : src;
+    image = /* @__PURE__ */ jsx(Box, { ...mode === "thumbnail" && { aspectRatio: "16/9" }, ...plainImageProps, children: src });
   } else {
     return null;
   }

package/dist/{index-cY5WnaQc.mjs → index-D1gNEJUA.mjs}

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { MDXProvider } from "@mdx-js/react";
 import "react-i18next";
 import "@chakra-ui/react";
-import { I as Image, L as Link } from "./index-C3FKVt3V.mjs";
+import { I as Image, L as Link } from "./index-ClIPWZ3z.mjs";
 import "./index-BJRvnR8Q.mjs";
 import "./index-RzByAgHO.mjs";
 import "react";

package/dist/{index-BN9vRBzY.mjs → index-D9WcltF-.mjs}

@@ -1,16 +1,16 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useColorModeValue, Box, Text, Flex, Collapse, Button, Stack, Center as Center$1, SimpleGrid, Card, CardBody, CardFooter, CardHeader, Heading, Popover, PopoverTrigger, Portal, PopoverContent, PopoverBody, Accordion, AccordionItem, AccordionButton, AccordionIcon, AccordionPanel, LinkBox, LinkOverlay, IconButton, AbsoluteCenter, Spinner, Alert, AlertIcon, AlertTitle, AlertDescription, useDisclosure, Divider, Circle, List as List$1, ListItem, useToast, VStack, FormControl, FormLabel, InputGroup, InputLeftElement, Input, Textarea, 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 { useMDXComponents } from "@mdx-js/react";
-import { u as usePageContext, I as Image, L as Link, a as useSiteContext } from "./index-C3FKVt3V.mjs";
-import "./index-BJRvnR8Q.mjs";
-import { b as GameCharacteristic, G as GameVolatility } from "./index-RzByAgHO.mjs";
 import "react-medium-image-zoom";
+import { u as usePageContext, I as Image, L as Link, a as useSiteContext } from "./index-ClIPWZ3z.mjs";
 import { useRef, useState, useLayoutEffect, Fragment as Fragment$1, useMemo } from "react";
+import { useTranslation } from "react-i18next";
 import { StarIcon, CloseIcon, ViewOffIcon, ViewIcon, EmailIcon, WarningIcon, CheckCircleIcon } from "@chakra-ui/icons";
 import { a as Heading2, H as Heading1, P as Paragraph, U as Unordered, O as Ordered } from "./index-BEjKnOZA.mjs";
-import { f as formatDate, b as formatNumber, a as getCurrentMonth, g as getCurrentYear } from "./index-C7z5qqm_.mjs";
-import { d as SocialNetworks, L as LinkButton } from "./index-CodGh8Sq.mjs";
+import { useMDXComponents } from "@mdx-js/react";
+import "./index-BJRvnR8Q.mjs";
+import { b as GameCharacteristic, G as GameVolatility } from "./index-RzByAgHO.mjs";
+import { d as SocialNetworks, L as LinkButton, R as Rating } from "./index-D9i6mZaH.mjs";
+import { f as formatDate, b as formatNumber, a as getCurrentMonth, g as getCurrentYear } from "./index-BPthShL-.mjs";
 import { u as usePrimaryColors } from "./index-C1kr7Vd-.mjs";
 import { a as getSeededRandomComparator, r as randomComparator, g as getCurrencySymbol } from "./index-BeJTy4iY.mjs";
 import { t } from "i18next";
@@ -22,15 +22,16 @@ const ArticleMetaItem = ({ label, value }) => {
     value
   ] });
 };
-const ArticleMeta = ({ createdAt, updatedAt, minutesToRead, author, variant = "full" }) => {
+const ArticleMeta = ({ createdAt, updatedAt, minutesToRead, authorName, variant = "full" }) => {
   const { currentLocale } = usePageContext();
   const { t: t2 } = useTranslation("article");
+  const publicationDate = formatDate({ value: updatedAt ?? createdAt, locale: currentLocale.code });
   return /* @__PURE__ */ jsxs(Flex, { columnGap: 4, rowGap: 2, wrap: "wrap", children: [
-    /* @__PURE__ */ jsx(
+    !!publicationDate && /* @__PURE__ */ jsx(
       ArticleMetaItem,
       {
         label: variant === "full" ? `📅 ${t2("meta.publicationDate")}` : "📅 ",
-        value: formatDate({ value: updatedAt ?? createdAt, locale: currentLocale.code })
+        value: publicationDate
       }
     ),
     !!minutesToRead && /* @__PURE__ */ jsx(
@@ -40,7 +41,7 @@ const ArticleMeta = ({ createdAt, updatedAt, minutesToRead, author, variant = "f
         value: t2("meta.readingTime.count", { count: minutesToRead })
       }
     ),
-    !!author && /* @__PURE__ */ jsx(ArticleMetaItem, { label: variant === "full" ? `🧑🏻‍💻 ${t2("meta.author")}` : "🧑🏻‍💻 ", value: author.name })
+    !!authorName && /* @__PURE__ */ jsx(ArticleMetaItem, { label: variant === "full" ? `🧑🏻‍💻 ${t2("meta.author")}` : "🧑🏻‍💻 ", value: authorName })
   ] });
 };
 const ONE_LINE_HEIGHT = 24;
@@ -100,19 +101,31 @@ const Grid = ({ items, columns = defaultColumns, gap, render, getKey, ...boxProp
 const ActionButton = ({ label, href, ...boxProps }) => {
   return /* @__PURE__ */ jsx(Flex, { justifyContent: "center", ...boxProps, children: /* @__PURE__ */ jsx(LinkButton, { label, href, textDecoration: "none" }) });
 };
-const ArticleCard = ({ title, image, meta, url }) => {
-  return /* @__PURE__ */ jsxs(Card, { as: Link, to: url, overflow: "hidden", _hover: { transform: "scale(1.02)", textDecoration: "none" }, children: [
-    /* @__PURE__ */ jsxs(CardBody, { as: "section", p: 0, children: [
-      !!image && /* @__PURE__ */ jsx(Image, { src: image, alt: title, mode: "thumbnail" }),
-      /* @__PURE__ */ jsx(Heading2, { size: "md", px: 4, children: title })
-    ] }),
-    !!meta && /* @__PURE__ */ jsx(CardFooter, { as: "footer", fontSize: "sm", pt: 0, px: 4, children: /* @__PURE__ */ jsx(ArticleMeta, { ...meta, variant: "short" }) })
-  ] });
+const ArticleCard = ({ title, image, meta, url, height }) => {
+  return /* @__PURE__ */ jsxs(
+    Card,
+    {
+      as: Link,
+      to: url,
+      overflow: "hidden",
+      height,
+      pb: 4,
+      _hover: { transform: "scale(1.02)", textDecoration: "none" },
+      children: [
+        /* @__PURE__ */ jsxs(CardBody, { as: "section", p: 0, children: [
+          !!image && /* @__PURE__ */ jsx(Image, { src: image, alt: title, mode: "thumbnail" }),
+          /* @__PURE__ */ jsx(Heading2, { size: "md", mt: 4, mb: 0, px: 4, children: title })
+        ] }),
+        !!meta && /* @__PURE__ */ jsx(CardFooter, { as: "footer", fontSize: "sm", mt: 2, py: 0, px: 4, children: /* @__PURE__ */ jsx(ArticleMeta, { ...meta, variant: "short" }) })
+      ]
+    }
+  );
 };
 const ArticleCardGrid = ({
   items,
   columns = { base: 1, md: 2, lg: 3 },
   gap = 4,
+  cardHeight = "full",
   ...boxProps
 }) => {
   return /* @__PURE__ */ jsx(
@@ -122,16 +135,16 @@ const ArticleCardGrid = ({
       columns,
       gap,
       getKey: (_, index) => index,
-      render: (item) => /* @__PURE__ */ jsx(ArticleCard, { ...item }),
+      render: (item) => /* @__PURE__ */ jsx(ArticleCard, { ...item, height: cardHeight }),
       ...boxProps
     }
   );
 };
 const ArticleInfoCard = ({ title, description, meta, ...boxProps }) => {
-  return /* @__PURE__ */ jsxs(Card, { as: "article", variant: "filled", ...boxProps, children: [
-    /* @__PURE__ */ jsx(CardHeader, { as: "header", pb: 0, children: /* @__PURE__ */ jsx(Heading1, { children: title }) }),
-    /* @__PURE__ */ jsx(CardBody, { as: "section", py: 0, children: description }),
-    !!meta && /* @__PURE__ */ jsx(CardFooter, { as: "footer", children: /* @__PURE__ */ jsx(ArticleMeta, { ...meta }) })
+  return /* @__PURE__ */ jsxs(Card, { as: "article", variant: "filled", p: 5, pb: 2, ...boxProps, children: [
+    /* @__PURE__ */ jsx(CardHeader, { as: "header", p: 0, children: /* @__PURE__ */ jsx(Heading1, { children: title }) }),
+    !!description && /* @__PURE__ */ jsx(CardBody, { as: "section", p: 0, mb: 3, children: description }),
+    !!meta && /* @__PURE__ */ jsx(CardFooter, { as: "footer", p: 0, mb: 3, children: /* @__PURE__ */ jsx(ArticleMeta, { ...meta }) })
   ] });
 };
 const AuthorCard = ({ author, ...boxProps }) => {
@@ -267,7 +280,8 @@ const FeatureCardGrid = ({
     }
   );
 };
-const GameCard = ({ name, description, image, url, height = "auto" }) => {
+const GameCard = ({ name, description, image, url, rating, height = "auto" }) => {
+  const descriptionColor = useColorModeValue("gray.600", "gray.400");
   return /* @__PURE__ */ jsxs(
     LinkBox,
     {
@@ -277,14 +291,16 @@ const GameCard = ({ name, description, image, url, height = "auto" }) => {
       transition: "transform 0.2s ease",
       cursor: url ? "pointer" : "default",
       overflow: "hidden",
-      bg: "blackAlpha.200",
       height,
-      _hover: { transform: "scale(1.05)" },
+      _hover: url ? { transform: "scale(1.05)" } : {},
       children: [
         /* @__PURE__ */ jsx(Image, { src: image, alt: name, mode: "thumbnail" }),
         /* @__PURE__ */ jsxs(Box, { as: "section", rounded: "md", p: 4, children: [
-          /* @__PURE__ */ jsx(Text, { as: "span", children: url ? /* @__PURE__ */ jsx(LinkOverlay, { as: Link, to: url, children: name }) : name }),
-          !!description && /* @__PURE__ */ jsx(Text, { fontSize: "sm", color: "gray.600", children: description })
+          /* @__PURE__ */ jsxs(Flex, { justify: "space-between", align: "flex-start", children: [
+            /* @__PURE__ */ jsx(Text, { as: "span", fontWeight: "semibold", children: url ? /* @__PURE__ */ jsx(LinkOverlay, { as: Link, to: url, _hover: { textDecoration: "none" }, children: name }) : name }),
+            !!rating && /* @__PURE__ */ jsx(Rating, { value: rating, size: "sm", py: 1 })
+          ] }),
+          !!description && /* @__PURE__ */ jsx(Text, { fontSize: "sm", color: descriptionColor, mt: 2, children: description })
         ] })
       ]
     }
@@ -437,6 +453,7 @@ const GameDemoPreview = ({ image, alt, src, refLink, imageFit = "cover", onPlayD
     !src && /* @__PURE__ */ jsx(GameDemoAlert, {}),
     /* @__PURE__ */ jsxs(Box, { position: "relative", flex: 1, children: [
       /* @__PURE__ */ jsx(Image, { src: image, alt, objectFit: imageFit, w: "100%", h: "100%" }),
+      /* @__PURE__ */ jsx(Box, { w: "full", h: "full", position: "absolute", inset: 0, background: "blackAlpha.500" }),
       /* @__PURE__ */ jsx(AbsoluteCenter, { children: /* @__PURE__ */ jsxs(Stack, { spacing: 4, children: [
         getPrimaryButton(),
         getSecondaryButton()
@@ -539,7 +556,7 @@ function getGameInfoItemValue(key, value, locale) {
     }
   }
   if (key === GameCharacteristic.ReleaseDate) {
-    formattedValue = formatDate({ value, locale, options: { year: "numeric", month: "long" } });
+    formattedValue = formatDate({ value, locale, options: { year: "numeric", month: "long" } }) ?? "???";
   }
   if (key === GameCharacteristic.Volatility && Object.values(GameVolatility).includes(value)) {
     formattedValue = stringifyVolatility(value);
@@ -595,6 +612,7 @@ const HowTo = ({ steps, ...boxProps }) => {
     ] })
   ] }, index)) });
 };
+const typesWithPrefix = ["advice", "fact"];
 function getQuotePseudoElement(color) {
   return {
     content: '"❛❛"',
@@ -631,7 +649,7 @@ const Informer = ({ type, text, author = null, ...boxProps }) => {
       ...boxProps,
       children: [
         /* @__PURE__ */ jsxs(CardBody, { as: "blockquote", p: 0, fontStyle: "italic", children: [
-          type !== "quote" && /* @__PURE__ */ jsxs(Text, { as: "span", fontStyle: "normal", fontWeight: "semibold", mr: 2, children: [
+          typesWithPrefix.includes(type) && /* @__PURE__ */ jsxs(Text, { as: "span", fontStyle: "normal", fontWeight: "semibold", mr: 2, children: [
             PrefixMap[type],
             t2(type),
             ":"
@@ -1021,6 +1039,33 @@ const StrapiComponent = ({ type, props, imageComponent }) => {
   switch (type) {
     case "STRAPI__COMPONENT_CONTENT_ACTION_BUTTON":
       return /* @__PURE__ */ jsx(ActionButton, { label: props.label, href: props.url, mb: 4 });
+    case "STRAPI__COMPONENT_CONTENT_ARTICLE_CARDS":
+      return /* @__PURE__ */ jsx(
+        ArticleCardGrid,
+        {
+          items: props.articles.map(
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            ({ title, slug, hub, author, minutesToRead, createdAt, updatedAt, previewImage }) => {
+              const url = hub.slug ? `${hub.slug}/${slug}` : slug;
+              const articlePreview = {
+                title,
+                url,
+                meta: { createdAt, updatedAt, minutesToRead, authorName: (author == null ? void 0 : author.name) ?? "" },
+                image: /* @__PURE__ */ jsx(
+                  ExternalImage,
+                  {
+                    image: previewImage,
+                    alt: title,
+                    component: imageComponent
+                  }
+                )
+              };
+              return articlePreview;
+            }
+          ),
+          mb: 4
+        }
+      );
     case "STRAPI__COMPONENT_CONTENT_FAQ":
       return /* @__PURE__ */ jsx(Faq, { items: props.items, mb: 4 });
     case "STRAPI__COMPONENT_CONTENT_FEATURES":

package/dist/{index-CodGh8Sq.mjs → index-D9i6mZaH.mjs}

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { Flex, Container as Container$1, useColorModeValue, useToast, useClipboard, Text, IconButton, Button, Box, Stack, Card, Badge, Td, Tr, Table, Thead, Th, Tbody } from "@chakra-ui/react";
-import { L as Link, a as useSiteContext, I as Image, u as usePageContext } from "./index-C3FKVt3V.mjs";
+import { L as Link, a as useSiteContext, I as Image, u as usePageContext } from "./index-ClIPWZ3z.mjs";
 import "@mdx-js/react";
 import { useTranslation } from "react-i18next";
 import { A as Animation } from "./index-BJRvnR8Q.mjs";
@@ -9,7 +9,7 @@ import "react";
 import { CheckIcon, CopyIcon, StarIcon } from "@chakra-ui/icons";
 import "react-medium-image-zoom";
 import { u as usePrimaryColors } from "./index-C1kr7Vd-.mjs";
-import { b as formatNumber } from "./index-C7z5qqm_.mjs";
+import { b as formatNumber } from "./index-BPthShL-.mjs";
 const FacebookIcon = (props) => {
   return /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", "aria-label": "Facebook", ...props, children: [
     /* @__PURE__ */ jsx("rect", { x: "1", y: "1", width: "22", height: "22", rx: "5", fill: "none", stroke: "currentColor", strokeWidth: "2" }),
@@ -40,6 +40,18 @@ const InstagramIcon = (props) => {
     }
   );
 };
+const LinkedInIcon = (props) => {
+  return /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", "aria-label": "LinkedIn", ...props, children: [
+    /* @__PURE__ */ jsx("rect", { x: "1", y: "1", width: "22", height: "22", rx: "5", fill: "none", stroke: "currentColor", strokeWidth: "2" }),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M7.2 10H9v7H7.2v-7ZM8.1 7.5c.6 0 1-.4 1-.9s-.4-.9-1-.9-1 .4-1 .9.4.9 1 .9ZM10.5 10h1.7v1h.1c.3-.6 1-.9 1.8-.9 1.6 0 2.4.9 2.4 2.7V17H15v-3.9c0-.9-.3-1.4-1.1-1.4-.7 0-1.1.5-1.1 1.4V17h-1.7v-7Z",
+        fill: "currentColor"
+      }
+    )
+  ] });
+};
 const PinterestIcon = (props) => {
   return /* @__PURE__ */ jsx(
     "svg",
@@ -81,6 +93,7 @@ const YoutubeIcon = (props) => {
 const SocialNetworkMap = {
   facebook: FacebookIcon,
   instagram: InstagramIcon,
+  linkedin: LinkedInIcon,
   pinterest: PinterestIcon,
   x: XcomIcon,
   youtube: YoutubeIcon
@@ -161,21 +174,23 @@ const LinkButton = ({
 const Logo = () => {
   const { metadata } = useSiteContext();
   const { logo } = metadata;
-  return /* @__PURE__ */ jsx(Box, { display: "flex", h: { base: 10, md: 14 }, overflow: "hidden", children: /* @__PURE__ */ jsx(Image, { src: logo, alt: "Logo", objectFit: "contain" }) });
+  return /* @__PURE__ */ jsx(Box, { display: "flex", h: { base: 10, md: 14 }, alignSelf: "center", overflow: "hidden", children: /* @__PURE__ */ jsx(Image, { src: logo, alt: "Logo", objectFit: "contain" }) });
 };
 const StarSizeMap = {
-  sm: 12,
-  md: 16,
-  lg: 20
+  sm: "1rem",
+  md: "1.5rem",
+  lg: "2rem"
 };
 const FontSizeMap = {
   sm: "xs",
   md: "sm",
   lg: "md"
 };
-const Rating = ({ value = 0, max = 5, size = "md", hasLabel }) => {
-  const current = Math.round(Math.min(value, max));
-  const stars = /* @__PURE__ */ jsx(Flex, { gap: 1, children: Array.from({ length: max }, (_, i) => {
+const Rating = ({ value = 0, max = 5, size = "md", hasLabel, ...boxProps }) => {
+  const positiveValue = Math.max(value, 0);
+  const normalizedValue = positiveValue === max ? positiveValue : positiveValue % max;
+  const current = Math.round(Math.min(normalizedValue, max));
+  const stars = /* @__PURE__ */ jsx(Flex, { gap: 1, title: `${current}/${max}`, ...boxProps, children: Array.from({ length: max }, (_, i) => {
     const index = i + 1;
     const isActive = index <= current;
     return /* @__PURE__ */ jsx(
@@ -384,10 +399,13 @@ const CasinoTable = ({ casinos, showHeader = false }) => {
       {
         position: { base: "absolute", md: showHeader ? "static" : "absolute" },
         opacity: { base: 0, md: showHeader ? "initial" : 0 },
+        w: { base: 0, md: showHeader ? "auto" : 0 },
+        h: { base: 0, md: showHeader ? "auto" : 0 },
+        overflow: "hidden",
         children: /* @__PURE__ */ jsx(Tr, { children: columns.map((column) => /* @__PURE__ */ jsx(Th, { textAlign: "center", p: 2, children: t(`column.${column}`) }, column)) })
       }
     ),
-    /* @__PURE__ */ jsx(Tbody, { children: casinos.map(({ id, ...casino }, index) => /* @__PURE__ */ jsx(CasinoTableRow, { casino: { id: String(index + 1), ...casino } }, id)) })
+    /* @__PURE__ */ jsx(Tbody, { display: { base: "grid", md: "table-row-group" }, children: casinos.map(({ id, ...casino }, index) => /* @__PURE__ */ jsx(CasinoTableRow, { casino: { id: String(index + 1), ...casino } }, id)) })
   ] });
 };
 export {

package/dist/{index-DdLlwS4n.js → index-DXTC3R_J.js}

@@ -3,7 +3,7 @@ const jsxRuntime = require("react/jsx-runtime");
 const react = require("@mdx-js/react");
 require("react-i18next");
 require("@chakra-ui/react");
-const index$1 = require("./index-BNkvrBOj.js");
+const index$1 = require("./index-B4M1IKzL.js");
 require("./index-C6MG_f24.js");
 require("./index-CBRFCYhV.js");
 require("react");

package/dist/{index-BrpyfyHr.js → index-DzOucsVx.js}

@@ -1,7 +1,7 @@
 "use strict";
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("@chakra-ui/react");
-const index = require("./index-BNkvrBOj.js");
+const index = require("./index-B4M1IKzL.js");
 require("@mdx-js/react");
 const reactI18next = require("react-i18next");
 const index$2 = require("./index-C6MG_f24.js");
@@ -10,7 +10,7 @@ require("react");
 const icons = require("@chakra-ui/icons");
 require("react-medium-image-zoom");
 const index$1 = require("./index-CVv755RW.js");
-const index$4 = require("./index-qR3kVjjs.js");
+const index$4 = require("./index-ov4J7p3D.js");
 const FacebookIcon = (props) => {
   return /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", "aria-label": "Facebook", ...props, children: [
     /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "1", y: "1", width: "22", height: "22", rx: "5", fill: "none", stroke: "currentColor", strokeWidth: "2" }),
@@ -41,6 +41,18 @@ const InstagramIcon = (props) => {
     }
   );
 };
+const LinkedInIcon = (props) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", "aria-label": "LinkedIn", ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "1", y: "1", width: "22", height: "22", rx: "5", fill: "none", stroke: "currentColor", strokeWidth: "2" }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        d: "M7.2 10H9v7H7.2v-7ZM8.1 7.5c.6 0 1-.4 1-.9s-.4-.9-1-.9-1 .4-1 .9.4.9 1 .9ZM10.5 10h1.7v1h.1c.3-.6 1-.9 1.8-.9 1.6 0 2.4.9 2.4 2.7V17H15v-3.9c0-.9-.3-1.4-1.1-1.4-.7 0-1.1.5-1.1 1.4V17h-1.7v-7Z",
+        fill: "currentColor"
+      }
+    )
+  ] });
+};
 const PinterestIcon = (props) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "svg",
@@ -82,6 +94,7 @@ const YoutubeIcon = (props) => {
 const SocialNetworkMap = {
   facebook: FacebookIcon,
   instagram: InstagramIcon,
+  linkedin: LinkedInIcon,
   pinterest: PinterestIcon,
   x: XcomIcon,
   youtube: YoutubeIcon
@@ -162,21 +175,23 @@ const LinkButton = ({
 const Logo = () => {
   const { metadata } = index.useSiteContext();
   const { logo } = metadata;
-  return /* @__PURE__ */ jsxRuntime.jsx(react.Box, { display: "flex", h: { base: 10, md: 14 }, overflow: "hidden", children: /* @__PURE__ */ jsxRuntime.jsx(index.Image, { src: logo, alt: "Logo", objectFit: "contain" }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(react.Box, { display: "flex", h: { base: 10, md: 14 }, alignSelf: "center", overflow: "hidden", children: /* @__PURE__ */ jsxRuntime.jsx(index.Image, { src: logo, alt: "Logo", objectFit: "contain" }) });
 };
 const StarSizeMap = {
-  sm: 12,
-  md: 16,
-  lg: 20
+  sm: "1rem",
+  md: "1.5rem",
+  lg: "2rem"
 };
 const FontSizeMap = {
   sm: "xs",
   md: "sm",
   lg: "md"
 };
-const Rating = ({ value = 0, max = 5, size = "md", hasLabel }) => {
-  const current = Math.round(Math.min(value, max));
-  const stars = /* @__PURE__ */ jsxRuntime.jsx(react.Flex, { gap: 1, children: Array.from({ length: max }, (_, i) => {
+const Rating = ({ value = 0, max = 5, size = "md", hasLabel, ...boxProps }) => {
+  const positiveValue = Math.max(value, 0);
+  const normalizedValue = positiveValue === max ? positiveValue : positiveValue % max;
+  const current = Math.round(Math.min(normalizedValue, max));
+  const stars = /* @__PURE__ */ jsxRuntime.jsx(react.Flex, { gap: 1, title: `${current}/${max}`, ...boxProps, children: Array.from({ length: max }, (_, i) => {
     const index2 = i + 1;
     const isActive = index2 <= current;
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -385,10 +400,13 @@ const CasinoTable = ({ casinos, showHeader = false }) => {
       {
         position: { base: "absolute", md: showHeader ? "static" : "absolute" },
         opacity: { base: 0, md: showHeader ? "initial" : 0 },
+        w: { base: 0, md: showHeader ? "auto" : 0 },
+        h: { base: 0, md: showHeader ? "auto" : 0 },
+        overflow: "hidden",
         children: /* @__PURE__ */ jsxRuntime.jsx(react.Tr, { children: columns.map((column) => /* @__PURE__ */ jsxRuntime.jsx(react.Th, { textAlign: "center", p: 2, children: t(`column.${column}`) }, column)) })
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsx(react.Tbody, { children: casinos.map(({ id, ...casino }, index2) => /* @__PURE__ */ jsxRuntime.jsx(CasinoTableRow, { casino: { id: String(index2 + 1), ...casino } }, id)) })
+    /* @__PURE__ */ jsxRuntime.jsx(react.Tbody, { display: { base: "grid", md: "table-row-group" }, children: casinos.map(({ id, ...casino }, index2) => /* @__PURE__ */ jsxRuntime.jsx(CasinoTableRow, { casino: { id: String(index2 + 1), ...casino } }, id)) })
   ] });
 };
 exports.CasinoTable = CasinoTable;

package/dist/{index-qR3kVjjs.js → index-ov4J7p3D.js}

@@ -1,5 +1,8 @@
 "use strict";
 const i18n = require("./i18n/index.cjs");
+function isValidDate(date) {
+  return !date ? false : date instanceof Date && !isNaN(date.getTime());
+}
 function getCurrentYear(locale = i18n.DEFAULT_LANGUAGE) {
   const currentDate = /* @__PURE__ */ new Date();
   const currentYear = new Intl.DateTimeFormat(locale, { year: "numeric" }).format(currentDate);
@@ -12,8 +15,8 @@ function getCurrentMonth(locale = i18n.DEFAULT_LANGUAGE) {
 }
 function formatDate({ value, locale = i18n.DEFAULT_LANGUAGE, options }) {
   const date = typeof value === "string" || typeof value === "number" ? new Date(value) : value;
-  if (isNaN(date.getTime())) {
-    throw new Error("Invalid date provided");
+  if (!isValidDate(date)) {
+    return null;
   }
   const formatter = new Intl.DateTimeFormat(locale, options);
   return formatter.format(date);

package/dist/index.cjs

@@ -1,19 +1,19 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index = require("./index-D-WTkYJu.js");
-const index$1 = require("./index-BrpyfyHr.js");
+const index = require("./index-BYl_y0HN.js");
+const index$1 = require("./index-DzOucsVx.js");
 const index$2 = require("./index-DDg_PkD2.js");
-const index$3 = require("./index-BNkvrBOj.js");
+const index$3 = require("./index-B4M1IKzL.js");
 const index$4 = require("./index-ma-iV7GU.js");
 const index$5 = require("./index-CVv755RW.js");
 const i18n = require("./i18n/index.cjs");
 const layout = require("./layout/index.cjs");
-const index$6 = require("./index-DdLlwS4n.js");
+const index$6 = require("./index-DXTC3R_J.js");
 const index$7 = require("./index-CBRFCYhV.js");
 const index$8 = require("./index-C6MG_f24.js");
 const index$9 = require("./index-CYr1ct1t.js");
 const index$a = require("./index-BfITsKAr.js");
-const index$b = require("./index-qR3kVjjs.js");
+const index$b = require("./index-ov4J7p3D.js");
 const index$c = require("./index-DgrIJs-a.js");
 const index$d = require("./index-CbuiYkSg.js");
 exports.ActionButton = index.ActionButton;

package/dist/index.mjs

@@ -1,17 +1,17 @@
-import { A, a, b, c, n, o, d, B, e, C, r, q, F, f, g, G, h, i, j, p, H, I, L, N, s, P, S, k, T, l, t, m } from "./index-BN9vRBzY.mjs";
-import { C as C2, a as a2, b as b2, L as L2, c as c2, R, S as S2, d as d2 } from "./index-CodGh8Sq.mjs";
+import { A, a, b, c, n, o, d, B, e, C, r, q, F, f, g, G, h, i, j, p, H, I, L, N, s, P, S, k, T, l, t, m } from "./index-D9WcltF-.mjs";
+import { C as C2, a as a2, b as b2, L as L2, c as c2, R, S as S2, d as d2 } from "./index-D9i6mZaH.mjs";
 import { H as H2, a as a3, b as b3, O, P as P2, U } from "./index-BEjKnOZA.mjs";
-import { I as I2, L as L3, P as P3, S as S3, u, a as a4 } from "./index-C3FKVt3V.mjs";
+import { I as I2, L as L3, P as P3, S as S3, u, a as a4 } from "./index-ClIPWZ3z.mjs";
 import { u as u2 } from "./index-DHURrUMW.mjs";
 import { u as u3 } from "./index-C1kr7Vd-.mjs";
 import { DEFAULT_LANGUAGE, resources } from "./i18n/index.mjs";
 import { default as default2 } from "./layout/index.mjs";
-import { M } from "./index-cY5WnaQc.mjs";
+import { M } from "./index-D1gNEJUA.mjs";
 import { a as a5, C as C3, b as b4, G as G2, I as I3 } from "./index-RzByAgHO.mjs";
 import { A as A2 } from "./index-BJRvnR8Q.mjs";
 import { b as b5, c as c3, g as g2, a as a6 } from "./index-cQqALZIW.mjs";
 import { g as g3, a as a7, r as r2 } from "./index-BeJTy4iY.mjs";
-import { f as f2, b as b6, a as a8, g as g4, r as r3, t as t2 } from "./index-C7z5qqm_.mjs";
+import { f as f2, b as b6, a as a8, g as g4, r as r3, t as t2 } from "./index-BPthShL-.mjs";
 import { b as b7, a as a9, i as i2 } from "./index-Bph7a3PR.mjs";
 import { D, L as L4 } from "./index-BRVKhbs6.mjs";
 export {

package/dist/layout/footer/navigation/index.d.ts

@@ -1,7 +1,8 @@
 import { FC } from 'react';
-import { INavItem } from '../../../types';
+import { GridColumns, INavItem } from '../../../types';
 type NavigationProps = {
     menu: INavItem[];
+    columns?: GridColumns;
 };
 declare const Navigation: FC<NavigationProps>;
 export default Navigation;

package/dist/layout/index.cjs

@@ -3,16 +3,16 @@ const jsxRuntime = require("react/jsx-runtime");
 const react = require("@chakra-ui/react");
 const reactI18next = require("react-i18next");
 require("@mdx-js/react");
-const index$1 = require("../index-BNkvrBOj.js");
+const index$1 = require("../index-B4M1IKzL.js");
 require("../index-C6MG_f24.js");
 require("../index-CBRFCYhV.js");
 require("react-medium-image-zoom");
 const react$1 = require("react");
-const index = require("../index-BrpyfyHr.js");
+const index = require("../index-DzOucsVx.js");
 const icons = require("@chakra-ui/icons");
 require("i18next");
 require("react-markdown");
-const index$2 = require("../index-qR3kVjjs.js");
+const index$2 = require("../index-ov4J7p3D.js");
 const index$3 = require("../index-DgrIJs-a.js");
 const Content = ({ children }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(react.Box, { as: "section", py: 4, children: /* @__PURE__ */ jsxRuntime.jsx(index.Container, { children }) });
@@ -42,12 +42,12 @@ const Disclaimer = () => {
 const Extra = ({ children }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(react.Box, { as: "section", my: 2, children });
 };
-const Navigation$1 = ({ menu }) => {
+const Navigation$1 = ({ menu, columns = { base: 1, sm: 2, md: 4 } }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     react.SimpleGrid,
     {
       as: "ul",
-      columns: { base: 1, sm: 2, md: 4 },
+      columns,
       mt: 4,
       mb: 6,
       p: 0,
@@ -74,7 +74,7 @@ const Footer = () => {
   const { currentLocale } = index$1.usePageContext();
   const menu = navigation.footer[currentLocale.code] ?? [];
   const socialNetworks = metadata.socialNetworks ?? [];
-  const { extra, showDisclaimer = true } = (config == null ? void 0 : config.footer) ?? {};
+  const { extra, showDisclaimer = true, navigationColumns } = (config == null ? void 0 : config.footer) ?? {};
   const hasNavigation = !!menu.length;
   const hasSocialNetworks = !!socialNetworks.length;
   const hasExtra = !!extra;
@@ -86,7 +86,7 @@ const Footer = () => {
       color: react.useColorModeValue("gray.700", "gray.200"),
       py: 4,
       children: /* @__PURE__ */ jsxRuntime.jsxs(index.Container, { children: [
-        hasNavigation && /* @__PURE__ */ jsxRuntime.jsx(Navigation$1, { menu }),
+        hasNavigation && /* @__PURE__ */ jsxRuntime.jsx(Navigation$1, { menu, columns: navigationColumns }),
         hasExtra && /* @__PURE__ */ jsxRuntime.jsx(Extra, { children: extra }),
         showDisclaimer && /* @__PURE__ */ jsxRuntime.jsx(Disclaimer, {}),
         /* @__PURE__ */ jsxRuntime.jsx(Brand$1, { brand: /* @__PURE__ */ jsxRuntime.jsx(index.Logo, {}) }),

package/dist/layout/index.mjs

@@ -2,16 +2,16 @@ import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { Box, Divider, AbsoluteCenter, useColorModeValue, Text, SimpleGrid, Flex, Menu, MenuButton, Button, HStack, Icon, MenuList, MenuItem, Popover, PopoverTrigger, PopoverContent, List, ListItem, Stack, Collapse, useDisclosure, IconButton, Heading } from "@chakra-ui/react";
 import { useTranslation } from "react-i18next";
 import "@mdx-js/react";
-import { L as Link, a as useSiteContext, u as usePageContext } from "../index-C3FKVt3V.mjs";
+import { L as Link, a as useSiteContext, u as usePageContext } from "../index-ClIPWZ3z.mjs";
 import "../index-BJRvnR8Q.mjs";
 import "../index-RzByAgHO.mjs";
 import "react-medium-image-zoom";
 import { useMemo, forwardRef, useState, useEffect } from "react";
-import { a as Container, c as Logo, d as SocialNetworks, L as LinkButton } from "../index-CodGh8Sq.mjs";
+import { a as Container, c as Logo, d as SocialNetworks, L as LinkButton } from "../index-D9i6mZaH.mjs";
 import { ChevronDownIcon, ChevronRightIcon, CloseIcon, HamburgerIcon, ChevronUpIcon } from "@chakra-ui/icons";
 import "i18next";
 import "react-markdown";
-import { g as getCurrentYear } from "../index-C7z5qqm_.mjs";
+import { g as getCurrentYear } from "../index-BPthShL-.mjs";
 import { b as buildPath } from "../index-Bph7a3PR.mjs";
 const Content = ({ children }) => {
   return /* @__PURE__ */ jsx(Box, { as: "section", py: 4, children: /* @__PURE__ */ jsx(Container, { children }) });
@@ -41,12 +41,12 @@ const Disclaimer = () => {
 const Extra = ({ children }) => {
   return /* @__PURE__ */ jsx(Box, { as: "section", my: 2, children });
 };
-const Navigation$1 = ({ menu }) => {
+const Navigation$1 = ({ menu, columns = { base: 1, sm: 2, md: 4 } }) => {
   return /* @__PURE__ */ jsx(
     SimpleGrid,
     {
       as: "ul",
-      columns: { base: 1, sm: 2, md: 4 },
+      columns,
       mt: 4,
       mb: 6,
       p: 0,
@@ -73,7 +73,7 @@ const Footer = () => {
   const { currentLocale } = usePageContext();
   const menu = navigation.footer[currentLocale.code] ?? [];
   const socialNetworks = metadata.socialNetworks ?? [];
-  const { extra, showDisclaimer = true } = (config == null ? void 0 : config.footer) ?? {};
+  const { extra, showDisclaimer = true, navigationColumns } = (config == null ? void 0 : config.footer) ?? {};
   const hasNavigation = !!menu.length;
   const hasSocialNetworks = !!socialNetworks.length;
   const hasExtra = !!extra;
@@ -85,7 +85,7 @@ const Footer = () => {
       color: useColorModeValue("gray.700", "gray.200"),
       py: 4,
       children: /* @__PURE__ */ jsxs(Container, { children: [
-        hasNavigation && /* @__PURE__ */ jsx(Navigation$1, { menu }),
+        hasNavigation && /* @__PURE__ */ jsx(Navigation$1, { menu, columns: navigationColumns }),
         hasExtra && /* @__PURE__ */ jsx(Extra, { children: extra }),
         showDisclaimer && /* @__PURE__ */ jsx(Disclaimer, {}),
         /* @__PURE__ */ jsx(Brand$1, { brand: /* @__PURE__ */ jsx(Logo, {}) }),

package/dist/providers/index.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index = require("../index-DdLlwS4n.js");
-const index$1 = require("../index-BNkvrBOj.js");
+const index = require("../index-DXTC3R_J.js");
+const index$1 = require("../index-B4M1IKzL.js");
 exports.MdxProvider = index.MdxProvider;
 exports.PageProvider = index$1.PageProvider;
 exports.SiteProvider = index$1.SiteProvider;

package/dist/providers/index.mjs

@@ -1,5 +1,5 @@
-import { M } from "../index-cY5WnaQc.mjs";
-import { P, S, u, a } from "../index-C3FKVt3V.mjs";
+import { M } from "../index-D1gNEJUA.mjs";
+import { P, S, u, a } from "../index-ClIPWZ3z.mjs";
 export {
   M as MdxProvider,
   P as PageProvider,

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

@@ -18,4 +18,5 @@ export interface IAnimation {
     params?: IAnimationParams;
 }
 export type AnimationGetter = (params?: IAnimationParams) => string;
+export type CardHeight = 'full' | 'auto';
 export {};

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

@@ -4,5 +4,5 @@ import { ImageType } from '../image';
 export interface IGameCard extends IGame {
     url?: ILink['href'];
     image?: ImageType;
+    rating?: number;
 }
-export type GameCardHeight = 'full' | 'auto';

package/dist/types/components/social-network/index.d.ts

@@ -1,4 +1,4 @@
-type SocialNetwork = 'facebook' | 'x' | 'pinterest' | 'youtube' | 'instagram';
+type SocialNetwork = 'facebook' | 'x' | 'pinterest' | 'youtube' | 'instagram' | 'linkedin';
 export interface ISocialNetwork {
     kind: SocialNetwork;
     url: string;

package/dist/types/components/strapi-component/index.d.ts

@@ -1,4 +1,4 @@
-export type StrapiComponentType = 'STRAPI__COMPONENT_CONTENT_ACTION_BUTTON' | 'STRAPI__COMPONENT_CONTENT_CONTACTS_PAGE' | 'STRAPI__COMPONENT_CONTENT_COOKIE_POLICY_PAGE' | 'STRAPI__COMPONENT_CONTENT_FAQ' | 'STRAPI__COMPONENT_CONTENT_FEATURES' | 'STRAPI__COMPONENT_CONTENT_GAME_CARDS' | 'STRAPI__COMPONENT_CONTENT_GAME_CARD_TABS' | 'STRAPI__COMPONENT_CONTENT_GAME_DEMO' | 'STRAPI__COMPONENT_CONTENT_GAME_INFO' | 'STRAPI__COMPONENT_CONTENT_HOW_TO' | 'STRAPI__COMPONENT_CONTENT_INFORMER' | 'STRAPI__COMPONENT_CONTENT_LIST' | 'STRAPI__COMPONENT_CONTENT_MEDIA' | 'STRAPI__COMPONENT_CONTENT_PRIVACY_POLICY_PAGE' | 'STRAPI__COMPONENT_CONTENT_PROS_CONS' | 'STRAPI__COMPONENT_CONTENT_RICH_TEXT' | 'STRAPI__COMPONENT_CONTENT_TABLE' | 'STRAPI__COMPONENT_CONTENT_TERMS_CONDITIONS_PAGE' | 'STRAPI__COMPONENT_CONTENT_TIP';
+export type StrapiComponentType = 'STRAPI__COMPONENT_CONTENT_ACTION_BUTTON' | 'STRAPI__COMPONENT_CONTENT_ARTICLE_CARDS' | 'STRAPI__COMPONENT_CONTENT_CONTACTS_PAGE' | 'STRAPI__COMPONENT_CONTENT_COOKIE_POLICY_PAGE' | 'STRAPI__COMPONENT_CONTENT_FAQ' | 'STRAPI__COMPONENT_CONTENT_FEATURES' | 'STRAPI__COMPONENT_CONTENT_GAME_CARDS' | 'STRAPI__COMPONENT_CONTENT_GAME_CARD_TABS' | 'STRAPI__COMPONENT_CONTENT_GAME_DEMO' | 'STRAPI__COMPONENT_CONTENT_GAME_INFO' | 'STRAPI__COMPONENT_CONTENT_HOW_TO' | 'STRAPI__COMPONENT_CONTENT_INFORMER' | 'STRAPI__COMPONENT_CONTENT_LIST' | 'STRAPI__COMPONENT_CONTENT_MEDIA' | 'STRAPI__COMPONENT_CONTENT_PRIVACY_POLICY_PAGE' | 'STRAPI__COMPONENT_CONTENT_PROS_CONS' | 'STRAPI__COMPONENT_CONTENT_RICH_TEXT' | 'STRAPI__COMPONENT_CONTENT_TABLE' | 'STRAPI__COMPONENT_CONTENT_TERMS_CONDITIONS_PAGE' | 'STRAPI__COMPONENT_CONTENT_TIP';
 export interface IStrapiComponentFragment {
     __typename: StrapiComponentType;
     [prop: string]: unknown;

package/dist/types/content/article/index.d.ts

@@ -3,7 +3,7 @@ export interface IArticleMeta {
     createdAt: string;
     updatedAt?: string;
     minutesToRead?: number;
-    author?: IAuthor;
+    authorName?: IAuthor['name'];
 }
 export interface IArticleInfo {
     title: string;

package/dist/types/index.d.ts

@@ -2,5 +2,6 @@ export * from './api';
 export * from './components';
 export * from './content';
 export * from './i18n';
+export * from './page';
 export * from './site';
 export * from './theme';

package/dist/types/page/index.d.ts

@@ -0,0 +1,7 @@
+export interface IHrefLang {
+    href: string;
+    hrefLang: string;
+}
+export interface IPageContext {
+    hrefLangs?: IHrefLang[];
+}

package/dist/types/site/index.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { ImageType, INavigation, ISocialNetwork } from '../components';
+import { GridColumns, ImageType, INavigation, ISocialNetwork } from '../components';
 import { ISeo } from '../content';
 import { Currency, ILocale } from '../i18n';
 interface ISiteHeaderConfig {
@@ -8,6 +8,7 @@ interface ISiteHeaderConfig {
 interface ISiteFooterConfig {
     extra?: ReactNode;
     showDisclaimer?: boolean;
+    navigationColumns?: GridColumns;
 }
 interface ISiteThemeConfig {
     isInvertedColor?: boolean;

package/dist/utils/date/index.d.ts

@@ -6,5 +6,5 @@ interface IFormatDateOptions {
     locale?: ILocale['code'];
     options?: Intl.DateTimeFormatOptions;
 }
-export declare function formatDate({ value, locale, options }: IFormatDateOptions): string;
+export declare function formatDate({ value, locale, options }: IFormatDateOptions): string | null;
 export {};

package/dist/utils/index.cjs

@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const index = require("../index-C6MG_f24.js");
 const index$1 = require("../index-CYr1ct1t.js");
 const index$2 = require("../index-BfITsKAr.js");
-const index$3 = require("../index-qR3kVjjs.js");
+const index$3 = require("../index-ov4J7p3D.js");
 const index$4 = require("../index-DgrIJs-a.js");
 const index$5 = require("../index-CbuiYkSg.js");
 exports.Animation = index.Animation;

package/dist/utils/index.mjs

@@ -1,7 +1,7 @@
 import { A } from "../index-BJRvnR8Q.mjs";
 import { b, c, g, a } from "../index-cQqALZIW.mjs";
 import { g as g2, a as a2, r } from "../index-BeJTy4iY.mjs";
-import { f, b as b2, a as a3, g as g3, r as r2, t } from "../index-C7z5qqm_.mjs";
+import { f, b as b2, a as a3, g as g3, r as r2, t } from "../index-BPthShL-.mjs";
 import { b as b3, a as a4, i } from "../index-Bph7a3PR.mjs";
 import { D, L } from "../index-BRVKhbs6.mjs";
 export {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@anywayseo/tools",
   "description": "Shared UI Components and Modules",
-  "version": "5.8.2",
+  "version": "5.9.0",
   "keywords": [
     "react",
     "ui",