oraculo-ui 0.1.9 → 0.1.11

package/dist/chunk-VHW77D2M.mjs

@@ -1,91 +0,0 @@
-// src/molecules/OraculoCarousel/OraculoCarousel.tsx
-import {
-  forwardRef,
-  useCallback,
-  useImperativeHandle,
-  useRef
-} from "react";
-import {
-  Splide as SplideRaw,
-  SplideSlide as SplideSlideRaw
-} from "@splidejs/react-splide";
-import { jsx } from "react/jsx-runtime";
-var Splide = SplideRaw;
-var SplideSlide = SplideSlideRaw;
-var OraculoCarousel = forwardRef(
-  ({
-    items = [],
-    renderItem,
-    perPage = 1,
-    gap = "0px",
-    breakpoints,
-    options = {},
-    className = "",
-    onMove
-  }, ref) => {
-    const splideRef = useRef(null);
-    useImperativeHandle(ref, () => ({
-      next: () => {
-        var _a;
-        return (_a = splideRef.current) == null ? void 0 : _a.go(">");
-      },
-      prev: () => {
-        var _a;
-        return (_a = splideRef.current) == null ? void 0 : _a.go("<");
-      },
-      go: (index) => {
-        var _a;
-        return (_a = splideRef.current) == null ? void 0 : _a.go(index);
-      }
-    }));
-    const handleMove = useCallback(
-      (splide) => {
-        const index = splide.index;
-        const total = splide.length;
-        const currentPerPage = splide.options.perPage || 1;
-        const isStart = index === 0;
-        const isEnd = index >= total - currentPerPage;
-        onMove == null ? void 0 : onMove({ index, isStart, isEnd, total });
-      },
-      [onMove]
-    );
-    const handleMounted = useCallback(
-      (splide) => {
-        handleMove(splide);
-      },
-      [handleMove]
-    );
-    const mergedOptions = {
-      type: "slide",
-      trimSpace: false,
-      drag: true,
-      pagination: false,
-      arrows: false,
-      rewind: false,
-      focus: "start",
-      autoWidth: false,
-      perPage,
-      gap,
-      breakpoints,
-      ...options
-    };
-    return /* @__PURE__ */ jsx("div", { className, style: { width: "100%" }, children: /* @__PURE__ */ jsx(
-      Splide,
-      {
-        ref: splideRef,
-        options: mergedOptions,
-        onMove: handleMove,
-        onMounted: handleMounted,
-        children: items.map((item, index) => {
-          var _a;
-          return /* @__PURE__ */ jsx(SplideSlide, { children: renderItem(item, index) }, (_a = item.id) != null ? _a : index);
-        })
-      }
-    ) });
-  }
-);
-var OraculoCarousel_default = OraculoCarousel;
-
-export {
-  OraculoCarousel_default
-};

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
-};