@hotelcard/ui 0.0.11 → 0.0.13

package/dist/index.d.cts

@@ -318,35 +318,6 @@ interface CardProps {
 
 declare const Card: React__default.FC<CardProps>;
 
-interface CompactCardBadge {
-    text: string;
-    variant?: 'primary' | 'secondary';
-}
-interface CompactCardProps {
-    /** Image URL for the card */
-    image?: string;
-    /** Alt text for accessibility */
-    imageAlt?: string;
-    /** Main label/title text */
-    label?: string;
-    /** Price text */
-    price?: string;
-    /** Rating value (1-6, 6 = Swiss Lodge) */
-    stars?: number;
-    /** Superior hotel indicator */
-    isSuperior?: boolean;
-    /** Badge configuration */
-    badge?: CompactCardBadge;
-    /** Click handler */
-    onClick?: () => void;
-    /** Additional CSS classes */
-    className?: string;
-    /** Label for Swiss Lodge (rating = 6), e.g., "Swiss Lodge" */
-    swissLodgeLabel?: string;
-}
-
-declare const CompactCard: React__default.FC<CompactCardProps>;
-
 interface DropdownOption {
     value: string;
     label: string;
@@ -612,6 +583,193 @@ interface DualCalendarProps {
 }
 declare const DualCalendar: React__default.FC<DualCalendarProps>;
 
+/**
+ * Guest counts object
+ */
+interface GuestCounts {
+    adults: number;
+    children: number;
+    childrenAges: Array<number | null>;
+}
+interface ChildAgeError {
+    index: number;
+    message: string;
+}
+/**
+ * Labels for GuestContent component
+ * All text is passed as props - consuming apps provide translations
+ */
+interface GuestContentLabels {
+    /** Label for adults row (e.g., "Adults") */
+    adults?: string;
+    /** Label for children row (e.g., "Children") */
+    children?: string;
+    /** Label for pet toggle (e.g., "Pet") */
+    pet?: string;
+    /** Label for child age dropdown (e.g., "Age of child") */
+    ageOfChild?: string;
+    /** Placeholder for age dropdown (e.g., "Age") */
+    age?: string;
+    /** Aria label for decrease adults button */
+    decreaseAdults?: string;
+    /** Aria label for increase adults button */
+    increaseAdults?: string;
+    /** Aria label for decrease children button */
+    decreaseChildren?: string;
+    /** Aria label for increase children button */
+    increaseChildren?: string;
+    /** Aria label for pet toggle */
+    togglePets?: string;
+}
+interface GuestContentProps {
+    /** Current guest counts */
+    guests: GuestCounts;
+    /** Called when guests change */
+    onChange: (guests: GuestCounts) => void;
+    /** Current pet filter value (0 or 1) */
+    petFilter?: number;
+    /** Called when pet filter changes */
+    onPetChange?: (value: number) => void;
+    /** Show pet toggle */
+    showPetToggle?: boolean;
+    /** Additional class name for container */
+    className?: string;
+    /** Validation errors for child ages */
+    childAgeErrors?: ChildAgeError[];
+    /** Called when an error is cleared (user selects an age) */
+    onErrorClear?: (index: number) => void;
+    /** Labels for all text content */
+    labels?: GuestContentLabels;
+}
+/**
+ * GuestContent - Shared guest selection UI
+ *
+ * Used by both desktop GuestSelector dropdown and mobile SearchModal.
+ * Contains adults counter, children counter with age dropdowns, and optional pet toggle.
+ *
+ * All text labels are passed as props - consuming apps provide translations.
+ */
+declare const GuestContent: React__default.FC<GuestContentProps>;
+
+/**
+ * HotelCard Component Types
+ *
+ * Shared hotel card for search results. Platform-agnostic design:
+ * - All text via labels prop
+ * - Navigation/auth handled by consuming apps
+ */
+/**
+ * Labels for HotelCard component
+ * All text is passed as props - consuming apps provide translations
+ */
+interface HotelCardLabels {
+    ratingExcellent?: string;
+    ratingVeryGood?: string;
+    ratingGood?: string;
+    ratingFair?: string;
+    rating?: string;
+    priceFrom?: string;
+    notAvailable?: string;
+    swissLodge?: string;
+    removeFromFavorites?: string;
+    addToFavorites?: string;
+    previousImage?: string;
+    nextImage?: string;
+}
+/**
+ * Hotel data structure for the card
+ */
+interface HotelCardHotel {
+    id: string;
+    name: string;
+    slug: string;
+    stars: number;
+    isSuperior?: boolean;
+    rating: number;
+    location: string;
+    images: string[];
+    isFavorite: boolean;
+    benefits: Array<{
+        id: string;
+        label: string;
+    }>;
+    isAvailable?: boolean;
+    currency?: string;
+    price: {
+        current: number;
+        original?: number;
+        discount?: number;
+    };
+    usp?: string;
+    badges?: string[];
+}
+interface HotelCardProps {
+    /** Hotel data */
+    hotel: HotelCardHotel;
+    /** Called when favorite button is clicked */
+    onFavoriteClick: () => void;
+    /** Called when card content is clicked (for navigation) */
+    onContentClick?: () => void;
+    /** Labels for all text content */
+    labels?: HotelCardLabels;
+    /** Additional class name */
+    className?: string;
+}
+interface HotelCardImageProps {
+    images: string[];
+    hotelName: string;
+    badges?: string[];
+    isFavorite: boolean;
+    onFavoriteClick: () => void;
+    labels?: Pick<HotelCardLabels, 'removeFromFavorites' | 'addToFavorites' | 'previousImage' | 'nextImage'>;
+}
+interface HotelCardContentProps {
+    name: string;
+    stars: number;
+    isSuperior?: boolean;
+    rating: number;
+    location: string;
+    benefits: Array<{
+        id: string;
+        label: string;
+    }>;
+    price: {
+        current: number;
+        original?: number;
+        discount?: number;
+    };
+    currency?: string;
+    isAvailable?: boolean;
+    usp?: string;
+    onClick?: () => void;
+    labels?: Omit<HotelCardLabels, 'removeFromFavorites' | 'addToFavorites' | 'previousImage' | 'nextImage'>;
+}
+
+/**
+ * HotelCard Component
+ *
+ * A presentational card component for displaying hotel information in search results.
+ * Platform-agnostic - navigation and auth logic should be handled by consuming apps.
+ *
+ * @example
+ * ```tsx
+ * <HotelCard
+ *   hotel={hotelData}
+ *   onFavoriteClick={() => toggleFavorite(hotelData.id)}
+ *   onContentClick={() => navigate(`/hotel/${hotelData.slug}`)}
+ *   labels={{
+ *     priceFrom: t('hotel.priceFrom'),
+ *     ratingExcellent: t('rating.excellent'),
+ *   }}
+ * />
+ * ```
+ */
+declare const HotelCard: React__default.FC<HotelCardProps>;
+
+declare const HotelCardImage: React__default.FC<HotelCardImageProps>;
+
+declare const HotelCardContent: React__default.FC<HotelCardContentProps>;
+
 interface HeartIconProps {
     filled?: boolean;
     className?: string;
@@ -806,4 +964,4 @@ interface SearchFilters {
     regions?: string[];
 }
 
-export { type Address, Badge, type BadgeProps, type BenefitItem, Benefits, type BenefitsProps, Block, type BlockProps, type Booking, Button, type ButtonProps, Card, type CardBadge, type CardProps, type CardRatingInfo, Checkbox, type CheckboxProps, type CheckboxSize, ChevronLeftIcon, ChevronRightIcon, Chip, type ChipProps, type ChipSize, type ChipState, CompactCard, type CompactCardBadge, type CompactCardProps, type DateRange, DateSelector, type DateSelectorProps, Divider, type DividerProps, Dropdown, type DropdownOption, type DropdownProps, DualCalendar, FAQ, type FAQItem, type FAQProps, HeartIcon, type Hotel, HotelCardUIProvider, type HotelCardUIProviderProps, Input, type InputProps, type InputType, type Membership, Modal, type ModalProps, Pin, PinIcon, type PinProps, RadioButton, type RadioButtonProps, Rating, type RatingProps, ReviewCard, type ReviewCardProps, type SearchFilters, type SearchParams, SectionHeader, type SectionHeaderProps, StarIcon, type UIContextValue, type User, WhenContent, type WhenContentProps, calculateDiscount, formatDate, formatDateRange, formatPrice, useDebounce, useResponsive, useTranslation, useUIContext, useWindowData };
+export { type Address, Badge, type BadgeProps, type BenefitItem, Benefits, type BenefitsProps, Block, type BlockProps, type Booking, Button, type ButtonProps, Card, type CardBadge, type CardProps, type CardRatingInfo, Checkbox, type CheckboxProps, type CheckboxSize, ChevronLeftIcon, ChevronRightIcon, type ChildAgeError, Chip, type ChipProps, type ChipSize, type ChipState, type DateRange, DateSelector, type DateSelectorProps, Divider, type DividerProps, Dropdown, type DropdownOption, type DropdownProps, DualCalendar, FAQ, type FAQItem, type FAQProps, GuestContent, type GuestContentLabels, type GuestContentProps, type GuestCounts, HeartIcon, type Hotel, HotelCard, HotelCardContent, type HotelCardContentProps, type HotelCardHotel, HotelCardImage, type HotelCardImageProps, type HotelCardLabels, type HotelCardProps, HotelCardUIProvider, type HotelCardUIProviderProps, Input, type InputProps, type InputType, type Membership, Modal, type ModalProps, Pin, PinIcon, type PinProps, RadioButton, type RadioButtonProps, Rating, type RatingProps, ReviewCard, type ReviewCardProps, type SearchFilters, type SearchParams, SectionHeader, type SectionHeaderProps, StarIcon, type UIContextValue, type User, WhenContent, type WhenContentLabels, type WhenContentProps, calculateDiscount, formatDate, formatDateRange, formatPrice, useDebounce, useResponsive, useTranslation, useUIContext, useWindowData };

package/dist/index.d.ts

@@ -318,35 +318,6 @@ interface CardProps {
 
 declare const Card: React__default.FC<CardProps>;
 
-interface CompactCardBadge {
-    text: string;
-    variant?: 'primary' | 'secondary';
-}
-interface CompactCardProps {
-    /** Image URL for the card */
-    image?: string;
-    /** Alt text for accessibility */
-    imageAlt?: string;
-    /** Main label/title text */
-    label?: string;
-    /** Price text */
-    price?: string;
-    /** Rating value (1-6, 6 = Swiss Lodge) */
-    stars?: number;
-    /** Superior hotel indicator */
-    isSuperior?: boolean;
-    /** Badge configuration */
-    badge?: CompactCardBadge;
-    /** Click handler */
-    onClick?: () => void;
-    /** Additional CSS classes */
-    className?: string;
-    /** Label for Swiss Lodge (rating = 6), e.g., "Swiss Lodge" */
-    swissLodgeLabel?: string;
-}
-
-declare const CompactCard: React__default.FC<CompactCardProps>;
-
 interface DropdownOption {
     value: string;
     label: string;
@@ -612,6 +583,193 @@ interface DualCalendarProps {
 }
 declare const DualCalendar: React__default.FC<DualCalendarProps>;
 
+/**
+ * Guest counts object
+ */
+interface GuestCounts {
+    adults: number;
+    children: number;
+    childrenAges: Array<number | null>;
+}
+interface ChildAgeError {
+    index: number;
+    message: string;
+}
+/**
+ * Labels for GuestContent component
+ * All text is passed as props - consuming apps provide translations
+ */
+interface GuestContentLabels {
+    /** Label for adults row (e.g., "Adults") */
+    adults?: string;
+    /** Label for children row (e.g., "Children") */
+    children?: string;
+    /** Label for pet toggle (e.g., "Pet") */
+    pet?: string;
+    /** Label for child age dropdown (e.g., "Age of child") */
+    ageOfChild?: string;
+    /** Placeholder for age dropdown (e.g., "Age") */
+    age?: string;
+    /** Aria label for decrease adults button */
+    decreaseAdults?: string;
+    /** Aria label for increase adults button */
+    increaseAdults?: string;
+    /** Aria label for decrease children button */
+    decreaseChildren?: string;
+    /** Aria label for increase children button */
+    increaseChildren?: string;
+    /** Aria label for pet toggle */
+    togglePets?: string;
+}
+interface GuestContentProps {
+    /** Current guest counts */
+    guests: GuestCounts;
+    /** Called when guests change */
+    onChange: (guests: GuestCounts) => void;
+    /** Current pet filter value (0 or 1) */
+    petFilter?: number;
+    /** Called when pet filter changes */
+    onPetChange?: (value: number) => void;
+    /** Show pet toggle */
+    showPetToggle?: boolean;
+    /** Additional class name for container */
+    className?: string;
+    /** Validation errors for child ages */
+    childAgeErrors?: ChildAgeError[];
+    /** Called when an error is cleared (user selects an age) */
+    onErrorClear?: (index: number) => void;
+    /** Labels for all text content */
+    labels?: GuestContentLabels;
+}
+/**
+ * GuestContent - Shared guest selection UI
+ *
+ * Used by both desktop GuestSelector dropdown and mobile SearchModal.
+ * Contains adults counter, children counter with age dropdowns, and optional pet toggle.
+ *
+ * All text labels are passed as props - consuming apps provide translations.
+ */
+declare const GuestContent: React__default.FC<GuestContentProps>;
+
+/**
+ * HotelCard Component Types
+ *
+ * Shared hotel card for search results. Platform-agnostic design:
+ * - All text via labels prop
+ * - Navigation/auth handled by consuming apps
+ */
+/**
+ * Labels for HotelCard component
+ * All text is passed as props - consuming apps provide translations
+ */
+interface HotelCardLabels {
+    ratingExcellent?: string;
+    ratingVeryGood?: string;
+    ratingGood?: string;
+    ratingFair?: string;
+    rating?: string;
+    priceFrom?: string;
+    notAvailable?: string;
+    swissLodge?: string;
+    removeFromFavorites?: string;
+    addToFavorites?: string;
+    previousImage?: string;
+    nextImage?: string;
+}
+/**
+ * Hotel data structure for the card
+ */
+interface HotelCardHotel {
+    id: string;
+    name: string;
+    slug: string;
+    stars: number;
+    isSuperior?: boolean;
+    rating: number;
+    location: string;
+    images: string[];
+    isFavorite: boolean;
+    benefits: Array<{
+        id: string;
+        label: string;
+    }>;
+    isAvailable?: boolean;
+    currency?: string;
+    price: {
+        current: number;
+        original?: number;
+        discount?: number;
+    };
+    usp?: string;
+    badges?: string[];
+}
+interface HotelCardProps {
+    /** Hotel data */
+    hotel: HotelCardHotel;
+    /** Called when favorite button is clicked */
+    onFavoriteClick: () => void;
+    /** Called when card content is clicked (for navigation) */
+    onContentClick?: () => void;
+    /** Labels for all text content */
+    labels?: HotelCardLabels;
+    /** Additional class name */
+    className?: string;
+}
+interface HotelCardImageProps {
+    images: string[];
+    hotelName: string;
+    badges?: string[];
+    isFavorite: boolean;
+    onFavoriteClick: () => void;
+    labels?: Pick<HotelCardLabels, 'removeFromFavorites' | 'addToFavorites' | 'previousImage' | 'nextImage'>;
+}
+interface HotelCardContentProps {
+    name: string;
+    stars: number;
+    isSuperior?: boolean;
+    rating: number;
+    location: string;
+    benefits: Array<{
+        id: string;
+        label: string;
+    }>;
+    price: {
+        current: number;
+        original?: number;
+        discount?: number;
+    };
+    currency?: string;
+    isAvailable?: boolean;
+    usp?: string;
+    onClick?: () => void;
+    labels?: Omit<HotelCardLabels, 'removeFromFavorites' | 'addToFavorites' | 'previousImage' | 'nextImage'>;
+}
+
+/**
+ * HotelCard Component
+ *
+ * A presentational card component for displaying hotel information in search results.
+ * Platform-agnostic - navigation and auth logic should be handled by consuming apps.
+ *
+ * @example
+ * ```tsx
+ * <HotelCard
+ *   hotel={hotelData}
+ *   onFavoriteClick={() => toggleFavorite(hotelData.id)}
+ *   onContentClick={() => navigate(`/hotel/${hotelData.slug}`)}
+ *   labels={{
+ *     priceFrom: t('hotel.priceFrom'),
+ *     ratingExcellent: t('rating.excellent'),
+ *   }}
+ * />
+ * ```
+ */
+declare const HotelCard: React__default.FC<HotelCardProps>;
+
+declare const HotelCardImage: React__default.FC<HotelCardImageProps>;
+
+declare const HotelCardContent: React__default.FC<HotelCardContentProps>;
+
 interface HeartIconProps {
     filled?: boolean;
     className?: string;
@@ -806,4 +964,4 @@ interface SearchFilters {
     regions?: string[];
 }
 
-export { type Address, Badge, type BadgeProps, type BenefitItem, Benefits, type BenefitsProps, Block, type BlockProps, type Booking, Button, type ButtonProps, Card, type CardBadge, type CardProps, type CardRatingInfo, Checkbox, type CheckboxProps, type CheckboxSize, ChevronLeftIcon, ChevronRightIcon, Chip, type ChipProps, type ChipSize, type ChipState, CompactCard, type CompactCardBadge, type CompactCardProps, type DateRange, DateSelector, type DateSelectorProps, Divider, type DividerProps, Dropdown, type DropdownOption, type DropdownProps, DualCalendar, FAQ, type FAQItem, type FAQProps, HeartIcon, type Hotel, HotelCardUIProvider, type HotelCardUIProviderProps, Input, type InputProps, type InputType, type Membership, Modal, type ModalProps, Pin, PinIcon, type PinProps, RadioButton, type RadioButtonProps, Rating, type RatingProps, ReviewCard, type ReviewCardProps, type SearchFilters, type SearchParams, SectionHeader, type SectionHeaderProps, StarIcon, type UIContextValue, type User, WhenContent, type WhenContentProps, calculateDiscount, formatDate, formatDateRange, formatPrice, useDebounce, useResponsive, useTranslation, useUIContext, useWindowData };
+export { type Address, Badge, type BadgeProps, type BenefitItem, Benefits, type BenefitsProps, Block, type BlockProps, type Booking, Button, type ButtonProps, Card, type CardBadge, type CardProps, type CardRatingInfo, Checkbox, type CheckboxProps, type CheckboxSize, ChevronLeftIcon, ChevronRightIcon, type ChildAgeError, Chip, type ChipProps, type ChipSize, type ChipState, type DateRange, DateSelector, type DateSelectorProps, Divider, type DividerProps, Dropdown, type DropdownOption, type DropdownProps, DualCalendar, FAQ, type FAQItem, type FAQProps, GuestContent, type GuestContentLabels, type GuestContentProps, type GuestCounts, HeartIcon, type Hotel, HotelCard, HotelCardContent, type HotelCardContentProps, type HotelCardHotel, HotelCardImage, type HotelCardImageProps, type HotelCardLabels, type HotelCardProps, HotelCardUIProvider, type HotelCardUIProviderProps, Input, type InputProps, type InputType, type Membership, Modal, type ModalProps, Pin, PinIcon, type PinProps, RadioButton, type RadioButtonProps, Rating, type RatingProps, ReviewCard, type ReviewCardProps, type SearchFilters, type SearchParams, SectionHeader, type SectionHeaderProps, StarIcon, type UIContextValue, type User, WhenContent, type WhenContentLabels, type WhenContentProps, calculateDiscount, formatDate, formatDateRange, formatPrice, useDebounce, useResponsive, useTranslation, useUIContext, useWindowData };