oraculo-ui 0.1.9 → 0.1.10

package/dist/chunk-YY5T37WR.mjs

@@ -1,175 +0,0 @@
-import {
-  ChevronLeftRounded_default,
-  ChevronRightRounded_default,
-  OraculoGameSlide_default
-} from "./chunk-AIT7B2J3.mjs";
-import {
-  OraculoSectionTitle
-} from "./chunk-5GTDKE3I.mjs";
-import {
-  OraculoCarousel_default
-} from "./chunk-VHW77D2M.mjs";
-import {
-  OraculoButton
-} from "./chunk-IJQLK4NO.mjs";
-
-// src/organisms/OraculoSeccionVirtuales/OraculoSeccionVirtuales.tsx
-import { useRef, useState } from "react";
-import Stack from "@mui/material/Stack";
-import Box from "@mui/material/Box";
-import { jsx, jsxs } from "react/jsx-runtime";
-var buildVirtualSlides = (games, mosaicFirst = true, gridSize = 4) => {
-  const baseItems = games.map((g, idx) => {
-    var _a, _b;
-    return {
-      id: (_a = g.orden) != null ? _a : idx,
-      imageUrl: (_b = g.logo) != null ? _b : ""
-    };
-  });
-  if (!baseItems.length) return [];
-  const slides = [];
-  let start = 0;
-  if (mosaicFirst) {
-    const take = Math.min(baseItems.length, 5);
-    slides.push({
-      id: "mosaic-0",
-      kind: "mosaic",
-      items: baseItems.slice(0, take)
-    });
-    start = take;
-  }
-  while (start < baseItems.length) {
-    const end = Math.min(start + gridSize, baseItems.length);
-    slides.push({
-      id: `grid-${start}`,
-      kind: "grid",
-      items: baseItems.slice(start, end)
-    });
-    start = end;
-  }
-  return slides;
-};
-var OraculoSeccionVirtuales = ({
-  items,
-  title = "Virtuales",
-  iconUrl = "/assets/img/home/Virtuales/virtuales.svg",
-  onItemClick,
-  onViewMore,
-  mosaicFirst = true,
-  gridSize = 4
-}) => {
-  const carouselRef = useRef(null);
-  const [navState, setNavState] = useState({ isStart: true, isEnd: false });
-  const slides = buildVirtualSlides(items, mosaicFirst, gridSize);
-  const handlePrev = () => {
-    var _a;
-    (_a = carouselRef.current) == null ? void 0 : _a.prev();
-  };
-  const handleNext = () => {
-    var _a;
-    (_a = carouselRef.current) == null ? void 0 : _a.next();
-  };
-  const handleViewMore = () => {
-    onViewMore == null ? void 0 : onViewMore();
-  };
-  return /* @__PURE__ */ jsx("section", { children: /* @__PURE__ */ jsxs(Stack, { direction: "column", spacing: 2, useFlexGap: true, children: [
-    /* @__PURE__ */ jsxs(
-      Box,
-      {
-        sx: {
-          display: "grid",
-          gridTemplateColumns: "1fr auto auto",
-          alignItems: "center",
-          columnGap: 1.5,
-          rowGap: 1
-        },
-        children: [
-          /* @__PURE__ */ jsx(
-            OraculoSectionTitle,
-            {
-              title,
-              iconUrl,
-              size: "md"
-            }
-          ),
-          /* @__PURE__ */ jsxs(
-            Box,
-            {
-              sx: {
-                display: "flex",
-                gap: 1,
-                justifyContent: "flex-end"
-              },
-              children: [
-                /* @__PURE__ */ jsx(
-                  OraculoButton,
-                  {
-                    ariaLabel: "Anterior",
-                    variant: "secondary",
-                    iconOnly: true,
-                    leftIcon: /* @__PURE__ */ jsx(ChevronLeftRounded_default, {}),
-                    onClick: handlePrev,
-                    disabled: navState.isStart
-                  }
-                ),
-                /* @__PURE__ */ jsx(
-                  OraculoButton,
-                  {
-                    ariaLabel: "Siguiente",
-                    variant: "secondary",
-                    iconOnly: true,
-                    rightIcon: /* @__PURE__ */ jsx(ChevronRightRounded_default, {}),
-                    onClick: handleNext,
-                    disabled: navState.isEnd
-                  }
-                )
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsx(Box, { sx: { justifySelf: "end" }, children: /* @__PURE__ */ jsx(OraculoButton, { variant: "secondary", onClick: handleViewMore, children: "Ver m\xE1s" }) })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      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__ */ jsx("div", { style: { alignSelf: "start" }, children: /* @__PURE__ */ jsx(
-          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;
-
-export {
-  OraculoSeccionVirtuales_default
-};