@anywayseo/tools 4.1.0 → 4.2.1

package/dist/{index-BKg1_9Hw.mjs → index-CaIyg0au.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, 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, 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, e as getSeededRandomComparator, d as randomComparator, b as formatNumber, c as getCurrencySymbol, f as formatDate, g as getCurrentYear, a as getCurrentMonth } from "./index-Db-ZIQ0A.mjs";
-import { a as GameCharacteristic } from "./index-DoBCANwf.mjs";
-import "@ctrl/tinycolor";
-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 { Link } from "gatsby";
+import { A as Animation } from "./index-MpNfBHkQ.mjs";
+import { a as GameCharacteristic } from "./index-BE9gNdXx.mjs";
 import { useMDXComponents } from "@mdx-js/react";
-import { Link as Link$1 } from "gatsby";
 import { u as useSiteContext } from "./index-BNb-P8a6.mjs";
-import { u as usePrimaryColors } from "./index-xuSxvz5z.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 { t } from "i18next";
 import Markdown from "react-markdown";
 const ONE_LINE_HEIGHT = 24;
@@ -67,36 +67,44 @@ 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)) });
 };
-const LinkButton = ({ label, url, width = "auto", ...boxProps }) => {
+const LinkButton = ({
+  label,
+  href,
+  linkType = "redirect",
+  size = "auto",
+  width = "auto",
+  textTransform,
+  textDecoration,
+  animation,
+  onClick,
+  ...boxProps
+}) => {
+  var _a;
+  const { configs } = 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 LinkComponent = isInternalLink ? Link : Link$1;
+  const hrefKey = isInternalLink ? "to" : "href";
+  const hrefValue = linkType === "redirect" ? `/follow?to=${href}` : href;
   return /* @__PURE__ */ jsx(
     Button,
     {
-      as: Link,
-      href: url,
       w: width,
-      bg: "brand.600",
-      textTransform: "uppercase",
-      _hover: { textDecoration: "none", bg: "brand.300" },
+      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,
-      children: label
-    }
-  );
-};
-const ColorMap = {
-  light: "gray.200",
-  dark: "gray.700"
-};
-const PulseButton = ({ label, colorScheme = "light", to, onClick }) => {
-  return /* @__PURE__ */ jsx(
-    Button,
-    {
-      size: { base: "sm", md: "lg" },
-      color: ColorMap[colorScheme],
-      bgColor: "brand.500",
-      animation: `${Animation.pulse} 2s infinite linear`,
-      _hover: { bgColor: "brand.200", color: "gray.700" },
-      ...to ? { as: Link, href: to } : { onClick },
+      ...href ? {
+        as: LinkComponent,
+        [hrefKey]: hrefValue,
+        rel: "nofollow"
+      } : {},
       children: label
     }
   );
@@ -180,7 +188,7 @@ const BonusCard = ({
           /* @__PURE__ */ jsx(Text, { fontSize: "2xl", fontWeight: "bold", my: 2, children: subtitle }),
           /* @__PURE__ */ jsx(BonusCardContent, { content, buttonColor: textColor })
         ] }),
-        /* @__PURE__ */ jsx(CardFooter, { as: "footer", p: 4, children: /* @__PURE__ */ jsx(LinkButton, { ...link, width: "full" }) })
+        /* @__PURE__ */ jsx(CardFooter, { as: "footer", p: 4, children: /* @__PURE__ */ jsx(LinkButton, { ...link, width: "full", size: "md", textDecoration: "none" }) })
       ]
     }
   );
@@ -274,10 +282,10 @@ const ContactForm = ({ ...boxProps }) => {
   );
 };
 const Faq = ({ items, ...boxProps }) => {
-  const { bgColor, color } = usePrimaryColors();
+  const { bgColor, invertedColor } = usePrimaryColors();
   return /* @__PURE__ */ jsx(Accordion, { allowToggle: true, ...boxProps, children: items.map(({ question, answer }) => {
     return /* @__PURE__ */ jsxs(AccordionItem, { border: 0, children: [
-      /* @__PURE__ */ jsx(Box, { as: "h3", children: /* @__PURE__ */ jsxs(AccordionButton, { _hover: { color, bgColor }, children: [
+      /* @__PURE__ */ jsx(Box, { as: "h3", children: /* @__PURE__ */ jsxs(AccordionButton, { _hover: { color: invertedColor, bgColor }, children: [
         /* @__PURE__ */ jsx(Box, { as: "span", flex: "1", textAlign: "left", fontWeight: "bold", children: question }),
         /* @__PURE__ */ jsx(AccordionIcon, {})
       ] }) }),
@@ -313,7 +321,7 @@ const FeatureCardGrid = ({
     }
   );
 };
-const GameCard = ({ name, description, image, link, height = "auto" }) => {
+const GameCard = ({ name, description, image, href, height = "auto" }) => {
   return /* @__PURE__ */ jsxs(
     LinkBox,
     {
@@ -321,15 +329,15 @@ const GameCard = ({ name, description, image, link, height = "auto" }) => {
       rounded: "md",
       borderWidth: 1,
       transition: "transform 0.2s ease",
-      cursor: link ? "pointer" : "default",
+      cursor: href ? "pointer" : "default",
       overflow: "hidden",
       bg: "blackAlpha.200",
       height,
-      _hover: { transform: "scale(1.1)" },
+      _hover: { transform: "scale(1.05)" },
       children: [
         typeof image === "string" ? /* @__PURE__ */ jsx(Image, { src: image, alt: name, w: "100%", aspectRatio: "16/9", objectFit: "cover", objectPosition: "center" }) : !!image && /* @__PURE__ */ jsx(Box, { w: "100%", aspectRatio: "16/9", children: image }),
         /* @__PURE__ */ jsxs(Box, { as: "section", rounded: "md", p: 4, children: [
-          /* @__PURE__ */ jsx(Text, { as: "span", children: link ? /* @__PURE__ */ jsx(LinkOverlay, { href: link, children: name }) : name }),
+          /* @__PURE__ */ jsx(Text, { as: "span", children: href ? /* @__PURE__ */ jsx(LinkOverlay, { href, children: name }) : name }),
           !!description && /* @__PURE__ */ jsx(Text, { fontSize: "sm", color: "gray.600", children: description })
         ] })
       ]
@@ -338,7 +346,7 @@ const GameCard = ({ name, description, image, link, height = "auto" }) => {
 };
 const GameCardGrid = ({
   items,
-  columns = { base: 1, md: 2, lg: 3 },
+  columns = { base: 1, sm: 2, md: 3, lg: 4 },
   gap = 4,
   cardHeight = "full",
   order = "default",
@@ -360,7 +368,14 @@ const GameCardGrid = ({
     }
   );
 };
-const GameDemoContent = ({ src, isFullscreen, isLoaded, onLoad, onToggleFullscreen }) => {
+const GameDemoContent = ({
+  src,
+  isFullscreen,
+  isLoaded,
+  onLoad,
+  onExit,
+  onToggleFullscreen
+}) => {
   const { t: t2 } = useTranslation("gameDemo");
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
@@ -377,50 +392,74 @@ const GameDemoContent = ({ src, isFullscreen, isLoaded, onLoad, onToggleFullscre
         children: /* @__PURE__ */ jsx("p", { children: t2("warning") })
       }
     ),
-    /* @__PURE__ */ jsx(
-      IconButton,
-      {
-        icon: isFullscreen ? /* @__PURE__ */ jsx(CloseIcon, { w: 3, h: 3 }) : /* @__PURE__ */ jsx(ExternalLinkIcon, { w: 4, h: 4 }),
-        size: "sm",
-        variant: "outline",
-        title: t2(isFullscreen ? "action.deactivateFullscreen" : "action.activateFullscreen"),
-        "aria-label": "Fullscreen mode Toggle",
-        isRound: true,
-        disabled: !isLoaded,
-        position: "absolute",
-        top: 2,
-        left: 2,
-        border: "none",
-        color: "white",
-        _hover: { bgColor: "whiteAlpha.400" },
-        onClick: onToggleFullscreen
-      }
-    ),
+    /* @__PURE__ */ jsxs(Flex, { position: "absolute", top: 2, left: 2, gap: 2, children: [
+      /* @__PURE__ */ jsx(
+        IconButton,
+        {
+          icon: /* @__PURE__ */ jsx(CloseIcon, { w: 3, h: 3 }),
+          title: t2("action.exit"),
+          "aria-label": t2("action.exit"),
+          size: "sm",
+          color: "white",
+          variant: "ghost",
+          disabled: !isLoaded,
+          isRound: true,
+          onClick: onExit
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        IconButton,
+        {
+          icon: isFullscreen ? /* @__PURE__ */ jsx(ViewOffIcon, { w: 3, h: 3 }) : /* @__PURE__ */ jsx(ViewIcon, { w: 4, h: 4 }),
+          title: t2(isFullscreen ? "action.deactivateFullscreen" : "action.activateFullscreen"),
+          "aria-label": t2(isFullscreen ? "action.deactivateFullscreen" : "action.activateFullscreen"),
+          size: "sm",
+          color: "white",
+          variant: "ghost",
+          disabled: !isLoaded,
+          isRound: true,
+          onClick: onToggleFullscreen
+        }
+      )
+    ] }),
     /* @__PURE__ */ jsx(AbsoluteCenter, { children: /* @__PURE__ */ jsx(Spinner, { size: "xl", thickness: "0.6rem", display: isLoaded ? "none" : "block", color: "brand.100" }) })
   ] });
 };
-const GameDemoPreview = ({ image, alt, imageFit = "contain", onPlay }) => {
+const GameDemoPreview = ({ image, alt, href, imageFit = "contain", onPlayDemo }) => {
   const { t: t2 } = useTranslation("gameDemo");
-  const imageComponent = typeof image === "string" ? /* @__PURE__ */ jsx(Image, { src: image, alt, objectFit: imageFit }) : image;
+  const imageComponent = typeof image === "string" ? /* @__PURE__ */ jsx(Image, { src: image, alt, objectFit: imageFit, w: "100%", h: "100%" }) : image;
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     imageComponent,
-    /* @__PURE__ */ jsx(AbsoluteCenter, { children: /* @__PURE__ */ jsx(PulseButton, { label: t2("action.playForFree"), onClick: onPlay }) })
+    /* @__PURE__ */ jsx(AbsoluteCenter, { children: /* @__PURE__ */ jsxs(Stack, { spacing: 4, children: [
+      /* @__PURE__ */ jsx(
+        LinkButton,
+        {
+          animation: { type: "pulse", params: { duration: 2, timingFunction: "ease-out", isInfinite: true } },
+          ...href ? { label: t2("action.playForReal"), href } : { label: t2("action.playForFree"), onClick: onPlayDemo }
+        }
+      ),
+      !!href && /* @__PURE__ */ jsx(Button, { variant: "outline", colorScheme: "brand", size: { base: "sm", md: "md" }, onClick: onPlayDemo, children: t2("action.playForFree") })
+    ] }) })
   ] });
 };
-const GameDemo = ({ name, src, previewImage, previewImageFit, ...boxProps }) => {
+const GameDemo = ({ name, src, href, previewImage, previewImageFit, ...boxProps }) => {
   const [isRunning, setIsRunning] = useState(false);
   const [isLoaded, setIsLoaded] = useState(false);
-  const { isOpen: isFullscreen, onToggle } = useDisclosure({ defaultIsOpen: false });
-  function handlePlay() {
-    setIsRunning(true);
-  }
-  function onLoad() {
+  const { isOpen: isFullscreen, onToggle, onClose } = useDisclosure({ defaultIsOpen: false });
+  function handleLoad() {
     setIsLoaded(true);
   }
+  function handleExit() {
+    onClose();
+    setIsRunning(false);
+  }
   function handleToggleFullscreen() {
     document.body.style.overflowY = isFullscreen ? "auto" : "hidden";
     onToggle();
   }
+  function handlePlayDemo() {
+    setIsRunning(true);
+  }
   return /* @__PURE__ */ jsx(
     Box,
     {
@@ -436,10 +475,20 @@ const GameDemo = ({ name, src, previewImage, previewImageFit, ...boxProps }) =>
           src,
           isFullscreen,
           isLoaded,
-          onLoad,
+          onLoad: handleLoad,
+          onExit: handleExit,
           onToggleFullscreen: handleToggleFullscreen
         }
-      ) : /* @__PURE__ */ jsx(GameDemoPreview, { image: previewImage, alt: name, imageFit: previewImageFit, onPlay: handlePlay })
+      ) : /* @__PURE__ */ jsx(
+        GameDemoPreview,
+        {
+          image: previewImage,
+          alt: name,
+          href,
+          imageFit: previewImageFit,
+          onPlayDemo: handlePlayDemo
+        }
+      )
     }
   );
 };
@@ -532,9 +581,9 @@ const GameInfo = ({ info }) => {
   );
 };
 const HowTo = ({ steps, ...boxProps }) => {
-  const { color, bgColor } = usePrimaryColors();
+  const { bgColor, invertedColor } = usePrimaryColors();
   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__ */ jsx(Circle, { size: 12, bgColor, color: invertedColor, fontSize: "lg", fontWeight: "bold", children: String(index + 1) }),
     /* @__PURE__ */ jsxs(Stack, { flex: 1, children: [
       /* @__PURE__ */ jsx(Text, { fontSize: "lg", fontWeight: "bold", children: title }),
       typeof thumbnail === "string" ? /* @__PURE__ */ jsx(Image, { src: thumbnail, alt: title, aspectRatio: "16/9", objectFit: "cover" }) : thumbnail,
@@ -556,7 +605,7 @@ const Logo = () => {
 const Brand$1 = ({ brand }) => {
   return /* @__PURE__ */ jsxs(Box, { position: "relative", my: 2, py: 8, children: [
     /* @__PURE__ */ jsx(Divider, {}),
-    /* @__PURE__ */ jsx(AbsoluteCenter, { display: "flex", bgColor: useColorModeValue("gray.50", "gray.900"), children: /* @__PURE__ */ jsx(Link$1, { to: "/", children: brand }) })
+    /* @__PURE__ */ jsx(AbsoluteCenter, { display: "flex", bgColor: useColorModeValue("gray.50", "gray.900"), children: /* @__PURE__ */ jsx(Link, { to: "/", children: brand }) })
   ] });
 };
 const Copyright = () => {
@@ -592,7 +641,7 @@ const Navigation$1 = ({ menu }) => {
       children: menu.map(({ path, label }, index) => /* @__PURE__ */ jsx(Flex, { as: "li", children: /* @__PURE__ */ jsx(
         Text,
         {
-          as: Link$1,
+          as: Link,
           to: path,
           fontSize: "md",
           fontWeight: "semibold",
@@ -631,14 +680,14 @@ const Footer = () => {
   );
 };
 const Brand = ({ brand }) => {
-  return /* @__PURE__ */ jsx(Link$1, { to: "/", children: brand });
+  return /* @__PURE__ */ jsx(Link, { to: "/", children: brand });
 };
 const NavLink = forwardRef(({ path, label }, ref) => {
   return /* @__PURE__ */ jsx(
     Text,
     {
       ref,
-      as: Link$1,
+      as: Link,
       to: path,
       p: 2,
       fontWeight: "semibold",
@@ -663,7 +712,7 @@ 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$1, to: `${path}${child.path}`, p: 2, role: "group", children: [
+    /* @__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,
@@ -714,7 +763,7 @@ 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$1, 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, 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)) }) })
   ] });
 };
 const CLOSE_ICON_SIZE = "0.75rem";
@@ -817,7 +866,7 @@ const Hero = ({ title, subtitle, content, link, image }) => {
         /* @__PURE__ */ jsx(Text, { as: "span", display: "block", color: "brand.400", children: subtitle })
       ] }),
       /* @__PURE__ */ jsx(Text, { fontSize: { base: "md", lg: "lg" }, color: "gray.500", children: content }),
-      !!link && /* @__PURE__ */ jsx(Flex, { direction: { base: "column", md: "row" }, children: /* @__PURE__ */ jsx(LinkButton, { ...link }) })
+      !!link && /* @__PURE__ */ jsx(Flex, { direction: { base: "column", md: "row" }, children: /* @__PURE__ */ jsx(LinkButton, { ...link, size: "md", textDecoration: "none" }) })
     ] }) }),
     image && /* @__PURE__ */ jsx(Flex, { display: { base: "none", md: "flex" }, flex: 1, children: image })
   ] }) }) });
@@ -900,7 +949,7 @@ const NotFound = () => {
     /* @__PURE__ */ jsxs(Text, { fontSize: "xl", children: [
       t2("description"),
       " ",
-      /* @__PURE__ */ jsx(Button, { as: Link$1, to: "/", variant: "link", colorScheme: "brand", fontSize: "xl", children: t2("action") })
+      /* @__PURE__ */ jsx(Button, { as: Link, to: "/", variant: "link", colorScheme: "brand", fontSize: "xl", children: t2("action") })
     ] })
   ] });
 };
@@ -1075,6 +1124,7 @@ const StrapiComponent = ({ type, props, imageComponent }) => {
         {
           name: props.name,
           src: props.src,
+          href: props.href,
           previewImage: /* @__PURE__ */ jsx(ExternalImage, { image: props.previewImage, alt: props.name, component: imageComponent }),
           mb: 4
         }
@@ -1198,6 +1248,5 @@ export {
   Author as k,
   Center as l,
   Grid as m,
-  LinkButton as n,
-  PulseButton as o
+  LinkButton as n
 };

package/dist/{index-DzEvPZny.mjs → index-Ca_M-II5.mjs}

@@ -1,4 +1,3 @@
-import { TinyColor } from "@ctrl/tinycolor";
 const DUMMY_PAGE_TYPE = "DUMMY";
 function isValidPath(value) {
   return typeof value === "string" && (value === "" || value.startsWith("/"));
@@ -37,51 +36,6 @@ function transformSiteNavigation(strapiNavigation) {
     footer: transformNavItems(footerNav == null ? void 0 : footerNav.items)
   };
 }
-const DEFAULT_THEME = "system";
-const DEFAULT_COLOR = "#333333";
-const DefaultColorShadeMap = {
-  50: 52,
-  100: 40,
-  200: 30,
-  300: 20,
-  400: 10,
-  600: 10,
-  700: 20,
-  800: 30,
-  900: 40
-};
-function extractTheme(value, defaultTheme = DEFAULT_THEME) {
-  let theme = defaultTheme;
-  if (value) {
-    const themes = ["dark", "light", "system"];
-    const probablyTheme = value;
-    if (themes.includes(probablyTheme)) {
-      theme = probablyTheme;
-    }
-  }
-  return theme;
-}
-function generateColorPalette(value, defaultColor = DEFAULT_COLOR, colorShadeMap = DefaultColorShadeMap) {
-  let baseColor = defaultColor;
-  if (value && typeof value === "string") {
-    baseColor = value;
-  }
-  const color = new TinyColor(baseColor);
-  return {
-    50: color.lighten(colorShadeMap[50]).toHexString(),
-    100: color.lighten(colorShadeMap[100]).toHexString(),
-    200: color.lighten(colorShadeMap[200]).toHexString(),
-    300: color.lighten(colorShadeMap[300]).toHexString(),
-    400: color.lighten(colorShadeMap[400]).toHexString(),
-    500: color.toHexString(),
-    600: color.darken(colorShadeMap[600]).toHexString(),
-    700: color.darken(colorShadeMap[700]).toHexString(),
-    800: color.darken(colorShadeMap[800]).toHexString(),
-    900: color.darken(colorShadeMap[900]).toHexString()
-  };
-}
 export {
-  extractTheme as e,
-  generateColorPalette as g,
   transformSiteNavigation as t
 };

package/dist/index-CkTgVjZS.mjs

@@ -0,0 +1,12 @@
+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";
+function usePrimaryColors() {
+  const color = useColorModeValue(LIGHT_THEME_COLOR, DARK_THEME_COLOR);
+  const bgColor = useColorModeValue("brand.500", "brand.200");
+  const invertedColor = useColorModeValue(DARK_THEME_COLOR, LIGHT_THEME_COLOR);
+  return { color, bgColor, invertedColor };
+}
+export {
+  usePrimaryColors as u
+};

package/dist/{index-Db-ZIQ0A.mjs → index-DPO0aIC3.mjs}

@@ -1,22 +1,5 @@
-import { keyframes } from "@emotion/react";
-import "./index-DoBCANwf.mjs";
+import "./index-BE9gNdXx.mjs";
 import i18n from "i18next";
-const pulse = keyframes`
-  0% {
-    box-shadow: 0 0 0 0 var(--chakra-colors-brand-100);
-  }
-
-  50% {
-    box-shadow: 0 0 0 0.8rem rgba(0, 0, 0, 0);
-  }
-
-  100% {
-    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
-  }
-`;
-const Animation = {
-  pulse
-};
 function getCurrentYear() {
   const locale = i18n.language;
   const currentDate = /* @__PURE__ */ new Date();
@@ -102,7 +85,6 @@ function getSeededRandomComparator(seed) {
   return () => seededRandom(safeSeed + index++) - 0.5;
 }
 export {
-  Animation as A,
   getCurrentMonth as a,
   formatNumber as b,
   getCurrencySymbol as c,

package/dist/index-DVcQxWMZ.js

@@ -0,0 +1,36 @@
+"use strict";
+const react = require("@emotion/react");
+const pulse = react.keyframes`
+  0% {
+    box-shadow: 0 0 0 0 var(--chakra-colors-brand-100);
+  }
+
+  50% {
+    box-shadow: 0 0 0 0.8rem rgba(0, 0, 0, 0);
+  }
+
+  100% {
+    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
+  }
+`;
+const defaultAnimationParams = {
+  duration: 1,
+  timingFunction: "linear",
+  isInfinite: false
+};
+function animation(keyframes2) {
+  return (params) => {
+    const duration = (params == null ? void 0 : params.duration) || defaultAnimationParams.duration;
+    const timingFunction = (params == null ? void 0 : params.timingFunction) || defaultAnimationParams.timingFunction;
+    const isInfinite = (params == null ? void 0 : params.isInfinite) || defaultAnimationParams.isInfinite;
+    return `${keyframes2} ${duration}s ${timingFunction} ${isInfinite ? "infinite" : ""}`.trim();
+  };
+}
+const Animation = {
+  pulse: animation(pulse)
+};
+const DARK_THEME_COLOR = "white";
+const LIGHT_THEME_COLOR = "gray.800";
+exports.Animation = Animation;
+exports.DARK_THEME_COLOR = DARK_THEME_COLOR;
+exports.LIGHT_THEME_COLOR = LIGHT_THEME_COLOR;

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

@@ -1,23 +1,6 @@
 "use strict";
-const react = require("@emotion/react");
-require("./index-Biz1dDqA.js");
+require("./index-BPLxhZG_.js");
 const i18n = require("i18next");
-const pulse = react.keyframes`
-  0% {
-    box-shadow: 0 0 0 0 var(--chakra-colors-brand-100);
-  }
-
-  50% {
-    box-shadow: 0 0 0 0.8rem rgba(0, 0, 0, 0);
-  }
-
-  100% {
-    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
-  }
-`;
-const Animation = {
-  pulse
-};
 function getCurrentYear() {
   const locale = i18n.language;
   const currentDate = /* @__PURE__ */ new Date();
@@ -102,7 +85,6 @@ function getSeededRandomComparator(seed) {
   let index = 0;
   return () => seededRandom(safeSeed + index++) - 0.5;
 }
-exports.Animation = Animation;
 exports.formatDate = formatDate;
 exports.formatNumber = formatNumber;
 exports.getCurrencySymbol = getCurrencySymbol;

package/dist/index-MpNfBHkQ.mjs

@@ -0,0 +1,37 @@
+import { keyframes } from "@emotion/react";
+const pulse = keyframes`
+  0% {
+    box-shadow: 0 0 0 0 var(--chakra-colors-brand-100);
+  }
+
+  50% {
+    box-shadow: 0 0 0 0.8rem rgba(0, 0, 0, 0);
+  }
+
+  100% {
+    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
+  }
+`;
+const defaultAnimationParams = {
+  duration: 1,
+  timingFunction: "linear",
+  isInfinite: false
+};
+function animation(keyframes2) {
+  return (params) => {
+    const duration = (params == null ? void 0 : params.duration) || defaultAnimationParams.duration;
+    const timingFunction = (params == null ? void 0 : params.timingFunction) || defaultAnimationParams.timingFunction;
+    const isInfinite = (params == null ? void 0 : params.isInfinite) || defaultAnimationParams.isInfinite;
+    return `${keyframes2} ${duration}s ${timingFunction} ${isInfinite ? "infinite" : ""}`.trim();
+  };
+}
+const Animation = {
+  pulse: animation(pulse)
+};
+const DARK_THEME_COLOR = "white";
+const LIGHT_THEME_COLOR = "gray.800";
+export {
+  Animation as A,
+  DARK_THEME_COLOR as D,
+  LIGHT_THEME_COLOR as L
+};

package/dist/index.cjs

@@ -1,12 +1,13 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index = require("./index-BxPYJ5OB.js");
-const index$1 = require("./index-IpSV-c71.js");
-const i18n$1 = require("./index-Biz1dDqA.js");
+const index = require("./index-BrOQF5EQ.js");
+const index$1 = require("./index-BV0hDmYP.js");
+const i18n$1 = require("./index-BPLxhZG_.js");
 const index$2 = require("./index-DF_u_tzx.js");
 const index$3 = require("./index-BhsXlbd8.js");
-const index$4 = require("./index-CpjGjVVj.js");
-const index$5 = require("./index-NsIHOkeN.js");
+const index$4 = require("./index-DVcQxWMZ.js");
+const index$5 = require("./index-DuQjQMNN.js");
+const index$6 = require("./index-BClxYYix.js");
 const i18n = require("i18next");
 exports.Author = index.Author;
 exports.AuthorCard = index.AuthorCard;
@@ -28,7 +29,6 @@ exports.LinkButton = index.LinkButton;
 exports.List = index.List;
 exports.NotFound = index.NotFound;
 exports.ProsCons = index.ProsCons;
-exports.PulseButton = index.PulseButton;
 exports.Seo = index.Seo;
 exports.StrapiContentRenderer = index.StrapiContentRenderer;
 exports.Table = index.Table;
@@ -42,17 +42,17 @@ exports.MdxProvider = index$2.MdxProvider;
 exports.SiteProvider = index$3.SiteProvider;
 exports.useSiteContext = index$3.useSiteContext;
 exports.Animation = index$4.Animation;
-exports.formatDate = index$4.formatDate;
-exports.formatNumber = index$4.formatNumber;
-exports.getCurrencySymbol = index$4.getCurrencySymbol;
-exports.getCurrentMonth = index$4.getCurrentMonth;
-exports.getCurrentYear = index$4.getCurrentYear;
-exports.getSeededRandomComparator = index$4.getSeededRandomComparator;
-exports.parseNumber = index$4.parseNumber;
-exports.randomComparator = index$4.randomComparator;
-exports.round = index$4.round;
-exports.toFixedTwo = index$4.toFixedTwo;
-exports.extractTheme = index$5.extractTheme;
-exports.generateColorPalette = index$5.generateColorPalette;
-exports.transformSiteNavigation = index$5.transformSiteNavigation;
+exports.DARK_THEME_COLOR = index$4.DARK_THEME_COLOR;
+exports.LIGHT_THEME_COLOR = index$4.LIGHT_THEME_COLOR;
+exports.formatDate = index$5.formatDate;
+exports.formatNumber = index$5.formatNumber;
+exports.getCurrencySymbol = index$5.getCurrencySymbol;
+exports.getCurrentMonth = index$5.getCurrentMonth;
+exports.getCurrentYear = index$5.getCurrentYear;
+exports.getSeededRandomComparator = index$5.getSeededRandomComparator;
+exports.parseNumber = index$5.parseNumber;
+exports.randomComparator = index$5.randomComparator;
+exports.round = index$5.round;
+exports.toFixedTwo = index$5.toFixedTwo;
+exports.transformSiteNavigation = index$6.transformSiteNavigation;
 exports.i18n = i18n;