@anywayseo/tools 4.2.1 → 5.0.0

package/dist/{index-CcsbqDXL.mjs → index-DVAydNYV.mjs}

@@ -1,7 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import { Text, UnorderedList, OrderedList, Heading, Link } from "@chakra-ui/react";
 import { MDXProvider } from "@mdx-js/react";
-import { Link as Link$1 } from "gatsby";
+import "react";
+import "react-i18next";
+import { L as Link$1 } from "./index-DnvTeCy9.mjs";
+import "./index-BJRvnR8Q.mjs";
+import "./index-CACDltm3.mjs";
+import { i as isRelativePath } from "./index-BmaWfWLV.mjs";
 function omitProps(props, omittedKeys) {
   const result = { ...props };
   omittedKeys.forEach((key) => {
@@ -19,8 +24,7 @@ function renderLink({
   href,
   ...props
 }) {
-  const isInternalLink = href == null ? void 0 : href.startsWith("/");
-  return isInternalLink ? /* @__PURE__ */ jsx(Link, { as: Link$1, to: href, color: "brand.400", ...props }) : /* @__PURE__ */ jsx(
+  return isRelativePath(href) ? /* @__PURE__ */ jsx(Link, { as: Link$1, to: href, color: "brand.400", ...props }) : /* @__PURE__ */ jsx(
     Link,
     {
       href,

package/dist/index-DnvTeCy9.mjs

@@ -0,0 +1,50 @@
+import { jsx } from "react/jsx-runtime";
+import { createContext, useContext, useMemo, forwardRef } from "react";
+import { Link as Link$1 } from "gatsby";
+import "@chakra-ui/react";
+import "@mdx-js/react";
+import "react-i18next";
+import "./index-BJRvnR8Q.mjs";
+import "./index-CACDltm3.mjs";
+import { u as useLocalization } from "./index-Cc85xj4h.mjs";
+import { i as isRelativePath } from "./index-BmaWfWLV.mjs";
+const SiteContext = createContext(null);
+const SiteProvider = ({ children, ...context }) => {
+  const { currentLocale } = useLocalization(context.localization);
+  const value = useMemo(() => {
+    return { ...context, localization: { ...context.localization, currentLocale } };
+  }, [currentLocale]);
+  return /* @__PURE__ */ jsx(SiteContext.Provider, { value, children });
+};
+function useSiteContext() {
+  const context = useContext(SiteContext);
+  if (!context) {
+    throw new Error("useSiteContext must be used within SiteProvider");
+  }
+  return context;
+}
+function normalizePath(path = "") {
+  return path.replace(/^\/+|\/+$/g, "").replace(/\/+/g, "/");
+}
+function getLocalizedPath(path, currentLocaleCode, defaultLocaleCode) {
+  const localePrefix = currentLocaleCode === defaultLocaleCode ? "/" : `/${currentLocaleCode}/`;
+  if (path === "/") {
+    return localePrefix;
+  }
+  if (isRelativePath(path)) {
+    const maybeLocaleCode = path.split("/")[1];
+    return maybeLocaleCode === defaultLocaleCode ? "/" : path;
+  }
+  return `${localePrefix}${normalizePath(path)}`;
+}
+const Link = forwardRef(({ to, ...props }, ref) => {
+  const { localization } = useSiteContext();
+  const { currentLocale, defaultLocale } = localization;
+  const path = getLocalizedPath(to, currentLocale.code, defaultLocale.code);
+  return /* @__PURE__ */ jsx(Link$1, { ref, to: path, ...props });
+});
+export {
+  Link as L,
+  SiteProvider as S,
+  useSiteContext as u
+};

package/dist/index-DqGO34ef.js

@@ -0,0 +1,26 @@
+"use strict";
+const react = require("react");
+const reactI18next = require("react-i18next");
+function useLocalization({ defaultLocale, locales }) {
+  var _a;
+  const [currentLocale, setCurrentLocale] = react.useState(defaultLocale);
+  const { i18n } = reactI18next.useTranslation();
+  const path = ((_a = window == null ? void 0 : window.location) == null ? void 0 : _a.pathname) ?? "";
+  react.useEffect(() => {
+    if (typeof window === "undefined") {
+      return;
+    }
+    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;

package/dist/{index-DF_u_tzx.js → index-Dur8aLpm.js}

@@ -2,7 +2,12 @@
 const jsxRuntime = require("react/jsx-runtime");
 const react$1 = require("@chakra-ui/react");
 const react = require("@mdx-js/react");
-const gatsby = require("gatsby");
+require("react");
+require("react-i18next");
+const index$1 = require("./index-D1bJmcpz.js");
+require("./index-C6MG_f24.js");
+require("./index-BHfpWNqh.js");
+const index = require("./index-At00w6EN.js");
 function omitProps(props, omittedKeys) {
   const result = { ...props };
   omittedKeys.forEach((key) => {
@@ -20,8 +25,7 @@ function renderLink({
   href,
   ...props
 }) {
-  const isInternalLink = href == null ? void 0 : href.startsWith("/");
-  return isInternalLink ? /* @__PURE__ */ jsxRuntime.jsx(react$1.Link, { as: gatsby.Link, to: href, color: "brand.400", ...props }) : /* @__PURE__ */ jsxRuntime.jsx(
+  return index.isRelativePath(href) ? /* @__PURE__ */ jsxRuntime.jsx(react$1.Link, { as: index$1.Link, to: href, color: "brand.400", ...props }) : /* @__PURE__ */ jsxRuntime.jsx(
     react$1.Link,
     {
       href,

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-CaIyg0au.mjs → index-X2ihbchG.mjs}

@@ -1,15 +1,15 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { Box, Collapse, Text, Button, Flex, Stack, Image, Center as Center$1, SimpleGrid, Link as Link$1, 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 { Box, Collapse, Text, Button, Flex, Stack, Image, Center as Center$1, SimpleGrid, Link as Link$1, 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, Menu, MenuButton, HStack, Icon, MenuList, MenuItem, List as List$1, ListItem, 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 { Link } from "gatsby";
-import { A as Animation } from "./index-MpNfBHkQ.mjs";
-import { a as GameCharacteristic } from "./index-BE9gNdXx.mjs";
+import { u as useSiteContext, L as Link } from "./index-DnvTeCy9.mjs";
+import { useRef, useState, useLayoutEffect, Fragment as Fragment$1, useMemo, forwardRef, useEffect } from "react";
+import { A as Animation } from "./index-BJRvnR8Q.mjs";
+import { a as GameCharacteristic } from "./index-CACDltm3.mjs";
 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, ViewOffIcon, ViewIcon, ChevronRightIcon, ChevronDownIcon, HamburgerIcon, ChevronUpIcon, WarningIcon, CheckCircleIcon } from "@chakra-ui/icons";
-import { e as getSeededRandomComparator, d as randomComparator, b as formatNumber, c as getCurrencySymbol, f as formatDate, g as getCurrentYear, a as getCurrentMonth } from "./index-DPO0aIC3.mjs";
-import { u as usePrimaryColors } from "./index-CkTgVjZS.mjs";
+import { EmailIcon, StarIcon, CloseIcon, ViewOffIcon, ViewIcon, ChevronDownIcon, ChevronRightIcon, HamburgerIcon, ChevronUpIcon, WarningIcon, CheckCircleIcon } from "@chakra-ui/icons";
+import { e as getSeededRandomComparator, d as randomComparator, b as formatNumber, c as getCurrencySymbol, f as formatDate, g as getCurrentYear, a as getCurrentMonth } from "./index-Bu4S7kG8.mjs";
+import { i as isRelativePath, b as buildPath } from "./index-BmaWfWLV.mjs";
+import { u as usePrimaryColors } from "./index-QazOxABc.mjs";
 import { t } from "i18next";
 import Markdown from "react-markdown";
 const ONE_LINE_HEIGHT = 24;
@@ -80,10 +80,10 @@ const LinkButton = ({
   ...boxProps
 }) => {
   var _a;
-  const { configs } = useSiteContext();
+  const { config } = useSiteContext();
   const { color, invertedColor } = 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 isInvertedColor = (_a = config == null ? void 0 : config.theme) == null ? void 0 : _a.isInvertedColor;
+  const isInternalLink = linkType === "redirect" || isRelativePath(href);
   const LinkComponent = isInternalLink ? Link : Link$1;
   const hrefKey = isInternalLink ? "to" : "href";
   const hrefValue = linkType === "redirect" ? `/follow?to=${href}` : href;
@@ -450,6 +450,7 @@ const GameDemo = ({ name, src, href, previewImage, previewImageFit, ...boxProps
     setIsLoaded(true);
   }
   function handleExit() {
+    document.body.style.overflowY = "auto";
     onClose();
     setIsRunning(false);
   }
@@ -514,7 +515,7 @@ 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 === GameCharacteristic.Rtp) {
@@ -524,7 +525,7 @@ function getGameInfoItemValue(key, value, currency) {
       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;
+        formattedValue = secondaries.length ? `${primaryValue} (${secondaries.map((currency2) => getCurrencySymbol(currency2, locale)).join(", ")})` : primaryValue;
       } else {
         formattedValue = formatNumber(value, { currency });
       }
@@ -540,7 +541,7 @@ function getGameInfoItemValue(key, value, currency) {
     }
   }
   if (key === GameCharacteristic.ReleaseDate) {
-    formattedValue = formatDate({ value, options: { year: "numeric", month: "long" } });
+    formattedValue = formatDate({ value, locale, options: { year: "numeric", month: "long" } });
   }
   if (key === GameCharacteristic.Volatility) {
     formattedValue = stringifyVolatility(value);
@@ -551,9 +552,10 @@ function getGameInfoItemValue(key, value, currency) {
   return formattedValue;
 }
 const GameInfo = ({ info }) => {
-  const { metadata } = useSiteContext();
-  const { currency } = metadata;
   const { t: t2 } = useTranslation("gameInfo");
+  const { localization } = useSiteContext();
+  const locale = localization.currentLocale.code;
+  const currency = localization.currency;
   return /* @__PURE__ */ jsx(
     Box,
     {
@@ -572,7 +574,7 @@ const GameInfo = ({ info }) => {
               return null;
             }
             const feature = itemKey;
-            const value = getGameInfoItemValue(feature, itemValue, currency);
+            const value = getGameInfoItemValue(feature, itemValue, locale, currency);
             return /* @__PURE__ */ jsx(GameInfoItem, { title: t2(`feature.${feature}`), value }, itemKey);
           })
         ] }, group)) })
@@ -610,14 +612,15 @@ const Brand$1 = ({ brand }) => {
 };
 const Copyright = () => {
   const { metadata } = useSiteContext();
-  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(), siteName }) });
+  const siteName = metadata.name;
+  const lang = metadata.lang;
+  return /* @__PURE__ */ jsx(Text, { as: "small", colorScheme: "gray", display: "flex", align: "center", justifyContent: "center", children: t2("copyright", { year: getCurrentYear(lang), siteName }) });
 };
 const Disclaimer = () => {
   const { metadata } = useSiteContext();
-  const { name: siteName } = metadata;
   const { t: t2 } = useTranslation("footer");
+  const siteName = metadata.name;
   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", { siteName })
@@ -638,29 +641,29 @@ const Navigation$1 = ({ menu }) => {
       spacing: 4,
       justifyItems: { base: "flex-start", md: "center" },
       justifyContent: "space-between",
-      children: menu.map(({ path, label }, index) => /* @__PURE__ */ jsx(Flex, { as: "li", children: /* @__PURE__ */ jsx(
+      children: menu.map(({ slug, label }, index) => /* @__PURE__ */ jsx(Flex, { as: "li", children: /* @__PURE__ */ jsx(
         Text,
         {
           as: Link,
-          to: path,
+          to: slug,
           fontSize: "md",
           fontWeight: "semibold",
           colorScheme: "gray",
           _hover: { textDecoration: "none", color: "brand.400" },
           children: label
-        },
-        path
+        }
       ) }, index))
     }
   );
 };
 const Footer = () => {
-  var _a, _b, _c;
-  const { configs } = 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, localization, config } = useSiteContext();
+  const currentLocale = localization.currentLocale;
+  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__ */ jsx(
     Box,
@@ -670,7 +673,7 @@ const Footer = () => {
       color: useColorModeValue("gray.700", "gray.200"),
       py: 4,
       children: /* @__PURE__ */ jsxs(Container, { children: [
-        hasNavigation && /* @__PURE__ */ jsx(Navigation$1, { menu: navigation }),
+        hasNavigation && /* @__PURE__ */ jsx(Navigation$1, { menu }),
         hasExtra && /* @__PURE__ */ jsx(Extra, { children: extra }),
         showDisclaimer && /* @__PURE__ */ jsx(Disclaimer, {}),
         /* @__PURE__ */ jsx(Brand$1, { brand: /* @__PURE__ */ jsx(Logo, {}) }),
@@ -682,13 +685,109 @@ const Footer = () => {
 const Brand = ({ brand }) => {
   return /* @__PURE__ */ jsx(Link, { to: "/", children: brand });
 };
-const NavLink = forwardRef(({ path, label }, ref) => {
+const FranceIcon = (props) => {
+  return /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: "1em", height: "1em", ...props, children: [
+    /* @__PURE__ */ jsx("mask", { id: "circleFlagsFr0", children: /* @__PURE__ */ jsx("circle", { cx: "256", cy: "256", r: "256", fill: "#fff" }) }),
+    /* @__PURE__ */ jsxs("g", { mask: "url(#circleFlagsFr0)", children: [
+      /* @__PURE__ */ jsx("path", { fill: "#eee", d: "M167 0h178l25.9 252.3L345 512H167l-29.8-253.4z" }),
+      /* @__PURE__ */ jsx("path", { fill: "#0052b4", d: "M0 0h167v512H0z" }),
+      /* @__PURE__ */ jsx("path", { fill: "#d80027", d: "M345 0h167v512H345z" })
+    ] })
+  ] });
+};
+const GermanyIcon = (props) => {
+  return /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: "1em", height: "1em", ...props, children: [
+    /* @__PURE__ */ jsx("mask", { id: "circleFlagsDe0", children: /* @__PURE__ */ jsx("circle", { cx: "256", cy: "256", r: "256", fill: "#fff" }) }),
+    /* @__PURE__ */ jsxs("g", { mask: "url(#circleFlagsDe0)", children: [
+      /* @__PURE__ */ jsx("path", { fill: "#ffda44", d: "m0 345l256.7-25.5L512 345v167H0z" }),
+      /* @__PURE__ */ jsx("path", { fill: "#d80027", d: "m0 167l255-23l257 23v178H0z" }),
+      /* @__PURE__ */ jsx("path", { fill: "#333", d: "M0 0h512v167H0z" })
+    ] })
+  ] });
+};
+const GlobeIcon = (props) => {
+  return /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 496", width: "1em", height: "1em", ...props, children: /* @__PURE__ */ 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__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: "1em", height: "1em", ...props, children: [
+    /* @__PURE__ */ jsx("mask", { id: "circleFlagsIt0", children: /* @__PURE__ */ jsx("circle", { cx: "256", cy: "256", r: "256", fill: "#fff" }) }),
+    /* @__PURE__ */ jsxs("g", { mask: "url(#circleFlagsIt0)", children: [
+      /* @__PURE__ */ jsx("path", { fill: "#eee", d: "M167 0h178l25.9 252.3L345 512H167l-29.8-253.4z" }),
+      /* @__PURE__ */ jsx("path", { fill: "#6da544", d: "M0 0h167v512H0z" }),
+      /* @__PURE__ */ jsx("path", { fill: "#d80027", d: "M345 0h167v512H345z" })
+    ] })
+  ] });
+};
+const RussiaIcon = (props) => {
+  return /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: "1em", height: "1em", ...props, children: [
+    /* @__PURE__ */ jsx("mask", { id: "circleFlagsRu0", children: /* @__PURE__ */ jsx("circle", { cx: "256", cy: "256", r: "256", fill: "#fff" }) }),
+    /* @__PURE__ */ jsxs("g", { mask: "url(#circleFlagsRu0)", children: [
+      /* @__PURE__ */ jsx("path", { fill: "#0052b4", d: "M512 170v172l-256 32L0 342V170l256-32z" }),
+      /* @__PURE__ */ jsx("path", { fill: "#eee", d: "M512 0v170H0V0Z" }),
+      /* @__PURE__ */ 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 = useMemo(
+    () => locales.map((locale) => ({ ...locale, icon: getMappedIcon(locale.code) })),
+    [locales]
+  );
+  return /* @__PURE__ */ jsxs(Menu, { placement: "bottom-end", children: [
+    /* @__PURE__ */ jsx(
+      MenuButton,
+      {
+        as: Button,
+        rightIcon: /* @__PURE__ */ jsx(ChevronDownIcon, {}),
+        w: { base: 20, md: "28" },
+        px: { base: 1, md: 4 },
+        size: { base: "sm", md: "lg" },
+        children: /* @__PURE__ */ jsxs(HStack, { children: [
+          /* @__PURE__ */ jsx(Icon, { as: localeIcon }),
+          /* @__PURE__ */ jsx("span", { children: localeCode.toUpperCase() })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx(MenuList, { minW: "fit-content", children: localeMenuItems.map(({ code, name, icon }) => /* @__PURE__ */ jsx(MenuItem, { as: Link, to: `/${code}`, icon: /* @__PURE__ */ jsx(Icon, { as: icon, w: 4, h: 4 }), children: name }, code)) })
+  ] });
+};
+const NavLink = forwardRef(({ slug, label }, ref) => {
   return /* @__PURE__ */ jsx(
     Text,
     {
       ref,
       as: Link,
-      to: path,
+      to: slug,
       p: 2,
       fontWeight: "semibold",
       _hover: { textDecoration: "none", color: "brand.400" },
@@ -697,7 +796,7 @@ const NavLink = forwardRef(({ path, label }, ref) => {
   );
 });
 NavLink.displayName = "NavLink";
-const NavList$1 = ({ path, label, children }) => {
+const NavList$1 = ({ slug, label, children }) => {
   const background = useColorModeValue("white", "gray.800");
   const backgroundHover = useColorModeValue("brand.50", "gray.900");
   return /* @__PURE__ */ jsxs(Popover, { trigger: "hover", placement: "bottom-start", children: [
@@ -712,22 +811,37 @@ const NavList$1 = ({ path, label, children }) => {
         children: label
       }
     ) }),
-    /* @__PURE__ */ jsx(PopoverContent, { p: 2, border: 0, minW: "sm", rounded: "xl", boxShadow: "xl", bg: background, children: /* @__PURE__ */ jsx(List$1, { spacing: 2, p: 0, children: children == null ? void 0 : children.map((child, index) => /* @__PURE__ */ jsx(ListItem, { rounded: "md", _hover: { bg: backgroundHover }, children: /* @__PURE__ */ jsxs(Flex, { as: Link, to: `${path}${child.path}`, p: 2, role: "group", children: [
-      /* @__PURE__ */ jsx(Text, { fontWeight: 500, transition: "all .3s ease", _groupHover: { color: "brand.400" }, children: child.label }),
-      /* @__PURE__ */ jsx(
-        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__ */ jsx(Icon, { as: ChevronRightIcon, color: "brand.400", w: 5, h: 5 })
-        }
-      )
-    ] }) }, index)) }) })
+    /* @__PURE__ */ jsx(
+      PopoverContent,
+      {
+        p: 2,
+        border: 0,
+        minW: "sm",
+        maxH: 300,
+        overflowY: "auto",
+        rounded: "xl",
+        boxShadow: "xl",
+        bg: background,
+        children: /* @__PURE__ */ jsx(List$1, { spacing: 2, p: 0, children: children == null ? void 0 : children.map((child, index) => {
+          return /* @__PURE__ */ jsx(ListItem, { rounded: "md", _hover: { bg: backgroundHover }, children: /* @__PURE__ */ jsxs(Flex, { as: Link, to: buildPath(child.slug, slug), p: 2, role: "group", children: [
+            /* @__PURE__ */ jsx(Text, { fontWeight: 500, transition: "all .3s ease", _groupHover: { color: "brand.400" }, children: child.label }),
+            /* @__PURE__ */ jsx(
+              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__ */ jsx(Icon, { as: ChevronRightIcon, color: "brand.400", w: 5, h: 5 })
+              }
+            )
+          ] }) }, index);
+        }) })
+      }
+    )
   ] });
 };
 const DesktopNavigation = ({ menu }) => {
@@ -737,7 +851,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__ */ jsxs(Stack, { flex: 1, children: [
     /* @__PURE__ */ jsxs(
       Flex,
@@ -763,7 +877,19 @@ const NavList = ({ path, label, children, isExpanded, onExpand }) => {
         ]
       }
     ),
-    /* @__PURE__ */ jsx(Collapse, { in: isExpanded, transition: { enter: { ease: "easeIn" }, exit: { duration: 0.2 } }, children: /* @__PURE__ */ jsx(List$1, { ml: 2, pl: 0, borderLeft: 1, borderStyle: "solid", borderColor: useColorModeValue("gray.200", "gray.700"), children: children == null ? void 0 : children.map((child, index) => /* @__PURE__ */ jsx(Flex, { as: "li", role: "listitem", children: /* @__PURE__ */ jsx(Text, { as: Link, to: `${path}${child.path}`, p: 2, fontSize: "sm", children: child.label }) }, index)) }) })
+    /* @__PURE__ */ jsx(Collapse, { in: isExpanded, transition: { enter: { ease: "easeIn" }, exit: { duration: 0.2 } }, children: /* @__PURE__ */ jsx(
+      List$1,
+      {
+        ml: 2,
+        pl: 0,
+        maxH: 300,
+        overflowY: "auto",
+        borderLeft: 1,
+        borderStyle: "solid",
+        borderColor: useColorModeValue("gray.200", "gray.700"),
+        children: children == null ? void 0 : children.map((child, index) => /* @__PURE__ */ jsx(Flex, { as: "li", role: "listitem", children: /* @__PURE__ */ jsx(Text, { as: Link, to: buildPath(child.slug, slug), p: 2, fontSize: "sm", children: child.label }) }, index))
+      }
+    ) })
   ] });
 };
 const CLOSE_ICON_SIZE = "0.75rem";
@@ -818,12 +944,15 @@ const Navigation = ({ menu }) => {
   ] });
 };
 const Header = () => {
-  var _a, _b;
-  const { configs } = 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 } = useSiteContext();
+  const locales = localization.locales;
+  const currentLocale = localization.currentLocale;
+  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__ */ jsx(
     Box,
     {
@@ -846,8 +975,11 @@ const Header = () => {
             align: "center",
             gap: 2,
             children: [
-              hasNavigation && /* @__PURE__ */ jsx(Flex, { flex: { base: 0, md: 1 }, children: /* @__PURE__ */ jsx(Navigation, { menu: navigation }) }),
-              hasToolbar && /* @__PURE__ */ jsx(Flex, { gap: 2, flex: { base: 1, md: 0 }, justifyContent: "flex-end", children: toolbar })
+              hasNavigation && /* @__PURE__ */ jsx(Flex, { flex: { base: 0, md: 1 }, children: /* @__PURE__ */ jsx(Navigation, { menu }) }),
+              hasToolbar && /* @__PURE__ */ jsxs(Flex, { gap: 2, flex: { base: 1, md: 0 }, justifyContent: "flex-end", children: [
+                !!toolbar && toolbar,
+                isMultiLanguage && /* @__PURE__ */ jsx(LocaleSwitcher, { currentLocale, locales })
+              ] })
             ]
           }
         )
@@ -1026,19 +1158,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 } = useSiteContext();
+  const { name: siteName, lang: defaultLang, seo } = metadata;
   const { title: defaultTitle, description: defaultDescription } = seo;
+  const siteLang = lang || defaultLang;
   const placeholders = useMemo(
     () => ({
       siteName,
-      currentYear: getCurrentYear(),
-      currentMonth: getCurrentMonth()
+      currentYear: getCurrentYear(siteLang),
+      currentMonth: getCurrentMonth(siteLang)
     }),
-    [siteName]
+    [siteName, siteLang]
   );
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("html", { lang: lang ?? defaultLang }),
+    /* @__PURE__ */ jsx("html", { lang: siteLang }),
     /* @__PURE__ */ jsx("title", { children: title ? typeof title === "string" ? replacePlaceholders(title, placeholders) : title(placeholders) : defaultTitle }),
     /* @__PURE__ */ jsx(
       "meta",