@anywayseo/tools 2.3.0 → 2.4.1

package/dist/components/base/pulse-button/index.d.ts

@@ -1,9 +1,15 @@
 import { FC } from 'react';
 import { BoxPositionProps } from '../../../types';
+type PulseButtonActionProps = {
+    to?: never;
+    onClick: VoidFunction;
+} | {
+    to: string;
+    onClick?: never;
+};
 type PulseButtonProps = {
     label: string;
     colorScheme?: 'dark' | 'light';
-    onClick: VoidFunction;
-} & BoxPositionProps;
+} & PulseButtonActionProps & BoxPositionProps;
 declare const PulseButton: FC<PulseButtonProps>;
 export default PulseButton;

package/dist/components/game-demo/index.d.ts

@@ -1,9 +1,15 @@
-import { FC } from 'react';
+import { FC, ReactElement } from 'react';
 import { BoxPositionProps, ImageFit } from '../../types';
+type GamePreviewImageProps = {
+    previewImage: string;
+    previewImageFit?: ImageFit;
+} | {
+    previewImage: ReactElement;
+    previewImageFit?: never;
+};
 type GameDemoProps = {
     name: string;
     src: string;
-    previewImageFit?: ImageFit;
-} & BoxPositionProps;
+} & BoxPositionProps & GamePreviewImageProps;
 declare const GameDemo: FC<GameDemoProps>;
 export default GameDemo;

package/dist/components/game-demo/preview/index.d.ts

@@ -1,6 +1,7 @@
-import { FC } from 'react';
+import { FC, ReactElement } from 'react';
 import { ImageFit } from '../../../types';
 type GameDemoPreviewProps = {
+    image: string | ReactElement;
     alt: string;
     imageFit?: ImageFit;
     onPlay: VoidFunction;

package/dist/components/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index = require("../index-C5BWCSo_.js");
+const index = require("../index-CupM-mJk.js");
 exports.Author = index.Author;
 exports.BonusCard = index.BonusCard;
 exports.Center = index.Center;

package/dist/components/index.mjs

@@ -1,4 +1,4 @@
-import { A, B, g, C, h, E, F, a, b, G, c, d, i, H, L, j, e, P, k, S, T, f } from "../index-DaSzU8Hb.mjs";
+import { A, B, g, C, h, E, F, a, b, G, c, d, i, H, L, j, e, P, k, S, T, f } from "../index-5_hCvFkU.mjs";
 export {
   A as Author,
   B as BonusCard,

package/dist/components/tabs/index.d.ts

@@ -1,7 +1,10 @@
 import { BoxPositionProps, ITabItem, RenderFunction } from '../../types';
 type TabsProps<T> = {
     items: ITabItem<T>[];
+} & BoxPositionProps & (T extends unknown[] ? {
     render: RenderFunction<T>;
-} & BoxPositionProps;
+} : {
+    render?: never;
+});
 declare const Tabs: <T>({ items, render, ...boxProps }: TabsProps<T>) => import("react/jsx-runtime").JSX.Element;
 export default Tabs;

package/dist/{index-DaSzU8Hb.mjs → index-5_hCvFkU.mjs}

@@ -1,5 +1,5 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { Center as Center$1, Box, Collapse, Text, Button, Flex, Stack, Image, SimpleGrid, Link, Card, CardHeader, Heading, CardBody, Popover, PopoverTrigger, 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 { Center as Center$1, Box, Collapse, Text, Button, Flex, Stack, Image, 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 { useTranslation } from "react-i18next";
 import { A as Animation, b as formatNumber, c as getCurrencySymbol, f as formatDate, d as getDomain, g as getCurrentYear, a as getCurrentMonth } from "./index-CxCmXGhl.mjs";
 import { a as GameCharacteristic } from "./index-DjBQjd1k.mjs";
@@ -89,7 +89,7 @@ const ColorMap = {
   light: "gray.200",
   dark: "gray.700"
 };
-const PulseButton = ({ label, colorScheme = "light", onClick }) => {
+const PulseButton = ({ label, colorScheme = "light", to, onClick }) => {
   return /* @__PURE__ */ jsx(
     Button,
     {
@@ -98,7 +98,7 @@ const PulseButton = ({ label, colorScheme = "light", onClick }) => {
       bgColor: "brand.500",
       animation: `${Animation.pulse} 2s infinite linear`,
       _hover: { bgColor: "brand.200", color: "gray.700" },
-      onClick,
+      ...to ? { as: Link, href: to } : { onClick },
       children: label
     }
   );
@@ -121,9 +121,9 @@ const Author = ({ author, ...cardProps }) => {
 };
 const BonusCardContent = ({ content }) => {
   const { t: t2 } = useTranslation("author");
-  return /* @__PURE__ */ jsx(Popover, { flip: false, matchWidth: false, placement: "bottom", children: ({ isOpen }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  return /* @__PURE__ */ jsx(Popover, { autoFocus: false, isLazy: true, lazyBehavior: "keepMounted", children: ({ isOpen }) => /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(PopoverTrigger, { children: /* @__PURE__ */ jsx(Button, { size: "sm", variant: "link", color: "white", children: isOpen ? t2("action.collapse") : t2("action.expand") }) }),
-    /* @__PURE__ */ jsx(PopoverContent, { w: 60, children: /* @__PURE__ */ jsx(PopoverBody, { children: Array.isArray(content) ? /* @__PURE__ */ jsx(Stack, { children: content.map((paragraph, index) => /* @__PURE__ */ jsx(Text, { as: "span", children: paragraph }, index)) }) : /* @__PURE__ */ jsx(Text, { children: content }) }) })
+    /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(PopoverContent, { children: /* @__PURE__ */ jsx(PopoverBody, { children: Array.isArray(content) ? /* @__PURE__ */ jsx(Stack, { children: content.map((paragraph, index) => /* @__PURE__ */ jsx(Text, { as: "span", children: paragraph }, index)) }) : /* @__PURE__ */ jsx(Text, { children: content }) }) }) })
   ] }) });
 };
 const BonusCardTitle = ({ content }) => {
@@ -362,18 +362,15 @@ const GameDemoContent = ({ src, isFullscreen, isLoaded, onLoad, onToggleFullscre
     /* @__PURE__ */ jsx(AbsoluteCenter, { children: /* @__PURE__ */ jsx(Spinner, { size: "xl", thickness: "0.6rem", display: isLoaded ? "none" : "block", color: "brand.100" }) })
   ] });
 };
-const GameDemoPreview = ({ alt, imageFit = "contain", onPlay }) => {
-  var _a;
-  const { assets } = useSiteContext();
+const GameDemoPreview = ({ image, alt, imageFit = "contain", onPlay }) => {
   const { t: t2 } = useTranslation("gameDemo");
-  const gamePreviewImage = (_a = assets == null ? void 0 : assets.images) == null ? void 0 : _a.gamePreview;
-  const gamePreviewImageComponent = typeof gamePreviewImage === "string" ? /* @__PURE__ */ jsx(Image, { src: gamePreviewImage, alt, objectFit: imageFit }) : gamePreviewImage;
+  const imageComponent = typeof image === "string" ? /* @__PURE__ */ jsx(Image, { src: image, alt, objectFit: imageFit }) : image;
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    gamePreviewImageComponent,
+    imageComponent,
     /* @__PURE__ */ jsx(AbsoluteCenter, { children: /* @__PURE__ */ jsx(PulseButton, { label: t2("action.playForFree"), onClick: onPlay }) })
   ] });
 };
-const GameDemo = ({ name, src, previewImageFit, ...boxProps }) => {
+const GameDemo = ({ name, src, previewImage, previewImageFit, ...boxProps }) => {
   const [isRunning, setIsRunning] = useState(false);
   const [isLoaded, setIsLoaded] = useState(false);
   const { isOpen: isFullscreen, onToggle } = useDisclosure({ defaultIsOpen: false });
@@ -405,7 +402,7 @@ const GameDemo = ({ name, src, previewImageFit, ...boxProps }) => {
           onLoad,
           onToggleFullscreen: handleToggleFullscreen
         }
-      ) : /* @__PURE__ */ jsx(GameDemoPreview, { alt: name, imageFit: previewImageFit, onPlay: handlePlay })
+      ) : /* @__PURE__ */ jsx(GameDemoPreview, { image: previewImage, alt: name, imageFit: previewImageFit, onPlay: handlePlay })
     }
   );
 };
@@ -494,10 +491,11 @@ const GameInfo = ({ info }) => {
 };
 const HowTo = ({ steps, ...boxProps }) => {
   const { color, bgColor } = usePrimaryColors();
-  return /* @__PURE__ */ jsx(SimpleGrid, { as: "ol", columns: { base: 1, md: 2, lg: 3 }, gap: 4, p: 0, ...boxProps, children: steps.map(({ title, description }, index) => /* @__PURE__ */ jsxs(Flex, { as: "li", alignItems: "flex-start", gap: 4, children: [
+  return /* @__PURE__ */ jsx(SimpleGrid, { as: "ol", columns: { base: 1, md: 2, lg: 3 }, gap: 4, p: 0, ...boxProps, children: steps.map(({ title, description, image }, 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__ */ jsxs(Stack, { flex: 1, children: [
       /* @__PURE__ */ jsx(Text, { fontSize: "lg", fontWeight: "bold", children: title }),
+      typeof image === "string" ? /* @__PURE__ */ jsx(Image, { src: image, alt: title, aspectRatio: "16/9", objectFit: "cover" }) : image,
       /* @__PURE__ */ jsx(Text, { children: description })
     ] })
   ] }, index)) });
@@ -570,10 +568,13 @@ const Navigation$1 = ({ menu }) => {
   );
 };
 const Footer = () => {
-  var _a, _b;
+  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;
+  const hasExtra = !!extra;
   return /* @__PURE__ */ jsx(
     Box,
     {
@@ -582,9 +583,9 @@ const Footer = () => {
       color: useColorModeValue("gray.700", "gray.200"),
       py: 4,
       children: /* @__PURE__ */ jsxs(Container, { children: [
-        /* @__PURE__ */ jsx(Navigation$1, { menu: navigation }),
-        !!extra && /* @__PURE__ */ jsx(Extra, { children: extra }),
-        /* @__PURE__ */ jsx(Disclaimer, {}),
+        hasNavigation && /* @__PURE__ */ jsx(Navigation$1, { menu: navigation }),
+        hasExtra && /* @__PURE__ */ jsx(Extra, { children: extra }),
+        showDisclaimer && /* @__PURE__ */ jsx(Disclaimer, {}),
         /* @__PURE__ */ jsx(Brand$1, { brand: /* @__PURE__ */ jsx(Logo, {}) }),
         /* @__PURE__ */ jsx(Copyright, {})
       ] })
@@ -735,7 +736,7 @@ const Header = () => {
   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;
+  const hasNavigation = !!navigation.length;
   return /* @__PURE__ */ jsx(
     Box,
     {
@@ -980,7 +981,7 @@ const Tabs = ({ items, render, ...boxProps }) => {
   }, []);
   return /* @__PURE__ */ jsxs(Tabs$1, { overflow: "hidden", colorScheme: "brand", ...boxProps, children: [
     /* @__PURE__ */ jsx(TabList, { overflow: "auto hidden", children: tabs.map(({ label, icon }, index) => /* @__PURE__ */ jsx(Tab, { children: /* @__PURE__ */ jsx(Text, { as: "h3", isTruncated: true, children: icon ? `${icon} ${label}` : label }) }, index)) }),
-    /* @__PURE__ */ jsx(TabPanels, { children: panels.map((panel, index) => /* @__PURE__ */ jsx(TabPanel, { children: render(panel) }, index)) })
+    /* @__PURE__ */ jsx(TabPanels, { children: panels.map((panel, index) => /* @__PURE__ */ jsx(TabPanel, { children: render ? render(panel) : panel }, index)) })
   ] });
 };
 export {

package/dist/{index-C5BWCSo_.js → index-CupM-mJk.js}

@@ -90,7 +90,7 @@ const ColorMap = {
   light: "gray.200",
   dark: "gray.700"
 };
-const PulseButton = ({ label, colorScheme = "light", onClick }) => {
+const PulseButton = ({ label, colorScheme = "light", to, onClick }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     react.Button,
     {
@@ -99,7 +99,7 @@ const PulseButton = ({ label, colorScheme = "light", onClick }) => {
       bgColor: "brand.500",
       animation: `${index$1.Animation.pulse} 2s infinite linear`,
       _hover: { bgColor: "brand.200", color: "gray.700" },
-      onClick,
+      ...to ? { as: react.Link, href: to } : { onClick },
       children: label
     }
   );
@@ -122,9 +122,9 @@ const Author = ({ author, ...cardProps }) => {
 };
 const BonusCardContent = ({ content }) => {
   const { t } = reactI18next.useTranslation("author");
-  return /* @__PURE__ */ jsxRuntime.jsx(react.Popover, { flip: false, matchWidth: false, placement: "bottom", children: ({ isOpen }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(react.Popover, { autoFocus: false, isLazy: true, lazyBehavior: "keepMounted", children: ({ isOpen }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(react.PopoverTrigger, { children: /* @__PURE__ */ jsxRuntime.jsx(react.Button, { size: "sm", variant: "link", color: "white", children: isOpen ? t("action.collapse") : t("action.expand") }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(react.PopoverContent, { w: 60, children: /* @__PURE__ */ jsxRuntime.jsx(react.PopoverBody, { children: Array.isArray(content) ? /* @__PURE__ */ jsxRuntime.jsx(react.Stack, { children: content.map((paragraph, index2) => /* @__PURE__ */ jsxRuntime.jsx(react.Text, { as: "span", children: paragraph }, index2)) }) : /* @__PURE__ */ jsxRuntime.jsx(react.Text, { children: content }) }) })
+    /* @__PURE__ */ jsxRuntime.jsx(react.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(react.PopoverContent, { children: /* @__PURE__ */ jsxRuntime.jsx(react.PopoverBody, { children: Array.isArray(content) ? /* @__PURE__ */ jsxRuntime.jsx(react.Stack, { children: content.map((paragraph, index2) => /* @__PURE__ */ jsxRuntime.jsx(react.Text, { as: "span", children: paragraph }, index2)) }) : /* @__PURE__ */ jsxRuntime.jsx(react.Text, { children: content }) }) }) })
   ] }) });
 };
 const BonusCardTitle = ({ content }) => {
@@ -363,18 +363,15 @@ const GameDemoContent = ({ src, isFullscreen, isLoaded, onLoad, onToggleFullscre
     /* @__PURE__ */ jsxRuntime.jsx(react.AbsoluteCenter, { children: /* @__PURE__ */ jsxRuntime.jsx(react.Spinner, { size: "xl", thickness: "0.6rem", display: isLoaded ? "none" : "block", color: "brand.100" }) })
   ] });
 };
-const GameDemoPreview = ({ alt, imageFit = "contain", onPlay }) => {
-  var _a;
-  const { assets } = index.useSiteContext();
+const GameDemoPreview = ({ image, alt, imageFit = "contain", onPlay }) => {
   const { t } = reactI18next.useTranslation("gameDemo");
-  const gamePreviewImage = (_a = assets == null ? void 0 : assets.images) == null ? void 0 : _a.gamePreview;
-  const gamePreviewImageComponent = typeof gamePreviewImage === "string" ? /* @__PURE__ */ jsxRuntime.jsx(react.Image, { src: gamePreviewImage, alt, objectFit: imageFit }) : gamePreviewImage;
+  const imageComponent = typeof image === "string" ? /* @__PURE__ */ jsxRuntime.jsx(react.Image, { src: image, alt, objectFit: imageFit }) : image;
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    gamePreviewImageComponent,
+    imageComponent,
     /* @__PURE__ */ jsxRuntime.jsx(react.AbsoluteCenter, { children: /* @__PURE__ */ jsxRuntime.jsx(PulseButton, { label: t("action.playForFree"), onClick: onPlay }) })
   ] });
 };
-const GameDemo = ({ name, src, previewImageFit, ...boxProps }) => {
+const GameDemo = ({ name, src, previewImage, previewImageFit, ...boxProps }) => {
   const [isRunning, setIsRunning] = react$1.useState(false);
   const [isLoaded, setIsLoaded] = react$1.useState(false);
   const { isOpen: isFullscreen, onToggle } = react.useDisclosure({ defaultIsOpen: false });
@@ -406,7 +403,7 @@ const GameDemo = ({ name, src, previewImageFit, ...boxProps }) => {
           onLoad,
           onToggleFullscreen: handleToggleFullscreen
         }
-      ) : /* @__PURE__ */ jsxRuntime.jsx(GameDemoPreview, { alt: name, imageFit: previewImageFit, onPlay: handlePlay })
+      ) : /* @__PURE__ */ jsxRuntime.jsx(GameDemoPreview, { image: previewImage, alt: name, imageFit: previewImageFit, onPlay: handlePlay })
     }
   );
 };
@@ -495,10 +492,11 @@ const GameInfo = ({ info }) => {
 };
 const HowTo = ({ steps, ...boxProps }) => {
   const { color, bgColor } = index$2.usePrimaryColors();
-  return /* @__PURE__ */ jsxRuntime.jsx(react.SimpleGrid, { as: "ol", columns: { base: 1, md: 2, lg: 3 }, gap: 4, p: 0, ...boxProps, children: steps.map(({ title, description }, index2) => /* @__PURE__ */ jsxRuntime.jsxs(react.Flex, { as: "li", alignItems: "flex-start", gap: 4, children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(react.SimpleGrid, { as: "ol", columns: { base: 1, md: 2, lg: 3 }, gap: 4, p: 0, ...boxProps, children: steps.map(({ title, description, image }, index2) => /* @__PURE__ */ jsxRuntime.jsxs(react.Flex, { as: "li", alignItems: "flex-start", gap: 4, children: [
     /* @__PURE__ */ jsxRuntime.jsx(react.Circle, { size: 12, bgColor, color, fontSize: "lg", fontWeight: "bold", children: String(index2 + 1) }),
     /* @__PURE__ */ jsxRuntime.jsxs(react.Stack, { flex: 1, children: [
       /* @__PURE__ */ jsxRuntime.jsx(react.Text, { fontSize: "lg", fontWeight: "bold", children: title }),
+      typeof image === "string" ? /* @__PURE__ */ jsxRuntime.jsx(react.Image, { src: image, alt: title, aspectRatio: "16/9", objectFit: "cover" }) : image,
       /* @__PURE__ */ jsxRuntime.jsx(react.Text, { children: description })
     ] })
   ] }, index2)) });
@@ -571,10 +569,13 @@ const Navigation$1 = ({ menu }) => {
   );
 };
 const Footer = () => {
-  var _a, _b;
+  var _a, _b, _c;
   const { configs } = index.useSiteContext();
   const navigation = ((_a = configs == null ? void 0 : configs.footer) == null ? void 0 : _a.navigation) ?? [];
   const extra = (_b = configs == null ? void 0 : configs.footer) == null ? void 0 : _b.extra;
+  const showDisclaimer = ((_c = configs == null ? void 0 : configs.footer) == null ? void 0 : _c.showDisclaimer) ?? true;
+  const hasNavigation = !!navigation.length;
+  const hasExtra = !!extra;
   return /* @__PURE__ */ jsxRuntime.jsx(
     react.Box,
     {
@@ -583,9 +584,9 @@ const Footer = () => {
       color: react.useColorModeValue("gray.700", "gray.200"),
       py: 4,
       children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(Navigation$1, { menu: navigation }),
-        !!extra && /* @__PURE__ */ jsxRuntime.jsx(Extra, { children: extra }),
-        /* @__PURE__ */ jsxRuntime.jsx(Disclaimer, {}),
+        hasNavigation && /* @__PURE__ */ jsxRuntime.jsx(Navigation$1, { menu: navigation }),
+        hasExtra && /* @__PURE__ */ jsxRuntime.jsx(Extra, { children: extra }),
+        showDisclaimer && /* @__PURE__ */ jsxRuntime.jsx(Disclaimer, {}),
         /* @__PURE__ */ jsxRuntime.jsx(Brand$1, { brand: /* @__PURE__ */ jsxRuntime.jsx(Logo, {}) }),
         /* @__PURE__ */ jsxRuntime.jsx(Copyright, {})
       ] })
@@ -736,7 +737,7 @@ const Header = () => {
   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;
+  const hasNavigation = !!navigation.length;
   return /* @__PURE__ */ jsxRuntime.jsx(
     react.Box,
     {
@@ -981,7 +982,7 @@ const Tabs = ({ items, render, ...boxProps }) => {
   }, []);
   return /* @__PURE__ */ jsxRuntime.jsxs(react.Tabs, { overflow: "hidden", colorScheme: "brand", ...boxProps, children: [
     /* @__PURE__ */ jsxRuntime.jsx(react.TabList, { overflow: "auto hidden", children: tabs.map(({ label, icon }, index2) => /* @__PURE__ */ jsxRuntime.jsx(react.Tab, { children: /* @__PURE__ */ jsxRuntime.jsx(react.Text, { as: "h3", isTruncated: true, children: icon ? `${icon} ${label}` : label }) }, index2)) }),
-    /* @__PURE__ */ jsxRuntime.jsx(react.TabPanels, { children: panels.map((panel, index2) => /* @__PURE__ */ jsxRuntime.jsx(react.TabPanel, { children: render(panel) }, index2)) })
+    /* @__PURE__ */ jsxRuntime.jsx(react.TabPanels, { children: panels.map((panel, index2) => /* @__PURE__ */ jsxRuntime.jsx(react.TabPanel, { children: render ? render(panel) : panel }, index2)) })
   ] });
 };
 exports.Author = Author;

package/dist/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index = require("./index-C5BWCSo_.js");
+const index = require("./index-CupM-mJk.js");
 const index$1 = require("./index-IpSV-c71.js");
 const i18n$1 = require("./index-uq_uSyaC.js");
 const index$2 = require("./index-m97PmVsd.js");

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import { A, B, g, C, h, E, F, a, b, G, c, d, i, H, L, j, e, P, k, S, T, f } from "./index-DaSzU8Hb.mjs";
+import { A, B, g, C, h, E, F, a, b, G, c, d, i, H, L, j, e, P, k, S, T, f } from "./index-5_hCvFkU.mjs";
 import { u } from "./index-xuSxvz5z.mjs";
 import { a as a2, G as G2, r } from "./index-DjBQjd1k.mjs";
 import { M } from "./index-C-e_0aJJ.mjs";

package/dist/types/components/how-to/index.d.ts

@@ -1,5 +1,6 @@
+import { ReactElement } from 'react';
 export interface IHowToStep {
     title: string;
     description?: string;
-    image?: string;
+    image?: string | ReactElement;
 }

package/dist/types/site/index.d.ts

@@ -7,7 +7,6 @@ type Image = ImageUrl | ImageComponent;
 export interface ISiteAssets {
     images?: {
         logo?: Image;
-        gamePreview?: Image;
         expert?: Image;
     };
 }
@@ -18,6 +17,7 @@ interface ISiteHeaderConfig {
 interface ISiteFooterConfig {
     navigation?: INavItem[];
     extra?: ReactNode;
+    showDisclaimer?: boolean;
 }
 export interface ISiteConfigs {
     header?: ISiteHeaderConfig;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@anywayseo/tools",
   "description": "Shared UI Components and Modules",
-  "version": "2.3.0",
+  "version": "2.4.1",
   "keywords": [
     "react",
     "ui",