@anywayseo/tools 4.2.2 → 5.1.0

package/dist/{index-N8nXj4-i.js → index-D0yXUsJz.js}

@@ -2,16 +2,16 @@
 const jsxRuntime = require("react/jsx-runtime");
 const react$1 = require("@chakra-ui/react");
 const reactI18next = require("react-i18next");
-const gatsby = require("gatsby");
-const index$2 = require("./index-DVcQxWMZ.js");
-const i18n = require("./index-BPLxhZG_.js");
-const react$2 = require("@mdx-js/react");
-const index = require("./index-BhsXlbd8.js");
+const index = require("./index-B9GEoC68.js");
 const react = require("react");
+const index$3 = require("./index-C6MG_f24.js");
+const index$5 = require("./index-BHfpWNqh.js");
+const react$2 = require("@mdx-js/react");
 const icons = require("@chakra-ui/icons");
-const index$3 = require("./index-DuQjQMNN.js");
-const index$1 = require("./index-BV0hDmYP.js");
-const i18n$1 = require("i18next");
+const index$4 = require("./index-D34TfBTR.js");
+const index$2 = require("./index-At00w6EN.js");
+const index$1 = require("./index-BnmGE5_x.js");
+const i18next = require("i18next");
 const Markdown = require("react-markdown");
 const ONE_LINE_HEIGHT = 24;
 const Bio = ({ content, maxLines = 1 }) => {
@@ -81,11 +81,11 @@ const LinkButton = ({
   ...boxProps
 }) => {
   var _a;
-  const { configs } = index.useSiteContext();
+  const { config } = index.useSiteContext();
   const { color, invertedColor } = index$1.usePrimaryColors();
-  const isInvertedColor = (_a = configs == null ? void 0 : configs.theme) == null ? void 0 : _a.isInvertedColor;
-  const isInternalLink = linkType === "redirect" || (href == null ? void 0 : href.startsWith("/"));
-  const LinkComponent = isInternalLink ? gatsby.Link : react$1.Link;
+  const isInvertedColor = (_a = config == null ? void 0 : config.theme) == null ? void 0 : _a.isInvertedColor;
+  const isInternalLink = linkType === "redirect" || index$2.isRelativePath(href);
+  const LinkComponent = isInternalLink ? index.Link : react$1.Link;
   const hrefKey = isInternalLink ? "to" : "href";
   const hrefValue = linkType === "redirect" ? `/follow?to=${href}` : href;
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -95,7 +95,7 @@ const LinkButton = ({
       size: size === "auto" ? { base: "sm", md: "lg" } : size,
       bg: "brand.500",
       color: isInvertedColor ? invertedColor : color,
-      animation: animation ? index$2.Animation[animation.type](animation.params) : void 0,
+      animation: animation ? index$3.Animation[animation.type](animation.params) : void 0,
       textTransform,
       _hover: { textDecoration, bg: "brand.200" },
       _active: { transform: "scale(0.95)" },
@@ -356,7 +356,7 @@ const GameCardGrid = ({
 }) => {
   let sortedItems = items;
   if (order === "random") {
-    sortedItems = [...items].sort(randomSeed ? index$3.getSeededRandomComparator(randomSeed) : index$3.randomComparator);
+    sortedItems = [...items].sort(randomSeed ? index$4.getSeededRandomComparator(randomSeed) : index$4.randomComparator);
   }
   return /* @__PURE__ */ jsxRuntime.jsx(
     Grid,
@@ -505,10 +505,10 @@ const GameInfoItem = ({ title, value }) => {
 };
 const VISIBLE_LANGUAGE_NUMBER = 5;
 function stringifyHasFeature(value) {
-  return i18n$1.t(`gameInfo:value.boolean.${value}`);
+  return i18next.t(`gameInfo:value.boolean.${value}`);
 }
 function stringifyVolatility(value) {
-  return i18n$1.t(`gameInfo:value.volatility.${value}`);
+  return i18next.t(`gameInfo:value.volatility.${value}`);
 }
 function stringifyArray(array) {
   return array.join(", ");
@@ -516,35 +516,35 @@ function stringifyArray(array) {
 function stringifyLanguageArray(languages) {
   return languages.length > VISIBLE_LANGUAGE_NUMBER ? `${stringifyArray(languages.slice(0, VISIBLE_LANGUAGE_NUMBER))}, +${languages.length - VISIBLE_LANGUAGE_NUMBER}` : stringifyArray(languages);
 }
-function getGameInfoItemValue(key, value, currency) {
+function getGameInfoItemValue(key, value, locale, currency) {
   let formattedValue = "";
   if (typeof value !== "string") {
-    if (key === i18n.GameCharacteristic.Rtp) {
-      formattedValue = index$3.formatNumber(value, { percent: "real", precision: 3 });
+    if (key === index$5.GameCharacteristic.Rtp) {
+      formattedValue = index$4.formatNumber(value, { percent: "real", precision: 3 });
     }
-    if (key === i18n.GameCharacteristic.MinBet || key === i18n.GameCharacteristic.MaxBet || key === i18n.GameCharacteristic.MaxWin) {
+    if (key === index$5.GameCharacteristic.MinBet || key === index$5.GameCharacteristic.MaxBet || key === index$5.GameCharacteristic.MaxWin) {
       if (Array.isArray(currency)) {
         const [primary, ...secondaries] = currency || ["USD"];
-        const primaryValue = index$3.formatNumber(value, { currency: primary });
-        formattedValue = secondaries.length ? `${primaryValue} (${secondaries.map((currency2) => index$3.getCurrencySymbol(currency2)).join(", ")})` : primaryValue;
+        const primaryValue = index$4.formatNumber(value, { currency: primary });
+        formattedValue = secondaries.length ? `${primaryValue} (${secondaries.map((currency2) => index$4.getCurrencySymbol(currency2, locale)).join(", ")})` : primaryValue;
       } else {
-        formattedValue = index$3.formatNumber(value, { currency });
+        formattedValue = index$4.formatNumber(value, { currency });
       }
     }
-    if (key === i18n.GameCharacteristic.Compatibility || key === i18n.GameCharacteristic.BonusFeatures) {
+    if (key === index$5.GameCharacteristic.Compatibility || key === index$5.GameCharacteristic.BonusFeatures) {
       formattedValue = stringifyArray(value);
     }
-    if (key === i18n.GameCharacteristic.Languages) {
+    if (key === index$5.GameCharacteristic.Languages) {
       formattedValue = stringifyLanguageArray(value);
     }
     if (typeof value === "boolean") {
       formattedValue = stringifyHasFeature(value);
     }
   }
-  if (key === i18n.GameCharacteristic.ReleaseDate) {
-    formattedValue = index$3.formatDate({ value, options: { year: "numeric", month: "long" } });
+  if (key === index$5.GameCharacteristic.ReleaseDate) {
+    formattedValue = index$4.formatDate({ value, locale, options: { year: "numeric", month: "long" } });
   }
-  if (key === i18n.GameCharacteristic.Volatility) {
+  if (key === index$5.GameCharacteristic.Volatility) {
     formattedValue = stringifyVolatility(value);
   }
   if (!formattedValue) {
@@ -553,9 +553,11 @@ function getGameInfoItemValue(key, value, currency) {
   return formattedValue;
 }
 const GameInfo = ({ info }) => {
-  const { metadata } = index.useSiteContext();
-  const { currency } = metadata;
   const { t } = reactI18next.useTranslation("gameInfo");
+  const { localization } = index.useSiteContext();
+  const { currentLocale } = index.usePageContext();
+  const locale = currentLocale.code;
+  const currency = localization.currency;
   return /* @__PURE__ */ jsxRuntime.jsx(
     react$1.Box,
     {
@@ -574,7 +576,7 @@ const GameInfo = ({ info }) => {
               return null;
             }
             const feature = itemKey;
-            const value = getGameInfoItemValue(feature, itemValue, currency);
+            const value = getGameInfoItemValue(feature, itemValue, locale, currency);
             return /* @__PURE__ */ jsxRuntime.jsx(GameInfoItem, { title: t(`feature.${feature}`), value }, itemKey);
           })
         ] }, group)) })
@@ -607,19 +609,20 @@ const Logo = () => {
 const Brand$1 = ({ brand }) => {
   return /* @__PURE__ */ jsxRuntime.jsxs(react$1.Box, { position: "relative", my: 2, py: 8, children: [
     /* @__PURE__ */ jsxRuntime.jsx(react$1.Divider, {}),
-    /* @__PURE__ */ jsxRuntime.jsx(react$1.AbsoluteCenter, { display: "flex", bgColor: react$1.useColorModeValue("gray.50", "gray.900"), children: /* @__PURE__ */ jsxRuntime.jsx(gatsby.Link, { to: "/", children: brand }) })
+    /* @__PURE__ */ jsxRuntime.jsx(react$1.AbsoluteCenter, { display: "flex", bgColor: react$1.useColorModeValue("gray.50", "gray.900"), children: /* @__PURE__ */ jsxRuntime.jsx(index.Link, { to: "/", children: brand }) })
   ] });
 };
 const Copyright = () => {
   const { metadata } = index.useSiteContext();
-  const { name: siteName } = metadata;
   const { t } = reactI18next.useTranslation("footer");
-  return /* @__PURE__ */ jsxRuntime.jsx(react$1.Text, { as: "small", colorScheme: "gray", display: "flex", align: "center", justifyContent: "center", children: t("copyright", { year: index$3.getCurrentYear(), siteName }) });
+  const siteName = metadata.name;
+  const lang = metadata.lang;
+  return /* @__PURE__ */ jsxRuntime.jsx(react$1.Text, { as: "small", colorScheme: "gray", display: "flex", align: "center", justifyContent: "center", children: t("copyright", { year: index$4.getCurrentYear(lang), siteName }) });
 };
 const Disclaimer = () => {
   const { metadata } = index.useSiteContext();
-  const { name: siteName } = metadata;
   const { t } = reactI18next.useTranslation("footer");
+  const siteName = metadata.name;
   return /* @__PURE__ */ jsxRuntime.jsxs(react$1.Text, { as: "small", colorScheme: "gray", fontSize: "sm", children: [
     /* @__PURE__ */ jsxRuntime.jsx(react$1.Text, { as: "span", fontWeight: "bold", color: "red.600", children: t("disclaimer.title") }),
     t("disclaimer.description", { siteName })
@@ -640,29 +643,29 @@ const Navigation$1 = ({ menu }) => {
       spacing: 4,
       justifyItems: { base: "flex-start", md: "center" },
       justifyContent: "space-between",
-      children: menu.map(({ path, label }, index2) => /* @__PURE__ */ jsxRuntime.jsx(react$1.Flex, { as: "li", children: /* @__PURE__ */ jsxRuntime.jsx(
+      children: menu.map(({ slug, label }, index$12) => /* @__PURE__ */ jsxRuntime.jsx(react$1.Flex, { as: "li", children: /* @__PURE__ */ jsxRuntime.jsx(
         react$1.Text,
         {
-          as: gatsby.Link,
-          to: path,
+          as: index.Link,
+          to: slug,
           fontSize: "md",
           fontWeight: "semibold",
           colorScheme: "gray",
           _hover: { textDecoration: "none", color: "brand.400" },
           children: label
-        },
-        path
-      ) }, index2))
+        }
+      ) }, index$12))
     }
   );
 };
 const Footer = () => {
-  var _a, _b, _c;
-  const { configs } = index.useSiteContext();
-  const navigation = ((_a = configs == null ? void 0 : configs.footer) == null ? void 0 : _a.navigation) ?? [];
-  const extra = (_b = configs == null ? void 0 : configs.footer) == null ? void 0 : _b.extra;
-  const showDisclaimer = ((_c = configs == null ? void 0 : configs.footer) == null ? void 0 : _c.showDisclaimer) ?? true;
-  const hasNavigation = !!navigation.length;
+  var _a, _b;
+  const { navigation, config } = index.useSiteContext();
+  const { currentLocale } = index.usePageContext();
+  const menu = navigation.footer[currentLocale.code] ?? [];
+  const extra = (_a = config == null ? void 0 : config.footer) == null ? void 0 : _a.extra;
+  const showDisclaimer = ((_b = config == null ? void 0 : config.footer) == null ? void 0 : _b.showDisclaimer) ?? true;
+  const hasNavigation = !!menu.length;
   const hasExtra = !!extra;
   return /* @__PURE__ */ jsxRuntime.jsx(
     react$1.Box,
@@ -672,7 +675,7 @@ const Footer = () => {
       color: react$1.useColorModeValue("gray.700", "gray.200"),
       py: 4,
       children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { children: [
-        hasNavigation && /* @__PURE__ */ jsxRuntime.jsx(Navigation$1, { menu: navigation }),
+        hasNavigation && /* @__PURE__ */ jsxRuntime.jsx(Navigation$1, { menu }),
         hasExtra && /* @__PURE__ */ jsxRuntime.jsx(Extra, { children: extra }),
         showDisclaimer && /* @__PURE__ */ jsxRuntime.jsx(Disclaimer, {}),
         /* @__PURE__ */ jsxRuntime.jsx(Brand$1, { brand: /* @__PURE__ */ jsxRuntime.jsx(Logo, {}) }),
@@ -682,15 +685,111 @@ const Footer = () => {
   );
 };
 const Brand = ({ brand }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(gatsby.Link, { to: "/", children: brand });
+  return /* @__PURE__ */ jsxRuntime.jsx(index.Link, { to: "/", children: brand });
+};
+const FranceIcon = (props) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: "1em", height: "1em", ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("mask", { id: "circleFlagsFr0", children: /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "256", cy: "256", r: "256", fill: "#fff" }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("g", { mask: "url(#circleFlagsFr0)", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#eee", d: "M167 0h178l25.9 252.3L345 512H167l-29.8-253.4z" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#0052b4", d: "M0 0h167v512H0z" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#d80027", d: "M345 0h167v512H345z" })
+    ] })
+  ] });
+};
+const GermanyIcon = (props) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: "1em", height: "1em", ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("mask", { id: "circleFlagsDe0", children: /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "256", cy: "256", r: "256", fill: "#fff" }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("g", { mask: "url(#circleFlagsDe0)", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#ffda44", d: "m0 345l256.7-25.5L512 345v167H0z" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#d80027", d: "m0 167l255-23l257 23v178H0z" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#333", d: "M0 0h512v167H0z" })
+    ] })
+  ] });
+};
+const GlobeIcon = (props) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 496", width: "1em", height: "1em", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      fill: "currentColor",
+      d: "M336.5 160C322 70.7 287.8 8 248 8s-74 62.7-88.5 152zM152 256c0 22.2 1.2 43.5 3.3 64h185.3c2.1-20.5 3.3-41.8 3.3-64s-1.2-43.5-3.3-64H155.3c-2.1 20.5-3.3 41.8-3.3 64m324.7-96c-28.6-67.9-86.5-120.4-158-141.6c24.4 33.8 41.2 84.7 50 141.6zM177.2 18.4C105.8 39.6 47.8 92.1 19.3 160h108c8.7-56.9 25.5-107.8 49.9-141.6M487.4 192H372.7c2.1 21 3.3 42.5 3.3 64s-1.2 43-3.3 64h114.6c5.5-20.5 8.6-41.8 8.6-64s-3.1-43.5-8.5-64M120 256c0-21.5 1.2-43 3.3-64H8.6C3.2 212.5 0 233.8 0 256s3.2 43.5 8.6 64h114.6c-2-21-3.2-42.5-3.2-64m39.5 96c14.5 89.3 48.7 152 88.5 152s74-62.7 88.5-152zm159.3 141.6c71.4-21.2 129.4-73.7 158-141.6h-108c-8.8 56.9-25.6 107.8-50 141.6M19.3 352c28.6 67.9 86.5 120.4 158 141.6c-24.4-33.8-41.2-84.7-50-141.6z"
+    }
+  ) });
+};
+const ItalyIcon = (props) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: "1em", height: "1em", ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("mask", { id: "circleFlagsIt0", children: /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "256", cy: "256", r: "256", fill: "#fff" }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("g", { mask: "url(#circleFlagsIt0)", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#eee", d: "M167 0h178l25.9 252.3L345 512H167l-29.8-253.4z" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#6da544", d: "M0 0h167v512H0z" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#d80027", d: "M345 0h167v512H345z" })
+    ] })
+  ] });
+};
+const RussiaIcon = (props) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: "1em", height: "1em", ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("mask", { id: "circleFlagsRu0", children: /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "256", cy: "256", r: "256", fill: "#fff" }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("g", { mask: "url(#circleFlagsRu0)", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#0052b4", d: "M512 170v172l-256 32L0 342V170l256-32z" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#eee", d: "M512 0v170H0V0Z" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#d80027", d: "M512 342v170H0V342Z" })
+    ] })
+  ] });
+};
+function getMappedIcon(code) {
+  let icon = GlobeIcon;
+  switch (code) {
+    case "de":
+      icon = GermanyIcon;
+      break;
+    case "it":
+      icon = ItalyIcon;
+      break;
+    case "ru":
+      icon = RussiaIcon;
+      break;
+    case "fr":
+      icon = FranceIcon;
+      break;
+    case "en":
+    default:
+      icon = GlobeIcon;
+      break;
+  }
+  return icon;
+}
+const LocaleSwitcher = ({ currentLocale, locales }) => {
+  const localeCode = currentLocale.code;
+  const localeIcon = getMappedIcon(localeCode);
+  const localeMenuItems = react.useMemo(
+    () => locales.map((locale) => ({ ...locale, icon: getMappedIcon(locale.code) })),
+    [locales]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs(react$1.Menu, { placement: "bottom-end", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      react$1.MenuButton,
+      {
+        as: react$1.Button,
+        rightIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.ChevronDownIcon, {}),
+        w: { base: 20, md: "28" },
+        px: { base: 1, md: 4 },
+        size: { base: "sm", md: "lg" },
+        children: /* @__PURE__ */ jsxRuntime.jsxs(react$1.HStack, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(react$1.Icon, { as: localeIcon }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: localeCode.toUpperCase() })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(react$1.MenuList, { minW: "fit-content", children: localeMenuItems.map(({ code, name, icon }) => /* @__PURE__ */ jsxRuntime.jsx(react$1.MenuItem, { as: index.Link, to: `/${code}`, icon: /* @__PURE__ */ jsxRuntime.jsx(react$1.Icon, { as: icon, w: 4, h: 4 }), children: name }, code)) })
+  ] });
 };
-const NavLink = react.forwardRef(({ path, label }, ref) => {
+const NavLink = react.forwardRef(({ slug, label }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     react$1.Text,
     {
       ref,
-      as: gatsby.Link,
-      to: path,
+      as: index.Link,
+      to: slug,
       p: 2,
       fontWeight: "semibold",
       _hover: { textDecoration: "none", color: "brand.400" },
@@ -699,7 +798,7 @@ const NavLink = react.forwardRef(({ path, label }, ref) => {
   );
 });
 NavLink.displayName = "NavLink";
-const NavList$1 = ({ path, label, children }) => {
+const NavList$1 = ({ slug, label, children }) => {
   const background = react$1.useColorModeValue("white", "gray.800");
   const backgroundHover = react$1.useColorModeValue("brand.50", "gray.900");
   return /* @__PURE__ */ jsxRuntime.jsxs(react$1.Popover, { trigger: "hover", placement: "bottom-start", children: [
@@ -714,22 +813,37 @@ const NavList$1 = ({ path, label, children }) => {
         children: label
       }
     ) }),
-    /* @__PURE__ */ jsxRuntime.jsx(react$1.PopoverContent, { p: 2, border: 0, minW: "sm", rounded: "xl", boxShadow: "xl", bg: background, children: /* @__PURE__ */ jsxRuntime.jsx(react$1.List, { spacing: 2, p: 0, children: children == null ? void 0 : children.map((child, index2) => /* @__PURE__ */ jsxRuntime.jsx(react$1.ListItem, { rounded: "md", _hover: { bg: backgroundHover }, children: /* @__PURE__ */ jsxRuntime.jsxs(react$1.Flex, { as: gatsby.Link, to: `${path}${child.path}`, p: 2, role: "group", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(react$1.Text, { fontWeight: 500, transition: "all .3s ease", _groupHover: { color: "brand.400" }, children: child.label }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        react$1.Flex,
-        {
-          flex: 1,
-          justify: "flex-end",
-          align: "center",
-          opacity: 0,
-          transition: "all .3s ease",
-          transform: "translateX(-10px)",
-          _groupHover: { opacity: 1, transform: "translateX(0)" },
-          children: /* @__PURE__ */ jsxRuntime.jsx(react$1.Icon, { as: icons.ChevronRightIcon, color: "brand.400", w: 5, h: 5 })
-        }
-      )
-    ] }) }, index2)) }) })
+    /* @__PURE__ */ jsxRuntime.jsx(
+      react$1.PopoverContent,
+      {
+        p: 2,
+        border: 0,
+        minW: "sm",
+        maxH: 300,
+        overflowY: "auto",
+        rounded: "xl",
+        boxShadow: "xl",
+        bg: background,
+        children: /* @__PURE__ */ jsxRuntime.jsx(react$1.List, { spacing: 2, p: 0, children: children == null ? void 0 : children.map((child, index$12) => {
+          return /* @__PURE__ */ jsxRuntime.jsx(react$1.ListItem, { rounded: "md", _hover: { bg: backgroundHover }, children: /* @__PURE__ */ jsxRuntime.jsxs(react$1.Flex, { as: index.Link, to: index$2.buildPath(child.slug, slug), p: 2, role: "group", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(react$1.Text, { fontWeight: 500, transition: "all .3s ease", _groupHover: { color: "brand.400" }, children: child.label }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              react$1.Flex,
+              {
+                flex: 1,
+                justify: "flex-end",
+                align: "center",
+                opacity: 0,
+                transition: "all .3s ease",
+                transform: "translateX(-10px)",
+                _groupHover: { opacity: 1, transform: "translateX(0)" },
+                children: /* @__PURE__ */ jsxRuntime.jsx(react$1.Icon, { as: icons.ChevronRightIcon, color: "brand.400", w: 5, h: 5 })
+              }
+            )
+          ] }) }, index$12);
+        }) })
+      }
+    )
   ] });
 };
 const DesktopNavigation = ({ menu }) => {
@@ -739,7 +853,7 @@ const DesktopNavigation = ({ menu }) => {
   }) });
 };
 const CHEVRON_DOWN_ICON_SIZE = "1.5rem";
-const NavList = ({ path, label, children, isExpanded, onExpand }) => {
+const NavList = ({ slug, label, children, isExpanded, onExpand }) => {
   return /* @__PURE__ */ jsxRuntime.jsxs(react$1.Stack, { flex: 1, children: [
     /* @__PURE__ */ jsxRuntime.jsxs(
       react$1.Flex,
@@ -765,7 +879,19 @@ const NavList = ({ path, label, children, isExpanded, onExpand }) => {
         ]
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsx(react$1.Collapse, { in: isExpanded, transition: { enter: { ease: "easeIn" }, exit: { duration: 0.2 } }, children: /* @__PURE__ */ jsxRuntime.jsx(react$1.List, { ml: 2, pl: 0, borderLeft: 1, borderStyle: "solid", borderColor: react$1.useColorModeValue("gray.200", "gray.700"), children: children == null ? void 0 : children.map((child, index2) => /* @__PURE__ */ jsxRuntime.jsx(react$1.Flex, { as: "li", role: "listitem", children: /* @__PURE__ */ jsxRuntime.jsx(react$1.Text, { as: gatsby.Link, to: `${path}${child.path}`, p: 2, fontSize: "sm", children: child.label }) }, index2)) }) })
+    /* @__PURE__ */ jsxRuntime.jsx(react$1.Collapse, { in: isExpanded, transition: { enter: { ease: "easeIn" }, exit: { duration: 0.2 } }, children: /* @__PURE__ */ jsxRuntime.jsx(
+      react$1.List,
+      {
+        ml: 2,
+        pl: 0,
+        maxH: 300,
+        overflowY: "auto",
+        borderLeft: 1,
+        borderStyle: "solid",
+        borderColor: react$1.useColorModeValue("gray.200", "gray.700"),
+        children: children == null ? void 0 : children.map((child, index$12) => /* @__PURE__ */ jsxRuntime.jsx(react$1.Flex, { as: "li", role: "listitem", children: /* @__PURE__ */ jsxRuntime.jsx(react$1.Text, { as: index.Link, to: index$2.buildPath(child.slug, slug), p: 2, fontSize: "sm", children: child.label }) }, index$12))
+      }
+    ) })
   ] });
 };
 const CLOSE_ICON_SIZE = "0.75rem";
@@ -820,12 +946,15 @@ const Navigation = ({ menu }) => {
   ] });
 };
 const Header = () => {
-  var _a, _b;
-  const { configs } = index.useSiteContext();
-  const navigation = ((_a = configs == null ? void 0 : configs.header) == null ? void 0 : _a.navigation) ?? [];
-  const toolbar = (_b = configs == null ? void 0 : configs.header) == null ? void 0 : _b.toolbar;
-  const hasToolbar = !!toolbar;
-  const hasNavigation = !!navigation.length;
+  var _a;
+  const { navigation, localization, config } = index.useSiteContext();
+  const { currentLocale } = index.usePageContext();
+  const locales = localization.locales;
+  const menu = navigation.header[currentLocale.code] ?? [];
+  const toolbar = (_a = config == null ? void 0 : config.header) == null ? void 0 : _a.toolbar;
+  const isMultiLanguage = locales.length > 1;
+  const hasNavigation = !!menu.length;
+  const hasToolbar = !!toolbar || isMultiLanguage;
   return /* @__PURE__ */ jsxRuntime.jsx(
     react$1.Box,
     {
@@ -848,8 +977,11 @@ const Header = () => {
             align: "center",
             gap: 2,
             children: [
-              hasNavigation && /* @__PURE__ */ jsxRuntime.jsx(react$1.Flex, { flex: { base: 0, md: 1 }, children: /* @__PURE__ */ jsxRuntime.jsx(Navigation, { menu: navigation }) }),
-              hasToolbar && /* @__PURE__ */ jsxRuntime.jsx(react$1.Flex, { gap: 2, flex: { base: 1, md: 0 }, justifyContent: "flex-end", children: toolbar })
+              hasNavigation && /* @__PURE__ */ jsxRuntime.jsx(react$1.Flex, { flex: { base: 0, md: 1 }, children: /* @__PURE__ */ jsxRuntime.jsx(Navigation, { menu }) }),
+              hasToolbar && /* @__PURE__ */ jsxRuntime.jsxs(react$1.Flex, { gap: 2, flex: { base: 1, md: 0 }, justifyContent: "flex-end", children: [
+                !!toolbar && toolbar,
+                isMultiLanguage && /* @__PURE__ */ jsxRuntime.jsx(LocaleSwitcher, { currentLocale, locales })
+              ] })
             ]
           }
         )
@@ -951,7 +1083,7 @@ const NotFound = () => {
     /* @__PURE__ */ jsxRuntime.jsxs(react$1.Text, { fontSize: "xl", children: [
       t("description"),
       " ",
-      /* @__PURE__ */ jsxRuntime.jsx(react$1.Button, { as: gatsby.Link, to: "/", variant: "link", colorScheme: "brand", fontSize: "xl", children: t("action") })
+      /* @__PURE__ */ jsxRuntime.jsx(react$1.Button, { as: index.Link, to: "/", variant: "link", colorScheme: "brand", fontSize: "xl", children: t("action") })
     ] })
   ] });
 };
@@ -1028,19 +1160,21 @@ function replacePlaceholders(text, placeholders) {
   });
   return text;
 }
-const Seo = ({ children, siteMetadata, title, description, lang }) => {
-  const { name: siteName, lang: defaultLang, seo } = siteMetadata;
+const Seo = ({ children, title, description, lang }) => {
+  const { metadata } = index.useSiteContext();
+  const { name: siteName, lang: defaultLang, seo } = metadata;
   const { title: defaultTitle, description: defaultDescription } = seo;
+  const siteLang = lang || defaultLang;
   const placeholders = react.useMemo(
     () => ({
       siteName,
-      currentYear: index$3.getCurrentYear(),
-      currentMonth: index$3.getCurrentMonth()
+      currentYear: index$4.getCurrentYear(siteLang),
+      currentMonth: index$4.getCurrentMonth(siteLang)
     }),
-    [siteName]
+    [siteName, siteLang]
   );
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx("html", { lang: lang ?? defaultLang }),
+    /* @__PURE__ */ jsxRuntime.jsx("html", { lang: siteLang }),
     /* @__PURE__ */ jsxRuntime.jsx("title", { children: title ? typeof title === "string" ? replacePlaceholders(title, placeholders) : title(placeholders) : defaultTitle }),
     /* @__PURE__ */ jsxRuntime.jsx(
       "meta",

package/dist/{index-DuQjQMNN.js → index-D34TfBTR.js}

@@ -1,19 +1,16 @@
 "use strict";
-require("./index-BPLxhZG_.js");
-const i18n = require("i18next");
-function getCurrentYear() {
-  const locale = i18n.language;
+const i18n = require("./i18n/index.cjs");
+function getCurrentYear(locale = i18n.DEFAULT_LANGUAGE) {
   const currentDate = /* @__PURE__ */ new Date();
   const currentYear = new Intl.DateTimeFormat(locale, { year: "numeric" }).format(currentDate);
   return currentYear;
 }
-function getCurrentMonth() {
-  const locale = i18n.language;
+function getCurrentMonth(locale = i18n.DEFAULT_LANGUAGE) {
   const currentDate = /* @__PURE__ */ new Date();
   const currentMonth = new Intl.DateTimeFormat(locale, { month: "long" }).format(currentDate);
   return currentMonth;
 }
-function formatDate({ value, locale = i18n.language, options }) {
+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");
@@ -31,7 +28,7 @@ function toFixedTwo(number) {
   return round(number, DEFAULT_PRECISION);
 }
 function formatNumber(number, options) {
-  const locale = (options == null ? void 0 : options.locale) ?? i18n.language;
+  const locale = (options == null ? void 0 : options.locale) ?? i18n.DEFAULT_LANGUAGE;
   const precision = (options == null ? void 0 : options.precision) ?? DEFAULT_PRECISION;
   let postfix = "";
   const formatOptions = {
@@ -65,8 +62,8 @@ function parseNumber(value) {
   }
   return parsedNumber;
 }
-function getCurrencySymbol(currencyCode) {
-  const symbol = 0 .toLocaleString(i18n.language, {
+function getCurrencySymbol(currencyCode, locale = i18n.DEFAULT_LANGUAGE) {
+  const symbol = 0 .toLocaleString(locale, {
     style: "currency",
     currency: currencyCode,
     minimumFractionDigits: 0,

package/dist/{index-CkTgVjZS.mjs → index-QazOxABc.mjs}

@@ -1,6 +1,7 @@
 import { useColorModeValue } from "@chakra-ui/react";
-import { L as LIGHT_THEME_COLOR, D as DARK_THEME_COLOR } from "./index-MpNfBHkQ.mjs";
-import "./index-BE9gNdXx.mjs";
+import "./index-BJRvnR8Q.mjs";
+import "./index-CACDltm3.mjs";
+import { L as LIGHT_THEME_COLOR, D as DARK_THEME_COLOR } from "./index-BRVKhbs6.mjs";
 function usePrimaryColors() {
   const color = useColorModeValue(LIGHT_THEME_COLOR, DARK_THEME_COLOR);
   const bgColor = useColorModeValue("brand.500", "brand.200");

package/dist/index-WFgDSB1A.js

@@ -0,0 +1,22 @@
+"use strict";
+const react = require("react");
+const reactI18next = require("react-i18next");
+function useLocalization({ location, defaultLocale, locales }) {
+  const [currentLocale, setCurrentLocale] = react.useState(defaultLocale);
+  const { i18n } = reactI18next.useTranslation();
+  const path = location.pathname;
+  react.useEffect(() => {
+    const cleanPath = path.replace(/^\/+|\/+$/g, "");
+    const maybeLocaleCode = cleanPath.split("/")[0];
+    const maybeLocale = locales.find(({ code }) => code === maybeLocaleCode);
+    const locale = maybeLocale ? maybeLocale : defaultLocale;
+    if (locale.code !== currentLocale.code) {
+      setCurrentLocale(locale);
+    }
+    if (i18n.language !== locale.code) {
+      i18n.changeLanguage(locale.code);
+    }
+  }, [path]);
+  return { currentLocale };
+}
+exports.useLocalization = useLocalization;