@hotelcard/ui 0.0.12 → 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;
@@ -680,6 +651,125 @@ interface GuestContentProps {
  */
 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;
@@ -874,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, type ChildAgeError, 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, GuestContent, type GuestContentLabels, type GuestContentProps, type GuestCounts, 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 WhenContentLabels, 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;
@@ -680,6 +651,125 @@ interface GuestContentProps {
  */
 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;
@@ -874,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, type ChildAgeError, 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, GuestContent, type GuestContentLabels, type GuestContentProps, type GuestCounts, 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 WhenContentLabels, 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 };