@anywayseo/tools 4.1.0 → 4.2.1

package/dist/{index-BxPYJ5OB.js → index-BrOQF5EQ.js}

@@ -2,15 +2,15 @@
 const jsxRuntime = require("react/jsx-runtime");
 const react$1 = require("@chakra-ui/react");
 const reactI18next = require("react-i18next");
-const index = require("./index-CpjGjVVj.js");
-const i18n = require("./index-Biz1dDqA.js");
-require("@ctrl/tinycolor");
+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 react = require("react");
 const icons = require("@chakra-ui/icons");
-const react$2 = require("@mdx-js/react");
-const gatsby = require("gatsby");
-const index$2 = require("./index-BhsXlbd8.js");
-const index$1 = require("./index-IpSV-c71.js");
+const index$3 = require("./index-DuQjQMNN.js");
+const index$1 = require("./index-BV0hDmYP.js");
 const i18n$1 = require("i18next");
 const Markdown = require("react-markdown");
 const ONE_LINE_HEIGHT = 24;
@@ -68,36 +68,44 @@ const defaultColumns = { base: 1, sm: 2, md: 3, lg: 4, xl: 5 };
 const Grid = ({ items, columns = defaultColumns, gap, render, getKey, ...boxProps }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(react$1.SimpleGrid, { as: "ul", columns, spacing: gap, p: 0, m: 0, listStyleType: "none", ...boxProps, children: items.map((item, index2) => /* @__PURE__ */ jsxRuntime.jsx(react$1.Box, { as: "li", children: render(item) }, getKey ? getKey(item) : index2)) });
 };
-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 } = 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 hrefKey = isInternalLink ? "to" : "href";
+  const hrefValue = linkType === "redirect" ? `/follow?to=${href}` : href;
   return /* @__PURE__ */ jsxRuntime.jsx(
     react$1.Button,
     {
-      as: react$1.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 ? index$2.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__ */ jsxRuntime.jsx(
-    react$1.Button,
-    {
-      size: { base: "sm", md: "lg" },
-      color: ColorMap[colorScheme],
-      bgColor: "brand.500",
-      animation: `${index.Animation.pulse} 2s infinite linear`,
-      _hover: { bgColor: "brand.200", color: "gray.700" },
-      ...to ? { as: react$1.Link, href: to } : { onClick },
+      ...href ? {
+        as: LinkComponent,
+        [hrefKey]: hrefValue,
+        rel: "nofollow"
+      } : {},
       children: label
     }
   );
@@ -181,7 +189,7 @@ const BonusCard = ({
           /* @__PURE__ */ jsxRuntime.jsx(react$1.Text, { fontSize: "2xl", fontWeight: "bold", my: 2, children: subtitle }),
           /* @__PURE__ */ jsxRuntime.jsx(BonusCardContent, { content, buttonColor: textColor })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(react$1.CardFooter, { as: "footer", p: 4, children: /* @__PURE__ */ jsxRuntime.jsx(LinkButton, { ...link, width: "full" }) })
+        /* @__PURE__ */ jsxRuntime.jsx(react$1.CardFooter, { as: "footer", p: 4, children: /* @__PURE__ */ jsxRuntime.jsx(LinkButton, { ...link, width: "full", size: "md", textDecoration: "none" }) })
       ]
     }
   );
@@ -275,10 +283,10 @@ const ContactForm = ({ ...boxProps }) => {
   );
 };
 const Faq = ({ items, ...boxProps }) => {
-  const { bgColor, color } = index$1.usePrimaryColors();
+  const { bgColor, invertedColor } = index$1.usePrimaryColors();
   return /* @__PURE__ */ jsxRuntime.jsx(react$1.Accordion, { allowToggle: true, ...boxProps, children: items.map(({ question, answer }) => {
     return /* @__PURE__ */ jsxRuntime.jsxs(react$1.AccordionItem, { border: 0, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(react$1.Box, { as: "h3", children: /* @__PURE__ */ jsxRuntime.jsxs(react$1.AccordionButton, { _hover: { color, bgColor }, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(react$1.Box, { as: "h3", children: /* @__PURE__ */ jsxRuntime.jsxs(react$1.AccordionButton, { _hover: { color: invertedColor, bgColor }, children: [
         /* @__PURE__ */ jsxRuntime.jsx(react$1.Box, { as: "span", flex: "1", textAlign: "left", fontWeight: "bold", children: question }),
         /* @__PURE__ */ jsxRuntime.jsx(react$1.AccordionIcon, {})
       ] }) }),
@@ -314,7 +322,7 @@ const FeatureCardGrid = ({
     }
   );
 };
-const GameCard = ({ name, description, image, link, height = "auto" }) => {
+const GameCard = ({ name, description, image, href, height = "auto" }) => {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     react$1.LinkBox,
     {
@@ -322,15 +330,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__ */ jsxRuntime.jsx(react$1.Image, { src: image, alt: name, w: "100%", aspectRatio: "16/9", objectFit: "cover", objectPosition: "center" }) : !!image && /* @__PURE__ */ jsxRuntime.jsx(react$1.Box, { w: "100%", aspectRatio: "16/9", children: image }),
         /* @__PURE__ */ jsxRuntime.jsxs(react$1.Box, { as: "section", rounded: "md", p: 4, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(react$1.Text, { as: "span", children: link ? /* @__PURE__ */ jsxRuntime.jsx(react$1.LinkOverlay, { href: link, children: name }) : name }),
+          /* @__PURE__ */ jsxRuntime.jsx(react$1.Text, { as: "span", children: href ? /* @__PURE__ */ jsxRuntime.jsx(react$1.LinkOverlay, { href, children: name }) : name }),
           !!description && /* @__PURE__ */ jsxRuntime.jsx(react$1.Text, { fontSize: "sm", color: "gray.600", children: description })
         ] })
       ]
@@ -339,7 +347,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",
@@ -348,7 +356,7 @@ const GameCardGrid = ({
 }) => {
   let sortedItems = items;
   if (order === "random") {
-    sortedItems = [...items].sort(randomSeed ? index.getSeededRandomComparator(randomSeed) : index.randomComparator);
+    sortedItems = [...items].sort(randomSeed ? index$3.getSeededRandomComparator(randomSeed) : index$3.randomComparator);
   }
   return /* @__PURE__ */ jsxRuntime.jsx(
     Grid,
@@ -361,7 +369,14 @@ const GameCardGrid = ({
     }
   );
 };
-const GameDemoContent = ({ src, isFullscreen, isLoaded, onLoad, onToggleFullscreen }) => {
+const GameDemoContent = ({
+  src,
+  isFullscreen,
+  isLoaded,
+  onLoad,
+  onExit,
+  onToggleFullscreen
+}) => {
   const { t } = reactI18next.useTranslation("gameDemo");
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
@@ -378,50 +393,74 @@ const GameDemoContent = ({ src, isFullscreen, isLoaded, onLoad, onToggleFullscre
         children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: t("warning") })
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      react$1.IconButton,
-      {
-        icon: isFullscreen ? /* @__PURE__ */ jsxRuntime.jsx(icons.CloseIcon, { w: 3, h: 3 }) : /* @__PURE__ */ jsxRuntime.jsx(icons.ExternalLinkIcon, { w: 4, h: 4 }),
-        size: "sm",
-        variant: "outline",
-        title: t(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__ */ jsxRuntime.jsxs(react$1.Flex, { position: "absolute", top: 2, left: 2, gap: 2, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        react$1.IconButton,
+        {
+          icon: /* @__PURE__ */ jsxRuntime.jsx(icons.CloseIcon, { w: 3, h: 3 }),
+          title: t("action.exit"),
+          "aria-label": t("action.exit"),
+          size: "sm",
+          color: "white",
+          variant: "ghost",
+          disabled: !isLoaded,
+          isRound: true,
+          onClick: onExit
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        react$1.IconButton,
+        {
+          icon: isFullscreen ? /* @__PURE__ */ jsxRuntime.jsx(icons.ViewOffIcon, { w: 3, h: 3 }) : /* @__PURE__ */ jsxRuntime.jsx(icons.ViewIcon, { w: 4, h: 4 }),
+          title: t(isFullscreen ? "action.deactivateFullscreen" : "action.activateFullscreen"),
+          "aria-label": t(isFullscreen ? "action.deactivateFullscreen" : "action.activateFullscreen"),
+          size: "sm",
+          color: "white",
+          variant: "ghost",
+          disabled: !isLoaded,
+          isRound: true,
+          onClick: onToggleFullscreen
+        }
+      )
+    ] }),
     /* @__PURE__ */ jsxRuntime.jsx(react$1.AbsoluteCenter, { children: /* @__PURE__ */ jsxRuntime.jsx(react$1.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 } = reactI18next.useTranslation("gameDemo");
-  const imageComponent = typeof image === "string" ? /* @__PURE__ */ jsxRuntime.jsx(react$1.Image, { src: image, alt, objectFit: imageFit }) : image;
+  const imageComponent = typeof image === "string" ? /* @__PURE__ */ jsxRuntime.jsx(react$1.Image, { src: image, alt, objectFit: imageFit, w: "100%", h: "100%" }) : image;
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     imageComponent,
-    /* @__PURE__ */ jsxRuntime.jsx(react$1.AbsoluteCenter, { children: /* @__PURE__ */ jsxRuntime.jsx(PulseButton, { label: t("action.playForFree"), onClick: onPlay }) })
+    /* @__PURE__ */ jsxRuntime.jsx(react$1.AbsoluteCenter, { children: /* @__PURE__ */ jsxRuntime.jsxs(react$1.Stack, { spacing: 4, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        LinkButton,
+        {
+          animation: { type: "pulse", params: { duration: 2, timingFunction: "ease-out", isInfinite: true } },
+          ...href ? { label: t("action.playForReal"), href } : { label: t("action.playForFree"), onClick: onPlayDemo }
+        }
+      ),
+      !!href && /* @__PURE__ */ jsxRuntime.jsx(react$1.Button, { variant: "outline", colorScheme: "brand", size: { base: "sm", md: "md" }, onClick: onPlayDemo, children: t("action.playForFree") })
+    ] }) })
   ] });
 };
-const GameDemo = ({ name, src, previewImage, previewImageFit, ...boxProps }) => {
+const GameDemo = ({ name, src, href, previewImage, previewImageFit, ...boxProps }) => {
   const [isRunning, setIsRunning] = react.useState(false);
   const [isLoaded, setIsLoaded] = react.useState(false);
-  const { isOpen: isFullscreen, onToggle } = react$1.useDisclosure({ defaultIsOpen: false });
-  function handlePlay() {
-    setIsRunning(true);
-  }
-  function onLoad() {
+  const { isOpen: isFullscreen, onToggle, onClose } = react$1.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__ */ jsxRuntime.jsx(
     react$1.Box,
     {
@@ -437,10 +476,20 @@ const GameDemo = ({ name, src, previewImage, previewImageFit, ...boxProps }) =>
           src,
           isFullscreen,
           isLoaded,
-          onLoad,
+          onLoad: handleLoad,
+          onExit: handleExit,
           onToggleFullscreen: handleToggleFullscreen
         }
-      ) : /* @__PURE__ */ jsxRuntime.jsx(GameDemoPreview, { image: previewImage, alt: name, imageFit: previewImageFit, onPlay: handlePlay })
+      ) : /* @__PURE__ */ jsxRuntime.jsx(
+        GameDemoPreview,
+        {
+          image: previewImage,
+          alt: name,
+          href,
+          imageFit: previewImageFit,
+          onPlayDemo: handlePlayDemo
+        }
+      )
     }
   );
 };
@@ -470,15 +519,15 @@ function getGameInfoItemValue(key, value, currency) {
   let formattedValue = "";
   if (typeof value !== "string") {
     if (key === i18n.GameCharacteristic.Rtp) {
-      formattedValue = index.formatNumber(value, { percent: "real", precision: 3 });
+      formattedValue = index$3.formatNumber(value, { percent: "real", precision: 3 });
     }
     if (key === i18n.GameCharacteristic.MinBet || key === i18n.GameCharacteristic.MaxBet || key === i18n.GameCharacteristic.MaxWin) {
       if (Array.isArray(currency)) {
         const [primary, ...secondaries] = currency || ["USD"];
-        const primaryValue = index.formatNumber(value, { currency: primary });
-        formattedValue = secondaries.length ? `${primaryValue} (${secondaries.map((currency2) => index.getCurrencySymbol(currency2)).join(", ")})` : primaryValue;
+        const primaryValue = index$3.formatNumber(value, { currency: primary });
+        formattedValue = secondaries.length ? `${primaryValue} (${secondaries.map((currency2) => index$3.getCurrencySymbol(currency2)).join(", ")})` : primaryValue;
       } else {
-        formattedValue = index.formatNumber(value, { currency });
+        formattedValue = index$3.formatNumber(value, { currency });
       }
     }
     if (key === i18n.GameCharacteristic.Compatibility || key === i18n.GameCharacteristic.BonusFeatures) {
@@ -492,7 +541,7 @@ function getGameInfoItemValue(key, value, currency) {
     }
   }
   if (key === i18n.GameCharacteristic.ReleaseDate) {
-    formattedValue = index.formatDate({ value, options: { year: "numeric", month: "long" } });
+    formattedValue = index$3.formatDate({ value, options: { year: "numeric", month: "long" } });
   }
   if (key === i18n.GameCharacteristic.Volatility) {
     formattedValue = stringifyVolatility(value);
@@ -503,7 +552,7 @@ function getGameInfoItemValue(key, value, currency) {
   return formattedValue;
 }
 const GameInfo = ({ info }) => {
-  const { metadata } = index$2.useSiteContext();
+  const { metadata } = index.useSiteContext();
   const { currency } = metadata;
   const { t } = reactI18next.useTranslation("gameInfo");
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -533,9 +582,9 @@ const GameInfo = ({ info }) => {
   );
 };
 const HowTo = ({ steps, ...boxProps }) => {
-  const { color, bgColor } = index$1.usePrimaryColors();
+  const { bgColor, invertedColor } = index$1.usePrimaryColors();
   return /* @__PURE__ */ jsxRuntime.jsx(react$1.SimpleGrid, { as: "ol", columns: { base: 1, md: 2, lg: 3 }, gap: 4, p: 0, ...boxProps, children: steps.map(({ title, description, thumbnail }, index2) => /* @__PURE__ */ jsxRuntime.jsxs(react$1.Flex, { as: "li", alignItems: "flex-start", gap: 4, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(react$1.Circle, { size: 12, bgColor, color, fontSize: "lg", fontWeight: "bold", children: String(index2 + 1) }),
+    /* @__PURE__ */ jsxRuntime.jsx(react$1.Circle, { size: 12, bgColor, color: invertedColor, fontSize: "lg", fontWeight: "bold", children: String(index2 + 1) }),
     /* @__PURE__ */ jsxRuntime.jsxs(react$1.Stack, { flex: 1, children: [
       /* @__PURE__ */ jsxRuntime.jsx(react$1.Text, { fontSize: "lg", fontWeight: "bold", children: title }),
       typeof thumbnail === "string" ? /* @__PURE__ */ jsxRuntime.jsx(react$1.Image, { src: thumbnail, alt: title, aspectRatio: "16/9", objectFit: "cover" }) : thumbnail,
@@ -550,7 +599,7 @@ const Content = ({ children }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(react$1.Box, { as: "section", py: 4, children: /* @__PURE__ */ jsxRuntime.jsx(Container, { children }) });
 };
 const Logo = () => {
-  const { metadata } = index$2.useSiteContext();
+  const { metadata } = index.useSiteContext();
   const { logo } = metadata;
   return /* @__PURE__ */ jsxRuntime.jsx(react$1.Box, { display: "flex", h: { base: 10, md: 14 }, overflow: "hidden", children: typeof logo === "string" ? /* @__PURE__ */ jsxRuntime.jsx(react$1.Image, { src: logo, alt: "Logo", objectFit: "contain" }) : logo });
 };
@@ -561,13 +610,13 @@ const Brand$1 = ({ brand }) => {
   ] });
 };
 const Copyright = () => {
-  const { metadata } = index$2.useSiteContext();
+  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.getCurrentYear(), siteName }) });
+  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 Disclaimer = () => {
-  const { metadata } = index$2.useSiteContext();
+  const { metadata } = index.useSiteContext();
   const { name: siteName } = metadata;
   const { t } = reactI18next.useTranslation("footer");
   return /* @__PURE__ */ jsxRuntime.jsxs(react$1.Text, { as: "small", colorScheme: "gray", fontSize: "sm", children: [
@@ -608,7 +657,7 @@ const Navigation$1 = ({ menu }) => {
 };
 const Footer = () => {
   var _a, _b, _c;
-  const { configs } = index$2.useSiteContext();
+  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;
@@ -771,7 +820,7 @@ const Navigation = ({ menu }) => {
 };
 const Header = () => {
   var _a, _b;
-  const { configs } = index$2.useSiteContext();
+  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;
@@ -818,7 +867,7 @@ const Hero = ({ title, subtitle, content, link, image }) => {
         /* @__PURE__ */ jsxRuntime.jsx(react$1.Text, { as: "span", display: "block", color: "brand.400", children: subtitle })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx(react$1.Text, { fontSize: { base: "md", lg: "lg" }, color: "gray.500", children: content }),
-      !!link && /* @__PURE__ */ jsxRuntime.jsx(react$1.Flex, { direction: { base: "column", md: "row" }, children: /* @__PURE__ */ jsxRuntime.jsx(LinkButton, { ...link }) })
+      !!link && /* @__PURE__ */ jsxRuntime.jsx(react$1.Flex, { direction: { base: "column", md: "row" }, children: /* @__PURE__ */ jsxRuntime.jsx(LinkButton, { ...link, size: "md", textDecoration: "none" }) })
     ] }) }),
     image && /* @__PURE__ */ jsxRuntime.jsx(react$1.Flex, { display: { base: "none", md: "flex" }, flex: 1, children: image })
   ] }) }) });
@@ -984,8 +1033,8 @@ const Seo = ({ children, siteMetadata, title, description, lang }) => {
   const placeholders = react.useMemo(
     () => ({
       siteName,
-      currentYear: index.getCurrentYear(),
-      currentMonth: index.getCurrentMonth()
+      currentYear: index$3.getCurrentYear(),
+      currentMonth: index$3.getCurrentMonth()
     }),
     [siteName]
   );
@@ -1076,6 +1125,7 @@ const StrapiComponent = ({ type, props, imageComponent }) => {
         {
           name: props.name,
           src: props.src,
+          href: props.href,
           previewImage: /* @__PURE__ */ jsxRuntime.jsx(ExternalImage, { image: props.previewImage, alt: props.name, component: imageComponent }),
           mb: 4
         }
@@ -1194,7 +1244,6 @@ exports.LinkButton = LinkButton;
 exports.List = List;
 exports.NotFound = NotFound;
 exports.ProsCons = ProsCons;
-exports.PulseButton = PulseButton;
 exports.Seo = Seo;
 exports.StrapiContentRenderer = StrapiContentRenderer;
 exports.Table = Table;