@anywayseo/tools 5.8.0 → 5.8.2

package/dist/components/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index = require("../index-BSOCyFLF.js");
+const index = require("../index-D-WTkYJu.js");
 const index$1 = require("../index-BrpyfyHr.js");
 const index$2 = require("../index-DDg_PkD2.js");
 const index$3 = require("../index-BNkvrBOj.js");

package/dist/components/index.mjs

@@ -1,4 +1,4 @@
-import { A, a, b, c, n, o, d, B, e, C, r, q, F, f, g, G, h, i, j, p, H, I, L, N, s, P, S, k, T, l, t, m } from "../index-Bigf9jEx.mjs";
+import { A, a, b, c, n, o, d, B, e, C, r, q, F, f, g, G, h, i, j, p, H, I, L, N, s, P, S, k, T, l, t, m } from "../index-BN9vRBzY.mjs";
 import { C as C2, a as a2, b as b2, L as L2, c as c2, R, S as S2, d as d2 } from "../index-CodGh8Sq.mjs";
 import { H as H2, a as a3, b as b3, O, P as P2, U } from "../index-BEjKnOZA.mjs";
 import { I as I2, L as L3 } from "../index-C3FKVt3V.mjs";

package/dist/{index-Bigf9jEx.mjs → index-BN9vRBzY.mjs}

@@ -405,7 +405,7 @@ const buttonAnimationProps = {
   type: "pulse",
   params: { duration: 2, timingFunction: "ease-out", isInfinite: true }
 };
-const GameDemoPreview = ({ image, alt, src, refLink, imageFit = "contain", onPlayDemo }) => {
+const GameDemoPreview = ({ image, alt, src, refLink, imageFit = "cover", onPlayDemo }) => {
   const { t: t2 } = useTranslation("gameDemo");
   function getPrimaryButton() {
     if (refLink) {
@@ -435,7 +435,7 @@ const GameDemoPreview = ({ image, alt, src, refLink, imageFit = "contain", onPla
   }
   return /* @__PURE__ */ jsxs(Stack, { children: [
     !src && /* @__PURE__ */ jsx(GameDemoAlert, {}),
-    /* @__PURE__ */ jsxs(Box, { position: "relative", children: [
+    /* @__PURE__ */ jsxs(Box, { position: "relative", flex: 1, children: [
       /* @__PURE__ */ jsx(Image, { src: image, alt, objectFit: imageFit, w: "100%", h: "100%" }),
       /* @__PURE__ */ jsx(AbsoluteCenter, { children: /* @__PURE__ */ jsxs(Stack, { spacing: 4, children: [
         getPrimaryButton(),
@@ -1077,7 +1077,16 @@ const StrapiComponent = ({ type, props, imageComponent }) => {
           name: props.name,
           src: props == null ? void 0 : props.src,
           refLink: ((_a = props == null ? void 0 : props.partner) == null ? void 0 : _a.refLink) ?? (props == null ? void 0 : props.href),
-          previewImage: /* @__PURE__ */ jsx(ExternalImage, { image: props.previewImage, alt: props.name, component: imageComponent }),
+          previewImage: /* @__PURE__ */ jsx(
+            ExternalImage,
+            {
+              image: props.previewImage,
+              alt: props.name,
+              component: imageComponent,
+              objectFit: "cover",
+              style: { height: "100%", aspectRatio: "16/9" }
+            }
+          ),
           mb: 4
         }
       );

package/dist/{index-BSOCyFLF.js → index-D-WTkYJu.js}

@@ -406,7 +406,7 @@ const buttonAnimationProps = {
   type: "pulse",
   params: { duration: 2, timingFunction: "ease-out", isInfinite: true }
 };
-const GameDemoPreview = ({ image, alt, src, refLink, imageFit = "contain", onPlayDemo }) => {
+const GameDemoPreview = ({ image, alt, src, refLink, imageFit = "cover", onPlayDemo }) => {
   const { t } = reactI18next.useTranslation("gameDemo");
   function getPrimaryButton() {
     if (refLink) {
@@ -436,7 +436,7 @@ const GameDemoPreview = ({ image, alt, src, refLink, imageFit = "contain", onPla
   }
   return /* @__PURE__ */ jsxRuntime.jsxs(react.Stack, { children: [
     !src && /* @__PURE__ */ jsxRuntime.jsx(GameDemoAlert, {}),
-    /* @__PURE__ */ jsxRuntime.jsxs(react.Box, { position: "relative", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(react.Box, { position: "relative", flex: 1, children: [
       /* @__PURE__ */ jsxRuntime.jsx(index.Image, { src: image, alt, objectFit: imageFit, w: "100%", h: "100%" }),
       /* @__PURE__ */ jsxRuntime.jsx(react.AbsoluteCenter, { children: /* @__PURE__ */ jsxRuntime.jsxs(react.Stack, { spacing: 4, children: [
         getPrimaryButton(),
@@ -1078,7 +1078,16 @@ const StrapiComponent = ({ type, props, imageComponent }) => {
           name: props.name,
           src: props == null ? void 0 : props.src,
           refLink: ((_a = props == null ? void 0 : props.partner) == null ? void 0 : _a.refLink) ?? (props == null ? void 0 : props.href),
-          previewImage: /* @__PURE__ */ jsxRuntime.jsx(ExternalImage, { image: props.previewImage, alt: props.name, component: imageComponent }),
+          previewImage: /* @__PURE__ */ jsxRuntime.jsx(
+            ExternalImage,
+            {
+              image: props.previewImage,
+              alt: props.name,
+              component: imageComponent,
+              objectFit: "cover",
+              style: { height: "100%", aspectRatio: "16/9" }
+            }
+          ),
           mb: 4
         }
       );

package/dist/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index = require("./index-BSOCyFLF.js");
+const index = require("./index-D-WTkYJu.js");
 const index$1 = require("./index-BrpyfyHr.js");
 const index$2 = require("./index-DDg_PkD2.js");
 const index$3 = require("./index-BNkvrBOj.js");

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import { A, a, b, c, n, o, d, B, e, C, r, q, F, f, g, G, h, i, j, p, H, I, L, N, s, P, S, k, T, l, t, m } from "./index-Bigf9jEx.mjs";
+import { A, a, b, c, n, o, d, B, e, C, r, q, F, f, g, G, h, i, j, p, H, I, L, N, s, P, S, k, T, l, t, m } from "./index-BN9vRBzY.mjs";
 import { C as C2, a as a2, b as b2, L as L2, c as c2, R, S as S2, d as d2 } from "./index-CodGh8Sq.mjs";
 import { H as H2, a as a3, b as b3, O, P as P2, U } from "./index-BEjKnOZA.mjs";
 import { I as I2, L as L3, P as P3, S as S3, u, a as a4 } from "./index-C3FKVt3V.mjs";

package/package.json

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