@anywayseo/tools 2.5.0 → 2.5.1

package/dist/components/bonus-card/index.d.ts

@@ -1,5 +1,7 @@
 import { FC } from 'react';
 import { IBonusCard } from '../../types';
-type BonusCardProps = IBonusCard;
+type BonusCardProps = IBonusCard & {
+    className?: string;
+};
 declare const BonusCard: FC<BonusCardProps>;
 export default BonusCard;

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

@@ -1,5 +1,7 @@
 import { FC } from 'react';
 import { IGameCard } from '../../types';
-type GameCardProps = IGameCard;
+type GameCardProps = IGameCard & {
+    height?: 'full' | 'auto';
+};
 declare const GameCard: FC<GameCardProps>;
 export default GameCard;

package/dist/components/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index = require("../index-BR5dWoW7.js");
+const index = require("../index-CQRefU3H.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-BWm-60DT.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-CIHivV4r.mjs";
 export {
   A as Author,
   B as BonusCard,

package/dist/{index-BWm-60DT.mjs → index-CIHivV4r.mjs}

@@ -143,12 +143,13 @@ const BonusCardTitle = ({ content }) => {
     }
   );
 };
-const BonusCard = ({ title, subtitle, content, link, image }) => {
+const BonusCard = ({ title, subtitle, content, link, image, className }) => {
   return /* @__PURE__ */ jsxs(
     Card,
     {
       as: "article",
       h: "full",
+      color: "whiteAlpha.900",
       bg: "linear-gradient(90deg, #3b1f47, #731d58)",
       _before: image ? {
         content: '""',
@@ -163,6 +164,7 @@ const BonusCard = ({ title, subtitle, content, link, image }) => {
         filter: "blur(0.05em) opacity(50%)",
         zIndex: 0
       } : void 0,
+      className,
       children: [
         /* @__PURE__ */ jsxs(CardBody, { as: "section", pb: 0, flex: 1, children: [
           /* @__PURE__ */ jsx(BonusCardTitle, { content: title }),
@@ -304,7 +306,7 @@ const Features = ({ features, ...boxProps }) => {
     }
   );
 };
-const GameCard = ({ name, image, link }) => {
+const GameCard = ({ name, description, image, link, height = "auto" }) => {
   return /* @__PURE__ */ jsxs(
     LinkBox,
     {
@@ -314,11 +316,15 @@ const GameCard = ({ name, image, link }) => {
       transition: "transform 0.2s ease",
       cursor: link ? "pointer" : "default",
       overflow: "hidden",
-      bg: "blackAlpha.400",
+      bg: "blackAlpha.200",
+      height,
       _hover: { transform: "scale(1.1)" },
       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__ */ jsx(Box, { as: "section", rounded: "md", p: 4, children: /* @__PURE__ */ jsx(Text, { as: "span", children: link ? /* @__PURE__ */ jsx(LinkOverlay, { href: link, children: name }) : name }) })
+        /* @__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 }),
+          !!description && /* @__PURE__ */ jsx(Text, { fontSize: "sm", color: "gray.600", children: description })
+        ] })
       ]
     }
   );

package/dist/{index-BR5dWoW7.js → index-CQRefU3H.js}

@@ -144,12 +144,13 @@ const BonusCardTitle = ({ content }) => {
     }
   );
 };
-const BonusCard = ({ title, subtitle, content, link, image }) => {
+const BonusCard = ({ title, subtitle, content, link, image, className }) => {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     react.Card,
     {
       as: "article",
       h: "full",
+      color: "whiteAlpha.900",
       bg: "linear-gradient(90deg, #3b1f47, #731d58)",
       _before: image ? {
         content: '""',
@@ -164,6 +165,7 @@ const BonusCard = ({ title, subtitle, content, link, image }) => {
         filter: "blur(0.05em) opacity(50%)",
         zIndex: 0
       } : void 0,
+      className,
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs(react.CardBody, { as: "section", pb: 0, flex: 1, children: [
           /* @__PURE__ */ jsxRuntime.jsx(BonusCardTitle, { content: title }),
@@ -305,7 +307,7 @@ const Features = ({ features, ...boxProps }) => {
     }
   );
 };
-const GameCard = ({ name, image, link }) => {
+const GameCard = ({ name, description, image, link, height = "auto" }) => {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     react.LinkBox,
     {
@@ -315,11 +317,15 @@ const GameCard = ({ name, image, link }) => {
       transition: "transform 0.2s ease",
       cursor: link ? "pointer" : "default",
       overflow: "hidden",
-      bg: "blackAlpha.400",
+      bg: "blackAlpha.200",
+      height,
       _hover: { transform: "scale(1.1)" },
       children: [
         typeof image === "string" ? /* @__PURE__ */ jsxRuntime.jsx(react.Image, { src: image, alt: name, w: "100%", aspectRatio: "16/9", objectFit: "cover", objectPosition: "center" }) : !!image && /* @__PURE__ */ jsxRuntime.jsx(react.Box, { w: "100%", aspectRatio: "16/9", children: image }),
-        /* @__PURE__ */ jsxRuntime.jsx(react.Box, { as: "section", rounded: "md", p: 4, children: /* @__PURE__ */ jsxRuntime.jsx(react.Text, { as: "span", children: link ? /* @__PURE__ */ jsxRuntime.jsx(react.LinkOverlay, { href: link, children: name }) : name }) })
+        /* @__PURE__ */ jsxRuntime.jsxs(react.Box, { as: "section", rounded: "md", p: 4, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(react.Text, { as: "span", children: link ? /* @__PURE__ */ jsxRuntime.jsx(react.LinkOverlay, { href: link, children: name }) : name }),
+          !!description && /* @__PURE__ */ jsxRuntime.jsx(react.Text, { fontSize: "sm", color: "gray.600", children: description })
+        ] })
       ]
     }
   );

package/dist/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index = require("./index-BR5dWoW7.js");
+const index = require("./index-CQRefU3H.js");
 const index$1 = require("./index-IpSV-c71.js");
 const i18n$1 = require("./index-BEqFPNAt.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-BWm-60DT.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-CIHivV4r.mjs";
 import { u } from "./index-xuSxvz5z.mjs";
 import { a as a2, G as G2, r } from "./index-F6_fGeRI.mjs";
 import { M } from "./index-C-e_0aJJ.mjs";

package/dist/types/content/game/index.d.ts

@@ -1,3 +1,4 @@
 export interface IGame {
     name: string;
+    description?: string;
 }

package/package.json

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