@anywayseo/tools 5.6.0 → 5.7.0

package/dist/{index-5J1CqqcW.js → index-D15SAjJc.js}

@@ -1,7 +1,7 @@
 "use strict";
 const react = require("@chakra-ui/react");
 require("./index-C6MG_f24.js");
-require("./index-DMR4Ptkt.js");
+require("./index-B-k9oWE7.js");
 const index = require("./index-CbuiYkSg.js");
 function usePrimaryColors() {
   const color = react.useColorModeValue(index.LIGHT_THEME_COLOR, index.DARK_THEME_COLOR);

package/dist/{index-BzbpMLDD.mjs → index-DHURrUMW.mjs}

@@ -7,7 +7,7 @@ function useLocalization({ location, defaultLocale, locales }) {
   useEffect(() => {
     const cleanPath = path.replace(/^\/+|\/+$/g, "");
     const maybeLocaleCode = cleanPath.split("/")[0];
-    const maybeLocale = locales.find(({ code }) => code === maybeLocaleCode);
+    const maybeLocale = locales.find(({ code }) => code.toLowerCase() === maybeLocaleCode.toLowerCase());
     const locale = maybeLocale ? maybeLocale : defaultLocale;
     if (locale.code !== currentLocale.code) {
       setCurrentLocale(locale);

package/dist/{index-C2T70CMa.mjs → index-FfZIjQy3.mjs}

@@ -1,12 +1,13 @@
 import { jsx } from "react/jsx-runtime";
 import { MDXProvider } from "@mdx-js/react";
+import "react-i18next";
 import "@chakra-ui/react";
-import { I as Image, L as Link } from "./index-HLGPI9-S.mjs";
+import { I as Image, L as Link } from "./index-ksqN4RPm.mjs";
+import "./index-BJRvnR8Q.mjs";
+import "./index-CVN8I7r9.mjs";
 import "react";
-import "react-i18next";
+import "@chakra-ui/icons";
 import { P as Paragraph, U as Unordered, O as Ordered, b as Heading3, a as Heading2, H as Heading1 } from "./index-BEjKnOZA.mjs";
-import "./index-BJRvnR8Q.mjs";
-import "./index-CWMHJGbL.mjs";
 function omitProps(props, omittedKeys) {
   const result = { ...props };
   omittedKeys.forEach((key) => {

package/dist/index-Lln67Kfn.mjs

@@ -0,0 +1,402 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Flex, Container as Container$1, useColorModeValue, useToast, useClipboard, Text, IconButton, Button, Box, Stack, Card, Badge, Td, Tr, Table, Thead, Th, Tbody } from "@chakra-ui/react";
+import { L as Link, a as useSiteContext, I as Image, u as usePageContext } from "./index-ksqN4RPm.mjs";
+import "@mdx-js/react";
+import { useTranslation } from "react-i18next";
+import { A as Animation } from "./index-BJRvnR8Q.mjs";
+import { a as CasinoCharacteristic, C as CasinoTableColumn } from "./index-CVN8I7r9.mjs";
+import "react";
+import { CheckIcon, CopyIcon, StarIcon } from "@chakra-ui/icons";
+import "react-medium-image-zoom";
+import { u as usePrimaryColors } from "./index-CB0JfZMx.mjs";
+import { b as formatNumber } from "./index-C7z5qqm_.mjs";
+const FacebookIcon = (props) => {
+  return /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", "aria-label": "Facebook", ...props, children: [
+    /* @__PURE__ */ jsx("rect", { x: "1", y: "1", width: "22", height: "22", rx: "5", fill: "none", stroke: "currentColor", strokeWidth: "2" }),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M13.5 8h2V6h-2c-2.2 0-3.5 1.3-3.5 3.5V11H8v2h2v5h2v-5h2l.5-2h-2v-1.3c0-.5.2-.7 1-.7Z",
+        fill: "currentColor"
+      }
+    )
+  ] });
+};
+const InstagramIcon = (props) => {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      "aria-label": "Instagram",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("rect", { x: "1", y: "1", width: "22", height: "22", rx: "5", fill: "none", stroke: "currentColor", strokeWidth: "2" }),
+        /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "4", fill: "none", stroke: "currentColor", strokeWidth: "2" }),
+        /* @__PURE__ */ jsx("circle", { cx: "17", cy: "7", r: "1.25", fill: "currentColor" })
+      ]
+    }
+  );
+};
+const PinterestIcon = (props) => {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      "aria-label": "Pinterest",
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          fill: "currentColor",
+          d: "M12 0C5.373 0 0 5.373 0 12c0 4.99 3.657 9.128 8.438 10.122-.117-.858-.222-2.178.047-3.116.242-.83 1.557-5.288 1.557-5.288s-.396-.792-.396-1.963c0-1.84 1.067-3.215 2.395-3.215 1.13 0 1.675.848 1.675 1.866 0 1.138-.724 2.842-1.097 4.421-.312 1.319.663 2.395 1.965 2.395 2.358 0 3.947-3.032 3.947-6.617 0-2.727-1.84-4.769-5.178-4.769-3.774 0-6.134 2.822-6.134 5.97 0 1.086.322 1.852.827 2.443.232.274.264.384.18.698-.06.23-.197.786-.256 1.007-.084.322-.34.437-.628.318-1.75-.714-2.564-2.63-2.564-4.785 0-3.555 2.998-7.817 8.946-7.817 4.782 0 7.923 3.454 7.923 7.168 0 4.924-2.74 8.6-6.781 8.6-1.356 0-2.63-.73-3.066-1.565l-.833 3.173c-.301 1.147-1.118 2.582-1.667 3.455C9.708 23.812 10.828 24 12 24c6.627 0 12-5.373 12-12S18.627 0 12 0z"
+        }
+      )
+    }
+  );
+};
+const XcomIcon = (props) => {
+  return /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", "aria-label": "X", ...props, children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      fill: "currentColor",
+      d: "M18.244 2H21l-6.57 7.498L22 22h-5.657l-4.403-5.808L6.06 22H3.302l7.02-8.006L2 2h5.822l3.983 5.293L18.244 2zM16.97 20h1.9L8.153 4h-1.9L16.97 20z"
+    }
+  ) });
+};
+const YoutubeIcon = (props) => {
+  return /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", "aria-label": "YouTube", ...props, children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      fill: "currentColor",
+      d: "M23.498 6.186a2.974 2.974 0 0 0-2.095-2.107C19.505 3.5 12 3.5 12 3.5s-7.505 0-9.403.579A2.974 2.974 0 0 0 .502 6.186C0 8.09 0 12 0 12s0 3.91.502 5.814a2.974 2.974 0 0 0 2.095 2.107C4.495 20.5 12 20.5 12 20.5s7.505 0 9.403-.579a2.974 2.974 0 0 0 2.095-2.107C24 15.91 24 12 24 12s0-3.91-.502-5.814zM9.75 15.02V8.98L15.5 12l-5.75 3.02z"
+    }
+  ) });
+};
+const SocialNetworkMap = {
+  facebook: FacebookIcon,
+  instagram: InstagramIcon,
+  pinterest: PinterestIcon,
+  x: XcomIcon,
+  youtube: YoutubeIcon
+};
+const SocialNetwork = ({ kind, url }) => {
+  const Icon = SocialNetworkMap[kind];
+  return /* @__PURE__ */ jsx(Link, { to: url, children: /* @__PURE__ */ jsx(Icon, {}) });
+};
+const SocialNetworks = ({ socialNetworks, ...flexProps }) => {
+  const uniqueSocialNetworks = [...new Map(socialNetworks.map((item) => [item.kind, item])).values()];
+  return /* @__PURE__ */ jsx(Flex, { gap: 2, ...flexProps, children: uniqueSocialNetworks.map((socialNetwork) => /* @__PURE__ */ jsx(SocialNetwork, { ...socialNetwork }, socialNetwork.kind)) });
+};
+const Container = ({ children }) => {
+  return /* @__PURE__ */ jsx(Container$1, { maxW: "container.xl", children });
+};
+const CopyText = ({ value }) => {
+  const backgroundColor = useColorModeValue("gray.200", "gray.700");
+  const toast = useToast();
+  const { t } = useTranslation("copyText");
+  const { hasCopied, onCopy } = useClipboard(value);
+  function handleCopy() {
+    onCopy();
+    toast({ title: t("title"), status: "success", duration: 2e3, isClosable: true });
+  }
+  return /* @__PURE__ */ jsxs(Flex, { align: "center", gap: 2, backgroundColor, ps: 4, rounded: "lg", children: [
+    /* @__PURE__ */ jsx(Text, { fontFamily: "mono", children: value }),
+    /* @__PURE__ */ jsx(
+      IconButton,
+      {
+        icon: hasCopied ? /* @__PURE__ */ jsx(CheckIcon, {}) : /* @__PURE__ */ jsx(CopyIcon, {}),
+        "aria-label": "Copy to clipboard",
+        size: "sm",
+        variant: "ghost",
+        colorScheme: hasCopied ? "green" : "gray",
+        onClick: handleCopy
+      }
+    )
+  ] });
+};
+const LinkButton = ({
+  label,
+  href,
+  linkType = "redirect",
+  size = "auto",
+  width = "auto",
+  textTransform,
+  textDecoration,
+  animation,
+  onClick,
+  ...boxProps
+}) => {
+  var _a;
+  const { config } = useSiteContext();
+  const { color, invertedColor } = usePrimaryColors();
+  const isInvertedColor = (_a = config == null ? void 0 : config.theme) == null ? void 0 : _a.isInvertedColor;
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      w: width,
+      size: size === "auto" ? { base: "sm", md: "lg" } : size,
+      bg: "brand.500",
+      color: isInvertedColor ? invertedColor : color,
+      animation: animation ? Animation[animation.type](animation.params) : void 0,
+      textTransform,
+      _hover: { textDecoration, bg: "brand.200" },
+      _active: { transform: "scale(0.95)" },
+      onClick,
+      ...boxProps,
+      ...href && {
+        as: Link,
+        to: href,
+        isRedirectLink: linkType === "redirect"
+      },
+      children: label
+    }
+  );
+};
+const Logo = () => {
+  const { metadata } = useSiteContext();
+  const { logo } = metadata;
+  return /* @__PURE__ */ jsx(Box, { display: "flex", h: { base: 10, md: 14 }, overflow: "hidden", children: /* @__PURE__ */ jsx(Image, { src: logo, alt: "Logo", objectFit: "contain" }) });
+};
+const StarSizeMap = {
+  sm: 12,
+  md: 16,
+  lg: 20
+};
+const FontSizeMap = {
+  sm: "xs",
+  md: "sm",
+  lg: "md"
+};
+const Rating = ({ value = 0, max = 5, size = "md", hasLabel }) => {
+  const current = Math.round(Math.min(value, max));
+  const stars = /* @__PURE__ */ jsx(Flex, { gap: 1, children: Array.from({ length: max }, (_, i) => {
+    const index = i + 1;
+    const isActive = index <= current;
+    return /* @__PURE__ */ jsx(
+      StarIcon,
+      {
+        boxSize: StarSizeMap[size],
+        color: isActive ? "var(--chakra-colors-yellow-400)" : "gray"
+      },
+      index
+    );
+  }) });
+  return hasLabel ? /* @__PURE__ */ jsxs(Stack, { spacing: 1, align: "center", children: [
+    stars,
+    /* @__PURE__ */ jsxs(Text, { fontSize: FontSizeMap[size], children: [
+      current,
+      " / ",
+      max
+    ] })
+  ] }) : stars;
+};
+const CasinoActions = ({ referralUrl, reviewUrl }) => {
+  const { t } = useTranslation("casinoTable");
+  const referralLinkLabel = t("row.actions.getBonus");
+  const reviewLinkLabel = t("row.actions.readReview");
+  return /* @__PURE__ */ jsxs(Stack, { children: [
+    !!referralUrl && /* @__PURE__ */ jsx(
+      LinkButton,
+      {
+        href: referralUrl,
+        label: referralLinkLabel,
+        textDecoration: "none",
+        size: { base: "sm", md: "md", lg: "lg" }
+      }
+    ),
+    !!reviewUrl && /* @__PURE__ */ jsx(Link, { to: reviewUrl, fontSize: "sm", children: reviewLinkLabel })
+  ] });
+};
+const CasinoBonus = ({ bonus, promoCode }) => {
+  return /* @__PURE__ */ jsxs(Stack, { gap: 3, align: "center", children: [
+    /* @__PURE__ */ jsx(Text, { fontSize: "xl", children: bonus }),
+    !!promoCode && /* @__PURE__ */ jsx(CopyText, { value: promoCode })
+  ] });
+};
+const CasinoInfoItem = ({ label, value }) => {
+  const color = useColorModeValue("gray.500", "gray.300");
+  return /* @__PURE__ */ jsxs(Text, { display: "inline-flex", justifyContent: "space-between", gap: 2, w: "full", textAlign: "end", children: [
+    /* @__PURE__ */ jsxs(Text, { as: "span", color, fontSize: "xs", fontWeight: "semibold", textAlign: "start", me: 1, children: [
+      label,
+      ":"
+    ] }),
+    value
+  ] });
+};
+function getCasinoInfoItemValue(key, value, locale) {
+  let formattedValue = "";
+  if (typeof value !== "string") {
+    if (key === CasinoCharacteristic.Rtp) {
+      formattedValue = formatNumber(value, { percent: "real", precision: 3 });
+    }
+    if (key === CasinoCharacteristic.MidDeposit) {
+      formattedValue = formatNumber(value, { locale });
+    }
+  }
+  if (!formattedValue) {
+    formattedValue = value.toLocaleString();
+  }
+  return formattedValue;
+}
+const CasinoInfo = ({ info }) => {
+  const { currentLocale } = usePageContext();
+  const { t } = useTranslation("casinoInfo");
+  return /* @__PURE__ */ jsx(Card, { py: 1, px: 2, w: "100%", children: /* @__PURE__ */ jsx(Stack, { gap: 1, align: "start", children: Object.entries(info).map(([itemKey, itemValue]) => {
+    if (!itemValue) {
+      return null;
+    }
+    const label = itemKey;
+    const value = getCasinoInfoItemValue(label, itemValue, currentLocale.code);
+    return /* @__PURE__ */ jsx(CasinoInfoItem, { label: t(`feature.${label}`), value }, label);
+  }) }) });
+};
+const CasinoLicense = ({ name, image }) => {
+  return /* @__PURE__ */ jsx(Flex, { align: "top", justify: "center", w: "full", h: "full", children: /* @__PURE__ */ jsx(Image, { src: image, alt: name, title: name, w: { base: "16", md: "12" }, rounded: "lg" }) });
+};
+const CasinoLogo = ({ name, image, isBestChoice }) => {
+  const { t } = useTranslation("casinoTable");
+  const background = useColorModeValue("gray.100", "gray.700");
+  return /* @__PURE__ */ jsxs(Box, { position: "relative", display: "inline-block", w: "100%", children: [
+    /* @__PURE__ */ jsx(Image, { src: image, alt: name, title: name, borderRadius: "md", w: "100%", objectFit: "cover" }),
+    isBestChoice && /* @__PURE__ */ jsx(
+      Badge,
+      {
+        position: "absolute",
+        top: 1,
+        left: 1,
+        fontSize: "2xs",
+        px: 1,
+        borderRadius: "md",
+        shadow: "md",
+        colorScheme: "brand",
+        background,
+        children: t("row.logo.bestChoiceBadge")
+      }
+    )
+  ] });
+};
+const CasinoName = ({ name, rating }) => {
+  return /* @__PURE__ */ jsxs(Stack, { gap: 3, w: "full", children: [
+    /* @__PURE__ */ jsx(Text, { children: name }),
+    /* @__PURE__ */ jsx(Rating, { value: rating, size: "sm", hasLabel: true })
+  ] });
+};
+const Cell = ({ children, borderColor, ...props }) => {
+  return /* @__PURE__ */ jsx(
+    Td,
+    {
+      textAlign: "center",
+      p: 2,
+      borderBottom: { base: "none", md: "1px solid" },
+      borderBottomColor: { base: "none", md: borderColor },
+      ...props,
+      children
+    }
+  );
+};
+const CasinoTableRow = ({ casino }) => {
+  const { id, image, name, rating, bonus, promoCode, license, info, referralUrl, reviewUrl } = casino;
+  const borderColor = useColorModeValue("gray.200", "whiteAlpha.300");
+  return /* @__PURE__ */ jsxs(
+    Tr,
+    {
+      display: { base: "inline-block", md: "table-row" },
+      w: { base: "100%", md: "auto" },
+      p: { base: 4, md: 0 },
+      mb: { base: 4, md: 0 },
+      border: { base: "1px solid", md: "none" },
+      borderColor,
+      borderRadius: "xl",
+      overflow: "hidden",
+      children: [
+        /* @__PURE__ */ jsx(Cell, { display: { base: "none", md: "table-cell" }, borderColor, children: id }),
+        /* @__PURE__ */ jsx(
+          Cell,
+          {
+            display: { base: "block", md: "table-cell" },
+            w: { base: "full", md: 200 },
+            minW: 100,
+            borderColor,
+            children: /* @__PURE__ */ jsx(CasinoLogo, { name, image, isBestChoice: id === "1" })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Cell,
+          {
+            display: { base: "inline-flex", md: "table-cell" },
+            w: { base: license ? "50%" : "full", md: "auto" },
+            borderColor,
+            children: /* @__PURE__ */ jsx(CasinoName, { name, rating })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Cell,
+          {
+            display: { base: license ? "inline-flex" : "none", md: "table-cell" },
+            w: { base: "50%", md: "16" },
+            borderColor,
+            children: license ? /* @__PURE__ */ jsx(CasinoLicense, { ...license }) : "—"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Cell,
+          {
+            display: { base: "block", sm: info ? "inline-flex" : "block", md: "table-cell" },
+            w: { base: "full", sm: info ? "60%" : "full", md: "auto" },
+            borderColor,
+            children: /* @__PURE__ */ jsx(CasinoBonus, { bonus, promoCode })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Cell,
+          {
+            display: { base: info ? "block" : "none", sm: info ? "inline-flex" : "none", md: "table-cell" },
+            w: { base: "full", sm: "40%", md: "40" },
+            borderColor,
+            children: info ? /* @__PURE__ */ jsx(CasinoInfo, { info }) : "—"
+          }
+        ),
+        /* @__PURE__ */ jsx(Cell, { display: { base: "block", md: "table-cell" }, borderColor, children: /* @__PURE__ */ jsx(CasinoActions, { referralUrl, reviewUrl }) })
+      ]
+    }
+  );
+};
+const columns = [
+  CasinoTableColumn.ID,
+  CasinoTableColumn.Logo,
+  CasinoTableColumn.Name,
+  CasinoTableColumn.License,
+  CasinoTableColumn.Bonus,
+  CasinoTableColumn.Info,
+  CasinoTableColumn.Actions
+];
+const CasinoTable = ({ casinos, showHeader = false }) => {
+  const { t } = useTranslation("casinoTable");
+  return /* @__PURE__ */ jsxs(Table, { variant: "simple", size: "md", children: [
+    /* @__PURE__ */ jsx(
+      Thead,
+      {
+        position: { base: "absolute", md: showHeader ? "static" : "absolute" },
+        opacity: { base: 0, md: showHeader ? "initial" : 0 },
+        children: /* @__PURE__ */ jsx(Tr, { children: columns.map((column) => /* @__PURE__ */ jsx(Th, { textAlign: "center", p: 2, children: t(`column.${column}`) }, column)) })
+      }
+    ),
+    /* @__PURE__ */ jsx(Tbody, { children: casinos.map(({ id, ...casino }, index) => /* @__PURE__ */ jsx(CasinoTableRow, { casino: { id: String(index + 1), ...casino } }, id)) })
+  ] });
+};
+export {
+  CasinoTable as C,
+  LinkButton as L,
+  Rating as R,
+  SocialNetwork as S,
+  Container as a,
+  CopyText as b,
+  Logo as c,
+  SocialNetworks as d
+};

package/dist/{index-CR5rM7at.js → index-QPgJfbrC.js}

@@ -1,15 +1,42 @@
 "use strict";
 const jsxRuntime = require("react/jsx-runtime");
-const react = require("@chakra-ui/react");
+const react$1 = require("@chakra-ui/react");
 const Zoom = require("react-medium-image-zoom");
-const react$1 = require("react");
+const react = require("react");
 const gatsby = require("gatsby");
 require("@mdx-js/react");
 require("react-i18next");
 require("./index-C6MG_f24.js");
-require("./index-DMR4Ptkt.js");
-const index = require("./index-WFgDSB1A.js");
+require("./index-B-k9oWE7.js");
+require("@chakra-ui/icons");
+const index = require("./index-ma-iV7GU.js");
 const index$1 = require("./index-DgrIJs-a.js");
+const SiteContext = react.createContext(null);
+const SiteProvider = ({ children, ...context }) => {
+  const value = react.useMemo(() => context, []);
+  return /* @__PURE__ */ jsxRuntime.jsx(SiteContext.Provider, { value, children });
+};
+function useSiteContext() {
+  const context = react.useContext(SiteContext);
+  if (!context) {
+    throw new Error("useSiteContext must be used within SiteProvider");
+  }
+  return context;
+}
+const PageContext = react.createContext(null);
+const PageProvider = ({ children, location }) => {
+  const { localization } = useSiteContext();
+  const { currentLocale } = index.useLocalization({ location, ...localization });
+  const value = react.useMemo(() => ({ currentLocale }), [currentLocale]);
+  return /* @__PURE__ */ jsxRuntime.jsx(PageContext.Provider, { value, children });
+};
+function usePageContext() {
+  const context = react.useContext(PageContext);
+  if (!context) {
+    throw new Error("usePageContext must be used within PageProvider");
+  }
+  return context;
+}
 function isImageUrl(image) {
   return Boolean(typeof image === "string" && image.trim() !== "");
 }
@@ -26,7 +53,7 @@ const Image = ({ src = "", mode = "default", hasZoom, ...plainImageProps }) => {
   let image;
   if (isImageUrl(src)) {
     image = /* @__PURE__ */ jsxRuntime.jsx(
-      react.Image,
+      react$1.Image,
       {
         src,
         ...mode === "thumbnail" && { aspectRatio: "16/9", objectFit: "cover", objectPosition: "center" },
@@ -34,38 +61,12 @@ const Image = ({ src = "", mode = "default", hasZoom, ...plainImageProps }) => {
       }
     );
   } else if (isImageComponent(src)) {
-    image = mode === "thumbnail" ? /* @__PURE__ */ jsxRuntime.jsx(react.Box, { aspectRatio: "16/9", children: src }) : src;
+    image = mode === "thumbnail" ? /* @__PURE__ */ jsxRuntime.jsx(react$1.Box, { aspectRatio: "16/9", children: src }) : src;
   } else {
     return null;
   }
   return hasZoom ? /* @__PURE__ */ jsxRuntime.jsx(Zoom, { wrapElement: "span", zoomMargin: 40, children: image }) : image;
 };
-const SiteContext = react$1.createContext(null);
-const SiteProvider = ({ children, ...context }) => {
-  const value = react$1.useMemo(() => context, []);
-  return /* @__PURE__ */ jsxRuntime.jsx(SiteContext.Provider, { value, children });
-};
-function useSiteContext() {
-  const context = react$1.useContext(SiteContext);
-  if (!context) {
-    throw new Error("useSiteContext must be used within SiteProvider");
-  }
-  return context;
-}
-const PageContext = react$1.createContext(null);
-const PageProvider = ({ children, location }) => {
-  const { localization } = useSiteContext();
-  const { currentLocale } = index.useLocalization({ location, ...localization });
-  const value = react$1.useMemo(() => ({ currentLocale }), [currentLocale]);
-  return /* @__PURE__ */ jsxRuntime.jsx(PageContext.Provider, { value, children });
-};
-function usePageContext() {
-  const context = react$1.useContext(PageContext);
-  if (!context) {
-    throw new Error("usePageContext must be used within PageProvider");
-  }
-  return context;
-}
 function isExternalLink(path) {
   return index$1.isAbsolutePath(path);
 }
@@ -83,12 +84,12 @@ function getLocalizedPath(path, currentLocaleCode, defaultLocaleCode) {
   }
   return `${localePrefix}${normalizePath(path)}`;
 }
-const Link = react$1.forwardRef(({ to = "", isRedirectLink, ...props }, ref) => {
+const Link = react.forwardRef(({ to = "", isRedirectLink, ...props }, ref) => {
   const { localization } = useSiteContext();
   const { currentLocale } = usePageContext();
   if (isExternalLink(to)) {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      react.Link,
+      react$1.Link,
       {
         ref,
         href: isRedirectLink ? `/follow?to=${to}` : to,
@@ -100,7 +101,7 @@ const Link = react$1.forwardRef(({ to = "", isRedirectLink, ...props }, ref) =>
     );
   }
   const path = getLocalizedPath(to, currentLocale.code, localization.defaultLocale.code);
-  return /* @__PURE__ */ jsxRuntime.jsx(react.Link, { ref, as: gatsby.Link, to: path, ...props });
+  return /* @__PURE__ */ jsxRuntime.jsx(react$1.Link, { ref, as: gatsby.Link, to: path, ...props });
 });
 exports.Image = Image;
 exports.Link = Link;

package/dist/{index-D4zJ5RBA.js → index-TxqSZvgf.js}

@@ -1,13 +1,14 @@
 "use strict";
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("@mdx-js/react");
+require("react-i18next");
 require("@chakra-ui/react");
-const index$1 = require("./index-CR5rM7at.js");
+const index$1 = require("./index-QPgJfbrC.js");
+require("./index-C6MG_f24.js");
+require("./index-B-k9oWE7.js");
 require("react");
-require("react-i18next");
+require("@chakra-ui/icons");
 const index = require("./index-DDg_PkD2.js");
-require("./index-C6MG_f24.js");
-require("./index-DMR4Ptkt.js");
 function omitProps(props, omittedKeys) {
   const result = { ...props };
   omittedKeys.forEach((key) => {

package/dist/{index-HLGPI9-S.mjs → index-ksqN4RPm.mjs}

@@ -6,9 +6,36 @@ import { Link as Link$2 } from "gatsby";
 import "@mdx-js/react";
 import "react-i18next";
 import "./index-BJRvnR8Q.mjs";
-import "./index-CWMHJGbL.mjs";
-import { u as useLocalization } from "./index-BzbpMLDD.mjs";
+import "./index-CVN8I7r9.mjs";
+import "@chakra-ui/icons";
+import { u as useLocalization } from "./index-DHURrUMW.mjs";
 import { a as isAbsolutePath, i as isRelativePath } from "./index-Bph7a3PR.mjs";
+const SiteContext = createContext(null);
+const SiteProvider = ({ children, ...context }) => {
+  const value = useMemo(() => context, []);
+  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;
+}
+const PageContext = createContext(null);
+const PageProvider = ({ children, location }) => {
+  const { localization } = useSiteContext();
+  const { currentLocale } = useLocalization({ location, ...localization });
+  const value = useMemo(() => ({ currentLocale }), [currentLocale]);
+  return /* @__PURE__ */ jsx(PageContext.Provider, { value, children });
+};
+function usePageContext() {
+  const context = useContext(PageContext);
+  if (!context) {
+    throw new Error("usePageContext must be used within PageProvider");
+  }
+  return context;
+}
 function isImageUrl(image) {
   return Boolean(typeof image === "string" && image.trim() !== "");
 }
@@ -39,32 +66,6 @@ const Image = ({ src = "", mode = "default", hasZoom, ...plainImageProps }) => {
   }
   return hasZoom ? /* @__PURE__ */ jsx(Zoom, { wrapElement: "span", zoomMargin: 40, children: image }) : image;
 };
-const SiteContext = createContext(null);
-const SiteProvider = ({ children, ...context }) => {
-  const value = useMemo(() => context, []);
-  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;
-}
-const PageContext = createContext(null);
-const PageProvider = ({ children, location }) => {
-  const { localization } = useSiteContext();
-  const { currentLocale } = useLocalization({ location, ...localization });
-  const value = useMemo(() => ({ currentLocale }), [currentLocale]);
-  return /* @__PURE__ */ jsx(PageContext.Provider, { value, children });
-};
-function usePageContext() {
-  const context = useContext(PageContext);
-  if (!context) {
-    throw new Error("usePageContext must be used within PageProvider");
-  }
-  return context;
-}
 function isExternalLink(path) {
   return isAbsolutePath(path);
 }

package/dist/{index-WFgDSB1A.js → index-ma-iV7GU.js}

@@ -8,7 +8,7 @@ function useLocalization({ location, defaultLocale, locales }) {
   react.useEffect(() => {
     const cleanPath = path.replace(/^\/+|\/+$/g, "");
     const maybeLocaleCode = cleanPath.split("/")[0];
-    const maybeLocale = locales.find(({ code }) => code === maybeLocaleCode);
+    const maybeLocale = locales.find(({ code }) => code.toLowerCase() === maybeLocaleCode.toLowerCase());
     const locale = maybeLocale ? maybeLocale : defaultLocale;
     if (locale.code !== currentLocale.code) {
       setCurrentLocale(locale);