@rock10/ui 1.0.14 → 1.0.16

package/dist/components/ArenaPosterCard.d.ts

@@ -0,0 +1,16 @@
+import { ReactNode } from 'react';
+import { ArenaData } from './ArenaCard';
+
+export interface ArenaPosterCardProps {
+    arena: ArenaData;
+    courtCount?: number;
+    isMostAccessed?: boolean;
+    accessRank?: 1 | 2;
+    rankBadge?: ReactNode;
+    actionText?: string;
+    onClick?: (arena: ArenaData) => void;
+    fallbackImage?: string;
+    className?: string;
+}
+export declare function ArenaPosterCard({ arena, courtCount, isMostAccessed, accessRank, rankBadge, actionText, onClick, fallbackImage, className, }: ArenaPosterCardProps): import("react").JSX.Element;
+export default ArenaPosterCard;

package/dist/components/BannerCTA.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+
+export interface BannerCTAProps {
+    title: string;
+    description: string;
+    icon?: ReactNode;
+    actionText: string;
+    actionIcon?: ReactNode;
+    onAction?: () => void;
+    actionHref?: string;
+    variant?: 'primary' | 'dark' | 'emerald';
+    className?: string;
+}
+export declare function BannerCTA({ title, description, icon, actionText, actionIcon, onAction, actionHref, variant, className, }: BannerCTAProps): import("react").JSX.Element;
+export default BannerCTA;

package/dist/components/ConfirmDialog.d.ts

@@ -1,9 +1,11 @@
+import { ReactNode } from 'react';
+
 export interface ConfirmDialogProps {
     isOpen: boolean;
     onClose: () => void;
     onConfirm: () => void;
     title: string;
-    message: string;
+    message: ReactNode;
     confirmText?: string;
     cancelText?: string;
     isLoading?: boolean;

package/dist/components/HeroBanner.d.ts

@@ -0,0 +1,23 @@
+import { ReactNode } from 'react';
+
+export interface HeroAction {
+    label: string;
+    icon?: ReactNode;
+    href?: string;
+    onClick?: () => void;
+    variant?: 'primary' | 'secondary' | 'outline';
+}
+export interface HeroBannerProps {
+    badge?: {
+        text: string;
+        icon?: ReactNode;
+    };
+    title: ReactNode;
+    description?: string;
+    primaryAction?: HeroAction;
+    secondaryAction?: HeroAction;
+    ambientGlow?: boolean;
+    className?: string;
+}
+export declare function HeroBanner({ badge, title, description, primaryAction, secondaryAction, ambientGlow, className, }: HeroBannerProps): import("react").JSX.Element;
+export default HeroBanner;

package/dist/components/SegmentedControl.d.ts

@@ -0,0 +1,21 @@
+import { ReactNode } from 'react';
+
+export interface SegmentedControlOption<T extends string = string> {
+    value: T;
+    label: string;
+    mobileLabel?: string;
+    icon?: ReactNode;
+    badge?: ReactNode;
+    disabled?: boolean;
+    title?: string;
+}
+export interface SegmentedControlProps<T extends string = string> {
+    options: SegmentedControlOption<T>[];
+    value: T;
+    onChange: (value: T) => void;
+    size?: 'sm' | 'md' | 'lg';
+    fullWidth?: boolean;
+    className?: string;
+}
+export declare function SegmentedControl<T extends string = string>({ options, value, onChange, size, fullWidth, className, }: SegmentedControlProps<T>): import("react").JSX.Element;
+export default SegmentedControl;

package/dist/components/SponsorCarousel.d.ts

@@ -0,0 +1,19 @@
+export interface SponsorItem {
+    id?: string | number;
+    imageUrl: string;
+    alt?: string;
+    title?: string;
+    linkUrl?: string;
+    displayDurationMs?: number;
+}
+export interface SponsorCarouselProps {
+    items: (string | SponsorItem)[];
+    intervalMs?: number;
+    height?: number | string;
+    autoplay?: boolean;
+    onItemClick?: (item: SponsorItem | string, index: number) => void;
+    badgeText?: string | ((item: SponsorItem | string) => string);
+    className?: string;
+}
+export declare function SponsorCarousel({ items, intervalMs, height, autoplay, onItemClick, badgeText, className, }: SponsorCarouselProps): import("react").JSX.Element | null;
+export default SponsorCarousel;

package/dist/components/StepCards.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+
+export interface StepItem {
+    stepNumber?: string | number;
+    title: string;
+    description: string;
+    icon?: ReactNode;
+}
+export interface StepCardsProps {
+    steps: StepItem[];
+    columns?: 2 | 3 | 4;
+    className?: string;
+}
+export declare function StepCards({ steps, columns, className }: StepCardsProps): import("react").JSX.Element;
+export default StepCards;

package/dist/index.d.ts

@@ -22,8 +22,14 @@ export { SearchBar, type SearchBarProps } from './components/SearchBar';
 export { DatePicker, type DatePickerProps } from './components/DatePicker';
 export { DateSelector, type DateSelectorProps } from './components/DateSelector';
 export { Tabs, type TabsProps, type TabItem } from './components/Tabs';
+export { SegmentedControl, type SegmentedControlProps, type SegmentedControlOption } from './components/SegmentedControl';
+export { HeroBanner, type HeroBannerProps, type HeroAction } from './components/HeroBanner';
+export { BannerCTA, type BannerCTAProps } from './components/BannerCTA';
+export { StepCards, type StepCardsProps, type StepItem } from './components/StepCards';
 export { VideoCard, type VideoCardProps, type VideoData } from './components/VideoCard';
 export { ArenaCard, type ArenaCardProps, type ArenaData } from './components/ArenaCard';
+export { ArenaPosterCard, type ArenaPosterCardProps } from './components/ArenaPosterCard';
+export { SponsorCarousel, type SponsorCarouselProps, type SponsorItem } from './components/SponsorCarousel';
 export { LikeButton, type LikeButtonProps } from './components/LikeButton';
 export { DownloadButton, type DownloadButtonProps } from './components/DownloadButton';
 export { Logo, type LogoProps } from './components/Logo';