@hotelcard/ui 0.0.5 → 0.0.7

package/dist/index.d.cts

@@ -390,6 +390,105 @@ interface InputProps {
 
 declare const Input: React__default.FC<InputProps>;
 
+interface BlockProps {
+    /** Type of block to render */
+    variant?: 'icon' | 'image';
+    /** Icon or image to display */
+    visual?: ReactNode;
+    /** Label/title text */
+    label: string;
+    /** Description text (for icon variant) */
+    description?: string;
+    /** Style variant for icon blocks */
+    style?: 'primary' | 'secondary';
+    /** Click handler */
+    onClick?: () => void;
+    /** Whether to show arrow (for image variant) */
+    showArrow?: boolean;
+    /** Additional CSS class names */
+    className?: string;
+}
+declare const Block: React.FC<BlockProps>;
+
+interface ReviewCardProps {
+    /** Reviewer's name */
+    name: string;
+    /** Review date */
+    date: string;
+    /** Rating value (1-5) */
+    rating: number;
+    /** Review text/quote */
+    quote: string;
+    /** Additional CSS classes */
+    className?: string;
+}
+declare const ReviewCard: React.FC<ReviewCardProps>;
+
+interface FAQItem {
+    question: string;
+    answer: string;
+}
+interface FAQProps {
+    items: FAQItem[];
+    defaultOpenIndex?: number | null;
+    allowMultiple?: boolean;
+    className?: string;
+}
+declare const FAQ: React.FC<FAQProps>;
+
+interface BenefitItem {
+    icon?: string;
+    title: string;
+    description?: string;
+}
+interface BenefitsProps {
+    title?: string;
+    subtitle?: string;
+    benefits?: BenefitItem[];
+    contactTitle?: string;
+    contactDescription?: string;
+    contactButtonText?: string;
+    onContactClick?: () => void;
+    className?: string;
+}
+declare const Benefits: React.FC<BenefitsProps>;
+
+interface PinProps {
+    /** Pin variant - 'price' shows currency/price, 'hotel' shows house icon */
+    variant?: 'price' | 'hotel';
+    /** Whether the hotel has been viewed (secondary style) */
+    viewed?: boolean;
+    /** Currency code to display */
+    currency?: string;
+    /** Price to display */
+    price?: number | string;
+    /** Whether to show the favorite (heart) icon */
+    showFavorite?: boolean;
+    /** Whether the pin is disabled */
+    disabled?: boolean;
+    /** Click handler */
+    onClick?: () => void;
+    /** Additional class name */
+    className?: string;
+}
+/**
+ * Pin Component
+ *
+ * Map marker pin with price or hotel icon variants.
+ * Used for displaying hotel markers on maps.
+ *
+ * @example
+ * // Price pin (default)
+ * <Pin price={150} currency="CHF" showFavorite />
+ *
+ * // Viewed price pin (secondary style)
+ * <Pin price={150} viewed showFavorite />
+ *
+ * // Hotel pin (for clusters)
+ * <Pin variant="hotel" />
+ */
+declare const Pin: React__default.ForwardRefExoticComponent<PinProps & React__default.RefAttributes<HTMLButtonElement>>;
+
 interface HeartIconProps {
     filled?: boolean;
     className?: string;
@@ -437,4 +536,96 @@ declare const PinIcon: {
     displayName: string;
 };
 
-export { Badge, type BadgeProps, 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, Divider, type DividerProps, Dropdown, type DropdownOption, type DropdownProps, HeartIcon, Input, type InputProps, type InputType, Modal, type ModalProps, PinIcon, RadioButton, type RadioButtonProps, Rating, type RatingProps, SectionHeader, type SectionHeaderProps, StarIcon };
+declare const useDebounce: <T>(value: T, delay: number) => T;
+
+declare const formatPrice: (amount: number, currency?: string, locale?: string) => string;
+
+declare const formatDate: (date: string | Date, formatStr?: string, locale?: string) => string;
+declare const formatDateRange: (checkIn: string | Date, checkOut: string | Date, locale?: string) => string;
+
+declare const calculateDiscount: (originalPrice: number, discountedPrice: number) => number;
+
+interface Hotel {
+    id: number;
+    name: string;
+    location: string;
+    region?: string;
+    country?: string;
+    stars: number;
+    rating?: number;
+    reviewCount?: number;
+    imageUrl: string;
+    images?: string[];
+    priceFrom: number;
+    originalPrice?: number;
+    currency: string;
+    discountPercent?: number;
+    isFavourited?: boolean;
+    isNew?: boolean;
+    benefits?: string[];
+}
+
+interface Booking {
+    id: number;
+    confirmationNumber: string;
+    status: 'confirmed' | 'cancelled' | 'completed';
+    hotel: {
+        id: number;
+        name: string;
+        location: string;
+        imageUrl: string;
+    };
+    checkIn: string;
+    checkOut: string;
+    guests: number;
+    roomType: string;
+    totalPrice: number;
+    currency: string;
+    createdAt: string;
+}
+
+interface Address {
+    id?: number;
+    line1: string;
+    line2?: string;
+    zip: string;
+    city: string;
+    countryCode: string;
+}
+interface Membership {
+    cardNumber: string;
+    validFrom: string;
+    validUntil: string;
+}
+interface User {
+    id: number;
+    firstName: string;
+    lastName: string;
+    email: string;
+    phone?: string;
+    locale: string;
+    currency: string;
+    activeAddress?: Address;
+    membership?: Membership;
+}
+
+interface SearchParams {
+    destination?: string;
+    checkIn?: string;
+    checkOut?: string;
+    adults?: number;
+    children?: number;
+    flexibleDates?: boolean;
+    flexibleMonth?: string;
+}
+interface SearchFilters {
+    priceMin?: number;
+    priceMax?: number;
+    stars?: number[];
+    rating?: number;
+    amenities?: string[];
+    experiences?: string[];
+    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, Divider, type DividerProps, Dropdown, type DropdownOption, type DropdownProps, FAQ, type FAQItem, type FAQProps, HeartIcon, type Hotel, 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 User, calculateDiscount, formatDate, formatDateRange, formatPrice, useDebounce };

package/dist/index.d.ts

@@ -390,6 +390,105 @@ interface InputProps {
 
 declare const Input: React__default.FC<InputProps>;
 
+interface BlockProps {
+    /** Type of block to render */
+    variant?: 'icon' | 'image';
+    /** Icon or image to display */
+    visual?: ReactNode;
+    /** Label/title text */
+    label: string;
+    /** Description text (for icon variant) */
+    description?: string;
+    /** Style variant for icon blocks */
+    style?: 'primary' | 'secondary';
+    /** Click handler */
+    onClick?: () => void;
+    /** Whether to show arrow (for image variant) */
+    showArrow?: boolean;
+    /** Additional CSS class names */
+    className?: string;
+}
+declare const Block: React.FC<BlockProps>;
+
+interface ReviewCardProps {
+    /** Reviewer's name */
+    name: string;
+    /** Review date */
+    date: string;
+    /** Rating value (1-5) */
+    rating: number;
+    /** Review text/quote */
+    quote: string;
+    /** Additional CSS classes */
+    className?: string;
+}
+declare const ReviewCard: React.FC<ReviewCardProps>;
+
+interface FAQItem {
+    question: string;
+    answer: string;
+}
+interface FAQProps {
+    items: FAQItem[];
+    defaultOpenIndex?: number | null;
+    allowMultiple?: boolean;
+    className?: string;
+}
+declare const FAQ: React.FC<FAQProps>;
+
+interface BenefitItem {
+    icon?: string;
+    title: string;
+    description?: string;
+}
+interface BenefitsProps {
+    title?: string;
+    subtitle?: string;
+    benefits?: BenefitItem[];
+    contactTitle?: string;
+    contactDescription?: string;
+    contactButtonText?: string;
+    onContactClick?: () => void;
+    className?: string;
+}
+declare const Benefits: React.FC<BenefitsProps>;
+
+interface PinProps {
+    /** Pin variant - 'price' shows currency/price, 'hotel' shows house icon */
+    variant?: 'price' | 'hotel';
+    /** Whether the hotel has been viewed (secondary style) */
+    viewed?: boolean;
+    /** Currency code to display */
+    currency?: string;
+    /** Price to display */
+    price?: number | string;
+    /** Whether to show the favorite (heart) icon */
+    showFavorite?: boolean;
+    /** Whether the pin is disabled */
+    disabled?: boolean;
+    /** Click handler */
+    onClick?: () => void;
+    /** Additional class name */
+    className?: string;
+}
+/**
+ * Pin Component
+ *
+ * Map marker pin with price or hotel icon variants.
+ * Used for displaying hotel markers on maps.
+ *
+ * @example
+ * // Price pin (default)
+ * <Pin price={150} currency="CHF" showFavorite />
+ *
+ * // Viewed price pin (secondary style)
+ * <Pin price={150} viewed showFavorite />
+ *
+ * // Hotel pin (for clusters)
+ * <Pin variant="hotel" />
+ */
+declare const Pin: React__default.ForwardRefExoticComponent<PinProps & React__default.RefAttributes<HTMLButtonElement>>;
+
 interface HeartIconProps {
     filled?: boolean;
     className?: string;
@@ -437,4 +536,96 @@ declare const PinIcon: {
     displayName: string;
 };
 
-export { Badge, type BadgeProps, 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, Divider, type DividerProps, Dropdown, type DropdownOption, type DropdownProps, HeartIcon, Input, type InputProps, type InputType, Modal, type ModalProps, PinIcon, RadioButton, type RadioButtonProps, Rating, type RatingProps, SectionHeader, type SectionHeaderProps, StarIcon };
+declare const useDebounce: <T>(value: T, delay: number) => T;
+
+declare const formatPrice: (amount: number, currency?: string, locale?: string) => string;
+
+declare const formatDate: (date: string | Date, formatStr?: string, locale?: string) => string;
+declare const formatDateRange: (checkIn: string | Date, checkOut: string | Date, locale?: string) => string;
+
+declare const calculateDiscount: (originalPrice: number, discountedPrice: number) => number;
+
+interface Hotel {
+    id: number;
+    name: string;
+    location: string;
+    region?: string;
+    country?: string;
+    stars: number;
+    rating?: number;
+    reviewCount?: number;
+    imageUrl: string;
+    images?: string[];
+    priceFrom: number;
+    originalPrice?: number;
+    currency: string;
+    discountPercent?: number;
+    isFavourited?: boolean;
+    isNew?: boolean;
+    benefits?: string[];
+}
+
+interface Booking {
+    id: number;
+    confirmationNumber: string;
+    status: 'confirmed' | 'cancelled' | 'completed';
+    hotel: {
+        id: number;
+        name: string;
+        location: string;
+        imageUrl: string;
+    };
+    checkIn: string;
+    checkOut: string;
+    guests: number;
+    roomType: string;
+    totalPrice: number;
+    currency: string;
+    createdAt: string;
+}
+
+interface Address {
+    id?: number;
+    line1: string;
+    line2?: string;
+    zip: string;
+    city: string;
+    countryCode: string;
+}
+interface Membership {
+    cardNumber: string;
+    validFrom: string;
+    validUntil: string;
+}
+interface User {
+    id: number;
+    firstName: string;
+    lastName: string;
+    email: string;
+    phone?: string;
+    locale: string;
+    currency: string;
+    activeAddress?: Address;
+    membership?: Membership;
+}
+
+interface SearchParams {
+    destination?: string;
+    checkIn?: string;
+    checkOut?: string;
+    adults?: number;
+    children?: number;
+    flexibleDates?: boolean;
+    flexibleMonth?: string;
+}
+interface SearchFilters {
+    priceMin?: number;
+    priceMax?: number;
+    stars?: number[];
+    rating?: number;
+    amenities?: string[];
+    experiences?: string[];
+    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, Divider, type DividerProps, Dropdown, type DropdownOption, type DropdownProps, FAQ, type FAQItem, type FAQProps, HeartIcon, type Hotel, 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 User, calculateDiscount, formatDate, formatDateRange, formatPrice, useDebounce };