@hotelcard/ui 0.0.44 → 0.0.45

package/dist/index.d.ts

@@ -192,6 +192,22 @@ export declare interface CardRatingInfo {
     value: string | number;
 }
 
+export declare const CATEGORY_OPTIONS: CategoryOption[];
+
+/**
+ * HotelCategoryFilter - Checkbox list for hotel star ratings
+ *
+ * Figma Spec:
+ * - Checkbox list with star icons and counts
+ * - Options: 5★, 4★, 3★, 2★, Swiss Lodge, No category
+ * - Footer with HotellerieSuisse link
+ */
+export declare interface CategoryOption {
+    value: string;
+    stars: number;
+    label: string | null;
+}
+
 export declare const Checkbox: React.FC<CheckboxProps>;
 
 export declare interface CheckboxProps {
@@ -271,6 +287,28 @@ export declare type ChipSize = 'small' | 'medium';
 
 export declare type ChipState = 'idle' | 'active' | 'disabled';
 
+export declare const CollapsibleFilterSection: default_2.FC<CollapsibleFilterSectionProps>;
+
+/**
+ * CollapsibleFilterSection - Wrapper for expandable/collapsible filter sections
+ *
+ * Figma Spec:
+ * - Section header with title + chevron
+ * - Collapse/expand animation
+ * - Optional "Show all" link for long lists
+ * - Default collapsed state configurable
+ */
+declare interface CollapsibleFilterSectionProps {
+    title: string;
+    children: default_2.ReactNode;
+    defaultExpanded?: boolean;
+    showAllText?: string;
+    showLessText?: string;
+    hasShowAll?: boolean;
+    initialItemsToShow?: number;
+    className?: string;
+}
+
 declare interface Coordinates {
     lat: number;
     lng: number;
@@ -628,6 +666,28 @@ declare interface DualCalendarProps {
     locale?: string;
 }
 
+export declare const ExperienceFilter: default_2.FC<ExperienceFilterProps>;
+
+/**
+ * ExperienceFilter - Checkbox list for experience types
+ *
+ * Figma Spec:
+ * - Checkbox list with counts
+ * - Options: City trip, Wellness & Spa, Design/Boutique, Water body, Hiking
+ * - Expandable with "Show all"
+ *
+ * Uses translated theme names from API when available
+ */
+declare interface ExperienceFilterProps {
+    selected: string[];
+    /** Theme aggregations from API with pre-translated names */
+    themes?: ThemeAggregation[];
+    /** Legacy counts format (deprecated - use themes instead) */
+    counts?: Record<string, number>;
+    onChange: (values: string[]) => void;
+    className?: string;
+}
+
 export declare const FAQ: React.FC<FAQProps>;
 
 export declare interface FAQItem {
@@ -642,6 +702,69 @@ export declare interface FAQProps {
     className?: string;
 }
 
+export declare const FilterCheckboxItem: default_2.FC<FilterCheckboxItemProps>;
+
+/**
+ * FilterCheckboxItem - Reusable filter checkbox row with proper states
+ *
+ * Figma Spec (714-8371 - StarsRating/Filtering/Item):
+ * - States: :idle, :hover, :active (checked), :focused, :disabled
+ * - Idle: white background, unchecked
+ * - Hover: gray background (#e5e7eb)
+ * - Active: white background, blue checked checkbox
+ * - Focused: white background with blue glow ring
+ * - Disabled: gray checkbox, muted text
+ */
+export declare interface FilterCheckboxItemProps {
+    /** Unique identifier for the checkbox */
+    id?: string;
+    /** Display label */
+    label: default_2.ReactNode;
+    /** Count to display on the right */
+    count?: number | string;
+    /** Whether the checkbox is checked */
+    checked: boolean;
+    /** Whether the item is disabled */
+    disabled?: boolean;
+    /** Change handler */
+    onChange: () => void;
+    /** Additional class name */
+    className?: string;
+    /** Analytics tracking name (used for data-track attribute) */
+    trackName?: string;
+}
+
+export declare const FilterMinimap: default_2.FC<FilterMinimapProps>;
+
+/**
+ * FilterMinimap - Map preview at top of filter sidebar
+ *
+ * Figma: Desktop List View (723-97947)
+ *
+ * Features:
+ * - Static map preview showing search area
+ * - "View in a Map" button to switch to map view
+ * - Only shown on desktop (hidden on mobile)
+ *
+ * Specs:
+ * - Height: 200px
+ * - Border radius: 12px
+ * - Button: small size, no icon
+ */
+export declare interface FilterMinimapProps {
+    /** Callback when "View in a Map" is clicked */
+    onViewMap: () => void;
+    /** Optional center coordinates for the map preview */
+    center?: {
+        lat: number;
+        lng: number;
+    };
+    /** Optional zoom level */
+    zoom?: number;
+    /** Optional class name */
+    className?: string;
+}
+
 export declare const FilterModal: default_2.FC<FilterModalProps>;
 
 /**
@@ -746,6 +869,27 @@ export declare interface FilterPanelProps {
     };
 }
 
+export declare const FilterSkeleton: default_2.FC<FilterSkeletonProps>;
+
+/**
+ * FilterSkeleton - Loading placeholder for filter sections
+ *
+ * Displays a shimmer animation while filter data is loading.
+ * Shows placeholder items for checkbox-style filters.
+ */
+declare interface FilterSkeletonProps {
+    /** Number of skeleton items to show */
+    itemCount?: number;
+    /** Show expandable country/region style skeleton */
+    isRegionFilter?: boolean;
+    /** Show price range slider style skeleton */
+    isPriceFilter?: boolean;
+    /** Show discount filter (checkbox list with 3 items) skeleton */
+    isDiscountFilter?: boolean;
+    /** Show category filter (star ratings) skeleton */
+    isCategoryFilter?: boolean;
+}
+
 export declare interface FilterState {
     regions?: string[];
     experiences?: string[];
@@ -987,6 +1131,15 @@ export declare interface HotelCardUIProviderProps {
     children: ReactNode;
 }
 
+export declare const HotelCategoryFilter: default_2.FC<HotelCategoryFilterProps>;
+
+declare interface HotelCategoryFilterProps {
+    selected: string[];
+    counts?: Record<string, number>;
+    onChange: (values: string[]) => void;
+    className?: string;
+}
+
 export declare const Input: default_2.FC<InputProps>;
 
 export declare interface InputProps {
@@ -1082,6 +1235,26 @@ export declare interface LocationSuggestion {
     longitude?: number;
 }
 
+export declare const MealsFilter: default_2.FC<MealsFilterProps>;
+
+/**
+ * MealsFilter - Checkbox list for meal options
+ *
+ * Figma Spec:
+ * - Checkbox list with counts
+ * - Options: Breakfast, Restaurant
+ *
+ * Options now come from API with pre-translated names
+ */
+declare interface MealsFilterProps {
+    selected: string[];
+    counts?: Record<string, number>;
+    /** Filter options from API with pre-translated names */
+    options?: FilterOption[];
+    onChange: (values: string[]) => void;
+    className?: string;
+}
+
 export declare interface Membership {
     cardNumber: string;
     validFrom: string;
@@ -1173,6 +1346,35 @@ export declare interface PinProps {
     className?: string;
 }
 
+export declare const PriceRangeFilter: default_2.FC<PriceRangeFilterProps>;
+
+declare interface PriceRangeFilterProps {
+    minPrice: number;
+    maxPrice: number;
+    value: {
+        min: number;
+        max: number;
+    };
+    onChange: (value: {
+        min: number;
+        max: number;
+    }) => void;
+    /** New prop: Called only when user finishes selecting (debounced) */
+    onApply?: (value: {
+        min: number;
+        max: number;
+    }) => void;
+    histogram?: number[];
+    currency?: string;
+    /** Called when user is actively dragging (to prevent apply during drag) */
+    onDragStart?: () => void;
+    onDragEnd?: () => void;
+    /** Show loading skeleton instead of filter */
+    isLoading?: boolean;
+    /** Debounce delay in milliseconds for onApply */
+    debounceDelay?: number;
+}
+
 export declare const RadioButton: default_2.FC<RadioButtonProps>;
 
 export declare interface RadioButtonProps {
@@ -1259,6 +1461,18 @@ export declare interface RegionOption {
     subRegions?: RegionOption[];
 }
 
+export declare const RegionsFilter: default_2.FC<RegionsFilterProps>;
+
+declare interface RegionsFilterProps {
+    regions: RegionOption[];
+    selected: string[];
+    onChange: (values: string[]) => void;
+    className?: string;
+    isPlaceSearchActive?: boolean;
+}
+
+export declare const REVIEW_OPTIONS: ReviewOption[];
+
 export declare const ReviewCard: React.FC<ReviewCardProps>;
 
 export declare interface ReviewCardProps {
@@ -1274,6 +1488,30 @@ export declare interface ReviewCardProps {
     className?: string;
 }
 
+/**
+ * ReviewsFilter - Checkbox list for filtering by review rating
+ *
+ * Figma Spec:
+ * - Checkbox list with counts
+ * - Options: Excellent (4.4+), Very Good (4.1-4.3), Good (3.8-4.0), Fair (3.5-3.7), No rating
+ * - Footer: TrustYou attribution
+ */
+export declare interface ReviewOption {
+    value: string;
+    labelKey: string;
+    range: string;
+}
+
+export declare const ReviewsFilter: default_2.FC<ReviewsFilterProps>;
+
+declare interface ReviewsFilterProps {
+    selected: string[];
+    counts?: Record<string, number>;
+    onChange: (values: string[]) => void;
+    className?: string;
+    isPlaceSearchActive?: boolean;
+}
+
 export declare const SearchControlsBar: default_2.FC<SearchControlsBarProps>;
 
 export declare interface SearchControlsBarProps {
@@ -2598,6 +2836,26 @@ export declare const translations: {
     };
 };
 
+export declare const TransportFilter: default_2.FC<TransportFilterProps>;
+
+/**
+ * TransportFilter - Checkbox list for transport/parking options
+ *
+ * Figma Spec:
+ * - Checkbox list with counts
+ * - Options: Free parking, EV charging station
+ *
+ * Options now come from API with pre-translated names
+ */
+declare interface TransportFilterProps {
+    selected: string[];
+    counts?: Record<string, number>;
+    /** Filter options from API with pre-translated names */
+    options?: FilterOption[];
+    onChange: (values: string[]) => void;
+    className?: string;
+}
+
 export declare interface UIContextValue {
     /** Current locale (e.g., 'de', 'en', 'fr', 'it') */
     locale: Locale;
@@ -2700,6 +2958,26 @@ export declare const useWindowData: () => {
  */
 export declare type ViewMode = 'list' | 'map';
 
+export declare const WellnessFilter: default_2.FC<WellnessFilterProps>;
+
+/**
+ * WellnessFilter - Checkbox list for wellness & spa amenities
+ *
+ * Figma Spec:
+ * - Checkbox list with counts
+ * - Options: Indoor pool, Outdoor pool, Sauna/Steam bath, Massage, Cosmetic treatments
+ *
+ * Options now come from API with pre-translated names
+ */
+declare interface WellnessFilterProps {
+    selected: string[];
+    counts?: Record<string, number>;
+    /** Filter options from API with pre-translated names */
+    options?: FilterOption[];
+    onChange: (values: string[]) => void;
+    className?: string;
+}
+
 /**
  * WhenContent - Shared date/time selection UI
  *

package/dist/index.js

@@ -7408,18 +7408,24 @@ export {
   Es as Benefits,
   As as Block,
   De as Button,
+  Yc as CATEGORY_OPTIONS,
   Ds as Card,
   Ns as Checkbox,
   Dd as ChevronLeftIcon,
   Pd as ChevronRightIcon,
   Qt as Chip,
+  Ae as CollapsibleFilterSection,
   Zi as DateSelector,
   Cs as Divider,
   Bs as Dropdown,
   zi as DualCalendar,
+  zc as ExperienceFilter,
   Vs as FAQ,
+  Ve as FilterCheckboxItem,
+  j1 as FilterMinimap,
   Yu as FilterModal,
   wd as FilterPanel,
+  dt as FilterSkeleton,
   tn as GuestContent,
   Xi as GuestSelector,
   Sd as HeartIcon,
@@ -7427,21 +7433,29 @@ export {
   bl as HotelCardContent,
   ml as HotelCardImage,
   Ru as HotelCardUIProvider,
+  qc as HotelCategoryFilter,
   Is as Input,
   Mo as LocationAutocomplete,
+  Gc as MealsFilter,
   ju as MobileSortModal,
   xs as Modal,
   js as Pin,
   Bd as PinIcon,
+  c1 as PriceRangeFilter,
+  L1 as REVIEW_OPTIONS,
   ks as RadioButton,
   Xt as Rating,
+  N1 as RegionsFilter,
   Ts as ReviewCard,
+  x1 as ReviewsFilter,
   Ou as SearchControlsBar,
   Fu as SearchModal,
   hc as SearchModalContent,
   $s as SectionHeader,
   I1 as SelectedFiltersRow,
   Hd as StarIcon,
+  A1 as TransportFilter,
+  T1 as WellnessFilter,
   en as WhenContent,
   Ju as calculateDiscount,
   Yt as formatDate,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hotelcard/ui",
-  "version": "0.0.44",
+  "version": "0.0.45",
   "type": "module",
   "description": "Shared UI components for HotelCard website and mobile app",
   "main": "dist/index.cjs",