oraculo-ui 0.1.23 → 0.1.25

package/dist/index.d.ts

@@ -1,513 +0,0 @@
-import React, { ReactNode } from 'react';
-import { Firestore } from 'firebase/firestore';
-
-interface OraculoButtonProps {
-    children?: React.ReactNode;
-    onClick?: any;
-    href?: string;
-    target?: React.HTMLAttributeAnchorTarget;
-    rel?: string;
-    type?: "button" | "submit" | "reset";
-    disabled?: boolean;
-    variant?: "primary" | "secondary" | "tertiary";
-    size?: "sm" | "md" | "lg";
-    fullWidth?: boolean;
-    fullHeight?: boolean;
-    className?: string;
-    ariaLabel?: string;
-    leftIcon?: React.ReactNode;
-    rightIcon?: React.ReactNode;
-    iconOnly?: boolean;
-}
-declare function OraculoButton({ children, onClick, href, target, rel, type, disabled, variant, size, fullWidth, fullHeight, className, ariaLabel, leftIcon, rightIcon, iconOnly, }: OraculoButtonProps): React.JSX.Element;
-
-interface OraculoSectionTitleProps {
-    title: string;
-    iconUrl?: string;
-    size?: "xs" | "sm" | "md" | "lg";
-    className?: string;
-}
-declare function OraculoSectionTitle({ title, iconUrl, size, className, }: OraculoSectionTitleProps): React.JSX.Element;
-
-interface OraculoCarouselDotsProps {
-    total: number;
-    active: number;
-    onSelect?: (index: number) => void;
-    className?: string;
-}
-declare const OraculoCarouselDots: React.FC<OraculoCarouselDotsProps>;
-
-interface OraculoGridGroupProps {
-    /** Children inside the grid */
-    children: ReactNode;
-    /** Minimum width (in px) for auto-fit columns */
-    minWidth?: number;
-    /** Gap spacing: number → multiplier of 8px, or string → custom CSS value */
-    spacing?: number | string;
-    /** Horizontal alignment of grid items */
-    justify?: "start" | "center" | "end" | "stretch";
-    /** Custom grid template definition (overrides auto-fit/minmax behavior) */
-    columns?: string | null;
-}
-declare function OraculoGridGroup({ children, minWidth, spacing, justify, columns, }: OraculoGridGroupProps): React.JSX.Element;
-
-type Logo = {
-    src: string;
-    alt: string;
-};
-declare function OraculoLogoMediosPago({ src, alt }: Logo): React.JSX.Element;
-
-interface OraculoMatchHeaderProps {
-    title: string;
-    subtitle?: string;
-    live?: boolean;
-    time?: string;
-}
-declare function OraculoMatchHeader({ title, subtitle, live, time }: OraculoMatchHeaderProps): React.JSX.Element;
-
-interface OraculoEventLabelProps {
-    text: string;
-}
-declare function OraculoEventLabel({ text }: OraculoEventLabelProps): React.JSX.Element;
-
-interface EventLeague {
-    title: string;
-}
-declare function OraculoEventLeague({ title }: EventLeague): React.JSX.Element;
-
-interface OraculoEventScoreProps {
-    text: string | number;
-    name?: string;
-    size?: "normal" | "small";
-}
-declare function OraculoEventScore({ text, name, size }: OraculoEventScoreProps): React.JSX.Element;
-
-interface OraculoEventStatusProps {
-    live?: boolean;
-    time?: string;
-}
-declare function OraculoEventStatus({ live, time }: OraculoEventStatusProps): React.JSX.Element;
-
-interface OraculoEventStatusBadgeProps {
-    /** Text inside the badge */
-    text: string;
-    /** Background color of the badge */
-    color?: string;
-    /** Text color */
-    textColor?: string;
-}
-declare function OraculoEventStatusBadge({ text, color, textColor }: OraculoEventStatusBadgeProps): React.JSX.Element;
-
-interface OraculoEventTeamInfoProps {
-    name: string;
-    logo: string;
-    size?: "regular" | "compact";
-}
-declare function OraculoEventTeamInfo({ name, logo, size }: OraculoEventTeamInfoProps): React.JSX.Element;
-
-interface OraculoCarouselOptions {
-    type?: string;
-    perPage?: number;
-    gap?: string;
-    pagination?: boolean;
-    arrows?: boolean;
-    drag?: boolean;
-    focus?: string | "center";
-    autoWidth?: boolean;
-    trimSpace?: boolean;
-    rewind?: boolean;
-    padding?: {
-        left?: string;
-        right?: string;
-    };
-    breakpoints?: Record<string | number, OraculoCarouselOptions>;
-    [key: string]: any;
-}
-interface OraculoCarouselRef {
-    next: () => void;
-    prev: () => void;
-    go: (index: number | string) => void;
-}
-interface OraculoCarouselProps<T = any> {
-    items: T[];
-    renderItem: (item: T, index: number) => ReactNode;
-    perPage?: number;
-    gap?: string;
-    breakpoints?: Record<string | number, OraculoCarouselOptions>;
-    options?: OraculoCarouselOptions;
-    className?: string;
-    useIndexAsKey?: boolean;
-    onMove?: (info: {
-        index: number;
-        isStart: boolean;
-        isEnd: boolean;
-        total: number;
-    }) => void;
-}
-declare const OraculoCarousel: React.ForwardRefExoticComponent<OraculoCarouselProps<any> & React.RefAttributes<OraculoCarouselRef>>;
-
-type SizeOpt = {
-    w: number;
-    h: number;
-    r?: number;
-    font?: number;
-};
-interface OraculoGameRankCardSizes {
-    xs: SizeOpt;
-    md: SizeOpt;
-}
-interface OraculoGameRankCardProps {
-    imageUrl: string;
-    orden?: number;
-    onClick?: () => void;
-    sizes?: OraculoGameRankCardSizes;
-}
-declare function OraculoGameRankCard({ imageUrl, orden, onClick, sizes, }: OraculoGameRankCardProps): React.JSX.Element;
-
-interface OraculoLiveCasinoCardProps {
-    logo: string;
-    provider?: string;
-    providerName?: string;
-    machine?: number | string;
-    onClick?: () => void;
-}
-declare const OraculoLiveCasinoCard: React.FC<OraculoLiveCasinoCardProps>;
-
-interface OraculoGameCardProps {
-    imageUrl: string;
-    onClick?: () => void;
-    size?: "lg" | "sm";
-    fillParent?: boolean;
-}
-declare const OraculoGameCard: React.FC<OraculoGameCardProps>;
-
-interface OraculoGameSlideItem {
-    id: string | number;
-    imageUrl: string;
-}
-interface OraculoGameSlideProps {
-    items: OraculoGameSlideItem[];
-    layout?: "mosaic" | "grid";
-    onClick?: (item: OraculoGameSlideItem, index: number) => void;
-}
-declare const OraculoGameSlide: React.FC<OraculoGameSlideProps>;
-
-interface OraculoWelcomeBannerProps {
-    title?: string;
-    amount?: string;
-    subtitle?: string;
-    buttonText?: string;
-    onButtonClick?: () => void;
-    backgroundImage?: string;
-    alt?: string;
-    className?: string;
-    /** Tamaño en desktop: "small" (456x272) o "large" (618x346) */
-    variant?: "small" | "large";
-}
-declare const OraculoWelcomeBanner: React.FC<OraculoWelcomeBannerProps>;
-
-interface OraculoClubOlimpoVisualProps {
-    text: string;
-    buttonLabel?: string;
-    onClick?: () => void;
-    imgAlt?: string;
-    imgSrcMobile: string;
-    imgSrcDesktopBg?: string;
-    imgSrcDesktopLogo?: string;
-}
-declare const OraculoClubOlimpoVisual: React.FC<OraculoClubOlimpoVisualProps>;
-
-interface EventPath {
-    id: number;
-    name: string;
-    englishName: string;
-    termKey: string;
-}
-interface EventBase {
-    id: number;
-    name: string;
-    nameDelimiter: string;
-    englishName: string;
-    homeName: string;
-    awayName: string;
-    start: string;
-    group: string;
-    groupId: number;
-    path: EventPath[];
-    nonLiveBoCount?: number;
-    liveBoCount?: number;
-    sport: string;
-    tags: string[];
-    state: string;
-    groupSortOrder?: number;
-}
-interface Outcome {
-    id: number;
-    label: string;
-    englishLabel: string;
-    odds: number;
-    participant?: string;
-    type: string;
-    betOfferId: number;
-    changedDate: string;
-    participantId?: number;
-    oddsFractional: string;
-    oddsAmerican: string;
-    status: string;
-    cashOutStatus: string;
-    line?: number;
-}
-interface Criterion {
-    id: number;
-    label: string;
-    englishLabel: string;
-    order: any[];
-    occurrenceType?: string;
-    lifetime?: string;
-}
-interface BetOfferType {
-    id: number;
-    name: string;
-    englishName: string;
-}
-interface BetOffer {
-    id: number;
-    closed?: string;
-    criterion: Criterion;
-    betOfferType: BetOfferType;
-    eventId: number;
-    outcomes: Outcome[];
-    tags: string[];
-    cashOutStatus: string;
-}
-interface MatchClock {
-    minute: string;
-    second: number;
-    running: boolean;
-    version: number;
-}
-interface LiveScore {
-    home: string;
-    away: string;
-    who: string;
-    version: number;
-}
-interface LiveStatisticsSetData {
-    home: number[];
-    away: number[];
-    homeServe: boolean;
-}
-interface LiveStatistics {
-    sets: LiveStatisticsSetData;
-}
-interface LiveData {
-    eventId: number;
-    matchClock: MatchClock;
-    score: LiveScore;
-    statistics?: LiveStatistics;
-    liveStatistics: any[];
-}
-interface LiveEvent {
-    event: EventBase;
-    liveData: LiveData;
-    betOffers: BetOffer;
-}
-interface CombinadoEventProps {
-    event: EventBase & {
-        outcomes?: Outcome[];
-        betOffers?: BetOffer[];
-    };
-}
-interface EnVivoEventProps {
-    event: EventBase;
-    liveData: LiveData | null;
-    betOffers?: BetOffer[];
-    fondo?: string;
-}
-interface SemanaEventProps {
-    event: EventBase & {
-        outcome?: {
-            outcomes?: Pick<Outcome, "id" | "label" | "odds">[];
-        }[];
-    };
-}
-
-declare function OraculoEventCombinadosCard({ event }: CombinadoEventProps): React.JSX.Element;
-
-declare function OraculoEventEnVivoCard({ event, liveData, betOffers, fondo }: EnVivoEventProps): React.JSX.Element;
-
-declare function OraculoEventSemanaCard({ event }: SemanaEventProps): React.JSX.Element;
-
-interface OraculoSeccionDestacadosItem {
-    body: string;
-    image: string;
-    title: string;
-    summary_body: string;
-    summary_title: string;
-    groups_forbidden: number[];
-    groups_allowed: number[];
-    promotion: string;
-    tags: string;
-    summary_image?: string;
-}
-interface OraculoSeccionDestacadosProps {
-    items: OraculoSeccionDestacadosItem[];
-    title?: string;
-    iconUrl?: string;
-    onViewMore?: () => void;
-    className?: string;
-}
-
-declare function OraculoSeccionDestacados({ items, title, iconUrl, onViewMore, className, }: OraculoSeccionDestacadosProps): React.JSX.Element;
-
-interface OraculoGameItem {
-    orden?: number;
-    logo?: string;
-    machine?: number | string;
-    name?: string;
-    web_name?: string;
-    provider?: string;
-    sub_provider?: string;
-    external_id?: string;
-    type?: string;
-    tags?: string;
-    lobby_tag?: string | null;
-    background?: string;
-    rtp?: number | null;
-    demo_allowed?: boolean;
-    gaming_session_required?: boolean;
-}
-
-interface OraculoSeccionTopJuegosProps {
-    items: OraculoGameItem[];
-    title?: string;
-    iconUrl?: string;
-    onCardClick?: (item: OraculoGameItem) => void;
-}
-
-declare function OraculoSeccionTopJuegos({ items, title, iconUrl, onCardClick, }: OraculoSeccionTopJuegosProps): React.JSX.Element;
-
-interface OraculoSeccionCasinoEnVivoProps {
-    items: OraculoGameItem[];
-    title?: string;
-    subtitle?: string;
-    backgroundMobileUrl?: string;
-    backgroundDesktopUrl?: string;
-    onCardClick?: (juego: OraculoGameItem, index: number) => void;
-    onViewMore?: () => void;
-    className?: string;
-}
-
-declare const OraculoSeccionCasinoEnVivo: React.FC<OraculoSeccionCasinoEnVivoProps>;
-
-interface OraculoSeccionCasinoProps {
-    items: OraculoGameItem[];
-    title?: string;
-    iconUrl?: string;
-    onItemClick?: (game: OraculoGameItem) => void;
-    onViewMore?: () => void;
-    mosaicFirst?: boolean;
-    gridSize?: number;
-}
-
-declare const OraculoSeccionCasino: React.FC<OraculoSeccionCasinoProps>;
-
-interface OraculoSeccionVirtualesProps {
-    items: OraculoGameItem[];
-    title?: string;
-    iconUrl?: string;
-    onItemClick?: (game: OraculoGameItem) => void;
-    onViewMore?: () => void;
-    mosaicFirst?: boolean;
-    gridSize?: number;
-}
-
-declare const OraculoSeccionVirtuales: React.FC<OraculoSeccionVirtualesProps>;
-
-interface OraculoBonosItem {
-    title?: string;
-    amount?: string;
-    subtitle?: string;
-    buttonText?: string;
-    onButtonClick?: () => void;
-}
-interface OraculoSeccionBonoProps {
-    headline?: string;
-    headline2?: string;
-    items: OraculoBonosItem[];
-    backgroundImageUrl?: string;
-}
-
-declare const OraculoSeccionBonoBienvenida: React.FC<OraculoSeccionBonoProps>;
-
-interface OraculoSeccionClubOlimpoItem {
-    text: string;
-    buttonLabel?: string;
-    imgAlt?: string;
-    images: {
-        mobile: string;
-        desktopBg?: string;
-        desktopLogo?: string;
-    };
-    onClick?: () => void;
-}
-
-interface OraculoSeccionClubOlimpoItems {
-    className?: string;
-    /** Si true, hace el efecto full-bleed (100vw centrado) */
-    fullBleed?: boolean;
-    /** Lista de variantes (puedes pasar 1 o varias). */
-    items: OraculoSeccionClubOlimpoItem;
-    /** Índice del item a mostrar si pasas varios. */
-    selectedIndex?: number;
-    /** aria-label de la sección (fallback al imgAlt del item seleccionado). */
-    ariaLabel?: string;
-}
-declare const OraculoSeccionClubOlimpo: React.FC<OraculoSeccionClubOlimpoItems>;
-
-declare function OraculoSeccionEventoCombinadas({ items, title, iconUrl, onViewMore, className, }: any): React.JSX.Element;
-
-declare function OraculoSeccionEventoEnVivo({ items, title, iconUrl, onViewMore, className, }: any): React.JSX.Element;
-
-declare function OraculoSeccionEventoSemana({ items, title, iconUrl, onViewMore, className, }: any): React.JSX.Element;
-
-type OraculoPageLandingPreviewSection = {
-    id: number;
-    title: string;
-    componentKey: string;
-    visible: boolean;
-    order: number;
-    props?: Record<string, unknown>;
-    apiUrl?: string;
-    dataMode?: "url" | "manual";
-    variableName?: string;
-    manualItems?: {
-        fields: {
-            name: string;
-            type: string;
-            value: string;
-        }[];
-    }[];
-    manualScalarFields?: {
-        name: string;
-        type: string;
-        value: string;
-    }[];
-    apiMethod?: "GET" | "POST";
-    apiParams?: {
-        id: string;
-        key: string;
-        value: string;
-    }[];
-};
-interface OraculoPageLandingPreviewProps {
-    /** Optional override: if provided, renders these sections instead of fetching Firestore */
-    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>;
-
-export { type BetOffer, type BetOfferType, type CombinadoEventProps, type Criterion, type EnVivoEventProps, type EventBase, type EventPath, type LiveData, type LiveEvent, type LiveScore, type LiveStatistics, type LiveStatisticsSetData, type MatchClock, type OraculoBonosItem, OraculoButton, type OraculoButtonProps, OraculoCarousel, OraculoCarouselDots, type OraculoCarouselDotsProps, type OraculoCarouselOptions, type OraculoCarouselProps, type OraculoCarouselRef, OraculoClubOlimpoVisual, type OraculoClubOlimpoVisualProps, OraculoEventCombinadosCard as OraculoEventCombinadasCard, OraculoEventEnVivoCard, OraculoMatchHeader as OraculoEventHeader, OraculoEventLabel, OraculoEventLeague, OraculoEventScore, OraculoEventSemanaCard, OraculoEventStatus, OraculoEventStatusBadge, OraculoEventTeamInfo, OraculoGameCard, type OraculoGameCardProps, type OraculoGameItem, OraculoGameRankCard, type OraculoGameRankCardProps, type OraculoGameRankCardSizes, OraculoGameSlide, type OraculoGameSlideItem, type OraculoGameSlideProps, OraculoGridGroup, OraculoLiveCasinoCard, type OraculoLiveCasinoCardProps, OraculoLogoMediosPago, OraculoPageLandingPreview, type OraculoPageLandingPreviewProps, type OraculoPageLandingPreviewSection, OraculoSeccionBonoBienvenida, type OraculoSeccionBonoProps, OraculoSeccionCasino, OraculoSeccionCasinoEnVivo, type OraculoSeccionCasinoEnVivoProps, type OraculoSeccionCasinoProps, OraculoSeccionClubOlimpo, type OraculoSeccionClubOlimpoItem, OraculoSeccionDestacados, type OraculoSeccionDestacadosItem, type OraculoSeccionDestacadosProps, OraculoSeccionEventoCombinadas, OraculoSeccionEventoEnVivo, OraculoSeccionEventoSemana, OraculoSeccionTopJuegos, type OraculoSeccionTopJuegosProps, OraculoSeccionVirtuales, type OraculoSeccionVirtualesProps, OraculoSectionTitle, type OraculoSectionTitleProps, OraculoSeccionTopJuegos as OraculoTopJuegoItem, OraculoWelcomeBanner, type OraculoWelcomeBannerProps, type Outcome, type SemanaEventProps, OraculoPageLandingPreview as default };