oraculo-ui 0.1.13 → 0.1.14

package/dist/{chunk-7IWMEE6R.mjs → chunk-WKDAILVP.mjs}

@@ -1,16 +1,9 @@
 import {
-  OraculoSeccionClubOlimpo_default
-} from "./chunk-2D7ZJMJV.mjs";
-import {
-  OraculoSeccionCasinoEnVivo_default
-} from "./chunk-PVY5Z3JS.mjs";
-import {
-  OraculoCarousel_default,
-  OraculoSeccionBonoBienvenida_default
-} from "./chunk-4LBAYKDQ.mjs";
+  OraculoCarousel_default
+} from "./chunk-YWS57247.mjs";
 import {
   OraculoButton
-} from "./chunk-IJQLK4NO.mjs";
+} from "./chunk-DHENVY2Z.mjs";
 import {
   __commonJS,
   __glob,
@@ -19748,7 +19741,7 @@ var ChevronRightRounded_default = createSvgIcon(/* @__PURE__ */ _jsx2("path", {
 }), "ChevronRightRounded");
 
 // src/atoms/OraculoSectionTitle/OraculoSectionTitle.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
+import React from "react";
 function OraculoSectionTitle({
   title,
   iconUrl,
@@ -19761,25 +19754,23 @@ function OraculoSectionTitle({
     sizeClass,
     className
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsxs("div", { className: wrapperClass, children: [
-    iconUrl && /* @__PURE__ */ jsx(
-      "img",
-      {
-        src: iconUrl,
-        alt: "",
-        className: "orc-section-title__icon"
-      }
-    ),
-    /* @__PURE__ */ jsx("h2", { className: "orc-section-title__title", children: title })
-  ] });
+  return /* @__PURE__ */ React.createElement("div", { className: wrapperClass }, iconUrl && /* @__PURE__ */ React.createElement(
+    "img",
+    {
+      src: iconUrl,
+      alt: "",
+      className: "orc-section-title__icon"
+    }
+  ), /* @__PURE__ */ React.createElement("h2", { className: "orc-section-title__title" }, title));
 }
 
 // src/molecules/OraculoGameRankCard/OraculoGameRankCard.tsx
+import React3 from "react";
 import Box2 from "@mui/material/Box";
 
 // src/molecules/OraculoGameCard/OraculoGameCard.tsx
+import React2 from "react";
 import Box from "@mui/material/Box";
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var OraculoGameCard = ({
   imageUrl,
   onClick,
@@ -19792,7 +19783,7 @@ var OraculoGameCard = ({
     onClick == null ? void 0 : onClick();
   };
   const sizeStyles = fillParent ? { width: "100%", height: "100%" } : { width: `${dim.w}px`, height: `${dim.h}px` };
-  return /* @__PURE__ */ jsxs2(
+  return /* @__PURE__ */ React2.createElement(
     Box,
     {
       onClick,
@@ -19817,63 +19808,60 @@ var OraculoGameCard = ({
           transform: "translate(-50%, -50%) scale(1)",
           pointerEvents: "auto"
         }
+      }
+    },
+    /* @__PURE__ */ React2.createElement(
+      "img",
+      {
+        src: imageUrl,
+        alt: "Juego de casino",
+        loading: "lazy",
+        style: {
+          width: "100%",
+          height: "100%",
+          objectFit: "cover",
+          display: "block",
+          borderRadius: "inherit"
+        }
+      }
+    ),
+    /* @__PURE__ */ React2.createElement(
+      Box,
+      {
+        className: "oraculo-game-card-overlay",
+        sx: {
+          position: "absolute",
+          inset: 0,
+          backgroundColor: "rgba(0, 0, 0, 0.45)",
+          opacity: 0,
+          transition: "opacity .15s ease",
+          pointerEvents: "none",
+          zIndex: 1
+        }
+      }
+    ),
+    /* @__PURE__ */ React2.createElement(
+      Box,
+      {
+        className: "oraculo-game-card-btn",
+        sx: {
+          position: "absolute",
+          top: "50%",
+          left: "50%",
+          zIndex: 2,
+          transform: "translate(-50%, -50%) scale(0.95)",
+          opacity: 0,
+          transition: "opacity .15s ease, transform .15s ease",
+          pointerEvents: "none"
+        }
       },
-      children: [
-        /* @__PURE__ */ jsx2(
-          "img",
-          {
-            src: imageUrl,
-            alt: "Juego de casino",
-            loading: "lazy",
-            style: {
-              width: "100%",
-              height: "100%",
-              objectFit: "cover",
-              display: "block",
-              borderRadius: "inherit"
-            }
-          }
-        ),
-        /* @__PURE__ */ jsx2(
-          Box,
-          {
-            className: "oraculo-game-card-overlay",
-            sx: {
-              position: "absolute",
-              inset: 0,
-              backgroundColor: "rgba(0, 0, 0, 0.45)",
-              opacity: 0,
-              transition: "opacity .15s ease",
-              pointerEvents: "none",
-              zIndex: 1
-            }
-          }
-        ),
-        /* @__PURE__ */ jsx2(
-          Box,
-          {
-            className: "oraculo-game-card-btn",
-            sx: {
-              position: "absolute",
-              top: "50%",
-              left: "50%",
-              zIndex: 2,
-              transform: "translate(-50%, -50%) scale(0.95)",
-              opacity: 0,
-              transition: "opacity .15s ease, transform .15s ease",
-              pointerEvents: "none"
-            },
-            children: /* @__PURE__ */ jsx2(OraculoButton, { variant: "primary", onClick: handleButtonClick, children: "JUGAR" })
-          }
-        )
-      ]
-    }
+      /* @__PURE__ */ React2.createElement(OraculoButton, { variant: "primary", size: "md", onClick: handleButtonClick }, "JUGAR")
+    )
   );
 };
 var OraculoGameCard_default = OraculoGameCard;
 
 // src/molecules/OraculoGameRankCard/OraculoGameRankCard.tsx
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 function OraculoGameRankCard({
   imageUrl,
   orden = 1,
@@ -19899,7 +19887,7 @@ function OraculoGameRankCard({
     xs: Math.round(((_b = (_a = sizes.xs) == null ? void 0 : _a.font) != null ? _b : 64) * 0.28),
     md: Math.round(((_d = (_c = sizes.md) == null ? void 0 : _c.font) != null ? _d : 64) * 0.28)
   };
-  return /* @__PURE__ */ jsxs3(
+  return /* @__PURE__ */ React3.createElement(
     Box2,
     {
       sx: {
@@ -19914,61 +19902,59 @@ function OraculoGameRankCard({
         boxSizing: "border-box",
         overflow: "visible",
         pb: { xs: `${hang.xs}px`, md: `${hang.md}px` }
+      }
+    },
+    /* @__PURE__ */ React3.createElement(
+      Box2,
+      {
+        sx: {
+          position: "absolute",
+          inset: 0,
+          borderRadius: "inherit",
+          overflow: "hidden"
+        }
       },
-      children: [
-        /* @__PURE__ */ jsx3(
-          Box2,
-          {
-            sx: {
-              position: "absolute",
-              inset: 0,
-              borderRadius: "inherit",
-              overflow: "hidden"
-            },
-            children: /* @__PURE__ */ jsx3(
-              OraculoGameCard_default,
-              {
-                imageUrl,
-                onClick,
-                size: "lg",
-                fillParent: true
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ jsx3(
-          Box2,
-          {
-            component: "span",
-            sx: {
-              position: "absolute",
-              left: 8,
-              bottom: {
-                xs: `-${hang.xs}px`,
-                md: `-${hang.md}px`
-              },
-              fontFamily: "secondary",
-              fontSize: {
-                xs: `${F.xs}px`,
-                md: `${F.md}px`
-              },
-              lineHeight: 1,
-              color: "#3CC666",
-              WebkitTextStroke: "1px #9ee86e",
-              zIndex: 3,
-              userSelect: "none"
-            },
-            children: orden
-          }
-        )
-      ]
-    }
+      /* @__PURE__ */ React3.createElement(
+        OraculoGameCard_default,
+        {
+          imageUrl,
+          onClick,
+          size: "lg",
+          fillParent: true
+        }
+      )
+    ),
+    /* @__PURE__ */ React3.createElement(
+      Box2,
+      {
+        component: "span",
+        sx: {
+          position: "absolute",
+          left: 8,
+          bottom: {
+            xs: `-${hang.xs}px`,
+            md: `-${hang.md}px`
+          },
+          fontFamily: "secondary",
+          fontSize: {
+            xs: `${F.xs}px`,
+            md: `${F.md}px`
+          },
+          lineHeight: 1,
+          color: "#3CC666",
+          WebkitTextStroke: "1px #9ee86e",
+          zIndex: 3,
+          userSelect: "none"
+        }
+      },
+      orden
+    )
   );
 }
 
 // src/molecules/OraculoGameSlide/OraculoGameSlide.tsx
+import React4 from "react";
 import Box3 from "@mui/material/Box";
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 var GAP = 12;
 var OraculoGameSlide = ({
   items,
@@ -19979,7 +19965,7 @@ var OraculoGameSlide = ({
   if (layout === "mosaic") {
     const big = items[0];
     const smalls = items.slice(1, 5);
-    return /* @__PURE__ */ jsxs4(
+    return /* @__PURE__ */ React4.createElement(
       Box3,
       {
         sx: {
@@ -20001,58 +19987,56 @@ var OraculoGameSlide = ({
           rowGap: `${GAP}px`,
           alignItems: "stretch",
           justifyItems: "stretch"
+        }
+      },
+      big && /* @__PURE__ */ React4.createElement(
+        Box3,
+        {
+          sx: {
+            width: { xs: 184, md: 280 },
+            height: { xs: 234, md: 352 },
+            gridRow: "1 / span 2",
+            overflow: "hidden",
+            borderRadius: 2
+          }
         },
-        children: [
-          big && /* @__PURE__ */ jsx4(
-            Box3,
+        /* @__PURE__ */ React4.createElement(
+          OraculoGameCard_default,
+          {
+            imageUrl: `https://olimpo.bet${(_a = big.imageUrl) != null ? _a : ""}`,
+            size: "lg",
+            fillParent: true,
+            onClick: () => onClick == null ? void 0 : onClick(big, 0)
+          }
+        )
+      ),
+      smalls.map((it, index) => {
+        var _a2;
+        return /* @__PURE__ */ React4.createElement(
+          Box3,
+          {
+            key: it.id,
+            sx: {
+              width: { xs: 104, md: 152 },
+              height: { xs: 112, md: 168 },
+              overflow: "hidden",
+              borderRadius: 2
+            }
+          },
+          /* @__PURE__ */ React4.createElement(
+            OraculoGameCard_default,
             {
-              sx: {
-                width: { xs: 184, md: 280 },
-                height: { xs: 234, md: 352 },
-                gridRow: "1 / span 2",
-                overflow: "hidden",
-                borderRadius: 2
-              },
-              children: /* @__PURE__ */ jsx4(
-                OraculoGameCard_default,
-                {
-                  imageUrl: `https://olimpo.bet${(_a = big.imageUrl) != null ? _a : ""}`,
-                  size: "lg",
-                  fillParent: true,
-                  onClick: () => onClick == null ? void 0 : onClick(big, 0)
-                }
-              )
+              imageUrl: `https://olimpo.bet${(_a2 = it.imageUrl) != null ? _a2 : ""}`,
+              size: "sm",
+              fillParent: true,
+              onClick: () => onClick == null ? void 0 : onClick(it, index + 1)
             }
-          ),
-          smalls.map((it, index) => {
-            var _a2;
-            return /* @__PURE__ */ jsx4(
-              Box3,
-              {
-                sx: {
-                  width: { xs: 104, md: 152 },
-                  height: { xs: 112, md: 168 },
-                  overflow: "hidden",
-                  borderRadius: 2
-                },
-                children: /* @__PURE__ */ jsx4(
-                  OraculoGameCard_default,
-                  {
-                    imageUrl: `https://olimpo.bet${(_a2 = it.imageUrl) != null ? _a2 : ""}`,
-                    size: "sm",
-                    fillParent: true,
-                    onClick: () => onClick == null ? void 0 : onClick(it, index + 1)
-                  }
-                )
-              },
-              it.id
-            );
-          })
-        ]
-      }
+          )
+        );
+      })
     );
   }
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ React4.createElement(
     Box3,
     {
       sx: {
@@ -20067,39 +20051,38 @@ var OraculoGameSlide = ({
         },
         gap: `${GAP}px`,
         gridAutoFlow: "column"
-      },
-      children: items.map((it, index) => {
-        var _a2, _b;
-        return /* @__PURE__ */ jsx4(
-          Box3,
+      }
+    },
+    items.map((it, index) => {
+      var _a2, _b;
+      return /* @__PURE__ */ React4.createElement(
+        Box3,
+        {
+          key: (_a2 = it.id) != null ? _a2 : index,
+          sx: {
+            overflow: "hidden",
+            borderRadius: 2
+          }
+        },
+        /* @__PURE__ */ React4.createElement(
+          OraculoGameCard_default,
           {
-            sx: {
-              overflow: "hidden",
-              borderRadius: 2
-            },
-            children: /* @__PURE__ */ jsx4(
-              OraculoGameCard_default,
-              {
-                imageUrl: `https://olimpo.bet${(_b = it.imageUrl) != null ? _b : ""}`,
-                size: "sm",
-                fillParent: true,
-                onClick: () => onClick == null ? void 0 : onClick(it, index)
-              }
-            )
-          },
-          (_a2 = it.id) != null ? _a2 : index
-        );
-      })
-    }
+            imageUrl: `https://olimpo.bet${(_b = it.imageUrl) != null ? _b : ""}`,
+            size: "sm",
+            fillParent: true,
+            onClick: () => onClick == null ? void 0 : onClick(it, index)
+          }
+        )
+      );
+    })
   );
 };
 var OraculoGameSlide_default = OraculoGameSlide;
 
 // src/organisms/OraculoSeccionTopJuegos/OraculoSeccionTopJuegos.tsx
-import { useMemo } from "react";
+import React5, { useMemo } from "react";
 import Stack from "@mui/material/Stack";
 import Box4 from "@mui/material/Box";
-import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 function OraculoSeccionTopJuegos({
   items,
   title = "Top Juegos",
@@ -20121,43 +20104,39 @@ function OraculoSeccionTopJuegos({
     }),
     [items]
   );
-  return /* @__PURE__ */ jsx5("section", { style: { width: "100%" }, children: /* @__PURE__ */ jsxs5(Stack, { direction: "column", spacing: 2, useFlexGap: true, children: [
-    /* @__PURE__ */ jsx5(OraculoSectionTitle, { title, iconUrl, size: "md" }),
-    /* @__PURE__ */ jsx5(
-      Box4,
-      {
-        sx: {
-          display: "grid",
-          gridTemplateColumns: {
-            xs: "repeat(3, minmax(0, 1fr))",
-            md: "repeat(6, minmax(0, 1fr))"
-          },
-          gap: { xs: 1.5, md: 2 },
-          justifyItems: "center",
-          width: "100%"
+  return /* @__PURE__ */ React5.createElement("section", { style: { width: "100%" } }, /* @__PURE__ */ React5.createElement(Stack, { direction: "column", spacing: 2, useFlexGap: true }, /* @__PURE__ */ React5.createElement(OraculoSectionTitle, { title, iconUrl, size: "md" }), /* @__PURE__ */ React5.createElement(
+    Box4,
+    {
+      sx: {
+        display: "grid",
+        gridTemplateColumns: {
+          xs: "repeat(3, minmax(0, 1fr))",
+          md: "repeat(6, minmax(0, 1fr))"
         },
-        children: normalizedItems.slice(0, 6).map((juego) => {
-          var _a;
-          return /* @__PURE__ */ jsx5(
-            OraculoGameRankCard,
-            {
-              imageUrl: `https://olimpo.bet${(_a = juego.logo) != null ? _a : ""}`,
-              orden: juego.orden,
-              onClick: () => onCardClick == null ? void 0 : onCardClick(juego)
-            },
-            juego.machine
-          );
-        })
+        gap: { xs: 1.5, md: 2 },
+        justifyItems: "center",
+        width: "100%"
       }
-    )
-  ] }) });
+    },
+    normalizedItems.slice(0, 6).map((juego) => {
+      var _a;
+      return /* @__PURE__ */ React5.createElement(
+        OraculoGameRankCard,
+        {
+          key: juego.machine,
+          imageUrl: `https://olimpo.bet${(_a = juego.logo) != null ? _a : ""}`,
+          orden: juego.orden,
+          onClick: () => onCardClick == null ? void 0 : onCardClick(juego)
+        }
+      );
+    })
+  )));
 }
 
 // src/organisms/OraculoSeccionCasino/OraculoSeccionCasino.tsx
-import { useRef, useState } from "react";
+import React6, { useRef, useState } from "react";
 import Stack2 from "@mui/material/Stack";
 import Box5 from "@mui/material/Box";
-import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
 var buildCasinoSlides = (games, mosaicFirst = true, gridSize = 4) => {
   const baseItems = games.map((g, idx) => {
     var _a, _b, _c;
@@ -20212,108 +20191,100 @@ var OraculoSeccionCasino = ({
   const handleViewMore = () => {
     onViewMore == null ? void 0 : onViewMore();
   };
-  return /* @__PURE__ */ jsx6("section", { children: /* @__PURE__ */ jsxs6(Stack2, { direction: "column", spacing: 2, useFlexGap: true, children: [
-    /* @__PURE__ */ jsxs6(
-      Box5,
+  return /* @__PURE__ */ React6.createElement("section", null, /* @__PURE__ */ React6.createElement(Stack2, { direction: "column", spacing: 2, useFlexGap: true }, /* @__PURE__ */ React6.createElement(
+    Box5,
+    {
+      sx: {
+        display: "grid",
+        gridTemplateColumns: "1fr auto auto",
+        alignItems: "center",
+        columnGap: 1.5,
+        rowGap: 1
+      }
+    },
+    /* @__PURE__ */ React6.createElement(
+      OraculoSectionTitle,
       {
-        sx: {
-          display: "grid",
-          gridTemplateColumns: "1fr auto auto",
-          alignItems: "center",
-          columnGap: 1.5,
-          rowGap: 1
-        },
-        children: [
-          /* @__PURE__ */ jsx6(
-            OraculoSectionTitle,
-            {
-              title,
-              iconUrl,
-              size: "md"
-            }
-          ),
-          /* @__PURE__ */ jsxs6(
-            Box5,
-            {
-              sx: {
-                display: "flex",
-                gap: 1,
-                justifyContent: "flex-end"
-              },
-              children: [
-                /* @__PURE__ */ jsx6(
-                  OraculoButton,
-                  {
-                    ariaLabel: "Anterior",
-                    variant: "secondary",
-                    iconOnly: true,
-                    leftIcon: /* @__PURE__ */ jsx6(ChevronLeftRounded_default, {}),
-                    onClick: handlePrev,
-                    disabled: navState.isStart
-                  }
-                ),
-                /* @__PURE__ */ jsx6(
-                  OraculoButton,
-                  {
-                    ariaLabel: "Siguiente",
-                    variant: "secondary",
-                    iconOnly: true,
-                    rightIcon: /* @__PURE__ */ jsx6(ChevronRightRounded_default, {}),
-                    onClick: handleNext,
-                    disabled: navState.isEnd
-                  }
-                )
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsx6(Box5, { sx: { justifySelf: "end" }, children: /* @__PURE__ */ jsx6(OraculoButton, { variant: "secondary", onClick: handleViewMore, children: "Ver m\xE1s" }) })
-        ]
+        title,
+        iconUrl,
+        size: "md"
       }
     ),
-    /* @__PURE__ */ jsx6(
-      OraculoCarousel_default,
+    /* @__PURE__ */ React6.createElement(
+      Box5,
       {
-        ref: carouselRef,
-        items: slides,
-        perPage: 1,
-        gap: "0px",
-        options: {
-          autoWidth: true,
-          gap: "12px",
-          trimSpace: false,
-          pagination: false,
-          arrows: false,
-          drag: true,
-          focus: "start"
-        },
-        renderItem: (slide) => /* @__PURE__ */ jsx6("div", { style: { alignSelf: "start" }, children: /* @__PURE__ */ jsx6(
-          OraculoGameSlide_default,
-          {
-            items: slide.items,
-            layout: slide.kind === "mosaic" ? "mosaic" : "grid",
-            onClick: (itm) => {
-              const game = items.find(
-                (g, idx) => {
-                  var _a;
-                  return ((_a = g.orden) != null ? _a : idx) === itm.id;
-                }
-              );
-              if (game) onItemClick == null ? void 0 : onItemClick(game);
-            }
+        sx: {
+          display: "flex",
+          gap: 1,
+          justifyContent: "flex-end"
+        }
+      },
+      /* @__PURE__ */ React6.createElement(
+        OraculoButton,
+        {
+          ariaLabel: "Anterior",
+          variant: "secondary",
+          iconOnly: true,
+          leftIcon: /* @__PURE__ */ React6.createElement(ChevronLeftRounded_default, null),
+          onClick: handlePrev,
+          disabled: navState.isStart
+        }
+      ),
+      /* @__PURE__ */ React6.createElement(
+        OraculoButton,
+        {
+          ariaLabel: "Siguiente",
+          variant: "secondary",
+          iconOnly: true,
+          rightIcon: /* @__PURE__ */ React6.createElement(ChevronRightRounded_default, null),
+          onClick: handleNext,
+          disabled: navState.isEnd
+        }
+      )
+    ),
+    /* @__PURE__ */ React6.createElement(Box5, { sx: { justifySelf: "end" } }, /* @__PURE__ */ React6.createElement(OraculoButton, { variant: "secondary", onClick: handleViewMore }, "Ver m\xE1s"))
+  ), /* @__PURE__ */ React6.createElement(
+    OraculoCarousel_default,
+    {
+      ref: carouselRef,
+      items: slides,
+      perPage: 1,
+      gap: "0px",
+      options: {
+        autoWidth: true,
+        gap: "12px",
+        trimSpace: false,
+        pagination: false,
+        arrows: false,
+        drag: true,
+        focus: "start"
+      },
+      renderItem: (slide) => /* @__PURE__ */ React6.createElement("div", { style: { alignSelf: "start" } }, /* @__PURE__ */ React6.createElement(
+        OraculoGameSlide_default,
+        {
+          items: slide.items,
+          layout: slide.kind === "mosaic" ? "mosaic" : "grid",
+          onClick: (itm) => {
+            const game = items.find(
+              (g, idx) => {
+                var _a;
+                return ((_a = g.orden) != null ? _a : idx) === itm.id;
+              }
+            );
+            if (game) onItemClick == null ? void 0 : onItemClick(game);
           }
-        ) }),
-        onMove: ({ isStart, isEnd }) => setNavState({ isStart, isEnd })
-      }
-    )
-  ] }) });
+        }
+      )),
+      onMove: ({ isStart, isEnd }) => setNavState({ isStart, isEnd })
+    }
+  )));
 };
 var OraculoSeccionCasino_default = OraculoSeccionCasino;
 
 // src/organisms/OraculoSeccionVirtuales/OraculoSeccionVirtuales.tsx
-import { useRef as useRef2, useState as useState2 } from "react";
+import React7, { useRef as useRef2, useState as useState2 } from "react";
 import Stack3 from "@mui/material/Stack";
 import Box6 from "@mui/material/Box";
-import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
 var buildVirtualSlides = (games, mosaicFirst = true, gridSize = 4) => {
   const baseItems = games.map((g, idx) => {
     var _a, _b;
@@ -20368,228 +20339,100 @@ var OraculoSeccionVirtuales = ({
   const handleViewMore = () => {
     onViewMore == null ? void 0 : onViewMore();
   };
-  return /* @__PURE__ */ jsx7("section", { children: /* @__PURE__ */ jsxs7(Stack3, { direction: "column", spacing: 2, useFlexGap: true, children: [
-    /* @__PURE__ */ jsxs7(
-      Box6,
-      {
-        sx: {
-          display: "grid",
-          gridTemplateColumns: "1fr auto auto",
-          alignItems: "center",
-          columnGap: 1.5,
-          rowGap: 1
-        },
-        children: [
-          /* @__PURE__ */ jsx7(
-            OraculoSectionTitle,
-            {
-              title,
-              iconUrl,
-              size: "md"
-            }
-          ),
-          /* @__PURE__ */ jsxs7(
-            Box6,
-            {
-              sx: {
-                display: "flex",
-                gap: 1,
-                justifyContent: "flex-end"
-              },
-              children: [
-                /* @__PURE__ */ jsx7(
-                  OraculoButton,
-                  {
-                    ariaLabel: "Anterior",
-                    variant: "secondary",
-                    iconOnly: true,
-                    leftIcon: /* @__PURE__ */ jsx7(ChevronLeftRounded_default, {}),
-                    onClick: handlePrev,
-                    disabled: navState.isStart
-                  }
-                ),
-                /* @__PURE__ */ jsx7(
-                  OraculoButton,
-                  {
-                    ariaLabel: "Siguiente",
-                    variant: "secondary",
-                    iconOnly: true,
-                    rightIcon: /* @__PURE__ */ jsx7(ChevronRightRounded_default, {}),
-                    onClick: handleNext,
-                    disabled: navState.isEnd
-                  }
-                )
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsx7(Box6, { sx: { justifySelf: "end" }, children: /* @__PURE__ */ jsx7(OraculoButton, { variant: "secondary", onClick: handleViewMore, children: "Ver m\xE1s" }) })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx7(
-      OraculoCarousel_default,
-      {
-        ref: carouselRef,
-        items: slides,
-        perPage: 1,
-        gap: "0",
-        options: {
-          autoWidth: true,
-          gap: "12px",
-          trimSpace: false,
-          pagination: false,
-          arrows: false,
-          drag: true,
-          focus: "start",
-          perMove: 1
-        },
-        renderItem: (slide) => /* @__PURE__ */ jsx7("div", { style: { alignSelf: "start" }, children: /* @__PURE__ */ jsx7(
-          OraculoGameSlide_default,
-          {
-            items: slide.items,
-            layout: slide.kind === "mosaic" ? "mosaic" : "grid",
-            onClick: (itm) => {
-              const game = items.find(
-                (g, idx) => {
-                  var _a;
-                  return ((_a = g.orden) != null ? _a : idx) === itm.id;
-                }
-              );
-              if (game) onItemClick == null ? void 0 : onItemClick(game);
-            }
-          }
-        ) }),
-        onMove: ({ isStart, isEnd }) => setNavState({ isStart, isEnd })
-      }
-    )
-  ] }) });
-};
-var OraculoSeccionVirtuales_default = OraculoSeccionVirtuales;
-
-// src/templates/OraculoPageLanding.tsx
-import {
-  Container,
-  Stack as Stack4
-} from "@mui/material";
-import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
-function OraculoPageLanding({ props }) {
-  const listaDestacados = [
-    {
-      image: "/assets/img/home/Destacados/Banner01.png",
-      title: "Gol Seguro",
-      tags: "/destacados",
-      // aquí puedes usar la ruta que antes estaba en href
-      body: "",
-      summary_body: "",
-      summary_title: "",
-      groups_forbidden: [],
-      groups_allowed: [],
-      promotion: ""
-      // summary_image: "/lo-que-sea.png", // opcional
-    },
+  return /* @__PURE__ */ React7.createElement("section", null, /* @__PURE__ */ React7.createElement(Stack3, { direction: "column", spacing: 2, useFlexGap: true }, /* @__PURE__ */ React7.createElement(
+    Box6,
     {
-      image: "/assets/img/home/Destacados/Banner02.png",
-      title: "Promo 2",
-      tags: "/destacados",
-      body: "",
-      summary_body: "",
-      summary_title: "",
-      groups_forbidden: [],
-      groups_allowed: [],
-      promotion: ""
-    },
-    {
-      image: "/assets/img/home/Destacados/Banner01.png",
-      title: "Gol Seguro",
-      tags: "/destacados",
-      body: "",
-      summary_body: "",
-      summary_title: "",
-      groups_forbidden: [],
-      groups_allowed: [],
-      promotion: ""
+      sx: {
+        display: "grid",
+        gridTemplateColumns: "1fr auto auto",
+        alignItems: "center",
+        columnGap: 1.5,
+        rowGap: 1
+      }
     },
-    {
-      image: "/assets/img/home/Destacados/Banner02.png",
-      title: "Promo 2",
-      tags: "/destacados",
-      body: "",
-      summary_body: "",
-      summary_title: "",
-      groups_forbidden: [],
-      groups_allowed: [],
-      promotion: ""
-    }
-  ];
-  return /* @__PURE__ */ jsxs8(Container, { className: "oli-font", sx: { backgroundColor: "#121212", position: "relative", pb: 5 }, maxWidth: false, children: [
-    /* @__PURE__ */ jsx8(
-      OraculoSeccionBonoBienvenida_default,
+    /* @__PURE__ */ React7.createElement(
+      OraculoSectionTitle,
       {
-        headline: props.bonos.headline,
-        items: props.bonos.items
+        title,
+        iconUrl,
+        size: "md"
       }
     ),
-    /* @__PURE__ */ jsxs8(Stack4, { direction: "column", spacing: 12, useFlexGap: true, children: [
-      /* @__PURE__ */ jsx8(
-        OraculoSeccionTopJuegos,
+    /* @__PURE__ */ React7.createElement(
+      Box6,
+      {
+        sx: {
+          display: "flex",
+          gap: 1,
+          justifyContent: "flex-end"
+        }
+      },
+      /* @__PURE__ */ React7.createElement(
+        OraculoButton,
         {
-          items: props.topJuegos.items,
-          title: props.topJuegos.title,
-          iconUrl: props.topJuegos.iconUrl,
-          onCardClick: props.topJuegos.onCardClick
+          ariaLabel: "Anterior",
+          variant: "secondary",
+          iconOnly: true,
+          leftIcon: /* @__PURE__ */ React7.createElement(ChevronLeftRounded_default, null),
+          onClick: handlePrev,
+          disabled: navState.isStart
         }
       ),
-      /* @__PURE__ */ jsx8(
-        OraculoSeccionCasino_default,
+      /* @__PURE__ */ React7.createElement(
+        OraculoButton,
         {
-          items: props.casino.items,
-          title: props.casino.title,
-          iconUrl: props.casino.iconUrl,
-          onItemClick: props.casino.onItemClick,
-          onViewMore: props.casino.onViewMore
+          ariaLabel: "Siguiente",
+          variant: "secondary",
+          iconOnly: true,
+          rightIcon: /* @__PURE__ */ React7.createElement(ChevronRightRounded_default, null),
+          onClick: handleNext,
+          disabled: navState.isEnd
         }
       )
-    ] }),
-    /* @__PURE__ */ jsx8(
-      OraculoSeccionCasinoEnVivo_default,
-      {
-        items: props.casinoEnVivo.items,
-        title: props.casinoEnVivo.title,
-        subtitle: props.casinoEnVivo.subtitle,
-        backgroundMobileUrl: props.casinoEnVivo.backgroundMobileUrl,
-        backgroundDesktopUrl: props.casinoEnVivo.backgroundDesktopUrl,
-        onCardClick: props.casinoEnVivo.onCardClick,
-        onViewMore: props.casinoEnVivo.onViewMore
-      }
     ),
-    /* @__PURE__ */ jsxs8(Stack4, { direction: "column", spacing: 12, useFlexGap: true, children: [
-      /* @__PURE__ */ jsx8(
-        OraculoSeccionVirtuales_default,
-        {
-          items: props.virtuales.items,
-          title: props.virtuales.title,
-          iconUrl: props.virtuales.iconUrl,
-          onItemClick: props.virtuales.onItemClick,
-          onViewMore: props.virtuales.onViewMore
-        }
-      ),
-      /* @__PURE__ */ jsx8(
-        OraculoSeccionDestacados,
+    /* @__PURE__ */ React7.createElement(Box6, { sx: { justifySelf: "end" } }, /* @__PURE__ */ React7.createElement(OraculoButton, { variant: "secondary", onClick: handleViewMore }, "Ver m\xE1s"))
+  ), /* @__PURE__ */ React7.createElement(
+    OraculoCarousel_default,
+    {
+      ref: carouselRef,
+      items: slides,
+      perPage: 1,
+      gap: "0",
+      options: {
+        autoWidth: true,
+        gap: "12px",
+        trimSpace: false,
+        pagination: false,
+        arrows: false,
+        drag: true,
+        focus: "start",
+        perMove: 1
+      },
+      renderItem: (slide) => /* @__PURE__ */ React7.createElement("div", { style: { alignSelf: "start" } }, /* @__PURE__ */ React7.createElement(
+        OraculoGameSlide_default,
         {
-          items: listaDestacados,
-          title: "Destacados",
-          iconUrl: "/assets/img/home/Destacados/starIcon.svg",
-          onViewMore: () => console.log("Ver m\xE1s clickeado")
+          items: slide.items,
+          layout: slide.kind === "mosaic" ? "mosaic" : "grid",
+          onClick: (itm) => {
+            const game = items.find(
+              (g, idx) => {
+                var _a;
+                return ((_a = g.orden) != null ? _a : idx) === itm.id;
+              }
+            );
+            if (game) onItemClick == null ? void 0 : onItemClick(game);
+          }
         }
-      ),
-      /* @__PURE__ */ jsx8(OraculoSeccionClubOlimpo_default, { items: props.clubOlimpo })
-    ] })
-  ] });
-}
+      )),
+      onMove: ({ isStart, isEnd }) => setNavState({ isStart, isEnd })
+    }
+  )));
+};
+var OraculoSeccionVirtuales_default = OraculoSeccionVirtuales;
 
 // src/templates/OraculoPageLandingPreview.tsx
-import React4, { useEffect, useState as useState3, useMemo as useMemo2 } from "react";
-import { Container as Container2, Stack as Stack5 } from "@mui/material";
+import React8, { useEffect, useState as useState3, useMemo as useMemo2 } from "react";
+import { Container, Stack as Stack4 } from "@mui/material";
 
 // ../node_modules/@firebase/util/dist/postinstall.mjs
 var getDefaultsFromPostinstall = () => void 0;
@@ -37614,19 +37457,16 @@ function convertToDocSnapshot(firestore, ref, snapshot) {
 }
 registerFirestore("node");
 
-// src/templates/OraculoPageLandingPreview.tsx
-import { jsx as jsx9 } from "react/jsx-runtime";
-
 // import("../organisms/**/*/**/*") in src/templates/OraculoPageLandingPreview.tsx
 var globImport_organisms = __glob({
-  "../organisms/OraculoSeccionBonoBienvenida/OraculoSeccionBonoBienvenida.tsx": () => import("./OraculoSeccionBonoBienvenida-2APXZQQA.mjs"),
-  "../organisms/OraculoSeccionCasino/OraculoSeccionCasino.tsx": () => import("./OraculoSeccionCasino-LRZCQVLY.mjs"),
-  "../organisms/OraculoSeccionCasinoEnVivo/OraculoSeccionCasinoEnVivo.tsx": () => import("./OraculoSeccionCasinoEnVivo-ISYMJSUN.mjs"),
+  "../organisms/OraculoSeccionBonoBienvenida/OraculoSeccionBonoBienvenida.tsx": () => import("./OraculoSeccionBonoBienvenida-EG5U752J.mjs"),
+  "../organisms/OraculoSeccionCasino/OraculoSeccionCasino.tsx": () => import("./OraculoSeccionCasino-NSM2LPDZ.mjs"),
+  "../organisms/OraculoSeccionCasinoEnVivo/OraculoSeccionCasinoEnVivo.tsx": () => import("./OraculoSeccionCasinoEnVivo-DSHBIQFL.mjs"),
   "../organisms/OraculoSeccionClubOlimpo/OraculoSeccionClubOlimpo.css": () => import("./OraculoSeccionClubOlimpo-XGB4KUKX.mjs"),
-  "../organisms/OraculoSeccionClubOlimpo/OraculoSeccionClubOlimpo.tsx": () => import("./OraculoSeccionClubOlimpo-TV3LABJ5.mjs"),
-  "../organisms/OraculoSeccionDestacados/OraculoSeccionDestacados.tsx": () => import("./OraculoSeccionDestacados-2KCEN6PZ.mjs"),
-  "../organisms/OraculoSeccionTopJuegos/OraculoSeccionTopJuegos.tsx": () => import("./OraculoSeccionTopJuegos-RBVOHPDV.mjs"),
-  "../organisms/OraculoSeccionVirtuales/OraculoSeccionVirtuales.tsx": () => import("./OraculoSeccionVirtuales-N6FY52CM.mjs")
+  "../organisms/OraculoSeccionClubOlimpo/OraculoSeccionClubOlimpo.tsx": () => import("./OraculoSeccionClubOlimpo-2EZ3LMIL.mjs"),
+  "../organisms/OraculoSeccionDestacados/OraculoSeccionDestacados.tsx": () => import("./OraculoSeccionDestacados-TFPJSEHF.mjs"),
+  "../organisms/OraculoSeccionTopJuegos/OraculoSeccionTopJuegos.tsx": () => import("./OraculoSeccionTopJuegos-R2K6COO2.mjs"),
+  "../organisms/OraculoSeccionVirtuales/OraculoSeccionVirtuales.tsx": () => import("./OraculoSeccionVirtuales-HZ4BACB3.mjs")
 });
 
 // src/templates/OraculoPageLandingPreview.tsx
@@ -37690,19 +37530,19 @@ var OraculoPageLandingPreview = ({
     if (method === "GET") {
       const u = new URL(
         rawUrl,
-        typeof window !== "undefined" ? window.location.origin : "http://localhost"
+        typeof window == "undefined" ? "http://localhost" : window.location.origin
       );
-      params.forEach((p) => {
-        if (!p.key) return;
-        u.searchParams.set(p.key, p.value);
-      });
+      for (const p of params) {
+        if (!p.key) continue;
+        u.searchParams.append(p.key, p.value);
+      }
       url = u.toString();
     } else {
       const encoded = new URLSearchParams();
-      params.forEach((p) => {
-        if (!p.key) return;
+      for (const p of params) {
+        if (!p.key) continue;
         encoded.append(p.key, p.value);
-      });
+      }
       body = encoded.toString();
       headers = {
         "Content-Type": "application/x-www-form-urlencoded; charset=UTF-8"
@@ -37720,7 +37560,7 @@ var OraculoPageLandingPreview = ({
     () => sectionsOverride ? sectionsOverride.slice() : sections.slice(),
     [sectionsOverride, sections]
   );
-  const fetchedKeysRef = React4.useRef(/* @__PURE__ */ new Set());
+  const fetchedKeysRef = React8.useRef(/* @__PURE__ */ new Set());
   useEffect(() => {
     const fetchables = effectiveSections.map((s) => ({ s, url: (s.apiUrl || "").trim() })).filter(({ url }) => !!url);
     if (!fetchables.length) return;
@@ -37815,9 +37655,7 @@ var OraculoPageLandingPreview = ({
     const pl = payload;
     const isArr = Array.isArray(pl);
     const obj = !isArr && typeof pl === "object" && pl !== null ? pl : void 0;
-    console.log("Derived obj for props mapping:", obj);
     const arrData = obj && Array.isArray(obj.lobby || obj.items) ? obj.lobby || obj.items : void 0;
-    console.log("Derived arrData for props mapping:", arrData);
     const choose = (fallback) => isArr ? pl : arrData || fallback;
     merged.items = choose(arrData || []);
     return merged;
@@ -37856,7 +37694,7 @@ var OraculoPageLandingPreview = ({
       error: "bg-red-100 text-red-800",
       component: "bg-yellow-100 text-yellow-800"
     };
-    return /* @__PURE__ */ jsx9("div", { className: `mx-4 p-4 rounded ${colorMap[type]}`, children: message }, key);
+    return /* @__PURE__ */ React8.createElement("div", { key, className: `mx-4 p-4 rounded ${colorMap[type]}` }, message);
   };
   const renderSingleSection = (s) => {
     var _a;
@@ -37889,26 +37727,26 @@ var OraculoPageLandingPreview = ({
         );
     }
     const compProps = buildCompProps(s);
-    return /* @__PURE__ */ jsx9(
+    return /* @__PURE__ */ React8.createElement(
       "div",
       {
+        key: s.id,
         style: {
           paddingLeft: 16,
           paddingRight: 16,
           width: "100%",
           boxSizing: "border-box"
-        },
-        children: /* @__PURE__ */ jsx9(Comp, { ...compProps })
+        }
       },
-      s.id
+      /* @__PURE__ */ React8.createElement(Comp, { ...compProps })
     );
   };
   if (loading && !sectionsOverride)
-    return /* @__PURE__ */ jsx9("div", { className: "text-xs text-gray-400", children: "Cargando preview..." });
+    return /* @__PURE__ */ React8.createElement("div", { className: "text-xs text-gray-400" }, "Cargando preview...");
   if (!loading && !sectionsOverride && sections.length === 0)
-    return /* @__PURE__ */ jsx9("div", { className: "text-xs text-gray-500", children: "Sin secciones (Firestore)" });
-  return /* @__PURE__ */ jsx9(
-    Container2,
+    return /* @__PURE__ */ React8.createElement("div", { className: "text-xs text-gray-500" }, "Sin secciones (Firestore)");
+  return /* @__PURE__ */ React8.createElement(
+    Container,
     {
       className: "oli-font",
       maxWidth: false,
@@ -37921,9 +37759,9 @@ var OraculoPageLandingPreview = ({
         width: "100%",
         maxWidth: "100%",
         overflowX: "hidden"
-      },
-      children: /* @__PURE__ */ jsx9(Stack5, { direction: "column", spacing: 8, useFlexGap: true, children: orderedVisible.map(renderSingleSection) })
-    }
+      }
+    },
+    /* @__PURE__ */ React8.createElement(Stack4, { direction: "column", spacing: 8, useFlexGap: true }, orderedVisible.map(renderSingleSection))
   );
 };
 var OraculoPageLandingPreview_default = OraculoPageLandingPreview;
@@ -37932,7 +37770,7 @@ var OraculoPageLandingPreview_default = OraculoPageLandingPreview;
 var index_default = OraculoPageLandingPreview_default;
 
 // src/organisms/OraculoSeccionDestacados/OraculoSeccionDestacados.tsx
-import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
+import React9 from "react";
 function OraculoSeccionDestacados({
   items,
   title = "Destacados",
@@ -37955,89 +37793,81 @@ function OraculoSeccionDestacados({
     onViewMore == null ? void 0 : onViewMore();
   };
   const sectionClassName = className || void 0;
-  return /* @__PURE__ */ jsxs9("section", { className: sectionClassName, style: { width: "100%" }, children: [
-    /* @__PURE__ */ jsxs9(
-      "header",
-      {
-        style: {
-          display: "grid",
-          gridTemplateColumns: "1fr auto auto",
-          alignItems: "center",
-          columnGap: 12,
-          rowGap: 8,
-          marginBottom: 16
-        },
-        children: [
-          /* @__PURE__ */ jsx10(OraculoSectionTitle, { title, iconUrl, size: "md" }),
-          /* @__PURE__ */ jsxs9("div", { style: { display: "flex", gap: 8 }, children: [
-            /* @__PURE__ */ jsx10(
-              OraculoButton,
-              {
-                ariaLabel: "Anterior",
-                variant: "secondary",
-                iconOnly: true,
-                leftIcon: /* @__PURE__ */ jsx10(ChevronLeftRounded_default, {}),
-                onClick: handlePrev,
-                disabled: navState.isStart
-              }
-            ),
-            /* @__PURE__ */ jsx10(
-              OraculoButton,
-              {
-                ariaLabel: "Siguiente",
-                variant: "secondary",
-                iconOnly: true,
-                rightIcon: /* @__PURE__ */ jsx10(ChevronRightRounded_default, {}),
-                onClick: handleNext,
-                disabled: navState.isEnd
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsx10(OraculoButton, { variant: "secondary", onClick: handleViewMore, children: "Ver m\xE1s" })
-        ]
+  return /* @__PURE__ */ React9.createElement("section", { className: sectionClassName, style: { width: "100%" } }, /* @__PURE__ */ React9.createElement(
+    "header",
+    {
+      style: {
+        display: "grid",
+        gridTemplateColumns: "1fr auto auto",
+        alignItems: "center",
+        columnGap: 12,
+        rowGap: 8,
+        marginBottom: 16
       }
-    ),
-    /* @__PURE__ */ jsx10(
-      OraculoCarousel_default,
+    },
+    /* @__PURE__ */ React9.createElement(OraculoSectionTitle, { title, iconUrl, size: "md" }),
+    /* @__PURE__ */ React9.createElement("div", { style: { display: "flex", gap: 8 } }, /* @__PURE__ */ React9.createElement(
+      OraculoButton,
       {
-        ref: carouselRef,
-        items,
-        perPage: 3.395,
-        gap: "16px",
-        options: { autoWidth: false },
-        breakpoints: {
-          768: { perPage: 1.15, focus: "start" },
-          1024: { perPage: 2.5, focus: "start" }
+        ariaLabel: "Anterior",
+        variant: "secondary",
+        iconOnly: true,
+        leftIcon: /* @__PURE__ */ React9.createElement(ChevronLeftRounded_default, null),
+        onClick: handlePrev,
+        disabled: navState.isStart
+      }
+    ), /* @__PURE__ */ React9.createElement(
+      OraculoButton,
+      {
+        ariaLabel: "Siguiente",
+        variant: "secondary",
+        iconOnly: true,
+        rightIcon: /* @__PURE__ */ React9.createElement(ChevronRightRounded_default, null),
+        onClick: handleNext,
+        disabled: navState.isEnd
+      }
+    )),
+    /* @__PURE__ */ React9.createElement(OraculoButton, { variant: "secondary", onClick: handleViewMore }, "Ver m\xE1s")
+  ), /* @__PURE__ */ React9.createElement(
+    OraculoCarousel_default,
+    {
+      ref: carouselRef,
+      items,
+      perPage: 3.395,
+      gap: "16px",
+      options: { autoWidth: false },
+      breakpoints: {
+        768: { perPage: 1.15, focus: "start" },
+        1024: { perPage: 2.5, focus: "start" }
+      },
+      renderItem: (item) => /* @__PURE__ */ React9.createElement(
+        "div",
+        {
+          key: `${item.title}-${item.image}`,
+          style: {
+            textAlign: "center",
+            marginTop: 16
+          }
         },
-        renderItem: (item) => /* @__PURE__ */ jsx10(
-          "div",
+        /* @__PURE__ */ React9.createElement(
+          "img",
           {
+            src: `https://olimpo.bet${item.image !== "" ? item.image : item.summary_image}`,
+            alt: item.title,
             style: {
-              textAlign: "center",
-              marginTop: 16
-            },
-            children: /* @__PURE__ */ jsx10(
-              "img",
-              {
-                src: `https://olimpo.bet${item.image !== "" ? item.image : item.summary_image}`,
-                alt: item.title,
-                style: {
-                  width: "100%",
-                  // minHeight: "150px",
-                  // maxHeight: "150px",
-                  height: "150px",
-                  borderRadius: 8,
-                  display: "block"
-                }
-              }
-            )
-          },
-          `${item.title}-${item.image}`
-        ),
-        onMove: ({ isStart, isEnd }) => setNavState({ isStart, isEnd })
-      }
-    )
-  ] });
+              width: "100%",
+              // minHeight: "150px",
+              // maxHeight: "150px",
+              height: "150px",
+              borderRadius: 8,
+              display: "block"
+            }
+          }
+        )
+      ),
+      onMove: ({ isStart, isEnd }) => setNavState({ isStart, isEnd })
+    }
+  ));
 }
 
 export {
@@ -38049,7 +37879,6 @@ export {
   OraculoSeccionTopJuegos,
   OraculoSeccionCasino_default,
   OraculoSeccionVirtuales_default,
-  OraculoPageLanding,
   OraculoPageLandingPreview_default,
   index_default
 };