@anywayseo/tools 2.6.0 → 3.0.1

package/dist/{index-F6_fGeRI.mjs → index-DoBCANwf.mjs}

@@ -35,17 +35,17 @@ var GameCharacteristic = /* @__PURE__ */ ((GameCharacteristic2) => {
 })(GameCharacteristic || {});
 const pageNotFound$3 = {
   seo: {
-    title: "Seite nicht gefunden | {{domain}}"
+    title: "Seite nicht gefunden | {{siteName}}"
   },
   title: "404 — Seite nicht gefunden",
   description: "Entschuldigung 😔, wir konnten nicht finden, wonach Sie gesucht haben.",
   action: "Zur Startseite"
 };
 const footer$3 = {
-  copyright: "© {{year}} {{domain}}. Alle Rechte vorbehalten.",
+  copyright: "© {{year}} {{siteName}}. Alle Rechte vorbehalten.",
   disclaimer: {
     title: "Spielen Sie verantwortungsbewusst: ",
-    description: "{{domain}} ist eine unabhängige Ressource und nicht mit den von uns beworbenen Seiten verbunden. Stellen Sie sicher, dass Sie über alle erforderlichen Zertifikate verfügen und die gesetzlichen Anforderungen erfüllt sind, bevor Sie mit dem Spielen beginnen. Der Hauptzweck von {{domain}} besteht darin, informative und unterhaltsame Inhalte bereitzustellen. Wenn Sie nach Links zu verwandten Ressourcen suchen, werden Sie zu den entsprechenden Plattformen weitergeleitet."
+    description: "{{siteName}} ist eine unabhängige Ressource und nicht mit den von uns beworbenen Seiten verbunden. Stellen Sie sicher, dass Sie über alle erforderlichen Zertifikate verfügen und die gesetzlichen Anforderungen erfüllt sind, bevor Sie mit dem Spielen beginnen. Der Hauptzweck von {{siteName}} besteht darin, informative und unterhaltsame Inhalte bereitzustellen. Wenn Sie nach Links zu verwandten Ressourcen suchen, werden Sie zu den entsprechenden Plattformen weitergeleitet."
   }
 };
 const gameDemo$3 = {
@@ -152,17 +152,17 @@ const dictionary$3 = {
 };
 const pageNotFound$2 = {
   seo: {
-    title: "Page not found | {{domain}}"
+    title: "Page not found | {{siteName}}"
   },
   title: "404 — Page not found",
   description: "Sorry 😔, we couldn’t find what you were looking for.",
   action: "Go Home"
 };
 const footer$2 = {
-  copyright: "© {{year}} {{domain}}. All rights reserved.",
+  copyright: "© {{year}} {{siteName}}. All rights reserved.",
   disclaimer: {
     title: "Play responsibly: ",
-    description: "{{domain}} is an independent resource not affiliated with the sites we promote. Make sure you have all the necessary certifications and legal requirements are met before you start playing. The main purpose of {{domain}} is to provide informative and entertaining content. If you are looking for links to related resources, you will be redirected to the relevant platforms."
+    description: "{{siteName}} is an independent resource not affiliated with the sites we promote. Make sure you have all the necessary certifications and legal requirements are met before you start playing. The main purpose of {{siteName}} is to provide informative and entertaining content. If you are looking for links to related resources, you will be redirected to the relevant platforms."
   }
 };
 const gameDemo$2 = {
@@ -269,17 +269,17 @@ const dictionary$2 = {
 };
 const pageNotFound$1 = {
   seo: {
-    title: "Pagina non trovata | {{domain}}"
+    title: "Pagina non trovata | {{siteName}}"
   },
   title: "404 — Pagina non trovata",
   description: "Spiacenti 😔, non siamo riusciti a trovare quello che cercavi.",
   action: "Ritorna alla pagina principale"
 };
 const footer$1 = {
-  copyright: "© {{year}} {{domain}}. Tutte le cose sono fatte.",
+  copyright: "© {{year}} {{siteName}}. Tutte le cose sono fatte.",
   disclaimer: {
     title: "Gioca responsabilmente: ",
-    description: "{{domain}} è una risorsa indipendente e non affiliata ai siti che promuoviamo. Prima di iniziare a giocare, assicurati di possedere tutte le certificazioni necessarie e di rispettare i requisiti legali in vigore. L'obiettivo principale di {{domain}} è offrire contenuti informativi e di intrattenimento. Se cerchi collegamenti a risorse correlate, verrai reindirizzato alle piattaforme pertinenti."
+    description: "{{siteName}} è una risorsa indipendente e non affiliata ai siti che promuoviamo. Prima di iniziare a giocare, assicurati di possedere tutte le certificazioni necessarie e di rispettare i requisiti legali in vigore. L'obiettivo principale di {{siteName}} è offrire contenuti informativi e di intrattenimento. Se cerchi collegamenti a risorse correlate, verrai reindirizzato alle piattaforme pertinenti."
   }
 };
 const gameDemo$1 = {
@@ -386,17 +386,17 @@ const dictionary$1 = {
 };
 const pageNotFound = {
   seo: {
-    title: "Страница не найдена | {{domain}}"
+    title: "Страница не найдена | {{siteName}}"
   },
   title: "404 — Страница не найдена",
   description: "Извините 😔, мы не смогли найти то, что вы искали.",
   action: "На главную"
 };
 const footer = {
-  copyright: "© {{year}} {{domain}}. Все права защищены.",
+  copyright: "© {{year}} {{siteName}}. Все права защищены.",
   disclaimer: {
     title: "Играйте ответственно: ",
-    description: "{{domain}} — независимый ресурс, не связанный с продвигаемыми сайтами. Убедитесь, что у вас есть все необходимые сертификаты и соблюдены юридические требования перед началом игры. Основная цель {{domain}} — предоставление информационного и развлекательного контента. Если вы ищете ссылки на связанные ресурсы, вас перенаправят на соответствующие платформы."
+    description: "{{siteName}} — независимый ресурс, не связанный с продвигаемыми сайтами. Убедитесь, что у вас есть все необходимые сертификаты и соблюдены юридические требования перед началом игры. Основная цель {{siteName}} — предоставление информационного и развлекательного контента. Если вы ищете ссылки на связанные ресурсы, вас перенаправят на соответствующие платформы."
   }
 };
 const gameDemo = {

package/dist/{index-m97PmVsd.js → index-Sod4uKHB.js}

@@ -2,14 +2,23 @@
 const jsxRuntime = require("react/jsx-runtime");
 const react$1 = require("@chakra-ui/react");
 const react = require("@mdx-js/react");
+function omitProps(props, keysToOmit) {
+  const result = { ...props };
+  keysToOmit.forEach((key) => {
+    if (key in result) {
+      delete result[key];
+    }
+  });
+  return result;
+}
 const components = {
-  h1: (props) => /* @__PURE__ */ jsxRuntime.jsx(react$1.Heading, { as: "h1", size: "xl", mb: 4, ...props }),
-  h2: (props) => /* @__PURE__ */ jsxRuntime.jsx(react$1.Heading, { as: "h2", size: "lg", mt: 6, mb: 4, ...props }),
-  h3: (props) => /* @__PURE__ */ jsxRuntime.jsx(react$1.Heading, { as: "h3", size: "md", mt: 4, mb: 4, ...props }),
-  ol: (props) => /* @__PURE__ */ jsxRuntime.jsx(react$1.OrderedList, { mb: 4, ...props }),
-  ul: (props) => /* @__PURE__ */ jsxRuntime.jsx(react$1.UnorderedList, { mb: 4, ...props }),
-  p: (props) => /* @__PURE__ */ jsxRuntime.jsx(react$1.Text, { mb: 4, ...props }),
-  a: (props) => /* @__PURE__ */ jsxRuntime.jsx(react$1.Link, { ...props, color: "brand.400" })
+  h1: (props) => /* @__PURE__ */ jsxRuntime.jsx(react$1.Heading, { as: "h1", size: "xl", mb: 4, ...omitProps(props, ["node"]) }),
+  h2: (props) => /* @__PURE__ */ jsxRuntime.jsx(react$1.Heading, { as: "h2", size: "lg", mt: 6, mb: 4, ...omitProps(props, ["node"]) }),
+  h3: (props) => /* @__PURE__ */ jsxRuntime.jsx(react$1.Heading, { as: "h3", size: "md", mt: 4, mb: 4, ...omitProps(props, ["node"]) }),
+  ol: (props) => /* @__PURE__ */ jsxRuntime.jsx(react$1.OrderedList, { mb: 4, ...omitProps(props, ["node"]) }),
+  ul: (props) => /* @__PURE__ */ jsxRuntime.jsx(react$1.UnorderedList, { mb: 4, ...omitProps(props, ["node"]) }),
+  p: (props) => /* @__PURE__ */ jsxRuntime.jsx(react$1.Text, { mb: 4, ...omitProps(props, ["node"]) }),
+  a: (props) => /* @__PURE__ */ jsxRuntime.jsx(react$1.Link, { color: "brand.400", ...omitProps(props, ["node"]) })
 };
 const MdxProvider = ({ children }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(react.MDXProvider, { components, children });

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

@@ -1,20 +1,17 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { Center as Center$1, Box, Collapse, Text, Button, Flex, Stack, Image, 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 { 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, d as getDomain, g as getCurrentYear, a as getCurrentMonth } from "./index-BqUBNm7v.mjs";
-import { a as GameCharacteristic } from "./index-F6_fGeRI.mjs";
+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 GameCharacteristic } from "./index-DoBCANwf.mjs";
 import "@ctrl/tinycolor";
-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 { 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 Markdown from "react-markdown";
-const Center = ({ children, ...boxProps }) => {
-  return /* @__PURE__ */ jsx(Center$1, { ...boxProps, children });
-};
 const ONE_LINE_HEIGHT = 24;
 const Bio = ({ content, maxLines = 1 }) => {
   const ref = useRef(null);
@@ -39,19 +36,15 @@ const Bio = ({ content, maxLines = 1 }) => {
     showToggle && /* @__PURE__ */ jsx(Button, { size: "sm", variant: "link", colorScheme: "blue", onClick: handleClick, children: isExpanded ? t2("action.collapse") : t2("action.expand") })
   ] });
 };
-const Expert = ({ expert, variant }) => {
-  var _a;
-  const { firstName, lastName, jobTitle, bio } = expert;
-  const { assets } = useSiteContext();
-  const fullName = `${firstName} ${lastName}`;
-  const image = (_a = assets == null ? void 0 : assets.images) == null ? void 0 : _a.expert;
-  const imageComponent = typeof image === "string" ? /* @__PURE__ */ jsx(Image, { src: image, alt: fullName, rounded: "full" }) : image;
+const Author = ({ author, variant }) => {
+  const { name, role, bio, avatar } = author;
+  const imageComponent = typeof avatar === "string" ? /* @__PURE__ */ jsx(Image, { src: avatar, alt: name, rounded: "full" }) : avatar;
   if (variant === "short") {
     return /* @__PURE__ */ jsxs(Flex, { as: "article", align: "center", gap: 4, children: [
       !!imageComponent && /* @__PURE__ */ jsx(Box, { w: 12, h: 12, children: imageComponent }),
       /* @__PURE__ */ jsxs(Box, { fontWeight: "semibold", children: [
-        /* @__PURE__ */ jsx(Text, { children: fullName }),
-        /* @__PURE__ */ jsx(Text, { color: "gray.500", children: expert.jobTitle })
+        /* @__PURE__ */ jsx(Text, { children: name }),
+        /* @__PURE__ */ jsx(Text, { color: "gray.500", children: role })
       ] })
     ] });
   }
@@ -59,13 +52,17 @@ const Expert = ({ expert, variant }) => {
     !!imageComponent && /* @__PURE__ */ jsx(Flex, { grow: 1, maxW: { base: 48, sm: 32 }, children: imageComponent }),
     /* @__PURE__ */ jsx(Flex, { w: "100%", children: /* @__PURE__ */ jsxs(Stack, { children: [
       /* @__PURE__ */ jsxs(Text, { fontSize: "lg", fontWeight: 600, children: [
-        `${fullName}, `,
-        /* @__PURE__ */ jsx(Text, { as: "span", color: "gray.500", children: jobTitle })
+        name,
+        ", ",
+        /* @__PURE__ */ jsx(Text, { as: "span", color: "gray.500", children: role })
       ] }),
       /* @__PURE__ */ jsx(Bio, { content: bio })
     ] }) })
   ] });
 };
+const Center = ({ children, ...boxProps }) => {
+  return /* @__PURE__ */ jsx(Center$1, { ...boxProps, children });
+};
 const defaultColumns = { base: 1, sm: 2, md: 3, lg: 4, xl: 5 };
 const Grid = ({ items, columns = defaultColumns, gap, render, getKey, ...boxProps }) => {
   return /* @__PURE__ */ jsx(SimpleGrid, { as: "ul", columns, spacing: gap, p: 0, m: 0, listStyleType: "none", ...boxProps, children: items.map((item, index) => /* @__PURE__ */ jsx(Box, { as: "li", children: render(item) }, getKey ? getKey(item) : index)) });
@@ -104,9 +101,9 @@ const PulseButton = ({ label, colorScheme = "light", to, onClick }) => {
     }
   );
 };
-const Author = ({ author, ...cardProps }) => {
+const AuthorCard = ({ author, ...boxProps }) => {
   const { t: t2 } = useTranslation("author");
-  return /* @__PURE__ */ jsxs(Card, { as: "article", variant: "filled", ...cardProps, children: [
+  return /* @__PURE__ */ jsxs(Card, { as: "article", variant: "filled", ...boxProps, children: [
     /* @__PURE__ */ jsx(CardHeader, { pb: 0, children: /* @__PURE__ */ jsx(Heading, { size: "md", children: t2("title") }) }),
     /* @__PURE__ */ jsx(
       CardBody,
@@ -115,7 +112,7 @@ const Author = ({ author, ...cardProps }) => {
         flexDirection: { base: "column", sm: "row" },
         alignItems: { base: "center", sm: "flex-start" },
         gap: 4,
-        children: /* @__PURE__ */ jsx(Expert, { expert: author, variant: "full" })
+        children: /* @__PURE__ */ jsx(Author, { author, variant: "full" })
       }
     )
   ] });
@@ -247,31 +244,6 @@ const ContactForm = ({ ...boxProps }) => {
     }
   );
 };
-const ExpertTip = ({ tip, expert, ...boxProps }) => {
-  return /* @__PURE__ */ jsxs(
-    Card,
-    {
-      variant: "filled",
-      p: 4,
-      borderLeft: "4px solid gray",
-      gap: 4,
-      _before: {
-        content: '"❛❛"',
-        position: "absolute",
-        top: -8,
-        left: -2,
-        fontSize: "6rem",
-        fontStyle: "italic",
-        color: useColorModeValue("blackAlpha.300", "whiteAlpha.300")
-      },
-      ...boxProps,
-      children: [
-        /* @__PURE__ */ jsx(CardBody, { as: "blockquote", p: 0, fontStyle: "italic", children: tip }),
-        !!expert && /* @__PURE__ */ jsx(CardFooter, { alignItems: "center", justify: "flex-end", p: 0, children: /* @__PURE__ */ jsx(Expert, { expert, variant: "short" }) })
-      ]
-    }
-  );
-};
 const Faq = ({ items, ...boxProps }) => {
   const { bgColor, color } = usePrimaryColors();
   return /* @__PURE__ */ jsx(Accordion, { allowToggle: true, ...boxProps, children: items.map(({ question, answer }) => {
@@ -437,23 +409,28 @@ function stringifyLanguageArray(languages) {
 }
 function getGameInfoItemValue(key, value, currency) {
   let formattedValue = "";
-  if (key === GameCharacteristic.Rtp) {
-    formattedValue = formatNumber(value, { percent: "real", precision: 3 });
-  }
-  if ((key === GameCharacteristic.MinBet || key === GameCharacteristic.MaxBet || key === GameCharacteristic.MaxWin) && typeof value === "number") {
-    if (Array.isArray(currency)) {
-      const [primary, ...secondaries] = currency || ["USD"];
-      const primaryValue = formatNumber(value, { currency: primary });
-      formattedValue = secondaries.length ? `${primaryValue} (${secondaries.map((currency2) => getCurrencySymbol(currency2)).join(", ")})` : primaryValue;
-    } else {
-      formattedValue = formatNumber(value, { currency });
+  if (typeof value !== "string") {
+    if (key === GameCharacteristic.Rtp) {
+      formattedValue = formatNumber(value, { percent: "real", precision: 3 });
+    }
+    if (key === GameCharacteristic.MinBet || key === GameCharacteristic.MaxBet || key === GameCharacteristic.MaxWin) {
+      if (Array.isArray(currency)) {
+        const [primary, ...secondaries] = currency || ["USD"];
+        const primaryValue = formatNumber(value, { currency: primary });
+        formattedValue = secondaries.length ? `${primaryValue} (${secondaries.map((currency2) => getCurrencySymbol(currency2)).join(", ")})` : primaryValue;
+      } else {
+        formattedValue = formatNumber(value, { currency });
+      }
+    }
+    if (key === GameCharacteristic.Compatibility || key === GameCharacteristic.BonusFeatures) {
+      formattedValue = stringifyArray(value);
+    }
+    if (key === GameCharacteristic.Languages) {
+      formattedValue = stringifyLanguageArray(value);
+    }
+    if (typeof value === "boolean") {
+      formattedValue = stringifyHasFeature(value);
     }
-  }
-  if (key === GameCharacteristic.Compatibility || key === GameCharacteristic.BonusFeatures && typeof value !== "string") {
-    formattedValue = stringifyArray(value);
-  }
-  if (key === GameCharacteristic.Languages) {
-    formattedValue = stringifyLanguageArray(value);
   }
   if (key === GameCharacteristic.ReleaseDate) {
     formattedValue = formatDate({ value, options: { year: "numeric", month: "long" } });
@@ -461,9 +438,6 @@ function getGameInfoItemValue(key, value, currency) {
   if (key === GameCharacteristic.Volatility) {
     formattedValue = stringifyVolatility(value);
   }
-  if (typeof value === "boolean") {
-    formattedValue = stringifyHasFeature(value);
-  }
   if (!formattedValue) {
     formattedValue = value.toLocaleString();
   }
@@ -487,6 +461,9 @@ const GameInfo = ({ info }) => {
           /* @__PURE__ */ jsx(Divider, { my: 2 }),
           /* @__PURE__ */ jsx(Text, { fontWeight: "semibold", mb: 2, children: t2(`group.${group}`) }),
           Object.entries(items).map(([itemKey, itemValue]) => {
+            if (!itemValue) {
+              return null;
+            }
             const feature = itemKey;
             const value = getGameInfoItemValue(feature, itemValue, currency);
             return /* @__PURE__ */ jsx(GameInfoItem, { title: t2(`feature.${feature}`), value }, itemKey);
@@ -498,11 +475,11 @@ const GameInfo = ({ info }) => {
 };
 const HowTo = ({ steps, ...boxProps }) => {
   const { color, bgColor } = usePrimaryColors();
-  return /* @__PURE__ */ jsx(SimpleGrid, { as: "ol", columns: { base: 1, md: 2, lg: 3 }, gap: 4, p: 0, ...boxProps, children: steps.map(({ title, description, image }, index) => /* @__PURE__ */ jsxs(Flex, { as: "li", alignItems: "flex-start", gap: 4, children: [
+  return /* @__PURE__ */ jsx(SimpleGrid, { as: "ol", columns: { base: 1, md: 2, lg: 3 }, gap: 4, p: 0, ...boxProps, children: steps.map(({ title, description, thumbnail }, index) => /* @__PURE__ */ jsxs(Flex, { as: "li", alignItems: "flex-start", gap: 4, children: [
     /* @__PURE__ */ jsx(Circle, { size: 12, bgColor, color, fontSize: "lg", fontWeight: "bold", children: String(index + 1) }),
     /* @__PURE__ */ jsxs(Stack, { flex: 1, children: [
       /* @__PURE__ */ jsx(Text, { fontSize: "lg", fontWeight: "bold", children: title }),
-      typeof image === "string" ? /* @__PURE__ */ jsx(Image, { src: image, alt: title, aspectRatio: "16/9", objectFit: "cover" }) : image,
+      typeof thumbnail === "string" ? /* @__PURE__ */ jsx(Image, { src: thumbnail, alt: title, aspectRatio: "16/9", objectFit: "cover" }) : thumbnail,
       /* @__PURE__ */ jsx(Text, { children: description })
     ] })
   ] }, index)) });
@@ -514,13 +491,9 @@ const Content = ({ children }) => {
   return /* @__PURE__ */ jsx(Box, { as: "section", py: 4, children: /* @__PURE__ */ jsx(Container, { children }) });
 };
 const Logo = () => {
-  var _a;
-  const { assets } = useSiteContext();
-  const image = (_a = assets == null ? void 0 : assets.images) == null ? void 0 : _a.logo;
-  if (!image) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(Box, { display: "flex", h: { base: 10, md: 14 }, overflow: "hidden", children: typeof image === "string" ? /* @__PURE__ */ jsx(Image, { src: image, alt: "Logo", objectFit: "contain" }) : image });
+  const { metadata } = useSiteContext();
+  const { logo } = metadata;
+  return /* @__PURE__ */ jsx(Box, { display: "flex", h: { base: 10, md: 14 }, overflow: "hidden", children: typeof logo === "string" ? /* @__PURE__ */ jsx(Image, { src: logo, alt: "Logo", objectFit: "contain" }) : logo });
 };
 const Brand$1 = ({ brand }) => {
   return /* @__PURE__ */ jsxs(Box, { position: "relative", my: 2, py: 8, children: [
@@ -530,17 +503,17 @@ const Brand$1 = ({ brand }) => {
 };
 const Copyright = () => {
   const { metadata } = useSiteContext();
-  const { siteUrl } = metadata;
+  const { name: siteName } = metadata;
   const { t: t2 } = useTranslation("footer");
-  return /* @__PURE__ */ jsx(Text, { as: "small", colorScheme: "gray", display: "flex", align: "center", justifyContent: "center", children: t2("copyright", { year: getCurrentYear(), domain: getDomain(siteUrl) }) });
+  return /* @__PURE__ */ jsx(Text, { as: "small", colorScheme: "gray", display: "flex", align: "center", justifyContent: "center", children: t2("copyright", { year: getCurrentYear(), siteName }) });
 };
 const Disclaimer = () => {
   const { metadata } = useSiteContext();
-  const { siteUrl } = metadata;
+  const { name: siteName } = metadata;
   const { t: t2 } = useTranslation("footer");
   return /* @__PURE__ */ jsxs(Text, { as: "small", colorScheme: "gray", fontSize: "sm", children: [
     /* @__PURE__ */ jsx(Text, { as: "span", fontWeight: "bold", color: "red.600", children: t2("disclaimer.title") }),
-    t2("disclaimer.description", { domain: getDomain(siteUrl) })
+    t2("disclaimer.description", { siteName })
   ] });
 };
 const Extra = ({ children }) => {
@@ -862,6 +835,17 @@ const List = ({ items, bullet = "—", render, ...boxProps }) => {
     render ? render(item) : item
   ] }, index)) });
 };
+const NotFound = () => {
+  const { t: t2 } = useTranslation("pageNotFound");
+  return /* @__PURE__ */ jsxs(Stack, { gap: 4, children: [
+    /* @__PURE__ */ jsx(Heading, { as: "h1", children: t2("title") }),
+    /* @__PURE__ */ jsxs(Text, { fontSize: "xl", children: [
+      t2("description"),
+      " ",
+      /* @__PURE__ */ jsx(Button, { as: Link$1, to: "/", variant: "link", colorScheme: "brand", fontSize: "xl", children: t2("action") })
+    ] })
+  ] });
+};
 const TitleMap = {
   pros: "advantages",
   cons: "disadvantages"
@@ -932,24 +916,32 @@ 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");
+    text = text.replace(regex, replacement);
+  });
+  return text;
+}
 const Seo = ({ children, siteMetadata, title, description, lang }) => {
-  const { title: defaultTitle, description: defaultDescription, lang: defaultLang, siteUrl } = siteMetadata;
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("html", { lang: lang ?? defaultLang }),
-    /* @__PURE__ */ jsx("title", { children: title ? typeof title === "string" ? title : title({
-      domain: getDomain(siteUrl),
+  const { name: siteName, lang: defaultLang, seo } = siteMetadata;
+  const { title: defaultTitle, description: defaultDescription } = seo;
+  const placeholders = useMemo(
+    () => ({
+      siteName,
       currentYear: getCurrentYear(),
       currentMonth: getCurrentMonth()
-    }) : defaultTitle }),
+    }),
+    [siteName]
+  );
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("html", { lang: lang ?? defaultLang }),
+    /* @__PURE__ */ jsx("title", { children: title ? typeof title === "string" ? replacePlaceholders(title, placeholders) : title(placeholders) : defaultTitle }),
     /* @__PURE__ */ jsx(
       "meta",
       {
         name: "description",
-        content: description ? typeof description === "string" ? description : description({
-          domain: getDomain(siteUrl),
-          currentYear: getCurrentYear(),
-          currentMonth: getCurrentMonth()
-        }) : defaultDescription
+        content: description ? typeof description === "string" ? replacePlaceholders(description, placeholders) : description(placeholders) : defaultDescription
       }
     ),
     children
@@ -995,15 +987,40 @@ const Tabs = ({ items, render, ...boxProps }) => {
     /* @__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,
+    {
+      variant: "filled",
+      p: 4,
+      borderLeft: "4px solid gray",
+      gap: 4,
+      _before: {
+        content: '"❛❛"',
+        position: "absolute",
+        top: -8,
+        left: -2,
+        fontSize: "6rem",
+        fontStyle: "italic",
+        color: useColorModeValue("blackAlpha.300", "whiteAlpha.300")
+      },
+      ...boxProps,
+      children: [
+        /* @__PURE__ */ jsx(CardBody, { as: "blockquote", p: 0, fontStyle: "italic", children: tip }),
+        !!author && /* @__PURE__ */ jsx(CardFooter, { alignItems: "center", justify: "flex-end", p: 0, children: /* @__PURE__ */ jsx(Author, { author, variant: "short" }) })
+      ]
+    }
+  );
+};
 export {
-  Author as A,
+  AuthorCard as A,
   BonusCard as B,
   ContactForm as C,
-  ExpertTip as E,
   Faq as F,
   GameCard as G,
   HowTo as H,
   Layout as L,
+  NotFound as N,
   ProsCons as P,
   RichTextRenderer as R,
   Seo as S,
@@ -1014,9 +1031,10 @@ export {
   GameInfo as d,
   List as e,
   Tabs as f,
-  Center as g,
-  Expert as h,
-  Grid as i,
-  LinkButton as j,
-  PulseButton as k
+  Tip as g,
+  Author as h,
+  Center as i,
+  Grid as j,
+  LinkButton as k,
+  PulseButton as l
 };

package/dist/index.cjs

@@ -1,19 +1,18 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index = require("./index-qgcoV14g.js");
+const index = require("./index-D32PZCoe.js");
 const index$1 = require("./index-IpSV-c71.js");
-const i18n$1 = require("./index-BEqFPNAt.js");
-const index$2 = require("./index-m97PmVsd.js");
+const i18n$1 = require("./index-Biz1dDqA.js");
+const index$2 = require("./index-Sod4uKHB.js");
 const index$3 = require("./index-BhsXlbd8.js");
-const index$4 = require("./index-D2APUOog.js");
+const index$4 = require("./index-Cte2-g6s.js");
 const index$5 = require("./index-B-5oUop6.js");
 const i18n = require("i18next");
 exports.Author = index.Author;
+exports.AuthorCard = index.AuthorCard;
 exports.BonusCard = index.BonusCard;
 exports.Center = index.Center;
 exports.ContactForm = index.ContactForm;
-exports.Expert = index.Expert;
-exports.ExpertTip = index.ExpertTip;
 exports.Faq = index.Faq;
 exports.FeatureCard = index.FeatureCard;
 exports.Features = index.Features;
@@ -25,12 +24,14 @@ exports.HowTo = index.HowTo;
 exports.Layout = index.Layout;
 exports.LinkButton = index.LinkButton;
 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.Table = index.Table;
 exports.Tabs = index.Tabs;
+exports.Tip = index.Tip;
 exports.usePrimaryColors = index$1.usePrimaryColors;
 exports.GameCharacteristic = i18n$1.GameCharacteristic;
 exports.GameVolatility = i18n$1.GameVolatility;
@@ -44,7 +45,6 @@ exports.formatNumber = index$4.formatNumber;
 exports.getCurrencySymbol = index$4.getCurrencySymbol;
 exports.getCurrentMonth = index$4.getCurrentMonth;
 exports.getCurrentYear = index$4.getCurrentYear;
-exports.getDomain = index$4.getDomain;
 exports.parseNumber = index$4.parseNumber;
 exports.round = index$4.round;
 exports.toFixedTwo = index$4.toFixedTwo;

package/dist/index.mjs

@@ -1,19 +1,18 @@
-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 { 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-VQ0_fg4m.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";
+import { a as a2, G as G2, r } from "./index-DoBCANwf.mjs";
+import { M } from "./index-BuvY6WUO.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, d as d2, p, r as r2, t } from "./index-BqUBNm7v.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, g as g3 } from "./index-BUx1Bxrs.mjs";
 import { default as default2 } from "i18next";
 export {
   A2 as Animation,
-  A as Author,
+  h as Author,
+  A as AuthorCard,
   B as BonusCard,
-  g as Center,
+  i as Center,
   C as ContactForm,
-  h as Expert,
-  E as ExpertTip,
   F as Faq,
   a as FeatureCard,
   b as Features,
@@ -22,19 +21,21 @@ export {
   c as GameDemo,
   d as GameInfo,
   G2 as GameVolatility,
-  i as Grid,
+  j as Grid,
   H as HowTo,
   L as Layout,
-  j as LinkButton,
+  k as LinkButton,
   e as List,
   M as MdxProvider,
+  N as NotFound,
   P as ProsCons,
-  k as PulseButton,
+  l as PulseButton,
   R as RichTextRenderer,
   S as Seo,
   S2 as SiteProvider,
   T as Table,
   f as Tabs,
+  g as Tip,
   e2 as extractTheme,
   f2 as formatDate,
   b2 as formatNumber,
@@ -42,7 +43,6 @@ export {
   c2 as getCurrencySymbol,
   a3 as getCurrentMonth,
   g2 as getCurrentYear,
-  d2 as getDomain,
   default2 as i18n,
   p as parseNumber,
   r as resources,

package/dist/providers/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index = require("../index-m97PmVsd.js");
+const index = require("../index-Sod4uKHB.js");
 const index$1 = require("../index-BhsXlbd8.js");
 exports.MdxProvider = index.MdxProvider;
 exports.SiteProvider = index$1.SiteProvider;

package/dist/providers/index.mjs

@@ -1,4 +1,4 @@
-import { M } from "../index-C-e_0aJJ.mjs";
+import { M } from "../index-BuvY6WUO.mjs";
 import { S, u } from "../index-BNb-P8a6.mjs";
 export {
   M as MdxProvider,

package/dist/providers/site-provider/index.d.ts

@@ -1,9 +1,8 @@
 import { FC, PropsWithChildren } from 'react';
-import { ISiteAssets, ISiteConfigs, ISiteMetadata } from '../../types';
+import { ISiteConfigs, ISiteMetadata } from '../../types';
 interface ISiteContext {
     metadata: ISiteMetadata;
     configs?: ISiteConfigs;
-    assets?: ISiteAssets;
 }
 type SiteMetadataProviderProps = ISiteContext;
 declare const SiteProvider: FC<PropsWithChildren<SiteMetadataProviderProps>>;

package/dist/types/components/how-to/index.d.ts

@@ -1,6 +1,6 @@
-import { ReactElement } from 'react';
+import { Image } from '../image';
 export interface IHowToStep {
     title: string;
     description?: string;
-    image?: string | ReactElement;
+    thumbnail?: Image;
 }

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

@@ -1,2 +1,6 @@
+import { ReactElement } from 'react';
 import { ImageProps } from '@chakra-ui/react';
+export type ImageUrl = string;
+export type ImageComponent = ReactElement;
+export type Image = ImageUrl | ImageComponent;
 export type ImageFit = ImageProps['objectFit'];