oraculo-ui 0.1.11 → 0.1.12

package/dist/chunk-PYHDJZX3.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/organisms/OraculoSeccionBonoBienvenida/OraculoSeccionBonoBienvenida.tsx","../src/molecules/OraculoCarousel/OraculoCarousel.tsx","../src/molecules/OraculoWelcomeBanner/OraculoWelcomeBanner.tsx","../src/atoms/OraculoCarouselDots/OraculoCarouselDots.tsx"],"sourcesContent":["import React, { useRef, useState } from \"react\";\r\nimport Box from \"@mui/material/Box\";\r\nimport Typography from \"@mui/material/Typography\";\r\nimport useMediaQuery from \"@mui/material/useMediaQuery\";\r\n\r\nimport OraculoCarousel, {\r\n  OraculoCarouselRef,\r\n} from \"../../molecules/OraculoCarousel/OraculoCarousel\";\r\nimport OraculoWelcomeBanner, {\r\n  OraculoWelcomeBannerProps,\r\n} from \"../../molecules/OraculoWelcomeBanner/OraculoWelcomeBanner\";\r\nimport OraculoCarouselDots from \"../../atoms/OraculoCarouselDots/OraculoCarouselDots\";\r\nimport { OraculoSeccionBonoProps } from \"../../interfaces/oraculo/InterfaceBonos\";\r\n\r\nconst buildSectionSx = (bgUrl: string) => ({\r\n  width: \"100vw\",\r\n  position: \"relative\" as const,\r\n  left: \"50%\",\r\n  right: \"50%\",\r\n  marginLeft: \"-50vw\",\r\n  marginRight: \"-50vw\",\r\n  py: 8,\r\n  color: \"#fff\",\r\n  backgroundImage: `\r\n    linear-gradient(to bottom,#121212 0%, rgba(18,18,18,0) 10%),\r\n    linear-gradient(to top,   #121212 0%, rgba(18,18,18,0) 10%),\r\n    linear-gradient(to left,  #121212 0%, rgba(18,18,18,0) 10%),\r\n    linear-gradient(to right, #121212 0%, rgba(18,18,18,0) 10%),\r\n    url(\"${bgUrl}\")\r\n  `,\r\n  backgroundRepeat: \"no-repeat\",\r\n  backgroundPosition: \"center\",\r\n  backgroundSize: \"cover\",\r\n});\r\n\r\nconst headlineBaseSx = {\r\n  textAlign: \"center\" as const,\r\n  lineHeight: 1.1,\r\n  mb: 1.5,\r\n};\r\n\r\nconst hlTopSx = {\r\n  display: \"inline-block\",\r\n  fontWeight: 600,\r\n  fontSize: 24,\r\n};\r\n\r\nconst hlBottomSx = {\r\n  display: \"inline-block\",\r\n  fontSize: 24,\r\n  lineHeight: 1.1,\r\n  WebkitTextStroke: \"0.3px rgba(255, 255, 255, .5)\",\r\n  textShadow: `\r\n    0 0 2px rgba(255, 255, 255, .95),\r\n    0 0 6px rgba(255, 255, 255, .6),\r\n    0 1px 0 rgba(137, 137, 137, .85)\r\n  `,\r\n};\r\n\r\nconst OraculoSeccionBonoBienvenida: React.FC<OraculoSeccionBonoProps> = ({\r\n  headline,\r\n  items,\r\n  backgroundImageUrl,\r\n}) => {\r\n  const [hl1 = \"\", hl2 = \"\"] = (headline || \"\").split(\"\\n\");\r\n  const isMobile = useMediaQuery(\"(max-width: 767px)\");\r\n  const showDots = items.length > 1;\r\n\r\n  const bgUrl =\r\n    backgroundImageUrl ?? \"/assets/img/home/BonoBienvenida/Fondobg.png\";\r\n  const sectionSx = buildSectionSx(bgUrl);\r\n\r\n  const carouselRef = useRef<OraculoCarouselRef | null>(null);\r\n  const [navState, setNavState] = useState({ isStart: true, isEnd: false });\r\n  const [activeIndex, setActiveIndex] = useState(0);\r\n\r\n  // --- MOBILE: Carrusel con dots ---\r\n  if (isMobile) {\r\n    return (\r\n      <Box\r\n        component=\"section\"\r\n        sx={{\r\n          ...sectionSx,\r\n          textAlign: \"center\",\r\n        }}\r\n      >\r\n        {(hl1 || hl2) && (\r\n          <Box sx={headlineBaseSx}>\r\n            {hl1 && (\r\n              <Typography component=\"span\" sx={hlTopSx}>\r\n                {hl1}\r\n              </Typography>\r\n            )}\r\n            {hl2 && (\r\n              <>\r\n                <br />\r\n                <Typography component=\"span\" sx={hlBottomSx}>\r\n                  {hl2}\r\n                </Typography>\r\n              </>\r\n            )}\r\n          </Box>\r\n        )}\r\n\r\n        <Box>\r\n          <OraculoCarousel\r\n            ref={carouselRef}\r\n            items={items}\r\n            perPage={1}\r\n            gap=\"12px\"\r\n            breakpoints={{\r\n              480: {\r\n                perPage: 1,\r\n                gap: \"8px\",\r\n                padding: { left: \"8px\", right: \"8px\" },\r\n              },\r\n              768: {\r\n                perPage: 1,\r\n                gap: \"12px\",\r\n                padding: { left: \"8px\", right: \"8px\" },\r\n              },\r\n            }}\r\n            options={{\r\n              autoWidth: false,\r\n            }}\r\n            renderItem={(it) => <OraculoWelcomeBanner {...it} onButtonClick={items[0].onButtonClick} />}\r\n            onMove={({ index, isStart, isEnd }) => {\r\n              setNavState({ isStart, isEnd });\r\n              setActiveIndex(index);\r\n            }}\r\n          />\r\n\r\n          {showDots && (\r\n            <OraculoCarouselDots\r\n              total={items.length}\r\n              active={activeIndex}\r\n              onSelect={(i) => {\r\n                setActiveIndex(i);\r\n                carouselRef.current?.go(i);\r\n              }}\r\n            />\r\n          )}\r\n        </Box>\r\n      </Box>\r\n    );\r\n  }\r\n\r\n  // --- DESKTOP ---\r\n  return (\r\n    <Box component=\"section\" sx={sectionSx}>\r\n      <Box\r\n        sx={{\r\n          maxWidth: 1200,\r\n          mx: 5,\r\n          px: 2,\r\n          display: \"grid\",\r\n          gridTemplateColumns: \"200px auto\",\r\n          alignItems: \"center\",\r\n        }}\r\n      >\r\n        {(hl1 || hl2) && (\r\n          <Box\r\n            sx={{\r\n              display: \"flex\",\r\n              alignItems: \"center\",\r\n              justifyContent: \"flex-start\",\r\n              minHeight: \"100%\",\r\n            }}\r\n          >\r\n            <Box\r\n              sx={{\r\n                ...headlineBaseSx,\r\n                textAlign: \"left\",\r\n                mb: 0,\r\n              }}\r\n            >\r\n              {hl1 && (\r\n                <Typography component=\"span\" sx={hlTopSx}>\r\n                  {hl1}\r\n                </Typography>\r\n              )}\r\n              {hl2 && (\r\n                <>\r\n                  <br />\r\n                  <Typography component=\"span\" sx={hlBottomSx}>\r\n                    {hl2}\r\n                  </Typography>\r\n                </>\r\n              )}\r\n            </Box>\r\n          </Box>\r\n        )}\r\n\r\n        <Box\r\n          sx={{\r\n            display: \"flex\",\r\n            justifyContent: \"center\",\r\n            alignItems: \"center\",\r\n            flexWrap: \"nowrap\",\r\n            gap: 4,\r\n          }}\r\n        >\r\n          {items.map((it, idx) => (\r\n            <OraculoWelcomeBanner\r\n              key={idx}\r\n              onButtonClick={it.onButtonClick}\r\n              {...it}\r\n            />\r\n          ))}\r\n        </Box>\r\n      </Box>\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport default OraculoSeccionBonoBienvenida;\r\n","// src/molecules/OraculoCarousel/OraculoCarousel.tsx\r\nimport React, {\r\n  forwardRef,\r\n  useCallback,\r\n  useImperativeHandle,\r\n  useRef,\r\n  ReactNode,\r\n} from \"react\";\r\nimport {\r\n  Splide as SplideRaw,\r\n  SplideSlide as SplideSlideRaw,\r\n} from \"@splidejs/react-splide\";\r\n\r\nexport interface OraculoCarouselOptions {\r\n  type?: string;\r\n  perPage?: number;\r\n  gap?: string;\r\n  pagination?: boolean;\r\n  arrows?: boolean;\r\n  drag?: boolean;\r\n  focus?: string | \"center\";\r\n  autoWidth?: boolean;\r\n  trimSpace?: boolean;\r\n  rewind?: boolean;\r\n  padding?: { left?: string; right?: string };\r\n  breakpoints?: Record<string | number, OraculoCarouselOptions>;\r\n  [key: string]: any;\r\n}\r\n\r\nexport interface OraculoCarouselRef {\r\n  next: () => void;\r\n  prev: () => void;\r\n  go: (index: number | string) => void;\r\n}\r\n\r\nexport interface OraculoCarouselProps<T = any> {\r\n  items: T[];\r\n  renderItem: (item: T, index: number) => ReactNode;\r\n  perPage?: number;\r\n  gap?: string;\r\n  breakpoints?: Record<string | number, OraculoCarouselOptions>;\r\n  options?: OraculoCarouselOptions;\r\n  className?: string;\r\n  onMove?: (info: {\r\n    index: number;\r\n    isStart: boolean;\r\n    isEnd: boolean;\r\n    total: number;\r\n  }) => void;\r\n}\r\n\r\n// 👇 Aislamos tipos de Splide: internamente es any, hacia afuera tu API está tipada\r\nconst Splide: any = SplideRaw;\r\nconst SplideSlide: any = SplideSlideRaw;\r\n\r\nconst OraculoCarousel = forwardRef<OraculoCarouselRef, OraculoCarouselProps<any>>(\r\n  (\r\n    {\r\n      items = [],\r\n      renderItem,\r\n      perPage = 1,\r\n      gap = \"0px\",\r\n      breakpoints,\r\n      options = {},\r\n      className = \"\",\r\n      onMove,\r\n    },\r\n    ref\r\n  ) => {\r\n    const splideRef = useRef<any>(null);\r\n\r\n    useImperativeHandle(ref, () => ({\r\n      next: () => splideRef.current?.go(\">\"),\r\n      prev: () => splideRef.current?.go(\"<\"),\r\n      go: (index) => splideRef.current?.go(index),\r\n    }));\r\n\r\n    const handleMove = useCallback(\r\n      (splide: any) => {\r\n        const index = splide.index;\r\n        const total = splide.length;\r\n        const currentPerPage = splide.options.perPage || 1;\r\n        const isStart = index === 0;\r\n        const isEnd = index >= total - currentPerPage;\r\n\r\n        onMove?.({ index, isStart, isEnd, total });\r\n      },\r\n      [onMove]\r\n    );\r\n\r\n    const handleMounted = useCallback(\r\n      (splide: any) => {\r\n        handleMove(splide);\r\n      },\r\n      [handleMove]\r\n    );\r\n\r\n    const mergedOptions: OraculoCarouselOptions = {\r\n      type: \"slide\",\r\n      trimSpace: false,\r\n      drag: true,\r\n      pagination: false,\r\n      arrows: false,\r\n      rewind: false,\r\n      focus: \"start\",\r\n      autoWidth: false,\r\n      perPage,\r\n      gap,\r\n      breakpoints,\r\n      ...options,\r\n    };\r\n\r\n    return (\r\n      <div className={className} style={{ width: \"100%\" }}>\r\n        <Splide\r\n          ref={splideRef}\r\n          options={mergedOptions}\r\n          onMove={handleMove}\r\n          onMounted={handleMounted}\r\n        >\r\n          {items.map((item, index) => (\r\n            <SplideSlide key={(item as any).id ?? index}>\r\n              {renderItem(item, index)}\r\n            </SplideSlide>\r\n          ))}\r\n        </Splide>\r\n      </div>\r\n    );\r\n  }\r\n);\r\n\r\nexport default OraculoCarousel;\r\n","import React from \"react\";\r\nimport Box from \"@mui/material/Box\";\r\nimport Typography from \"@mui/material/Typography\";\r\nimport OraculoButton from \"../../atoms/OraculoButton/OraculoButton\";\r\n\r\nexport interface OraculoWelcomeBannerProps {\r\n  title?: string;\r\n  amount?: string;           // ej: \"S/40\"\r\n  subtitle?: string;\r\n  buttonText?: string;\r\n  onButtonClick?: () => void;\r\n  backgroundImage?: string;\r\n  alt?: string;\r\n  className?: string;\r\n  /** Tamaño en desktop: \"small\" (456x272) o \"large\" (618x346) */\r\n  variant?: \"small\" | \"large\";\r\n}\r\n\r\nconst OraculoWelcomeBanner: React.FC<OraculoWelcomeBannerProps> = ({\r\n  title,\r\n  amount,\r\n  subtitle,\r\n  buttonText,\r\n  onButtonClick,\r\n  backgroundImage,\r\n  alt,\r\n  className = \"\",\r\n  variant = \"small\",\r\n}) => {\r\n  const symbol = amount ? amount.slice(0, 2) : \"\";\r\n  const value = amount ? amount.slice(2) : \"\";\r\n  const isLarge = variant === \"large\";\r\n\r\n  return (\r\n    <Box\r\n      className={className}\r\n      sx={{\r\n        position: \"relative\",\r\n        width: \"100%\",\r\n        maxWidth: {\r\n          xs: 328,\r\n          lg: isLarge ? 618 : 456,\r\n        },\r\n        mx: \"auto\",\r\n      }}\r\n    >\r\n      {backgroundImage && (\r\n        <Box\r\n          sx={{\r\n            position: \"relative\",\r\n            width: \"100%\",\r\n            aspectRatio: {\r\n              xs: \"328 / 188\",\r\n              lg: isLarge ? \"618 / 346\" : \"456 / 272\",\r\n            },\r\n            borderRadius: \"14px\",\r\n            overflow: \"hidden\",\r\n          }}\r\n        >\r\n          <Box\r\n            component=\"img\"\r\n            src={backgroundImage}\r\n            alt={alt ?? \"Fondo promocional\"}\r\n            sx={{\r\n              width: \"100%\",\r\n              height: \"100%\",\r\n              objectFit: \"cover\",\r\n              objectPosition: {\r\n                xs: \"50% 0%\",\r\n                lg: \"45% 0%\",\r\n              },\r\n              display: \"block\",\r\n            }}\r\n          />\r\n        </Box>\r\n      )}\r\n\r\n      {/* Capa de contenido */}\r\n      <Box\r\n        sx={{\r\n          position: \"absolute\",\r\n          inset: 0,\r\n          display: \"flex\",\r\n          alignItems: \"center\",\r\n          justifyContent: \"flex-end\",\r\n          color: \"#e7f8ff\",\r\n          textAlign: \"center\",\r\n          pl: \"14%\",\r\n          pr: { xs: \"14%\", lg: \"15%\" },\r\n        }}\r\n      >\r\n        <Box\r\n          sx={{\r\n            maxWidth: \"60%\",\r\n            display: \"flex\",\r\n            flexDirection: \"column\",\r\n            alignItems: \"center\",\r\n          }}\r\n        >\r\n          {/* Título superior */}\r\n          {title && (\r\n            <Typography\r\n              sx={{\r\n                fontSize: { xs: 12, lg: 20 },\r\n                fontWeight: 400,\r\n                color: \"#e7f8ff\",\r\n              }}\r\n            >\r\n              {title}\r\n            </Typography>\r\n          )}\r\n\r\n          {/* Monto */}\r\n          {amount && (\r\n            <Box\r\n              component=\"p\"\r\n              sx={{\r\n                fontFamily: '\"secondary\", sans-serif',\r\n                lineHeight: { xs: 0.9, lg: 0.87 },\r\n                m: \"4px 0\",\r\n                background:\r\n                  \"linear-gradient(175deg, #EDC421 -12.56%, #FFFABF 17.99%, #EDC421 49.74%)\",\r\n                WebkitBackgroundClip: \"text\",\r\n                WebkitTextFillColor: \"transparent\",\r\n                WebkitTextStroke: \"0.5px #fff8c1\",\r\n                filter:\r\n                  \"drop-shadow(0px 4px 0px #8D4406) drop-shadow(0px 4px 4px rgba(28, 28, 28, 0.4))\",\r\n                display: \"flex\",\r\n                alignItems: \"baseline\",\r\n                justifyContent: \"center\",\r\n              }}\r\n            >\r\n              <Box\r\n                component=\"span\"\r\n                sx={{ fontSize: { xs: 35, lg: 48 }, mr: 0.5 }}\r\n              >\r\n                {symbol}\r\n              </Box>\r\n              <Box\r\n                component=\"span\"\r\n                sx={{ fontSize: { xs: 52, lg: 77 } }}\r\n              >\r\n                {value}\r\n              </Box>\r\n            </Box>\r\n          )}\r\n\r\n          {/* Subtítulo */}\r\n          {subtitle && (\r\n            <Typography\r\n              sx={{\r\n                pb: \"20px\",\r\n                fontSize: 14,\r\n                fontWeight: 600,\r\n                color: \"#e7f8ff\",\r\n              }}\r\n            >\r\n              {subtitle}\r\n            </Typography>\r\n          )}\r\n\r\n          {/* Botón */}\r\n          {buttonText && (\r\n            <OraculoButton onClick={onButtonClick}>\r\n              {buttonText}\r\n            </OraculoButton>\r\n          )}\r\n        </Box>\r\n      </Box>\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport default OraculoWelcomeBanner;\r\n","import React from \"react\";\r\nimport \"./OraculoCarouselDots.css\";\r\n\r\nexport interface OraculoCarouselDotsProps {\r\n  total: number;\r\n  active: number;\r\n  onSelect?: (index: number) => void;\r\n  className?: string;\r\n}\r\n\r\nconst OraculoCarouselDots: React.FC<OraculoCarouselDotsProps> = ({\r\n  total,\r\n  active,\r\n  onSelect,\r\n  className = \"\",\r\n}) => {\r\n  if (total <= 1) return null;\r\n\r\n  const rootClass = [\"orc-dots\", className].filter(Boolean).join(\" \");\r\n\r\n  return (\r\n    <div className={rootClass} role=\"tablist\">\r\n      {Array.from({ length: total }).map((_, i) => (\r\n        <span key={i} className=\"orc-dots__cell\">\r\n          <button\r\n            type=\"button\"\r\n            role=\"tab\"\r\n            aria-selected={i === active}\r\n            aria-label={`Ir al slide ${i + 1}`}\r\n            className={\r\n              \"orc-dots__dot\" +\r\n              (i === active ? \" orc-dots__dot--active\" : \"\")\r\n            }\r\n            onClick={() => onSelect?.(i)}\r\n          />\r\n        </span>\r\n      ))}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default OraculoCarouselDots;\r\n"],"mappings":"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","names":["useRef","Box","Typography","jsx","jsx","jsx","jsxs","useRef","Box","Typography"]}

package/dist/chunk-THUJNRMX.mjs

@@ -0,0 +1,119 @@
+import {
+  OraculoButton
+} from "./chunk-IGAIIVJZ.mjs";
+
+// src/organisms/OraculoSeccionClubOlimpo/OraculoSeccionClubOlimpo.tsx
+import { useLayoutEffect, useRef } from "react";
+
+// src/molecules/OraculoClubOlimpoVisual/OraculoClubOlimpoVisual.tsx
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var OraculoClubOlimpoVisual = ({
+  text,
+  buttonLabel = "Conoce m\xE1s",
+  onClick,
+  imgAlt = "Club Olimpo",
+  imgSrcMobile,
+  imgSrcDesktopBg,
+  imgSrcDesktopLogo
+}) => {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("div", { className: "orc-co-bgMobile", children: /* @__PURE__ */ jsx(
+      "img",
+      {
+        src: imgSrcMobile,
+        alt: imgAlt,
+        className: "orc-co-bgMobileImg"
+      }
+    ) }),
+    /* @__PURE__ */ jsxs("div", { className: "orc-co-bgDesktop", children: [
+      imgSrcDesktopBg && /* @__PURE__ */ jsx("div", { className: "orc-co-fillHost", children: /* @__PURE__ */ jsx(
+        "img",
+        {
+          src: imgSrcDesktopBg,
+          alt: `${imgAlt} fondo`,
+          className: "orc-co-bgDesktopImg"
+        }
+      ) }),
+      imgSrcDesktopLogo && /* @__PURE__ */ jsx("div", { className: "orc-co-logo", children: /* @__PURE__ */ jsx(
+        "img",
+        {
+          src: imgSrcDesktopLogo,
+          alt: `${imgAlt} logo`,
+          className: "orc-co-logoImg"
+        }
+      ) }),
+      /* @__PURE__ */ jsxs("div", { className: "orc-co-desktopContent", children: [
+        /* @__PURE__ */ jsx("p", { className: "orc-co-captionDesktop", children: text }),
+        /* @__PURE__ */ jsx(OraculoButton, { onClick, variant: "primary", size: "md", children: buttonLabel })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "orc-co-bottom", children: [
+      /* @__PURE__ */ jsx("p", { className: "orc-co-caption", children: text }),
+      /* @__PURE__ */ jsx(OraculoButton, { onClick, variant: "primary", size: "md", children: buttonLabel })
+    ] })
+  ] });
+};
+var OraculoClubOlimpoVisual_default = OraculoClubOlimpoVisual;
+
+// src/organisms/OraculoSeccionClubOlimpo/OraculoSeccionClubOlimpo.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var OraculoSeccionClubOlimpo = ({
+  className = "",
+  fullBleed = true,
+  items,
+  selectedIndex = 0,
+  ariaLabel
+}) => {
+  const rootRef = useRef(null);
+  const bottomRef = useRef(null);
+  if (!items) return null;
+  const safeIndex = Math.min(Math.max(selectedIndex, 0), 1);
+  const item = items;
+  useLayoutEffect(() => {
+    if (!rootRef.current || !bottomRef.current) return;
+    if (typeof ResizeObserver === "undefined") return;
+    const root = rootRef.current;
+    const bottom = bottomRef.current;
+    const update = () => {
+      root.style.setProperty(
+        "--orc-co-bottomH",
+        `${bottom.offsetHeight + 16}px`
+      );
+    };
+    const ro = new ResizeObserver(update);
+    ro.observe(bottom);
+    update();
+    return () => ro.disconnect();
+  }, []);
+  const rootClass = [
+    "orc-co-wrap",
+    fullBleed ? "orc-co-fullBleed" : "",
+    className
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsx2(
+    "section",
+    {
+      ref: rootRef,
+      className: rootClass,
+      "aria-label": ariaLabel || item.imgAlt || "Club Olimpo",
+      children: /* @__PURE__ */ jsx2("div", { ref: bottomRef, children: /* @__PURE__ */ jsx2(
+        OraculoClubOlimpoVisual_default,
+        {
+          text: item.text,
+          onClick: item.onClick,
+          imgAlt: item.imgAlt,
+          imgSrcMobile: item.images.mobile,
+          imgSrcDesktopBg: item.images.desktopBg,
+          imgSrcDesktopLogo: item.images.desktopLogo
+        }
+      ) })
+    }
+  );
+};
+var OraculoSeccionClubOlimpo_default = OraculoSeccionClubOlimpo;
+
+export {
+  OraculoClubOlimpoVisual_default,
+  OraculoSeccionClubOlimpo_default
+};
+//# sourceMappingURL=chunk-THUJNRMX.mjs.map

package/dist/chunk-THUJNRMX.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/organisms/OraculoSeccionClubOlimpo/OraculoSeccionClubOlimpo.tsx","../src/molecules/OraculoClubOlimpoVisual/OraculoClubOlimpoVisual.tsx"],"sourcesContent":["import React, { useLayoutEffect, useRef } from \"react\";\r\nimport \"./OraculoSeccionClubOlimpo.css\";\r\nimport OraculoClubOlimpoVisual from \"../../molecules/OraculoClubOlimpoVisual/OraculoClubOlimpoVisual\";\r\nimport { OraculoSeccionClubOlimpoItem } from \"../../interfaces/oraculo/InterfaceClubOlimpo\";\r\n\r\nexport interface OraculoSeccionClubOlimpoItems {\r\n  className?: string;\r\n  /** Si true, hace el efecto full-bleed (100vw centrado) */\r\n  fullBleed?: boolean;\r\n  /** Lista de variantes (puedes pasar 1 o varias). */\r\n  items: OraculoSeccionClubOlimpoItem;\r\n  /** Índice del item a mostrar si pasas varios. */\r\n  selectedIndex?: number;\r\n  /** aria-label de la sección (fallback al imgAlt del item seleccionado). */\r\n  ariaLabel?: string;\r\n}\r\n\r\nconst OraculoSeccionClubOlimpo: React.FC<OraculoSeccionClubOlimpoItems> = ({\r\n  className = \"\",\r\n  fullBleed = true,\r\n  items,\r\n  selectedIndex = 0,\r\n  ariaLabel,\r\n}) => {\r\n  const rootRef = useRef<HTMLDivElement | null>(null);\r\n  const bottomRef = useRef<HTMLDivElement | null>(null);\r\n\r\n  if (!items ) return null;\r\n\r\n  const safeIndex = Math.min(Math.max(selectedIndex, 0), 1);\r\n  const item = items;\r\n\r\n  useLayoutEffect(() => {\r\n    if (!rootRef.current || !bottomRef.current) return;\r\n    if (typeof ResizeObserver === \"undefined\") return;\r\n\r\n    const root = rootRef.current;\r\n    const bottom = bottomRef.current;\r\n\r\n    const update = () => {\r\n      root.style.setProperty(\r\n        \"--orc-co-bottomH\",\r\n        `${bottom.offsetHeight + 16}px`\r\n      );\r\n    };\r\n\r\n    const ro = new ResizeObserver(update);\r\n    ro.observe(bottom);\r\n    update();\r\n\r\n    return () => ro.disconnect();\r\n  }, []);\r\n\r\n  const rootClass = [\r\n    \"orc-co-wrap\",\r\n    fullBleed ? \"orc-co-fullBleed\" : \"\",\r\n    className,\r\n  ]\r\n    .filter(Boolean)\r\n    .join(\" \");\r\n\r\n  return (\r\n    <section\r\n      ref={rootRef}\r\n      className={rootClass}\r\n      aria-label={ariaLabel || item.imgAlt || \"Club Olimpo\"}\r\n    >\r\n      <div ref={bottomRef}>\r\n        <OraculoClubOlimpoVisual\r\n          text={item.text}\r\n          onClick={item.onClick}\r\n          imgAlt={item.imgAlt}\r\n          imgSrcMobile={item.images.mobile}\r\n          imgSrcDesktopBg={item.images.desktopBg}\r\n          imgSrcDesktopLogo={item.images.desktopLogo}\r\n        />\r\n      </div>\r\n    </section>\r\n  );\r\n};\r\n\r\nexport default OraculoSeccionClubOlimpo;\r\n","import React from \"react\";\r\nimport \"../../organisms/OraculoSeccionClubOlimpo/OraculoSeccionClubOlimpo.css\";\r\nimport OraculoButton from \"../../atoms/OraculoButton/OraculoButton\";\r\n\r\nexport interface OraculoClubOlimpoVisualProps {\r\n  text: string;\r\n  buttonLabel?: string;\r\n  onClick?: () => void;\r\n\r\n  // MOBILE\r\n  imgAlt?: string;\r\n  imgSrcMobile: string;\r\n\r\n  // DESKTOP\r\n  imgSrcDesktopBg?: string;\r\n  imgSrcDesktopLogo?: string;\r\n}\r\n\r\nconst OraculoClubOlimpoVisual: React.FC<OraculoClubOlimpoVisualProps> = ({\r\n  text,\r\n  buttonLabel = \"Conoce más\",\r\n  onClick,\r\n  imgAlt = \"Club Olimpo\",\r\n  imgSrcMobile,\r\n  imgSrcDesktopBg,\r\n  imgSrcDesktopLogo,\r\n}) => {\r\n  return (\r\n    <>\r\n      {/* MOBILE */}\r\n      <div className=\"orc-co-bgMobile\">\r\n        <img\r\n          src={imgSrcMobile}\r\n          alt={imgAlt}\r\n          className=\"orc-co-bgMobileImg\"\r\n        />\r\n      </div>\r\n\r\n      {/* DESKTOP */}\r\n      <div className=\"orc-co-bgDesktop\">\r\n        {imgSrcDesktopBg && (\r\n          <div className=\"orc-co-fillHost\">\r\n            <img\r\n              src={imgSrcDesktopBg}\r\n              alt={`${imgAlt} fondo`}\r\n              className=\"orc-co-bgDesktopImg\"\r\n            />\r\n          </div>\r\n        )}\r\n\r\n        {imgSrcDesktopLogo && (\r\n          <div className=\"orc-co-logo\">\r\n            <img\r\n              src={imgSrcDesktopLogo}\r\n              alt={`${imgAlt} logo`}\r\n              className=\"orc-co-logoImg\"\r\n            />\r\n          </div>\r\n        )}\r\n\r\n        <div className=\"orc-co-desktopContent\">\r\n          <p className=\"orc-co-captionDesktop\">{text}</p>\r\n          <OraculoButton onClick={onClick} variant=\"primary\" size=\"md\">\r\n            {buttonLabel}\r\n          </OraculoButton>\r\n        </div>\r\n      </div>\r\n\r\n      {/* MOBILE: barra inferior */}\r\n      <div className=\"orc-co-bottom\">\r\n        <p className=\"orc-co-caption\">{text}</p>\r\n        <OraculoButton onClick={onClick} variant=\"primary\" size=\"md\">\r\n          {buttonLabel}\r\n        </OraculoButton>\r\n      </div>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default OraculoClubOlimpoVisual;\r\n"],"mappings":";;;;;AAAA,SAAgB,iBAAiB,cAAc;;;AC4B3C,mBAGI,KA6BA,YAhCJ;AAVJ,IAAM,0BAAkE,CAAC;AAAA,EACvE;AAAA,EACA,cAAc;AAAA,EACd;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,SACE,iCAEE;AAAA,wBAAC,SAAI,WAAU,mBACb;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,KAAK;AAAA,QACL,WAAU;AAAA;AAAA,IACZ,GACF;AAAA,IAGA,qBAAC,SAAI,WAAU,oBACZ;AAAA,yBACC,oBAAC,SAAI,WAAU,mBACb;AAAA,QAAC;AAAA;AAAA,UACC,KAAK;AAAA,UACL,KAAK,GAAG,MAAM;AAAA,UACd,WAAU;AAAA;AAAA,MACZ,GACF;AAAA,MAGD,qBACC,oBAAC,SAAI,WAAU,eACb;AAAA,QAAC;AAAA;AAAA,UACC,KAAK;AAAA,UACL,KAAK,GAAG,MAAM;AAAA,UACd,WAAU;AAAA;AAAA,MACZ,GACF;AAAA,MAGF,qBAAC,SAAI,WAAU,yBACb;AAAA,4BAAC,OAAE,WAAU,yBAAyB,gBAAK;AAAA,QAC3C,oBAAC,iBAAc,SAAkB,SAAQ,WAAU,MAAK,MACrD,uBACH;AAAA,SACF;AAAA,OACF;AAAA,IAGA,qBAAC,SAAI,WAAU,iBACb;AAAA,0BAAC,OAAE,WAAU,kBAAkB,gBAAK;AAAA,MACpC,oBAAC,iBAAc,SAAkB,SAAQ,WAAU,MAAK,MACrD,uBACH;AAAA,OACF;AAAA,KACF;AAEJ;AAEA,IAAO,kCAAQ;;;ADXP,gBAAAA,YAAA;AAnDR,IAAM,2BAAoE,CAAC;AAAA,EACzE,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ;AAAA,EACA,gBAAgB;AAAA,EAChB;AACF,MAAM;AACJ,QAAM,UAAU,OAA8B,IAAI;AAClD,QAAM,YAAY,OAA8B,IAAI;AAEpD,MAAI,CAAC,MAAQ,QAAO;AAEpB,QAAM,YAAY,KAAK,IAAI,KAAK,IAAI,eAAe,CAAC,GAAG,CAAC;AACxD,QAAM,OAAO;AAEb,kBAAgB,MAAM;AACpB,QAAI,CAAC,QAAQ,WAAW,CAAC,UAAU,QAAS;AAC5C,QAAI,OAAO,mBAAmB,YAAa;AAE3C,UAAM,OAAO,QAAQ;AACrB,UAAM,SAAS,UAAU;AAEzB,UAAM,SAAS,MAAM;AACnB,WAAK,MAAM;AAAA,QACT;AAAA,QACA,GAAG,OAAO,eAAe,EAAE;AAAA,MAC7B;AAAA,IACF;AAEA,UAAM,KAAK,IAAI,eAAe,MAAM;AACpC,OAAG,QAAQ,MAAM;AACjB,WAAO;AAEP,WAAO,MAAM,GAAG,WAAW;AAAA,EAC7B,GAAG,CAAC,CAAC;AAEL,QAAM,YAAY;AAAA,IAChB;AAAA,IACA,YAAY,qBAAqB;AAAA,IACjC;AAAA,EACF,EACG,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,WAAW;AAAA,MACX,cAAY,aAAa,KAAK,UAAU;AAAA,MAExC,0BAAAA,KAAC,SAAI,KAAK,WACR,0BAAAA;AAAA,QAAC;AAAA;AAAA,UACC,MAAM,KAAK;AAAA,UACX,SAAS,KAAK;AAAA,UACd,QAAQ,KAAK;AAAA,UACb,cAAc,KAAK,OAAO;AAAA,UAC1B,iBAAiB,KAAK,OAAO;AAAA,UAC7B,mBAAmB,KAAK,OAAO;AAAA;AAAA,MACjC,GACF;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,mCAAQ;","names":["jsx"]}

package/dist/chunk-WTK2IT5O.mjs

@@ -0,0 +1,250 @@
+import {
+  OraculoButton
+} from "./chunk-IGAIIVJZ.mjs";
+
+// src/organisms/OraculoSeccionCasinoEnVivo/OraculoSeccionCasinoEnVivo.tsx
+import Box2 from "@mui/material/Box";
+import Stack from "@mui/material/Stack";
+import Typography2 from "@mui/material/Typography";
+
+// src/molecules/OraculoLiveCasinoCard/OraculoLiveCasinoCard.tsx
+import Box from "@mui/material/Box";
+import Typography from "@mui/material/Typography";
+import { jsx, jsxs } from "react/jsx-runtime";
+var OraculoLiveCasinoCard = ({
+  logo,
+  provider,
+  providerName,
+  machine,
+  onClick
+}) => {
+  var _a;
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      onClick,
+      sx: {
+        flex: "0 0 auto",
+        position: "relative",
+        borderRadius: "20px",
+        overflow: "hidden",
+        width: { xs: 100, md: 180 },
+        height: { xs: 200, md: 380 },
+        transition: "width .50s ease, transform .28s ease",
+        willChange: "width, transform",
+        cursor: "pointer",
+        zIndex: 0,
+        "&:hover": {
+          zIndex: 2,
+          width: { md: 260, xs: 110 }
+        },
+        "&:hover .orc-live-provider-label": {
+          opacity: 1
+        }
+      },
+      children: [
+        /* @__PURE__ */ jsx(
+          Box,
+          {
+            component: "img",
+            src: logo,
+            alt: `Juego ${machine != null ? machine : ""}`,
+            sx: {
+              position: "absolute",
+              inset: 0,
+              width: "100%",
+              height: "100%",
+              objectFit: "cover",
+              display: "block"
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Box,
+          {
+            className: "orc-live-provider-label",
+            sx: {
+              position: "absolute",
+              left: "50%",
+              top: { xs: "75%", md: "80%" },
+              transform: "translate(-50%, -50%)",
+              zIndex: 3,
+              opacity: 0,
+              transition: "opacity .25s ease",
+              pointerEvents: "none"
+            },
+            children: /* @__PURE__ */ jsx(
+              Typography,
+              {
+                sx: {
+                  color: "#fff",
+                  fontWeight: 700,
+                  fontSize: { xs: 11, md: 14 },
+                  textTransform: "capitalize"
+                },
+                children: (_a = provider != null ? provider : providerName) != null ? _a : ""
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+};
+var OraculoLiveCasinoCard_default = OraculoLiveCasinoCard;
+
+// src/organisms/OraculoSeccionCasinoEnVivo/OraculoSeccionCasinoEnVivo.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var OraculoSeccionCasinoEnVivo = ({
+  items,
+  title = "Casino en vivo",
+  subtitle = "Disfruta la emoci\xF3n en tus juegos favoritos y gana en tiempo real.",
+  backgroundMobileUrl = "/assets/img/home/CasinoEnVivo/FondoMobile3.png",
+  backgroundDesktopUrl = "/assets/img/home/CasinoEnVivo/FondoDesktop3.png",
+  onCardClick,
+  onViewMore,
+  className
+}) => {
+  return /* @__PURE__ */ jsxs2(
+    Box2,
+    {
+      className,
+      sx: {
+        position: "relative",
+        width: "100vw",
+        left: "50%",
+        right: "50%",
+        transform: "translateX(-50%)",
+        color: "white",
+        overflow: "hidden"
+      },
+      children: [
+        /* @__PURE__ */ jsx2(
+          Box2,
+          {
+            sx: {
+              position: "absolute",
+              inset: 0,
+              backgroundImage: {
+                xs: `
+              linear-gradient(to bottom, #121212 0%, rgba(18,18,18,0) 10%),
+              linear-gradient(to top,    #121212 0%, rgba(18,18,18,0) 10%),
+              url('${backgroundMobileUrl}')
+            `,
+                md: `
+              linear-gradient(to bottom, #121212 0%, rgba(18,18,18,0) 10%),
+              linear-gradient(to top,    #121212 0%, rgba(18,18,18,0) 10%),
+              url('${backgroundDesktopUrl}')
+            `
+              },
+              backgroundSize: "cover",
+              backgroundPosition: "center",
+              backgroundRepeat: "no-repeat",
+              zIndex: 0
+            }
+          }
+        ),
+        /* @__PURE__ */ jsxs2(
+          Box2,
+          {
+            sx: {
+              position: "relative",
+              zIndex: 1,
+              maxWidth: 1200,
+              height: { xs: "450px", md: "550px" },
+              mx: "auto",
+              px: { xs: 2.5, md: 6 },
+              display: "flex",
+              flexDirection: { xs: "column", md: "row" },
+              alignItems: { xs: "center", md: "center" },
+              justifyContent: "center",
+              gap: { xs: 0, md: 15 },
+              textAlign: { xs: "center", md: "left" }
+            },
+            children: [
+              /* @__PURE__ */ jsxs2(Stack, { spacing: 3, sx: { maxWidth: { md: 280 } }, children: [
+                /* @__PURE__ */ jsx2(
+                  Typography2,
+                  {
+                    variant: "h4",
+                    sx: {
+                      fontWeight: 800,
+                      fontSize: { xs: 24, md: 40 },
+                      WebkitTextStroke: "0.5px rgba(255, 255, 255, .5)",
+                      textShadow: "0 0 2px rgba(255, 255, 255, .95),0 0 4px rgba(255, 255, 255, .6),0 1px 0 #898989"
+                    },
+                    children: title
+                  }
+                ),
+                /* @__PURE__ */ jsx2(
+                  Typography2,
+                  {
+                    sx: {
+                      fontSize: { xs: 14, md: 18 },
+                      color: "rgba(255,255,255,0.9)",
+                      marginX: { xs: 4, md: 0 },
+                      lineHeight: 1.5
+                    },
+                    children: subtitle
+                  }
+                ),
+                /* @__PURE__ */ jsx2(Box2, { sx: { display: { xs: "none", md: "block" } }, children: /* @__PURE__ */ jsx2(
+                  OraculoButton,
+                  {
+                    variant: "primary",
+                    size: "md",
+                    onClick: () => onViewMore == null ? void 0 : onViewMore(),
+                    children: "Ver m\xE1s"
+                  }
+                ) })
+              ] }),
+              /* @__PURE__ */ jsx2(
+                Box2,
+                {
+                  sx: {
+                    display: "flex",
+                    gap: { xs: 2, md: 3 },
+                    justifyContent: "center",
+                    overflowX: { xs: "auto", md: "visible" },
+                    py: { xs: 3, md: 0 },
+                    alignItems: "center"
+                  },
+                  children: (items != null ? items : []).slice(0, 3).map((juego, idx) => {
+                    var _a, _b;
+                    return /* @__PURE__ */ jsx2(
+                      OraculoLiveCasinoCard_default,
+                      {
+                        logo: `https://olimpo.bet${(_b = juego.logo) != null ? _b : ""}`,
+                        provider: juego.provider,
+                        providerName: juego.web_name,
+                        machine: juego.machine,
+                        onClick: () => onCardClick == null ? void 0 : onCardClick(juego, idx)
+                      },
+                      (_a = juego.orden) != null ? _a : idx
+                    );
+                  })
+                }
+              ),
+              /* @__PURE__ */ jsx2(Box2, { sx: { display: { xs: "block", md: "none" } }, children: /* @__PURE__ */ jsx2(
+                OraculoButton,
+                {
+                  variant: "primary",
+                  size: "lg",
+                  onClick: () => onViewMore == null ? void 0 : onViewMore(),
+                  children: "Ver m\xE1s"
+                }
+              ) })
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+var OraculoSeccionCasinoEnVivo_default = OraculoSeccionCasinoEnVivo;
+
+export {
+  OraculoLiveCasinoCard_default,
+  OraculoSeccionCasinoEnVivo_default
+};
+//# sourceMappingURL=chunk-WTK2IT5O.mjs.map

package/dist/chunk-WTK2IT5O.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/organisms/OraculoSeccionCasinoEnVivo/OraculoSeccionCasinoEnVivo.tsx","../src/molecules/OraculoLiveCasinoCard/OraculoLiveCasinoCard.tsx"],"sourcesContent":["import React from \"react\";\r\nimport Box from \"@mui/material/Box\";\r\nimport Stack from \"@mui/material/Stack\";\r\nimport Typography from \"@mui/material/Typography\";\r\nimport OraculoButton from \"../../atoms/OraculoButton/OraculoButton\";\r\nimport OraculoLiveCasinoCard from \"../../molecules/OraculoLiveCasinoCard/OraculoLiveCasinoCard\";\r\nimport { OraculoSeccionCasinoEnVivoProps } from \"../../interfaces/oraculo/InterfaceCasinoEnVivo\";\r\n\r\nconst OraculoSeccionCasinoEnVivo: React.FC<OraculoSeccionCasinoEnVivoProps> = ({\r\n  items,\r\n  title = \"Casino en vivo\",\r\n  subtitle = \"Disfruta la emoción en tus juegos favoritos y gana en tiempo real.\",\r\n  backgroundMobileUrl = \"/assets/img/home/CasinoEnVivo/FondoMobile3.png\",\r\n  backgroundDesktopUrl = \"/assets/img/home/CasinoEnVivo/FondoDesktop3.png\",\r\n  onCardClick,\r\n  onViewMore,\r\n  className,\r\n}) => {\r\n  return (\r\n    <Box\r\n      className={className}\r\n      sx={{\r\n        position: \"relative\",\r\n        width: \"100vw\",\r\n        left: \"50%\",\r\n        right: \"50%\",\r\n        transform: \"translateX(-50%)\",\r\n        color: \"white\",\r\n        overflow: \"hidden\",\r\n      }}\r\n    >\r\n      {/* Fondo */}\r\n      <Box\r\n        sx={{\r\n          position: \"absolute\",\r\n          inset: 0,\r\n          backgroundImage: {\r\n            xs: `\r\n              linear-gradient(to bottom, #121212 0%, rgba(18,18,18,0) 10%),\r\n              linear-gradient(to top,    #121212 0%, rgba(18,18,18,0) 10%),\r\n              url('${backgroundMobileUrl}')\r\n            `,\r\n            md: `\r\n              linear-gradient(to bottom, #121212 0%, rgba(18,18,18,0) 10%),\r\n              linear-gradient(to top,    #121212 0%, rgba(18,18,18,0) 10%),\r\n              url('${backgroundDesktopUrl}')\r\n            `,\r\n          },\r\n          backgroundSize: \"cover\",\r\n          backgroundPosition: \"center\",\r\n          backgroundRepeat: \"no-repeat\",\r\n          zIndex: 0,\r\n        }}\r\n      />\r\n\r\n      {/* Contenido */}\r\n      <Box\r\n        sx={{\r\n          position: \"relative\",\r\n          zIndex: 1,\r\n          maxWidth: 1200,\r\n          height: { xs: \"450px\", md: \"550px\" },\r\n          mx: \"auto\",\r\n          px: { xs: 2.5, md: 6 },\r\n          display: \"flex\",\r\n          flexDirection: { xs: \"column\", md: \"row\" },\r\n          alignItems: { xs: \"center\", md: \"center\" },\r\n          justifyContent: \"center\",\r\n          gap: { xs: 0, md: 15 },\r\n          textAlign: { xs: \"center\", md: \"left\" },\r\n        }}\r\n      >\r\n        {/* Columna izquierda: título + texto + botón desktop */}\r\n        <Stack spacing={3} sx={{ maxWidth: { md: 280 } }}>\r\n          <Typography\r\n            variant=\"h4\"\r\n            sx={{\r\n              fontWeight: 800,\r\n              fontSize: { xs: 24, md: 40 },\r\n              WebkitTextStroke: \"0.5px rgba(255, 255, 255, .5)\",\r\n              textShadow:\r\n                \"0 0 2px rgba(255, 255, 255, .95),\" +\r\n                \"0 0 4px rgba(255, 255, 255, .6),\" +\r\n                \"0 1px 0 #898989\",\r\n            }}\r\n          >\r\n            {title}\r\n          </Typography>\r\n\r\n          <Typography\r\n            sx={{\r\n              fontSize: { xs: 14, md: 18 },\r\n              color: \"rgba(255,255,255,0.9)\",\r\n              marginX: { xs: 4, md: 0 },\r\n              lineHeight: 1.5,\r\n            }}\r\n          >\r\n            {subtitle}\r\n          </Typography>\r\n\r\n          <Box sx={{ display: { xs: \"none\", md: \"block\" } }}>\r\n            <OraculoButton\r\n              variant=\"primary\"\r\n              size=\"md\"\r\n              onClick={() => onViewMore?.()}\r\n            >\r\n              Ver más\r\n            </OraculoButton>\r\n          </Box>\r\n        </Stack>\r\n\r\n        {/* Lista de tarjetas */}\r\n        <Box\r\n          sx={{\r\n            display: \"flex\",\r\n            gap: { xs: 2, md: 3 },\r\n            justifyContent: \"center\",\r\n            overflowX: { xs: \"auto\", md: \"visible\" },\r\n            py: { xs: 3, md: 0 },\r\n            alignItems: \"center\",\r\n          }}\r\n        >\r\n          {(items ?? []).slice(0, 3).map((juego, idx) => (\r\n            <OraculoLiveCasinoCard\r\n              key={juego.orden ?? idx}\r\n              logo={`https://olimpo.bet${juego.logo ?? \"\"}`}\r\n              provider={juego.provider}\r\n              providerName={juego.web_name}\r\n              machine={juego.machine}\r\n              onClick={() => onCardClick?.(juego, idx)}\r\n            />\r\n          ))}\r\n        </Box>\r\n\r\n        {/* Botón mobile */}\r\n        <Box sx={{ display: { xs: \"block\", md: \"none\" } }}>\r\n          <OraculoButton\r\n            variant=\"primary\"\r\n            size=\"lg\"\r\n            onClick={() => onViewMore?.()}\r\n          >\r\n            Ver más\r\n          </OraculoButton>\r\n        </Box>\r\n      </Box>\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport default OraculoSeccionCasinoEnVivo;\r\n","import React from \"react\";\r\nimport Box from \"@mui/material/Box\";\r\nimport Typography from \"@mui/material/Typography\";\r\n\r\nexport interface OraculoLiveCasinoCardProps {\r\n  logo: string;\r\n  provider?: string;\r\n  providerName?: string;\r\n  machine?: number | string;\r\n  onClick?: () => void;\r\n}\r\n\r\nconst OraculoLiveCasinoCard: React.FC<OraculoLiveCasinoCardProps> = ({\r\n  logo,\r\n  provider,\r\n  providerName,\r\n  machine,\r\n  onClick,\r\n}) => {\r\n  return (\r\n    <Box\r\n      onClick={onClick}\r\n      sx={{\r\n        flex: \"0 0 auto\",\r\n        position: \"relative\",\r\n        borderRadius: \"20px\",\r\n        overflow: \"hidden\",\r\n        width: { xs: 100, md: 180 },\r\n        height: { xs: 200, md: 380 },\r\n        transition: \"width .50s ease, transform .28s ease\",\r\n        willChange: \"width, transform\",\r\n        cursor: \"pointer\",\r\n        zIndex: 0,\r\n        \"&:hover\": {\r\n          zIndex: 2,\r\n          width: { md: 260, xs: 110 },\r\n        },\r\n        \"&:hover .orc-live-provider-label\": {\r\n          opacity: 1,\r\n        },\r\n      }}\r\n    >\r\n      {/* Imagen de fondo */}\r\n      <Box\r\n        component=\"img\"\r\n        src={logo}\r\n        alt={`Juego ${machine ?? \"\"}`}\r\n        sx={{\r\n          position: \"absolute\",\r\n          inset: 0,\r\n          width: \"100%\",\r\n          height: \"100%\",\r\n          objectFit: \"cover\",\r\n          display: \"block\",\r\n        }}\r\n      />\r\n\r\n      {/* Label del provider */}\r\n      <Box\r\n        className=\"orc-live-provider-label\"\r\n        sx={{\r\n          position: \"absolute\",\r\n          left: \"50%\",\r\n          top: { xs: \"75%\", md: \"80%\" },\r\n          transform: \"translate(-50%, -50%)\",\r\n          zIndex: 3,\r\n          opacity: 0,\r\n          transition: \"opacity .25s ease\",\r\n          pointerEvents: \"none\",\r\n        }}\r\n      >\r\n        <Typography\r\n          sx={{\r\n            color: \"#fff\",\r\n            fontWeight: 700,\r\n            fontSize: { xs: 11, md: 14 },\r\n            textTransform: \"capitalize\",\r\n          }}\r\n        >\r\n          {provider ?? providerName ?? \"\"}\r\n        </Typography>\r\n      </Box>\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport default OraculoLiveCasinoCard;\r\n"],"mappings":"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","names":["Box","Typography","jsx","jsxs","Box","Typography"]}

package/dist/chunk-XNMUIY72.mjs

@@ -0,0 +1,10 @@
+var __glob = (map) => (path) => {
+  var fn = map[path];
+  if (fn) return fn();
+  throw new Error("Module not found in bundle: " + path);
+};
+
+export {
+  __glob
+};
+//# sourceMappingURL=chunk-XNMUIY72.mjs.map

package/dist/chunk-XNMUIY72.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/index.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/atoms/OraculoButton/OraculoButton.css","../src/atoms/OraculoSectionTitle/OraculoSectionTitle.css","../src/atoms/OraculoCarouselDots/OraculoCarouselDots.css","../src/organisms/OraculoSeccionClubOlimpo/OraculoSeccionClubOlimpo.css"],"sourcesContent":[".orc-btn {\r\n  --nl-green: #9EE86E;\r\n  --nl-hover-hex: #D9F6C6;\r\n  --nl-hover-alpha: .22;\r\n\r\n  /* Press */\r\n  --nl-press: #254B0C;\r\n\r\n  /* Disabled */\r\n  --nl-disabled-border: #4a5542;\r\n  --nl-disabled-fg: #4a5542;\r\n\r\n  --stroke-w: 1.5px;\r\n\r\n  --h: 32px;\r\n  --pad-x: 12px;\r\n  --pad-y: 8px;\r\n  --radius: 12px;\r\n\r\n  box-sizing: border-box;\r\n  height: var(--h);\r\n  font-family: var(--clmc-font);\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 8px;\r\n  cursor: pointer;\r\n  text-decoration: none;\r\n  border-radius: var(--radius);\r\n  outline: none;\r\n  position: relative;\r\n  padding: var(--pad-y) var(--pad-x);\r\n  border: 0;\r\n}\r\n\r\n/* Contenido */\r\n.orc-btn__label {\r\n  color: currentColor;\r\n  font-size: 14px;\r\n}\r\n.orc-btn__icon {\r\n  color: currentColor;\r\n  display: inline-flex;\r\n  line-height: 0;\r\n  font-size: 18px;\r\n}\r\n\r\n/* ===== PRIMARY ===== */\r\n.orc-btn--primary {\r\n  background: var(--nl-green);\r\n  color: #1C1C1C;\r\n  box-shadow: inset 0 0 0 var(--stroke-w) transparent;\r\n}\r\n.orc-btn--primary:hover {\r\n  background: var(--nl-hover-hex);\r\n  color: #1C1C1C;\r\n}\r\n.orc-btn--primary:active {\r\n  background: var(--nl-press);\r\n  color: #FFFFFF;\r\n  transform: translateY(1px);\r\n}\r\n.orc-btn--primary:disabled,\r\n.orc-btn--primary[aria-disabled=\"true\"] {\r\n  background: transparent;\r\n  color: var(--nl-disabled-fg);\r\n  box-shadow: inset 0 0 0 var(--stroke-w) var(--nl-disabled-border);\r\n  cursor: not-allowed;\r\n  transform: none;\r\n  opacity: 1;\r\n}\r\n\r\n/* ===== SECONDARY ===== */\r\n.orc-btn--secondary {\r\n  background: transparent;\r\n  color: var(--nl-green);\r\n  box-shadow: inset 0 0 0 var(--stroke-w) var(--nl-green);\r\n}\r\n.orc-btn--secondary:hover {\r\n  background: rgba(229, 244, 219, var(--nl-hover-alpha)) !important;\r\n  color: var(--nl-hover-hex);\r\n  box-shadow: inset 0 0 0 var(--stroke-w) var(--nl-hover-hex);\r\n}\r\n.orc-btn--secondary:active {\r\n  transform: translateY(1px);\r\n  color: var(--nl-press);\r\n  box-shadow: inset 0 0 0 var(--stroke-w) var(--nl-press);\r\n  background: rgba(37, 75, 12, 0.10);\r\n}\r\n.orc-btn--secondary:focus-visible {\r\n  box-shadow:\r\n    inset 0 0 0 var(--stroke-w) var(--nl-green),\r\n    0 0 0 3px rgba(197, 228, 177, .45);\r\n}\r\n.orc-btn--secondary:disabled,\r\n.orc-btn--secondary[aria-disabled=\"true\"] {\r\n  background: transparent;\r\n  color: var(--nl-disabled-fg);\r\n  box-shadow: inset 0 0 0 var(--stroke-w) var(--nl-disabled-border);\r\n  cursor: not-allowed;\r\n}\r\n\r\n/* ===== TERTIARY ===== */\r\n.orc-btn--tertiary {\r\n  background: transparent;\r\n  color: var(--nl-green);\r\n  box-shadow: none;\r\n}\r\n.orc-btn--tertiary:hover {\r\n  color: var(--nl-hover-hex);\r\n}\r\n.orc-btn--tertiary:active {\r\n  color: var(--nl-press);\r\n  background: rgba(37, 75, 12, 0.08);\r\n  transform: translateY(1px);\r\n}\r\n.orc-btn--tertiary:focus-visible {\r\n  box-shadow: 0 0 0 3px rgba(197, 228, 177, .45);\r\n}\r\n.orc-btn--tertiary:disabled,\r\n.orc-btn--tertiary[aria-disabled=\"true\"] {\r\n  color: var(--nl-disabled-fg);\r\n  background: transparent;\r\n  box-shadow: none;\r\n  cursor: not-allowed;\r\n}\r\n\r\n/* Tamaños */\r\n.orc-btn--sm {\r\n  --h: 32px;\r\n  --pad-y: 8px;\r\n  --pad-x: 12px;\r\n  --radius: 12px;\r\n}\r\n.orc-btn--md {\r\n  --h: 40px;\r\n  --pad-y: 10px;\r\n  --pad-x: 16px;\r\n  --radius: 12px;\r\n}\r\n.orc-btn--lg {\r\n  --h: 48px;\r\n  --pad-y: 12px;\r\n  --pad-x: 20px;\r\n  --radius: 16px;\r\n}\r\n\r\n.orc-btn--sm .orc-btn__label,\r\n.orc-btn--md .orc-btn__label,\r\n.orc-btn--lg .orc-btn__label {\r\n  font-size: 14px !important;\r\n}\r\n\r\n/* Icon-only */\r\n.orc-btn--iconOnly {\r\n  width: 40px;\r\n  min-width: 40px;\r\n  padding: 0;\r\n}\r\n.orc-btn--sm.orc-btn--iconOnly {\r\n  width: 32px;\r\n  min-width: 32px;\r\n}\r\n.orc-btn--md.orc-btn--iconOnly {\r\n  width: 40px;\r\n  min-width: 40px;\r\n}\r\n.orc-btn--lg.orc-btn--iconOnly {\r\n  width: 48px;\r\n  min-width: 48px;\r\n}\r\n\r\n/* Helpers */\r\n.orc-btn--full {\r\n  width: 100%;\r\n}\r\n.orc-btn--fullHeight {\r\n  height: 100%;\r\n}\r\n",".orc-section-title {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n}\r\n\r\n/* Icono base */\r\n.orc-section-title__icon {\r\n  width: 40px;\r\n  height: 40px;\r\n  object-fit: none;\r\n}\r\n\r\n/* Título base */\r\n.orc-section-title__title {\r\n  margin: 0;\r\n  font-weight: 700;\r\n  letter-spacing: 0;\r\n  color: #ffffff;\r\n}\r\n\r\n/* ===== Tamaños desktop (igual que tenías) ===== */\r\n.orc-section-title--xs .orc-section-title__title {\r\n  font-size: 14px;\r\n  line-height: 18px;\r\n}\r\n.orc-section-title--sm .orc-section-title__title {\r\n  font-size: 18px;\r\n  line-height: 24px;\r\n}\r\n.orc-section-title--md .orc-section-title__title {\r\n  font-size: 32px;\r\n  line-height: 48px;\r\n}\r\n.orc-section-title--lg .orc-section-title__title {\r\n  font-size: 22px;\r\n  line-height: 30px;\r\n}\r\n\r\n/* Icono XS */\r\n.orc-section-title--xs .orc-section-title__icon {\r\n  width: 24px;\r\n  height: 24px;\r\n}\r\n\r\n/* ===== Responsive ===== */\r\n@media (max-width: 768px) {\r\n  .orc-section-title__icon {\r\n    width: 24px;\r\n    height: 24px;\r\n  }\r\n\r\n  .orc-section-title--xs .orc-section-title__title {\r\n    font-size: 14px;\r\n    line-height: 18px;\r\n  }\r\n  .orc-section-title--sm .orc-section-title__title {\r\n    font-size: 16px;\r\n    line-height: 22px;\r\n  }\r\n  .orc-section-title--md .orc-section-title__title {\r\n    font-size: 18px;\r\n    line-height: 24px;\r\n  }\r\n  .orc-section-title--lg .orc-section-title__title {\r\n    font-size: 20px;\r\n    line-height: 26px;\r\n  }\r\n}\r\n",".orc-dots {\r\n  --dot-size: 8px;\r\n  --dot-cell: 20px;\r\n  --dot-active-h: 8px;\r\n  --dot-active-w: 20px;\r\n  --dot-bg: #ffffff;\r\n  --dot-surface: #ffffff;\r\n  --dot-accent: #9EE86E;\r\n\r\n  display: flex;\r\n  gap: 0px;\r\n  justify-content: center;\r\n  margin-top: 10px;\r\n}\r\n\r\n.orc-dots__cell {\r\n  width: var(--dot-cell);\r\n  display: inline-flex;\r\n  justify-content: center;\r\n}\r\n\r\n.orc-dots__dot {\r\n  width: var(--dot-size);\r\n  height: var(--dot-size);\r\n  border-radius: 9999px;\r\n  background: var(--dot-bg);\r\n  border: 0;\r\n  padding: 0;\r\n  cursor: pointer;\r\n  position: relative;\r\n  transition:\r\n    transform .15s ease,\r\n    background .15s ease,\r\n    width .2s ease,\r\n    height .2s ease;\r\n}\r\n\r\n.orc-dots__dot:hover {\r\n  transform: scale(1.06);\r\n}\r\n\r\n.orc-dots__dot--active {\r\n  width: var(--dot-active-w);\r\n  height: var(--dot-active-h);\r\n  border-radius: 9999px;\r\n  background: #fff;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.orc-dots__dot--active::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 0;\r\n  bottom: 0;\r\n  left: 0;\r\n  width: 40%;\r\n  background: var(--dot-accent);\r\n  border-radius: inherit;\r\n}\r\n\r\n/* Accesibilidad: foco */\r\n.orc-dots__dot--active {\r\n  outline: 0;\r\n  outline-offset: 0;\r\n}\r\n\r\n.orc-dots__dot:focus-visible {\r\n  outline: 2px solid var(--dot-accent);\r\n  outline-offset: 2px;\r\n}\r\n","/* =========================\r\n   MOBILE\r\n   ========================= */\r\n\r\n.orc-co-wrap {\r\n  --orc-co-art-w: 887px;\r\n  --orc-co-art-h: 510px;\r\n  --orc-co-text: #ffffff;\r\n\r\n  --orc-co-art-left: clamp(120px, 18vw, 280px);\r\n  --orc-co-art-top: 20px;\r\n\r\n  --orc-co-logo-left: 163px;\r\n  --orc-co-logo-top: 120px;\r\n  --orc-co-logo-w: 220px;\r\n\r\n  --orc-co-content-left: 120px;\r\n  --orc-co-content-top: 290px;\r\n\r\n  min-height: var(--orc-co-minH, 520px);\r\n  position: relative;\r\n}\r\n\r\n/* full-bleed */\r\n.orc-co-fullBleed {\r\n  width: 100vw;\r\n  margin-left: 50%;\r\n  transform: translateX(-50%);\r\n}\r\n\r\n.orc-co-bottom {\r\n  position: absolute;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  bottom: 20px;\r\n  z-index: 2;\r\n\r\n  display: grid;\r\n  justify-items: center;\r\n  gap: 12px;\r\n  border-radius: 12px;\r\n}\r\n\r\n.orc-co-caption {\r\n  color: var(--orc-co-text);\r\n  font-size: 14px;\r\n  text-align: center;\r\n  font-weight: 400;\r\n  text-wrap: balance;\r\n  line-height: 1.4;\r\n}\r\n\r\n/* Bg mobile */\r\n.orc-co-bgMobile {\r\n  position: relative;\r\n  width: 100%;\r\n  min-height: 360px;\r\n  overflow: hidden;\r\n}\r\n\r\n.orc-co-bgMobileImg {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n}\r\n\r\n/* Oculto en mobile */\r\n.orc-co-bgDesktop,\r\n.orc-co-logo,\r\n.orc-co-desktopContent {\r\n  display: none;\r\n}\r\n\r\n/* =========================\r\n   DESKTOP\r\n   ========================= */\r\n\r\n@media (min-width: 1024px) {\r\n  .orc-co-bgMobile {\r\n    display: none;\r\n  }\r\n\r\n  .orc-co-bottom {\r\n    display: none;\r\n  }\r\n\r\n  .orc-co-bgDesktop {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 0;\r\n    display: block;\r\n  }\r\n\r\n  .orc-co-bgDesktop > .orc-co-fillHost {\r\n    position: absolute;\r\n    width: var(--orc-co-art-w);\r\n    height: var(--orc-co-art-h);\r\n    top: var(--orc-co-art-top);\r\n    left: var(--orc-co-art-left);\r\n  }\r\n\r\n  .orc-co-bgDesktopImg {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    display: block;\r\n  }\r\n\r\n  .orc-co-logo {\r\n    display: block;\r\n    position: absolute;\r\n    left: var(--orc-co-logo-left);\r\n    top: var(--orc-co-logo-top);\r\n    width: var(--orc-co-logo-w);\r\n    aspect-ratio: 3 / 2;\r\n    z-index: 2;\r\n  }\r\n\r\n  .orc-co-logoImg {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: contain;\r\n    display: block;\r\n  }\r\n\r\n  .orc-co-desktopContent {\r\n    display: grid;\r\n    position: absolute;\r\n    left: var(--orc-co-content-left);\r\n    top: var(--orc-co-content-top);\r\n    gap: 16px;\r\n    justify-items: center;\r\n    text-align: center;\r\n    z-index: 2;\r\n  }\r\n\r\n  .orc-co-captionDesktop {\r\n    margin: 0;\r\n    color: var(--orc-co-text);\r\n    font-family: var(--clmc-font, inherit);\r\n    font-weight: 400;\r\n    font-size: clamp(14px, 1.5vw, 18px);\r\n    max-width: 28ch;\r\n    text-wrap: balance;\r\n  }\r\n}\r\n"],"mappings":"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","names":[]}

package/dist/index.d.mts

@@ -1,5 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import React, { ReactNode } from 'react';
+import { Firestore } from 'firebase/firestore';
 
 interface OraculoButtonProps {
     children?: React.ReactNode;
@@ -321,6 +322,8 @@ interface OraculoPageLandingPreviewProps {
     sectionsOverride?: OraculoPageLandingPreviewSection[];
     /** Firestore document id (default 'home') */
     docId?: string;
+    /** Instancia de Firestore proporcionada por la app que consume el paquete */
+    db: Firestore;
 }
 declare const OraculoPageLandingPreview: React.FC<OraculoPageLandingPreviewProps>;
 

package/dist/index.d.ts

@@ -1,5 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import React, { ReactNode } from 'react';
+import { Firestore } from 'firebase/firestore';
 
 interface OraculoButtonProps {
     children?: React.ReactNode;
@@ -321,6 +322,8 @@ interface OraculoPageLandingPreviewProps {
     sectionsOverride?: OraculoPageLandingPreviewSection[];
     /** Firestore document id (default 'home') */
     docId?: string;
+    /** Instancia de Firestore proporcionada por la app que consume el paquete */
+    db: Firestore;
 }
 declare const OraculoPageLandingPreview: React.FC<OraculoPageLandingPreviewProps>;