@hotelcard/ui 0.0.13 → 0.0.16

package/dist/index.cjs

@@ -1,7 +1,9 @@
 "use strict";
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -15,6 +17,14 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/index.ts
@@ -24,36 +34,51 @@ __export(index_exports, {
   Benefits: () => Benefits,
   Block: () => Block,
   Button: () => Button,
+  CATEGORY_OPTIONS: () => CATEGORY_OPTIONS,
   Card: () => Card,
   Checkbox: () => Checkbox,
+  CheckboxFilter: () => CheckboxFilter,
   ChevronLeftIcon: () => ChevronLeftIcon,
   ChevronRightIcon: () => ChevronRightIcon2,
   Chip: () => Chip,
+  CollapsibleFilterSection: () => CollapsibleFilterSection,
   DateSelector: () => DateSelector,
   Divider: () => Divider,
   Dropdown: () => Dropdown,
   DualCalendar: () => DualCalendar,
+  ExperienceFilter: () => ExperienceFilter,
   FAQ: () => FAQ,
+  FilterCheckboxItem: () => FilterCheckboxItem,
   GuestContent: () => GuestContent,
   HeartIcon: () => HeartIcon3,
   HotelCard: () => HotelCard,
   HotelCardContent: () => HotelCardContent,
   HotelCardImage: () => HotelCardImage,
   HotelCardUIProvider: () => HotelCardUIProvider,
+  HotelCategoryFilter: () => HotelCategoryFilter,
   Input: () => Input,
+  MealsFilter: () => MealsFilter,
   Modal: () => Modal,
   Pin: () => Pin,
   PinIcon: () => PinIcon2,
+  PriceRangeFilter: () => PriceRangeFilter,
+  REVIEW_OPTIONS: () => REVIEW_OPTIONS,
   RadioButton: () => RadioButton,
   Rating: () => Rating,
+  RegionsFilter: () => RegionsFilter,
   ReviewCard: () => ReviewCard,
+  ReviewsFilter: () => ReviewsFilter,
   SectionHeader: () => SectionHeader,
+  SelectedFiltersRow: () => SelectedFiltersRow,
   StarIcon: () => StarIcon4,
+  TransportFilter: () => TransportFilter,
+  WellnessFilter: () => WellnessFilter,
   WhenContent: () => WhenContent,
   calculateDiscount: () => calculateDiscount,
   formatDate: () => formatDate,
   formatDateRange: () => formatDateRange,
   formatPrice: () => formatPrice,
+  translations: () => translations,
   useDebounce: () => useDebounce,
   useResponsive: () => useResponsive,
   useTranslation: () => useTranslation,
@@ -64,20 +89,557 @@ module.exports = __toCommonJS(index_exports);
 
 // src/context/UIContext.tsx
 var import_react = require("react");
+
+// src/locales/de.json
+var de_default = {
+  button: {
+    order: "Bestellen",
+    "order-navigation": "Bestellen",
+    "order-hc": "HotelCard bestellen",
+    "my-account": "Mein Konto",
+    search: "Suchen",
+    "back-to-top": "Nach oben"
+  },
+  link: {
+    "member-benefits": "Member Benefits",
+    "view-all-hotels": "Alle Hoteldeals ansehen",
+    "search-by-map": "Kartenansicht",
+    "search-by-region": "Hotels nach Region",
+    "search-by-experience": "Hotels nach Erlebnis",
+    "travel-inspiration": "Reiseinspiration",
+    "booking-tips-and-tricks": "Buchungstipps",
+    home: "Startseite",
+    "all-hotel-deals": "Alle Hotelangebote",
+    "search-results": "Suchergebnisse"
+  },
+  general: {
+    "signed-out": "Anmelden und buchen",
+    "room-price": "ab CHF xxx / Zimmer",
+    guarantee: "14 Tage Geld-zur\xFCck-Garantie",
+    contact: "Weitere Fragen? Kontaktieren Sie uns.",
+    "breakfast-included": "Fr\xFChst\xFCck inbegriffen",
+    "free-cancellation": "Kostenlose Stornierung",
+    "suggested-destinations": "Vorgeschlagene Reiseziele",
+    "when-months": "Wann m\xF6chtest du reisen?",
+    "hotel-deals-found": "Hotelangebote gefunden",
+    "no-results": "Probieren Sie andere Reiseziele, \xE4ndern Sie Ihre Daten oder entfernen Sie einige Filter.",
+    "unavailable-for-selected-days": "F\xFCr die ausgew\xE4hlten Daten nicht verf\xFCgbar.",
+    "cant-accommodate-all": "Das Hotel kann nicht alle G\xE4ste beherbergen.",
+    "reset-destination": "Zielsuche zur\xFCcksetzen, um Regionen zu filtern"
+  },
+  label: {
+    "price-from": "ab ",
+    "price-for": "/ Zimmer",
+    "per-room-night": "pro Zimmer & Nacht ab",
+    new: "Neu",
+    anytime: "Jederzeit",
+    anywhere: "Alle Reiseziele",
+    dates: "Datum",
+    flexible: "Flexibel",
+    where: "Wohin",
+    when: "Wann",
+    who: "Wer",
+    nearby: "In der N\xE4he",
+    hotels: "Hotel",
+    filter: "Filter",
+    sort: "Sortieren",
+    map: "Karte",
+    rating: "Bewertung",
+    "rating-excellent": "Ausgezeichnet",
+    "rating-very-good": "Sehr gut",
+    "rating-good": "Gut",
+    "rating-fair": "Ansprechend",
+    "rating-none": "Keine Bewertung"
+  },
+  product: {
+    "6m": "6-Monatsabo",
+    "1y": "1-Jahresabo",
+    "2y": "2-Jahresabo",
+    "3y": "3-Jahresabo",
+    "price-6m": "79.-",
+    "price-6m-disc": "59.-",
+    "price-1y": "99.-",
+    "price-1y-disc": "79.-",
+    "price-2y": "198.-",
+    "price-2y-disc": "173.-",
+    "price-3y": "297.-",
+    "price-3y-disc": "247.-",
+    "price-gift": "99.-",
+    "price-gift-disc": "59.-"
+  },
+  subheadline: {
+    "your-hc": "Ihre HotelCard",
+    "popular-hotels": "Beliebte Hotelangebote",
+    "no-results": "Probieren Sie andere Reiseziele, \xE4ndern Sie Ihre Daten oder entfernen Sie einige Filter.",
+    "sort-by": "Sortieren nach"
+  },
+  form: {
+    guests: "G\xE4ste",
+    guest: "Gast",
+    adults: "Erwachsene",
+    children: "Kinder",
+    pet: "Haustier",
+    "age-of-child": "Alter des Kindes",
+    age: "Alter",
+    "age-error": "Bitte w\xE4hlen Sie das Alter aus"
+  },
+  filter: {
+    filters: "Filter",
+    destination: "Reiseziel",
+    experience: "Erlebnis",
+    "show-all": "Alle anzeigen",
+    price: "Preis",
+    discount: "Rabatt",
+    services: "Leistungen",
+    meals: "Verpflegung",
+    "hotel-category": "Hotelkategorie",
+    reviews: "Bewertungen",
+    mobility: "Mobilit\xE4t",
+    "wellness-spa": "Wellness & Spa",
+    "price-high-low": "Preis: absteigend",
+    "price-low-high": "Preis: aufsteigend",
+    "best-rating": "Beste Bewertung",
+    "most-popular": "Beliebt",
+    "newest-hotels": "Neueste",
+    relevance: "Relevanz",
+    selected: "String value",
+    "clear-all": "Alles l\xF6schen",
+    options: "Leistungen",
+    "hotellerie-suisse": "Klassifikation HotellerieSuisse",
+    trustyou: "Bewertungen von Reisenden auf Trust You\xAE",
+    "select-all": "Alle ausw\xE4hlen",
+    reset: "Zur\xFCcksetzen",
+    "breakfast-included": "Fr\xFChst\xFCck inbegriffen"
+  },
+  headline: {
+    "no-results": "Zurzeit entsprechen keine Aufenthalte Ihrer Suche"
+  }
+};
+
+// src/locales/en.json
+var en_default = {
+  button: {
+    order: "Order",
+    "order-navigation": "Join",
+    "order-hc": "Order HotelCard",
+    "my-account": "My account",
+    search: "Search",
+    "back-to-top": "Back to top"
+  },
+  link: {
+    "member-benefits": "Member Benefits",
+    "view-all-hotels": "View all hotel deals",
+    "search-by-map": "Map search",
+    "search-by-region": "Hotels by region",
+    "search-by-experience": "Hotels by experience",
+    "travel-inspiration": "Travel inspiration",
+    "booking-tips-and-tricks": "Booking tips",
+    home: "Home",
+    "all-hotel-deals": "All hotel deals",
+    "search-results": "Search results"
+  },
+  general: {
+    "signed-out": "Log in and book",
+    "room-price": "from CHF xxx / room",
+    guarantee: "14-day money-back guarantee",
+    contact: "More questions? Contact us.",
+    "breakfast-included": "Breakfast included",
+    "free-cancellation": "Free cancellation",
+    "suggested-destinations": "Not sure where to travel next?",
+    "when-months": "When do you want to go?",
+    "hotel-deals-found": "hotel deals found",
+    "no-results": "Explore different destinations, change your dates, or remove some filters.",
+    "unavailable-for-selected-days": "Unavailable for selected dates.",
+    "cant-accommodate-all": "Hotel can\u2019t accommodate all guests.",
+    "reset-destination": "Reset destination search to use region filters."
+  },
+  label: {
+    "price-from": "from ",
+    "price-for": "/ room",
+    "per-room-night": "per room & night from",
+    new: "New",
+    anytime: "Anytime",
+    anywhere: "All destinations",
+    dates: "Dates",
+    flexible: "Flexible",
+    where: "Where",
+    when: "When",
+    who: "Who",
+    nearby: "Nearby",
+    hotels: "Hotel",
+    filter: "Filter",
+    sort: "Sort",
+    map: "Map",
+    rating: "Rating",
+    "rating-excellent": "Excellent",
+    "rating-very-good": "Very good",
+    "rating-good": "Good",
+    "rating-fair": "Fair",
+    "rating-none": "No rating"
+  },
+  product: {
+    "6m": "6-month subscription",
+    "1y": "1-year subscription",
+    "2y": "2-year subscription",
+    "3y": "3-year subscription",
+    "price-6m": "79.-",
+    "price-6m-disc": "59.-",
+    "price-1y": "99.-",
+    "price-1y-disc": "79.-",
+    "price-2y": "198.-",
+    "price-2y-disc": "173.-",
+    "price-3y": "297.-",
+    "price-3y-disc": "247.-",
+    "price-gift": "99.-",
+    "price-gift-disc": "59.-"
+  },
+  subheadline: {
+    "your-hc": "Your HotelCard",
+    "popular-hotels": "Popular hotel deals",
+    "no-results": "Explore different destinations, change your dates, or remove some filters.",
+    "sort-by": "Sort by"
+  },
+  form: {
+    guests: "guests",
+    guest: "guest",
+    adults: "Adults",
+    children: "Children",
+    pet: "Pet",
+    "age-of-child": "Child\u2019s age",
+    age: "Age",
+    "age-error": "Please select age"
+  },
+  filter: {
+    filters: "Filters",
+    destination: "Destination",
+    experience: "Experience",
+    "show-all": "Show all",
+    price: "Price",
+    discount: "Discount",
+    services: "Services",
+    meals: "Meals",
+    "hotel-category": "Hotel category",
+    reviews: "Reviews",
+    mobility: "Mobility",
+    "wellness-spa": "Wellness & Spa",
+    "price-high-low": "Price high to low",
+    "price-low-high": "Price low to high",
+    "best-rating": "Best guest rating",
+    "most-popular": "Most popular",
+    "newest-hotels": "Newest",
+    relevance: "Relevance",
+    selected: "Selected",
+    "clear-all": "Clear all",
+    options: "Options",
+    "hotellerie-suisse": "Classification HotellerieSuisse",
+    trustyou: "Reviews from travelers on TrustYou\xAE",
+    "select-all": "Select all",
+    reset: "Reset",
+    "breakfast-included": "Breakfast included"
+  },
+  headline: {
+    "no-results": "No stays match your search right now"
+  }
+};
+
+// src/locales/fr.json
+var fr_default = {
+  button: {
+    order: "Commander",
+    "order-navigation": "Commander",
+    "order-hc": "Commander l'HotelCard",
+    "my-account": "Mon compte",
+    search: "Rechercher",
+    "back-to-top": "Haut de page"
+  },
+  link: {
+    "member-benefits": "Member Benefits",
+    "view-all-hotels": "D\xE9couvrez toutes nos offres",
+    "search-by-map": "Recherche sur la carte",
+    "search-by-region": "H\xF4tels par r\xE9gion",
+    "search-by-experience": "H\xF4tels par exp\xE9rience",
+    "travel-inspiration": "Inspiration voyage",
+    "booking-tips-and-tricks": "Conseils r\xE9servation",
+    home: "Accueil",
+    "all-hotel-deals": "Toutes les offres d\u2019h\xF4tels",
+    "search-results": "R\xE9sultats de recherche"
+  },
+  general: {
+    "signed-out": "Se connecter et r\xE9server",
+    "room-price": "\xE0 partir de CHF XXX par chambre",
+    guarantee: "Garantie de remboursement de 14 jours",
+    contact: "D\u2019autres questions ? Contactez-nous.",
+    "breakfast-included": "Petit-d\xE9jeuner inclus",
+    "free-cancellation": "Annulation gratuite",
+    "suggested-destinations": "Suggestions de destinations",
+    "when-months": "Quand souhaitez-vous partir ?",
+    "hotel-deals-found": "offres d\u2019h\xF4tel trouv\xE9es",
+    "no-results": "Explorez d\u2019autres destinations, modifiez vos dates ou retirez certains filtres.",
+    "unavailable-for-selected-days": "Indisponible aux dates s\xE9lectionn\xE9es.",
+    "cant-accommodate-all": "L\u2019h\xF4tel ne peut pas accueillir tous les voyageurs.",
+    "reset-destination": "R\xE9initialiser la destination et filtrer par r\xE9gion"
+  },
+  label: {
+    "price-from": "\xE0 partir de ",
+    "price-for": "par chambre",
+    "per-room-night": "par chambre & nuit d\xE8s",
+    new: "Nouveau",
+    anytime: "\xC0 tout moment",
+    anywhere: "Toutes les destinations",
+    dates: "Dates",
+    flexible: "Flexible",
+    where: "Destination",
+    when: "Quand",
+    who: "Voyageurs",
+    nearby: "\xC0 proximit\xE9",
+    hotels: "H\xF4tel",
+    filter: "Filtrer",
+    sort: "Trier",
+    map: "Carte",
+    rating: "Note",
+    "rating-excellent": "Excellent",
+    "rating-very-good": "Tr\xE8s bien",
+    "rating-good": "Bien",
+    "rating-fair": "Moyen",
+    "rating-none": "Aucune notation"
+  },
+  product: {
+    "6m": "Abonnement de 6 mois",
+    "1y": "Abonnement 1 an",
+    "2y": "Abonnement 2 ans",
+    "3y": "Abonnement 3 ans",
+    "price-6m": "79.-",
+    "price-6m-disc": "59.-",
+    "price-1y": "99.-",
+    "price-1y-disc": "79.-",
+    "price-2y": "198.-",
+    "price-2y-disc": "173.-",
+    "price-3y": "297.-",
+    "price-3y-disc": "247.-",
+    "price-gift": "99.-",
+    "price-gift-disc": "59.-"
+  },
+  subheadline: {
+    "your-hc": "Votre HotelCard",
+    "popular-hotels": "Offres d\u2019h\xF4tels populaires",
+    "no-results": "Explorez d\u2019autres destinations, modifiez vos dates ou retirez certains filtres.",
+    "sort-by": "Trier par"
+  },
+  form: {
+    guests: "personnes",
+    guest: "personne",
+    adults: "Adultes",
+    children: "Enfants",
+    pet: "Animal domestique",
+    "age-of-child": "\xC2ge de l\u2019enfant",
+    age: "\xC2ge",
+    "age-error": "Veuillez s\xE9lectionner l\u2019\xE2ge"
+  },
+  filter: {
+    filters: "Filtres",
+    destination: "Destination",
+    experience: "Exp\xE9rience",
+    "show-all": "Tout afficher",
+    price: "Prix",
+    discount: "R\xE9duction",
+    services: "Services",
+    meals: "Repas",
+    "hotel-category": "Cat\xE9gorie d\u2019h\xF4tel",
+    reviews: "Avis",
+    mobility: "Mobilit\xE9",
+    "wellness-spa": "Bien-\xEAtre & Spa",
+    "price-high-low": "Prix : du plus bas",
+    "price-low-high": "Prix : du plus \xE9lev\xE9",
+    "best-rating": "Meilleure note",
+    "most-popular": "Plus populaires",
+    "newest-hotels": "Plus r\xE9cents",
+    relevance: "Pertinence",
+    selected: "String value",
+    "clear-all": "Tout effacer",
+    options: "Services",
+    "hotellerie-suisse": "Classification HotellerieSuisse",
+    trustyou: "Avis de voyageurs sur TrustYou\xAE",
+    "select-all": "Tout s\xE9lectionner",
+    reset: "R\xE9initialiser",
+    "breakfast-included": "Petit-d\xE9jeuner inclus"
+  },
+  headline: {
+    "no-results": "Aucun s\xE9jour ne correspond \xE0 votre recherche pour le moment"
+  }
+};
+
+// src/locales/it.json
+var it_default = {
+  button: {
+    order: "Ordina ora",
+    "order-navigation": "Ordina ora",
+    "order-hc": "Ordina HotelCard",
+    "my-account": "Il mio profilo",
+    search: "Cerca",
+    "back-to-top": "Torna su"
+  },
+  link: {
+    "member-benefits": "Member Benefits",
+    "view-all-hotels": "Tutte le offerte hotel",
+    "search-by-map": "Ricerca sulla mappa",
+    "search-by-region": "Hotel per regione",
+    "search-by-experience": "Hotel per esperienza",
+    "travel-inspiration": "Ispirazioni di viaggio",
+    "booking-tips-and-tricks": "Consigli prenotazione",
+    home: "Home",
+    "all-hotel-deals": "Tutte le offerte hotel",
+    "search-results": "Risultati di ricerca"
+  },
+  general: {
+    "signed-out": "Accedi e prenota",
+    "room-price": "a partire da CHF xxx per camera",
+    guarantee: "Garanzia di rimborso di 14 giorni",
+    contact: "Altre domande? Contattaci.",
+    "breakfast-included": "Colazione inclusa",
+    "free-cancellation": "Cancellazione gratuita",
+    "suggested-destinations": "Destinazioni suggerite",
+    "when-months": "Quando vuoi viaggiare?",
+    "hotel-deals-found": "offerte hotel trovate",
+    "no-results": "Prova altre destinazioni, cambia le date o rimuovi qualche filtro.",
+    "unavailable-for-selected-days": "Non disponibile per le date selezionate.",
+    "cant-accommodate-all": "L\u2019hotel non pu\xF2 accogliere tutti gli ospiti.",
+    "reset-destination": "Reimposta la destinazione e filtra per regione"
+  },
+  label: {
+    "price-from": "a partire da ",
+    "price-for": "per camera",
+    "per-room-night": "per camera e notte da",
+    new: "Nuovo",
+    anytime: "In qualsiasi momento",
+    anywhere: "Tutte le destinazioni",
+    dates: "Date",
+    flexible: "Flessibile",
+    where: "Dove",
+    when: "Date",
+    who: "Chi",
+    nearby: "Nelle vicinanze",
+    hotels: "Hotel",
+    filter: "Filtra",
+    sort: "Ordina",
+    map: "Mappa",
+    rating: "Rating",
+    "rating-excellent": "Eccellente",
+    "rating-very-good": "Ottimo",
+    "rating-good": "Buono",
+    "rating-fair": "Sufficiente",
+    "rating-none": "Nessun voto"
+  },
+  product: {
+    "6m": "Abbonamento di 6 mesi",
+    "1y": "Abbonamento 1 anno",
+    "2y": "Abbonamento 2 anni",
+    "3y": "Abbonamento 3 anni",
+    "price-6m": "79.-",
+    "price-6m-disc": "59.-",
+    "price-1y": "99.-",
+    "price-1y-disc": "79.-",
+    "price-2y": "198.-",
+    "price-2y-disc": "173.-",
+    "price-3y": "297.-",
+    "price-3y-disc": "247.-",
+    "price-gift": "99.-",
+    "price-gift-disc": "59.-"
+  },
+  subheadline: {
+    "your-hc": "La sua HotelCard",
+    "popular-hotels": "Offerte hotel popolari",
+    "no-results": "Prova altre destinazioni, cambia le date o rimuovi qualche filtro.",
+    "sort-by": "Ordina per"
+  },
+  form: {
+    guests: "ospiti",
+    guest: "ospite",
+    adults: "Adulti",
+    children: "Bambini",
+    pet: "Animale domestico",
+    "age-of-child": "L'et\xE0 del bambino",
+    age: "L'et\xE0",
+    "age-error": "Seleziona l\u2019et\xE0"
+  },
+  filter: {
+    filters: "Filtri",
+    destination: "Destinazione",
+    experience: "Esperienza",
+    "show-all": "Mostra tutto",
+    price: "Prezzo",
+    discount: "Sconto",
+    services: "Servizi",
+    meals: "Pasti",
+    "hotel-category": "Categoria hotel",
+    reviews: "Recensioni",
+    mobility: "Mobilit\xE0",
+    "wellness-spa": "Wellness & Spa",
+    "price-high-low": "Prezzo: dal pi\xF9 basso",
+    "price-low-high": "Prezzo: dal pi\xF9 alto",
+    "best-rating": "Miglior voto",
+    "most-popular": "Pi\xF9 popolari",
+    "newest-hotels": "Pi\xF9 recenti",
+    relevance: "Rilevanza",
+    selected: "String value",
+    "clear-all": "Cancella tutto",
+    options: "Servizi",
+    "hotellerie-suisse": "Classificazione HotellerieSuisse",
+    trustyou: "Recensioni dei viaggiatori su TrustYou\xAE",
+    "select-all": "Seleziona tutto",
+    reset: "Reimposta",
+    "breakfast-included": "Colazione inclusa"
+  },
+  headline: {
+    "no-results": "Al momento nessun soggiorno corrisponde alla tua ricerca"
+  }
+};
+
+// src/locales/index.ts
+var translations = { de: de_default, en: en_default, fr: fr_default, it: it_default };
+
+// src/context/UIContext.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
+function getNestedValue(obj, path) {
+  const keys = path.split(".");
+  let current = obj;
+  for (const key of keys) {
+    if (current === null || current === void 0 || typeof current !== "object") {
+      return void 0;
+    }
+    current = current[key];
+  }
+  return typeof current === "string" ? current : void 0;
+}
+function createTranslateFunction(locale) {
+  const localeTranslations = translations[locale] || translations.en;
+  return (key, fallback) => {
+    const value = getNestedValue(localeTranslations, key);
+    return value ?? fallback ?? key;
+  };
+}
+var defaultT = createTranslateFunction("de");
 var defaultValue = {
   locale: "de",
   currency: "CHF",
-  isDesktop: false
+  isDesktop: false,
+  t: defaultT
 };
 var UIContext = (0, import_react.createContext)(defaultValue);
 var HotelCardUIProvider = ({
   locale = "de",
   currency = "CHF",
   isDesktop = false,
+  t: customT,
   children
 }) => {
-  const value = { locale, currency, isDesktop };
+  const t = (0, import_react.useMemo)(
+    () => customT ?? createTranslateFunction(locale),
+    [locale, customT]
+  );
+  const value = (0, import_react.useMemo)(
+    () => ({ locale, currency, isDesktop, t }),
+    [locale, currency, isDesktop, t]
+  );
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(UIContext.Provider, { value, children });
 };
 var useUIContext = () => {
@@ -1557,14 +2119,6 @@ var getDateLocale = (locale) => {
   };
   return localeMap[locale] || "de-CH";
 };
-var defaultLabels = {
-  when: "When",
-  dates: "Dates",
-  flexible: "Flexible",
-  apply: "Apply",
-  selectMonths: "Select months",
-  anytime: "Anytime"
-};
 var WhenContent = ({
   initialDateRange = { start: null, end: null },
   initialMonthFilter = null,
@@ -1574,14 +2128,21 @@ var WhenContent = ({
   showApplyButton = true,
   onApply,
   className = "",
-  labels: labelsProp,
   locale: localeProp
 }) => {
   const { locale: contextLocale } = useWindowData();
   const { isDesktop } = useResponsive();
+  const { t } = useUIContext();
   const locale = localeProp || contextLocale;
   const dateLocale = getDateLocale(locale);
-  const labels = { ...defaultLabels, ...labelsProp };
+  const labels = {
+    when: t("label.when", "When"),
+    dates: t("label.dates", "Dates"),
+    flexible: t("label.flexible", "Flexible"),
+    apply: t("button.search", "Apply"),
+    selectMonths: t("general.when-months", "Select months"),
+    anytime: t("label.anytime", "Anytime")
+  };
   const [dateRange, setDateRange] = (0, import_react12.useState)(initialDateRange);
   const [mode, setMode] = (0, import_react12.useState)(
     initialDateRange.start ? "dates" : "anytime"
@@ -1787,7 +2348,7 @@ var DateSelector = ({
   className,
   icon
 }) => {
-  const { t } = useTranslation();
+  const { t } = useUIContext();
   const { locale } = useWindowData();
   const { isDesktop } = useResponsive();
   const dateLocale = getDateLocale2(locale);
@@ -1844,12 +2405,12 @@ var DateSelector = ({
     }
     if (selectedMonths.length === 1) {
       const month = months.find((m) => m.value === selectedMonths[0]);
-      return month ? `${month.label} ${month.year}` : t("search:label.flexible", {}, "Flexible");
+      return month ? `${month.label} ${month.year}` : t("label.flexible", "Flexible");
     }
     if (selectedMonths.length > 1) {
-      return t("search:date_selector.months_selected", { count: selectedMonths.length }, `${selectedMonths.length} months`);
+      return `${selectedMonths.length} months`;
     }
-    return t("search:label.flexible", {}, "Flexible");
+    return t("label.flexible", "Flexible");
   };
   const handleDateRangeChange = (range) => {
     setDateRange(range ?? { start: null, end: null });
@@ -1937,18 +2498,6 @@ var DropdownIcon = () => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
     )
   }
 );
-var defaultLabels2 = {
-  adults: "Adults",
-  children: "Children",
-  pet: "Pet",
-  ageOfChild: "Age of child",
-  age: "Age",
-  decreaseAdults: "Decrease adults",
-  increaseAdults: "Increase adults",
-  decreaseChildren: "Decrease children",
-  increaseChildren: "Increase children",
-  togglePets: "Toggle pets"
-};
 var GuestContent = ({
   guests,
   onChange,
@@ -1957,10 +2506,21 @@ var GuestContent = ({
   showPetToggle = true,
   className = "",
   childAgeErrors = [],
-  onErrorClear,
-  labels: labelsProp
+  onErrorClear
 }) => {
-  const labels = { ...defaultLabels2, ...labelsProp };
+  const { t } = useUIContext();
+  const labels = {
+    adults: t("form.adults", "Adults"),
+    children: t("form.children", "Children"),
+    pet: t("form.pet", "Pet"),
+    ageOfChild: t("form.age-of-child", "Age of child"),
+    age: t("form.age", "Age"),
+    decreaseAdults: "Decrease adults",
+    increaseAdults: "Increase adults",
+    decreaseChildren: "Decrease children",
+    increaseChildren: "Increase children",
+    togglePets: "Toggle pets"
+  };
   const childrenAges = Array.isArray(guests.childrenAges) ? guests.childrenAges : [];
   const handleIncrement = (type) => {
     if (type === "children" && guests.children >= 6) return;
@@ -2147,21 +2707,19 @@ var HeartIcon2 = ({ filled }) => /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
     ]
   }
 );
-var defaultLabels3 = {
-  removeFromFavorites: "Remove from favorites",
-  addToFavorites: "Add to favorites",
-  previousImage: "Previous image",
-  nextImage: "Next image"
-};
 var HotelCardImage = ({
   images,
   hotelName,
   badges,
   isFavorite,
-  onFavoriteClick,
-  labels: labelsProp
+  onFavoriteClick
 }) => {
-  const labels = { ...defaultLabels3, ...labelsProp };
+  const labels = {
+    removeFromFavorites: "Remove from favorites",
+    addToFavorites: "Add to favorites",
+    previousImage: "Previous image",
+    nextImage: "Next image"
+  };
   const displayImages = images.slice(0, MAX_IMAGES);
   const [currentImageIndex, setCurrentImageIndex] = (0, import_react14.useState)(0);
   const [failedImages, setFailedImages] = (0, import_react14.useState)(/* @__PURE__ */ new Set());
@@ -2304,16 +2862,6 @@ var BreakfastIcon = () => /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("svg",
 var FreeCancellationIcon = () => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("path", { d: "M0.838695 4.18584L2.62218 6.00458C2.85502 6.24202 3.23153 6.24202 3.4619 6.00458C3.69227 5.76713 3.69474 5.38317 3.4619 5.14825L2.69401 4.36518L3.66406 4.36518C3.9974 4.36518 4.33073 4.36518 4.37346 4.36518C4.66406 4.36518 4.66406 4.36518 4.9974 4.36518L5.22309 4.36518H5.22804H11.5644C11.5644 5.25687 12.2753 5.98184 13.1497 5.98184V8.61902C13.5386 8.66196 13.9151 8.83625 14.2123 9.13938L14.3387 9.26821V4.76682C14.3387 3.87513 13.6278 3.15016 12.7533 3.15016H4.37346H2.69649L3.46438 2.3671C3.69722 2.12965 3.69722 1.74569 3.46438 1.51077C3.23153 1.27585 2.85502 1.27332 2.62218 1.50825L0.838695 3.32699C0.605852 3.56443 0.605852 3.94839 0.838695 4.18331V4.18584ZM1.65612 6.73207V11.2335C1.65612 12.1251 2.36704 12.8501 3.24144 12.8501H13.3008L12.5329 13.6332C12.3 13.8706 12.3 14.2546 12.5329 14.4895C12.7657 14.7244 13.1422 14.727 13.3726 14.4895L15.1561 12.6708C15.3889 12.4333 15.3889 12.0494 15.1561 11.8144L13.3726 9.9957C13.1398 9.75826 12.7633 9.75826 12.5329 9.9957C12.3025 10.2331 12.3 10.6171 12.5329 10.852L13.3008 11.6351L12.3307 11.6351C11.974 11.6351 11.9036 11.6351 11.737 11.6351C11.6641 11.6351 11.6354 11.6351 11.5644 11.6351H4.43043C4.43043 10.7434 3.71952 10.0184 2.84511 10.0184V7.38126C2.45622 7.33832 2.0797 7.16402 1.78245 6.8609L1.65612 6.73207ZM10.3754 8.00014C10.3754 7.35699 10.1248 6.74019 9.67888 6.28541C9.23292 5.83064 8.62807 5.57515 7.9974 5.57515C7.36672 5.57515 6.76187 5.83064 6.31591 6.28541C5.86996 6.74019 5.61942 7.35699 5.61942 8.00014C5.61942 8.64329 5.86996 9.26009 6.31591 9.71486C6.76187 10.1696 7.36672 10.4251 7.9974 10.4251C8.62807 10.4251 9.23292 10.1696 9.67888 9.71486C10.1248 9.26009 10.3754 8.64329 10.3754 8.00014Z", fill: "#006962" }) });
 var CheckmarkIcon = () => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("path", { d: "M13.5 4.5L6 12L2.5 8.5", stroke: "#006962", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) });
 var RatingBadgeSvg = () => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("svg", { width: "32", height: "24", viewBox: "0 0 36 38", fill: "#478EFA", className: "hc-hotel-card__rating-badge-bg", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("path", { d: "M4 0C1.79086 0 0 1.79086 0 4V32V38L9 32H32C34.2091 32 36 30.2091 36 28V0H4Z" }) });
-var defaultLabels4 = {
-  ratingExcellent: "Excellent",
-  ratingVeryGood: "Very Good",
-  ratingGood: "Good",
-  ratingFair: "Fair",
-  rating: "Rating",
-  priceFrom: "per room & night from",
-  notAvailable: "Not available",
-  swissLodge: "Swiss Lodge"
-};
 var HotelCardContent = ({
   name,
   stars,
@@ -2324,10 +2872,19 @@ var HotelCardContent = ({
   price,
   currency = "CHF",
   isAvailable = true,
-  onClick,
-  labels: labelsProp
+  onClick
 }) => {
-  const labels = { ...defaultLabels4, ...labelsProp };
+  const { t } = useUIContext();
+  const labels = {
+    ratingExcellent: t("label.rating-excellent", "Excellent"),
+    ratingVeryGood: t("label.rating-very-good", "Very good"),
+    ratingGood: t("label.rating-good", "Good"),
+    ratingFair: t("label.rating-fair", "Fair"),
+    rating: t("label.rating", "Rating"),
+    priceFrom: t("label.per-room-night", "per room & night from"),
+    notAvailable: t("general.unavailable-for-selected-days", "Not available"),
+    swissLodge: "Swiss Lodge"
+  };
   const getRatingCategory = (score) => {
     if (score >= 4.4) return labels.ratingExcellent;
     if (score >= 4.1) return labels.ratingVeryGood;
@@ -2378,20 +2935,22 @@ var HotelCardContent = ({
           /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "hc-hotel-card__pin-icon", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(PinIcon, {}) }),
           /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "hc-hotel-card__location", children: location })
         ] }),
-        benefits.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "hc-hotel-card__benefits-section", children: benefits.slice(0, 3).map((benefit, index) => /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "hc-hotel-card__benefit", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "hc-hotel-card__benefit-icon", children: getBenefitIcon(benefit.id) }),
-          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "hc-hotel-card__benefit-text", children: benefit.label })
-        ] }, index)) }),
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "hc-hotel-card__pricing-section", children: [
-          isAvailable && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "hc-hotel-card__price-label", children: labels.priceFrom }),
-          !isAvailable && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "hc-hotel-card__not-available", children: labels.notAvailable }),
-          isAvailable && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "hc-hotel-card__price-container", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "hc-hotel-card__current-price", children: `${currency} ${price.current}` }),
-            price.original && price.original > price.current && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "hc-hotel-card__original-price", children: `${currency} ${price.original}` }),
-            price.discount && price.discount > 0 && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("span", { className: "hc-hotel-card__discount-badge", children: [
-              "-",
-              price.discount,
-              " %"
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "hc-hotel-card__benefits-and-pricing", children: [
+          benefits.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "hc-hotel-card__benefits-section", children: benefits.slice(0, 3).map((benefit, index) => /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "hc-hotel-card__benefit", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "hc-hotel-card__benefit-icon", children: getBenefitIcon(benefit.id) }),
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "hc-hotel-card__benefit-text", children: benefit.label })
+          ] }, index)) }),
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "hc-hotel-card__pricing-section", children: [
+            isAvailable && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "hc-hotel-card__price-label", children: labels.priceFrom }),
+            !isAvailable && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "hc-hotel-card__not-available", children: labels.notAvailable }),
+            isAvailable && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "hc-hotel-card__price-container", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "hc-hotel-card__current-price", children: `${currency} ${price.current}` }),
+              price.original && price.original > price.current && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "hc-hotel-card__original-price", children: `${currency} ${price.original}` }),
+              price.discount && price.discount > 0 && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("span", { className: "hc-hotel-card__discount-badge", children: [
+                "-",
+                price.discount,
+                " %"
+              ] })
             ] })
           ] })
         ] })
@@ -2406,7 +2965,6 @@ var HotelCard = ({
   hotel,
   onFavoriteClick,
   onContentClick,
-  labels = {},
   className
 }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: `hc-hotel-card ${className || ""}`, children: [
@@ -2417,13 +2975,7 @@ var HotelCard = ({
         hotelName: hotel.name,
         badges: hotel.badges,
         isFavorite: hotel.isFavorite,
-        onFavoriteClick,
-        labels: {
-          removeFromFavorites: labels.removeFromFavorites,
-          addToFavorites: labels.addToFavorites,
-          previousImage: labels.previousImage,
-          nextImage: labels.nextImage
-        }
+        onFavoriteClick
       }
     ),
     hotel.usp && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "hc-hotel-card__usp-banner", children: hotel.usp }),
@@ -2439,25 +2991,866 @@ var HotelCard = ({
         price: hotel.price,
         currency: hotel.currency,
         isAvailable: hotel.isAvailable,
-        onClick: onContentClick,
-        labels: {
-          ratingExcellent: labels.ratingExcellent,
-          ratingVeryGood: labels.ratingVeryGood,
-          ratingGood: labels.ratingGood,
-          ratingFair: labels.ratingFair,
-          rating: labels.rating,
-          priceFrom: labels.priceFrom,
-          notAvailable: labels.notAvailable,
-          swissLodge: labels.swissLodge
+        onClick: onContentClick
+      }
+    )
+  ] });
+};
+
+// src/components/Filters/FilterCheckboxItem.module.css
+var FilterCheckboxItem_default = {};
+
+// src/components/Filters/FilterCheckboxItem.tsx
+var import_jsx_runtime26 = require("react/jsx-runtime");
+var FilterCheckboxItem = ({
+  id,
+  label,
+  count,
+  checked,
+  disabled = false,
+  onChange,
+  className = "",
+  trackName
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+    "label",
+    {
+      className: `${FilterCheckboxItem_default.filterRow} ${disabled ? FilterCheckboxItem_default.filterRowDisabled : ""} ${className}`,
+      tabIndex: disabled ? -1 : 0,
+      "data-track": trackName,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: FilterCheckboxItem_default.checkboxLabel, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: FilterCheckboxItem_default.checkboxButton, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+              "input",
+              {
+                id,
+                type: "checkbox",
+                className: FilterCheckboxItem_default.checkbox,
+                checked,
+                disabled,
+                onChange
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: `${FilterCheckboxItem_default.checkboxBox} ${disabled ? FilterCheckboxItem_default.checkboxBoxDisabled : ""}`, children: checked && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("svg", { viewBox: "0 0 12 10", fill: "none", className: FilterCheckboxItem_default.checkIcon, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+              "path",
+              {
+                d: "M1 5L4.5 8.5L11 1",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round"
+              }
+            ) }) })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: `${FilterCheckboxItem_default.filterLabel} ${disabled ? FilterCheckboxItem_default.filterLabelDisabled : ""}`, children: label })
+        ] }),
+        count !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: `${FilterCheckboxItem_default.filterCount} ${disabled ? FilterCheckboxItem_default.filterCountDisabled : ""}`, children: count })
+      ]
+    }
+  );
+};
+
+// src/components/Filters/CollapsibleFilterSection.tsx
+var import_react15 = __toESM(require("react"), 1);
+
+// src/components/Filters/CollapsibleFilterSection.module.css
+var CollapsibleFilterSection_default = {};
+
+// src/components/Filters/CollapsibleFilterSection.tsx
+var import_jsx_runtime27 = require("react/jsx-runtime");
+var CollapsibleFilterSection = ({
+  title,
+  children,
+  defaultExpanded = true,
+  showAllText,
+  showLessText,
+  hasShowAll = false,
+  initialItemsToShow = 5,
+  className = ""
+}) => {
+  const { t } = useUIContext();
+  const [isExpanded, setIsExpanded] = (0, import_react15.useState)(defaultExpanded);
+  const [showAll, setShowAll] = (0, import_react15.useState)(false);
+  const resolvedShowAllText = showAllText ?? t("filter.show-all", "Show all");
+  const resolvedShowLessText = showLessText ?? t("filter.show-less", "Show less");
+  (0, import_react15.useEffect)(() => {
+    if (defaultExpanded && !isExpanded) {
+      setIsExpanded(true);
+    }
+  }, [defaultExpanded]);
+  const toggleExpanded = () => {
+    setIsExpanded(!isExpanded);
+  };
+  const toggleShowAll = () => {
+    setShowAll(!showAll);
+  };
+  const childrenArray = import_react15.default.Children.toArray(children);
+  const shouldShowToggle = hasShowAll && childrenArray.length > initialItemsToShow;
+  const displayedChildren = shouldShowToggle && !showAll ? childrenArray.slice(0, initialItemsToShow) : childrenArray;
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: `${CollapsibleFilterSection_default.section} ${className}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+      "button",
+      {
+        type: "button",
+        className: CollapsibleFilterSection_default.header,
+        onClick: toggleExpanded,
+        "aria-expanded": isExpanded,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: CollapsibleFilterSection_default.title, children: title }),
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+            "svg",
+            {
+              className: `${CollapsibleFilterSection_default.chevron} ${isExpanded ? CollapsibleFilterSection_default.chevronExpanded : ""}`,
+              viewBox: "0 0 24 24",
+              fill: "none",
+              "aria-hidden": "true",
+              children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+                "path",
+                {
+                  d: "M6 9L12 15L18 9",
+                  stroke: "currentColor",
+                  strokeWidth: "2",
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round"
+                }
+              )
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+      "div",
+      {
+        className: `${CollapsibleFilterSection_default.content} ${isExpanded ? CollapsibleFilterSection_default.contentExpanded : ""}`,
+        "aria-hidden": !isExpanded,
+        children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: CollapsibleFilterSection_default.contentInner, children: [
+          displayedChildren,
+          shouldShowToggle && /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+            "button",
+            {
+              type: "button",
+              className: CollapsibleFilterSection_default.showAllButton,
+              onClick: toggleShowAll,
+              children: [
+                showAll ? resolvedShowLessText : resolvedShowAllText,
+                /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+                  "svg",
+                  {
+                    className: `${CollapsibleFilterSection_default.showAllChevron} ${showAll ? CollapsibleFilterSection_default.showAllChevronUp : ""}`,
+                    viewBox: "0 0 24 24",
+                    fill: "none",
+                    "aria-hidden": "true",
+                    children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+                      "path",
+                      {
+                        d: "M6 9L12 15L18 9",
+                        stroke: "currentColor",
+                        strokeWidth: "2",
+                        strokeLinecap: "round",
+                        strokeLinejoin: "round"
+                      }
+                    )
+                  }
+                )
+              ]
+            }
+          )
+        ] })
+      }
+    )
+  ] });
+};
+
+// src/components/Filters/PriceRangeFilter.tsx
+var import_react16 = require("react");
+
+// src/components/Filters/PriceRangeFilter.module.css
+var PriceRangeFilter_default = {};
+
+// src/components/Filters/PriceRangeFilter.tsx
+var import_jsx_runtime28 = require("react/jsx-runtime");
+var DEFAULT_HISTOGRAM = [
+  12,
+  25,
+  38,
+  45,
+  52,
+  48,
+  42,
+  35,
+  28,
+  22,
+  18,
+  15,
+  12,
+  10,
+  8,
+  6,
+  5,
+  4,
+  3,
+  2
+];
+var PriceRangeFilter = ({
+  minPrice,
+  maxPrice,
+  value,
+  onChange,
+  onApply,
+  histogram = DEFAULT_HISTOGRAM,
+  currency,
+  onDragStart,
+  onDragEnd,
+  debounceDelay = 500
+}) => {
+  const { t, currency: contextCurrency } = useUIContext();
+  const displayCurrency = currency ?? contextCurrency;
+  const sliderRef = (0, import_react16.useRef)(null);
+  const [isDragging, setIsDragging] = (0, import_react16.useState)(null);
+  const [isDraggingExternal, setIsDraggingExternal] = (0, import_react16.useState)(false);
+  const lastValueRef = (0, import_react16.useRef)(value);
+  const timeoutRef = (0, import_react16.useRef)(null);
+  const [minInputValue, setMinInputValue] = (0, import_react16.useState)("");
+  const [maxInputValue, setMaxInputValue] = (0, import_react16.useState)("");
+  const [minInputFocused, setMinInputFocused] = (0, import_react16.useState)(false);
+  const [maxInputFocused, setMaxInputFocused] = (0, import_react16.useState)(false);
+  const range = maxPrice - minPrice;
+  const minPercent = range > 0 ? (value.min - minPrice) / range * 100 : 0;
+  const maxPercent = range > 0 ? (value.max - minPrice) / range * 100 : 100;
+  const maxHistogramValue = Math.max(...histogram, 1);
+  const getBarActive = (0, import_react16.useCallback)((index) => {
+    const barStartPercent = index / histogram.length * 100;
+    const barEndPercent = (index + 1) / histogram.length * 100;
+    return barStartPercent < maxPercent && barEndPercent > minPercent;
+  }, [histogram.length, minPercent, maxPercent]);
+  const trackInset = 12;
+  const triggerOnApply = (0, import_react16.useCallback)((newValue) => {
+    if (!onApply) return;
+    if (timeoutRef.current) {
+      clearTimeout(timeoutRef.current);
+    }
+    timeoutRef.current = setTimeout(() => {
+      onApply(newValue);
+    }, debounceDelay);
+  }, [onApply, debounceDelay]);
+  const handleDrag = (0, import_react16.useCallback)((clientX) => {
+    if (!sliderRef.current || !isDragging) return;
+    const rect = sliderRef.current.getBoundingClientRect();
+    const trackWidth = rect.width - trackInset * 2;
+    const trackLeft = rect.left + trackInset;
+    const percent = Math.max(0, Math.min(100, (clientX - trackLeft) / trackWidth * 100));
+    const newValue = Math.round(minPrice + percent / 100 * range);
+    let newMin = value.min;
+    let newMax = value.max;
+    if (isDragging === "min") {
+      const clampedValue = Math.min(newValue, value.max - 1);
+      newMin = Math.max(minPrice, clampedValue);
+    } else {
+      const clampedValue = Math.max(newValue, value.min + 1);
+      newMax = Math.min(maxPrice, clampedValue);
+    }
+    const newRange = { min: newMin, max: newMax };
+    onChange(newRange);
+    lastValueRef.current = newRange;
+    if (!isDraggingExternal) {
+      triggerOnApply(newRange);
+    }
+  }, [isDragging, minPrice, maxPrice, range, value, onChange, isDraggingExternal, triggerOnApply]);
+  const handleMouseDown = (handle) => (e) => {
+    e.preventDefault();
+    setIsDragging(handle);
+    setIsDraggingExternal(true);
+    onDragStart?.();
+  };
+  const handleTouchStart = (handle) => (e) => {
+    e.preventDefault();
+    setIsDragging(handle);
+    setIsDraggingExternal(true);
+    onDragStart?.();
+  };
+  const handleDragEnd = (0, import_react16.useCallback)(() => {
+    if (isDraggingExternal && onApply) {
+      onApply(lastValueRef.current);
+    }
+    setIsDragging(null);
+    setIsDraggingExternal(false);
+    onDragEnd?.();
+  }, [isDraggingExternal, onApply, onDragEnd]);
+  (0, import_react16.useEffect)(() => {
+    if (!isDragging) return;
+    const handleMouseMove = (e) => {
+      handleDrag(e.clientX);
+    };
+    const handleTouchMove = (e) => {
+      if (e.touches.length > 0) {
+        handleDrag(e.touches[0].clientX);
+      }
+    };
+    document.addEventListener("mousemove", handleMouseMove);
+    document.addEventListener("mouseup", handleDragEnd);
+    document.addEventListener("touchmove", handleTouchMove, { passive: false });
+    document.addEventListener("touchend", handleDragEnd);
+    return () => {
+      document.removeEventListener("mousemove", handleMouseMove);
+      document.removeEventListener("mouseup", handleDragEnd);
+      document.removeEventListener("touchmove", handleTouchMove);
+      document.removeEventListener("touchend", handleDragEnd);
+      if (timeoutRef.current) {
+        clearTimeout(timeoutRef.current);
+      }
+    };
+  }, [isDragging, handleDrag, handleDragEnd]);
+  const handleMinInputFocus = () => {
+    setMinInputFocused(true);
+    setMinInputValue(value.min.toString());
+  };
+  const handleMaxInputFocus = () => {
+    setMaxInputFocused(true);
+    setMaxInputValue(value.max.toString());
+  };
+  const handleMinInputChange = (e) => {
+    const val = e.target.value.replace(/[^0-9]/g, "");
+    setMinInputValue(val);
+  };
+  const handleMaxInputChange = (e) => {
+    const val = e.target.value.replace(/[^0-9]/g, "");
+    setMaxInputValue(val);
+  };
+  const handleMinInputBlur = () => {
+    setMinInputFocused(false);
+    const numValue = parseInt(minInputValue, 10);
+    if (!isNaN(numValue)) {
+      const clampedValue = Math.max(minPrice, Math.min(numValue, value.max - 1));
+      const newRange = { min: clampedValue, max: value.max };
+      onChange(newRange);
+      if (onApply) {
+        triggerOnApply(newRange);
+      }
+    }
+  };
+  const handleMaxInputBlur = () => {
+    setMaxInputFocused(false);
+    const numValue = parseInt(maxInputValue, 10);
+    if (!isNaN(numValue)) {
+      const clampedValue = Math.min(maxPrice, Math.max(numValue, value.min + 1));
+      const newRange = { min: value.min, max: clampedValue };
+      onChange(newRange);
+      if (onApply) {
+        triggerOnApply(newRange);
+      }
+    }
+  };
+  (0, import_react16.useEffect)(() => {
+    return () => {
+      if (timeoutRef.current) {
+        clearTimeout(timeoutRef.current);
+      }
+    };
+  }, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: PriceRangeFilter_default.priceRangeWrapper, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: PriceRangeFilter_default.priceInputs, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: PriceRangeFilter_default.priceInputWrapper, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+        "input",
+        {
+          type: "text",
+          inputMode: "numeric",
+          className: PriceRangeFilter_default.priceInput,
+          value: minInputFocused ? minInputValue : `${displayCurrency} ${value.min}`,
+          onChange: handleMinInputChange,
+          onFocus: handleMinInputFocus,
+          onBlur: handleMinInputBlur,
+          "aria-label": t("filter.min-price", "Minimum price")
+        }
+      ) }),
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: PriceRangeFilter_default.priceInputDivider, children: "\u2014" }),
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: PriceRangeFilter_default.priceInputWrapper, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+        "input",
+        {
+          type: "text",
+          inputMode: "numeric",
+          className: PriceRangeFilter_default.priceInput,
+          value: maxInputFocused ? maxInputValue : `${displayCurrency} ${value.max}`,
+          onChange: handleMaxInputChange,
+          onFocus: handleMaxInputFocus,
+          onBlur: handleMaxInputBlur,
+          "aria-label": t("filter.max-price", "Maximum price")
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: PriceRangeFilter_default.histogram, children: histogram.map((histValue, index) => {
+      const height = histValue / maxHistogramValue * 100;
+      const isActive = getBarActive(index);
+      return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+        "div",
+        {
+          className: `${PriceRangeFilter_default.histogramBar} ${isActive ? PriceRangeFilter_default.histogramBarActive : ""}`,
+          style: { height: `${Math.max(height, 10)}%` }
+        },
+        index
+      );
+    }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: PriceRangeFilter_default.sliderContainer, ref: sliderRef, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: PriceRangeFilter_default.sliderTrack }),
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+        "div",
+        {
+          className: PriceRangeFilter_default.sliderActiveTrack,
+          style: {
+            left: `calc(12px + (100% - 24px) * ${minPercent / 100})`,
+            width: `calc((100% - 24px) * ${(maxPercent - minPercent) / 100})`
+          }
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+        "div",
+        {
+          className: `${PriceRangeFilter_default.sliderHandle} ${isDragging === "min" ? PriceRangeFilter_default.sliderHandleActive : ""}`,
+          style: { left: `calc(12px + (100% - 24px) * ${minPercent / 100})` },
+          onMouseDown: handleMouseDown("min"),
+          onTouchStart: handleTouchStart("min"),
+          role: "slider",
+          "aria-label": t("filter.min-price", "Minimum price"),
+          "aria-valuenow": value.min,
+          "aria-valuemin": minPrice,
+          "aria-valuemax": value.max,
+          tabIndex: 0
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+        "div",
+        {
+          className: `${PriceRangeFilter_default.sliderHandle} ${isDragging === "max" ? PriceRangeFilter_default.sliderHandleActive : ""}`,
+          style: { left: `calc(12px + (100% - 24px) * ${maxPercent / 100})` },
+          onMouseDown: handleMouseDown("max"),
+          onTouchStart: handleTouchStart("max"),
+          role: "slider",
+          "aria-label": t("filter.max-price", "Maximum price"),
+          "aria-valuenow": value.max,
+          "aria-valuemin": value.min,
+          "aria-valuemax": maxPrice,
+          tabIndex: 0
         }
+      )
+    ] })
+  ] });
+};
+
+// src/components/Filters/HotelCategoryFilter.module.css
+var HotelCategoryFilter_default = {};
+
+// src/components/Filters/HotelCategoryFilter.tsx
+var import_jsx_runtime29 = require("react/jsx-runtime");
+var CATEGORY_OPTIONS = [
+  { value: "5", stars: 5, label: null },
+  { value: "4", stars: 4, label: null },
+  { value: "3", stars: 3, label: null },
+  { value: "2", stars: 2, label: null },
+  { value: "swiss_lodge", stars: 0, label: "Swiss Lodge" },
+  { value: "not_classified", stars: 0, label: "No category" }
+];
+var HotelCategoryFilter = ({
+  selected,
+  counts = {},
+  onChange,
+  className = ""
+}) => {
+  const { t } = useUIContext();
+  const handleToggle = (value) => {
+    if (selected.includes(value)) {
+      onChange(selected.filter((v) => v !== value));
+    } else {
+      onChange([...selected, value]);
+    }
+  };
+  const getLabel = (option) => {
+    if (option.stars > 0) return null;
+    if (option.value === "swiss_lodge") return t("filter.swiss-lodge", "Swiss Lodge");
+    if (option.value === "not_classified") return t("filter.no-category", "No category");
+    return option.label;
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: HotelCategoryFilter_default.filterList, children: CATEGORY_OPTIONS.map((option) => {
+      const count = counts[option.value];
+      const isDisabled = count === 0 && !selected.includes(option.value);
+      return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+        FilterCheckboxItem,
+        {
+          id: `category-${option.value}`,
+          label: option.stars > 0 ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: HotelCategoryFilter_default.starsContainer, children: Array.from({ length: option.stars }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("svg", { className: HotelCategoryFilter_default.starIcon, viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("path", { d: "M12 0L14.6942 8.2918H23.4127L16.3593 13.4164L19.0534 21.7082L12 16.5836L4.94658 21.7082L7.64074 13.4164L0.587322 8.2918H9.30583L12 0Z" }) }, i)) }) : getLabel(option),
+          count,
+          checked: selected.includes(option.value),
+          disabled: isDisabled,
+          onChange: () => handleToggle(option.value),
+          trackName: `filter-category-${option.value}`
+        },
+        option.value
+      );
+    }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: HotelCategoryFilter_default.footer, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: HotelCategoryFilter_default.footerText, children: t("filter.hotellerie-suisse", "Classification HotellerieSuisse") }) })
+  ] });
+};
+
+// src/components/Filters/ReviewsFilter.module.css
+var ReviewsFilter_default = {};
+
+// src/components/Filters/ReviewsFilter.tsx
+var import_jsx_runtime30 = require("react/jsx-runtime");
+var REVIEW_OPTIONS = [
+  { value: "excellent", labelKey: "rating-excellent", range: "(4.4+)" },
+  { value: "very_good", labelKey: "rating-very-good", range: "(4.1 \u2013 4.3)" },
+  { value: "good", labelKey: "rating-good", range: "(3.8 \u2013 4.0)" },
+  { value: "fair", labelKey: "rating-fair", range: "(3.5 \u2013 3.7)" },
+  { value: "no_rating", labelKey: "rating-none", range: "" }
+];
+var ReviewsFilter = ({
+  selected,
+  counts = {},
+  onChange,
+  className = "",
+  isPlaceSearchActive = false
+}) => {
+  const { t } = useUIContext();
+  const handleToggle = (value) => {
+    if (selected.includes(value)) {
+      onChange(selected.filter((v) => v !== value));
+    } else {
+      onChange([...selected, value]);
+    }
+  };
+  const getRatingLabel = (labelKey) => {
+    const labelMap = {
+      "rating-excellent": t("label.rating-excellent", "Excellent"),
+      "rating-very-good": t("label.rating-very-good", "Very Good"),
+      "rating-good": t("label.rating-good", "Good"),
+      "rating-fair": t("label.rating-fair", "Fair"),
+      "rating-none": t("label.rating-none", "No rating")
+    };
+    return labelMap[labelKey] ?? labelKey;
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: ReviewsFilter_default.filterList, children: REVIEW_OPTIONS.map((option) => {
+      const count = counts[option.value];
+      const isDisabled = !isPlaceSearchActive && count === 0 && !selected.includes(option.value);
+      return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+        FilterCheckboxItem,
+        {
+          id: `review-${option.value}`,
+          label: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_jsx_runtime30.Fragment, { children: [
+            getRatingLabel(option.labelKey),
+            option.range && /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("span", { className: ReviewsFilter_default.filterRange, children: [
+              " ",
+              option.range
+            ] })
+          ] }),
+          count,
+          checked: selected.includes(option.value),
+          disabled: isDisabled,
+          onChange: () => handleToggle(option.value),
+          trackName: `filter-review-${option.value}`
+        },
+        option.value
+      );
+    }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: ReviewsFilter_default.footer, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: ReviewsFilter_default.footerText, children: t("filter.trustyou", "Reviews from TrustYou\xAE") }) })
+  ] });
+};
+
+// src/components/Filters/ExperienceFilter.tsx
+var import_react17 = require("react");
+
+// src/components/Filters/ExperienceFilter.module.css
+var ExperienceFilter_default = {};
+
+// src/components/Filters/ExperienceFilter.tsx
+var import_jsx_runtime31 = require("react/jsx-runtime");
+var ExperienceFilter = ({
+  selected,
+  themes = [],
+  onChange,
+  className = ""
+}) => {
+  const { t } = useUIContext();
+  const [expanded, setExpanded] = (0, import_react17.useState)(false);
+  const visibleThemes = expanded ? themes : themes.slice(0, 5);
+  const hasMoreThemes = themes.length > 5;
+  const handleToggle = (value) => {
+    if (selected.includes(value)) {
+      onChange(selected.filter((v) => v !== value));
+    } else {
+      onChange([...selected, value]);
+    }
+  };
+  if (themes.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: `${ExperienceFilter_default.filterList} ${className}`, children: [
+    visibleThemes.map((theme) => {
+      const themeIdStr = String(theme.id);
+      const isDisabled = theme.count === 0 && !selected.includes(themeIdStr);
+      return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+        FilterCheckboxItem,
+        {
+          id: `experience-${theme.id}`,
+          label: theme.name,
+          count: theme.count > 0 ? theme.count : void 0,
+          checked: selected.includes(themeIdStr),
+          disabled: isDisabled,
+          onChange: () => handleToggle(themeIdStr),
+          trackName: `filter-experience-${theme.id}`
+        },
+        theme.id
+      );
+    }),
+    hasMoreThemes && /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+      "button",
+      {
+        type: "button",
+        className: ExperienceFilter_default.showMoreBtn,
+        onClick: () => setExpanded(!expanded),
+        children: [
+          expanded ? t("filter.show-less", "Show less") : t("filter.show-all", "Show all"),
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: `${ExperienceFilter_default.arrowIcon} ${expanded ? ExperienceFilter_default.arrowUp : ""}`, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("path", { d: "M9.36927 13.9061C9.71908 14.2535 10.2847 14.2535 10.6308 13.9061L16.4069 8.1803C16.7567 7.83285 16.7567 7.27102 16.4069 6.92727C16.0571 6.58352 15.4915 6.57983 15.1454 6.92727L10.0019 12.0247L4.85845 6.92727C4.50864 6.57983 3.94299 6.57983 3.5969 6.92727C3.25081 7.27472 3.24709 7.83655 3.5969 8.1803L9.37299 13.9061H9.36927Z", fill: "currentColor" }) }) })
+        ]
       }
     )
   ] });
 };
 
+// src/components/Filters/RegionsFilter.tsx
+var import_react18 = require("react");
+
+// src/components/Filters/RegionsFilter.module.css
+var RegionsFilter_default = {};
+
+// src/components/Filters/RegionsFilter.tsx
+var import_jsx_runtime32 = require("react/jsx-runtime");
+var RegionsFilter = ({
+  regions,
+  selected,
+  onChange,
+  className = "",
+  isPlaceSearchActive = false
+}) => {
+  const { t } = useUIContext();
+  const [expandedCountries, setExpandedCountries] = (0, import_react18.useState)(/* @__PURE__ */ new Set(["country_215"]));
+  const hasInitializedRef = (0, import_react18.useRef)(false);
+  (0, import_react18.useEffect)(() => {
+    if (hasInitializedRef.current) return;
+    if (regions.length === 0 || selected.length === 0) return;
+    const countriesWithSelectedRegions = /* @__PURE__ */ new Set();
+    regions.forEach((region) => {
+      if (region.subRegions?.some((sub) => selected.includes(sub.value))) {
+        countriesWithSelectedRegions.add(region.value);
+      }
+    });
+    if (countriesWithSelectedRegions.size > 0) {
+      setExpandedCountries(countriesWithSelectedRegions);
+      hasInitializedRef.current = true;
+    }
+  }, [regions, selected]);
+  const handleCountryToggle = (countryValue) => {
+    setExpandedCountries((prev) => {
+      const next = new Set(prev);
+      if (next.has(countryValue)) {
+        next.delete(countryValue);
+      } else {
+        next.add(countryValue);
+      }
+      return next;
+    });
+  };
+  const handleRegionToggle = (regionValue) => {
+    if (selected.includes(regionValue)) {
+      onChange(selected.filter((r) => r !== regionValue));
+    } else {
+      onChange([...selected, regionValue]);
+    }
+  };
+  if (regions.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: `${RegionsFilter_default.filterList} ${className}`, children: regions.map((region) => {
+    const hasSubRegions = region.subRegions && region.subRegions.length > 0;
+    const isExpanded = expandedCountries.has(region.value);
+    return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: RegionsFilter_default.regionItem, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+        "button",
+        {
+          type: "button",
+          className: `${RegionsFilter_default.countryRow} ${isExpanded ? RegionsFilter_default.countryRowExpanded : ""}`,
+          onClick: () => handleCountryToggle(region.value),
+          "aria-expanded": isExpanded,
+          disabled: isPlaceSearchActive,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: RegionsFilter_default.countryInfo, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: RegionsFilter_default.countryName, children: region.label }),
+              region.count !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: RegionsFilter_default.countBadge, children: region.count })
+            ] }),
+            hasSubRegions && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+              "svg",
+              {
+                xmlns: "http://www.w3.org/2000/svg",
+                width: "20",
+                height: "20",
+                viewBox: "0 0 20 20",
+                fill: "none",
+                className: `${RegionsFilter_default.chevron} ${isExpanded ? RegionsFilter_default.chevronExpanded : ""}`,
+                children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("path", { d: "M9.36927 13.9061C9.71908 14.2535 10.2847 14.2535 10.6308 13.9061L16.4069 8.18027C16.7567 7.83283 16.7567 7.271 16.4069 6.92725C16.0571 6.5835 15.4915 6.5798 15.1454 6.92725L10.0019 12.0247L4.85845 6.92725C4.50864 6.5798 3.94299 6.5798 3.5969 6.92725C3.25081 7.2747 3.24709 7.83652 3.5969 8.18027L9.37299 13.9061H9.36927Z", fill: "#6B7280" })
+              }
+            )
+          ]
+        }
+      ),
+      hasSubRegions && isExpanded && (() => {
+        const hasSelectableRegions = region.subRegions.some(
+          (sr) => sr.count === void 0 || sr.count > 0
+        );
+        const subValues = region.subRegions.map((sr) => sr.value);
+        const hasSelectedRegions = subValues.some((v) => selected.includes(v));
+        return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: RegionsFilter_default.mobileSelectAllActions, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+            "button",
+            {
+              type: "button",
+              className: RegionsFilter_default.selectAllBtn,
+              disabled: !hasSelectableRegions,
+              onClick: () => {
+                const selectableSubValues = region.subRegions.filter((sr) => sr.count === void 0 || sr.count > 0).map((sr) => sr.value);
+                const merged = Array.from(/* @__PURE__ */ new Set([...selected, ...selectableSubValues]));
+                onChange(merged);
+              },
+              children: t("filter.select-all", "Select all")
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+            "button",
+            {
+              type: "button",
+              className: RegionsFilter_default.resetAllBtn,
+              disabled: !hasSelectedRegions,
+              onClick: () => {
+                onChange(selected.filter((v) => !subValues.includes(v)));
+              },
+              children: t("filter.reset", "Reset")
+            }
+          )
+        ] });
+      })(),
+      hasSubRegions && isExpanded && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: RegionsFilter_default.subRegions, children: region.subRegions.map((subRegion) => {
+        const isDisabled = subRegion.count === 0 && !selected.includes(subRegion.value) || isPlaceSearchActive && !selected.includes(subRegion.value);
+        return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+          FilterCheckboxItem,
+          {
+            id: `region-${subRegion.value}`,
+            label: subRegion.label,
+            count: subRegion.count,
+            checked: selected.includes(subRegion.value),
+            disabled: isDisabled,
+            onChange: () => handleRegionToggle(subRegion.value),
+            trackName: `filter-region-${subRegion.value}`
+          },
+          subRegion.value
+        );
+      }) })
+    ] }, region.value);
+  }) });
+};
+
+// src/components/Filters/CheckboxFilter.module.css
+var CheckboxFilter_default = {};
+
+// src/components/Filters/CheckboxFilter.tsx
+var import_jsx_runtime33 = require("react/jsx-runtime");
+var CheckboxFilter = ({
+  selected,
+  counts = {},
+  options = [],
+  onChange,
+  className = "",
+  trackPrefix = "filter"
+}) => {
+  const handleToggle = (value) => {
+    if (selected.includes(value)) {
+      onChange(selected.filter((v) => v !== value));
+    } else {
+      onChange([...selected, value]);
+    }
+  };
+  if (options.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: `${CheckboxFilter_default.filterList} ${className}`, children: options.map((option) => {
+    const count = counts[option.key];
+    const isDisabled = count === 0 && !selected.includes(option.key);
+    return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+      FilterCheckboxItem,
+      {
+        id: `${trackPrefix}-${option.key}`,
+        label: option.name,
+        count,
+        checked: selected.includes(option.key),
+        disabled: isDisabled,
+        onChange: () => handleToggle(option.key),
+        trackName: `filter-${trackPrefix}-${option.key}`
+      },
+      option.key
+    );
+  }) });
+};
+var MealsFilter = (props) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(CheckboxFilter, { ...props, trackPrefix: "meals" });
+var TransportFilter = (props) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(CheckboxFilter, { ...props, trackPrefix: "transport" });
+var WellnessFilter = (props) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(CheckboxFilter, { ...props, trackPrefix: "wellness" });
+
+// src/components/Filters/SelectedFiltersRow.module.css
+var SelectedFiltersRow_default = {};
+
+// src/components/Filters/SelectedFiltersRow.tsx
+var import_jsx_runtime34 = require("react/jsx-runtime");
+var SelectedFiltersRow = ({
+  filters,
+  onRemove,
+  onClearAll,
+  className = ""
+}) => {
+  const { t } = useUIContext();
+  if (filters.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: `${SelectedFiltersRow_default.container} ${className}`, children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: SelectedFiltersRow_default.chipsWrapper, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("p", { className: SelectedFiltersRow_default.selectedText, children: [
+      t("filter.selected", "Selected:"),
+      " "
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: SelectedFiltersRow_default.chips, children: [
+      filters.map((filter) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+        Chip,
+        {
+          label: filter.label,
+          size: "small",
+          state: "idle",
+          removable: true,
+          onRemove: () => onRemove(filter)
+        },
+        filter.id
+      )),
+      onClearAll && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+        Button,
+        {
+          variant: "link",
+          className: SelectedFiltersRow_default.clearAllBtn,
+          onClick: onClearAll,
+          children: t("filter.clear-all", "Clear all")
+        }
+      )
+    ] })
+  ] }) });
+};
+
 // src/components/icons/HeartIcon.tsx
-var import_jsx_runtime26 = require("react/jsx-runtime");
-var HeartIcon3 = ({ filled = false, className = "", size = 24 }) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+var import_jsx_runtime35 = require("react/jsx-runtime");
+var HeartIcon3 = ({ filled = false, className = "", size = 24 }) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
   "svg",
   {
     width: size,
@@ -2469,14 +3862,14 @@ var HeartIcon3 = ({ filled = false, className = "", size = 24 }) => /* @__PURE__
     strokeWidth: 2,
     strokeLinecap: "round",
     strokeLinejoin: "round",
-    children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("path", { d: "M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("path", { d: "M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z" })
   }
 );
 HeartIcon3.displayName = "HeartIcon";
 
 // src/components/icons/StarIcon.tsx
-var import_jsx_runtime27 = require("react/jsx-runtime");
-var StarIcon4 = ({ filled = true, className = "", size = 9 }) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+var import_jsx_runtime36 = require("react/jsx-runtime");
+var StarIcon4 = ({ filled = true, className = "", size = 9 }) => /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2486,22 +3879,22 @@ var StarIcon4 = ({ filled = true, className = "", size = 9 }) => /* @__PURE__ */
     fill: "none",
     className,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("g", { clipPath: "url(#clip0_star_icon)", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("g", { clipPath: "url(#clip0_star_icon)", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
         "path",
         {
           d: "M4.80018 0.366577C4.93104 0.366577 5.05173 0.440968 5.11135 0.557659L6.18011 2.66102L8.50521 3.03152C8.63462 3.05194 8.74222 3.14383 8.78294 3.26927C8.82365 3.39472 8.79021 3.53183 8.6986 3.62518L7.03366 5.29533L7.40155 7.6277C7.42191 7.75752 7.3681 7.88879 7.26195 7.9661C7.15581 8.04341 7.01476 8.05508 6.89843 7.99528L4.80018 6.92463L2.70192 7.99528C2.58559 8.05508 2.44454 8.04341 2.33839 7.9661C2.23225 7.88879 2.17844 7.75898 2.1988 7.6277L2.56523 5.29533L0.901751 3.62518C0.808689 3.53183 0.776699 3.39472 0.817413 3.26927C0.858128 3.14383 0.964277 3.05194 1.09515 3.03152L3.42024 2.66102L4.49045 0.557659C4.55007 0.440968 4.67076 0.366577 4.80163 0.366577H4.80018Z",
           fill: filled ? "#1F2937" : "#D1D5DB"
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("clipPath", { id: "clip0_star_icon", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("rect", { width: "8", height: "8", fill: "white", transform: "translate(0.800049 0.199951)" }) }) })
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("clipPath", { id: "clip0_star_icon", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("rect", { width: "8", height: "8", fill: "white", transform: "translate(0.800049 0.199951)" }) }) })
     ]
   }
 );
 StarIcon4.displayName = "StarIcon";
 
 // src/components/icons/ChevronLeftIcon.tsx
-var import_jsx_runtime28 = require("react/jsx-runtime");
-var ChevronLeftIcon = ({ className = "", size = 20 }) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+var import_jsx_runtime37 = require("react/jsx-runtime");
+var ChevronLeftIcon = ({ className = "", size = 20 }) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2514,14 +3907,14 @@ var ChevronLeftIcon = ({ className = "", size = 20 }) => /* @__PURE__ */ (0, imp
     strokeLinecap: "round",
     strokeLinejoin: "round",
     className,
-    children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("polyline", { points: "15 18 9 12 15 6" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("polyline", { points: "15 18 9 12 15 6" })
   }
 );
 ChevronLeftIcon.displayName = "ChevronLeftIcon";
 
 // src/components/icons/ChevronRightIcon.tsx
-var import_jsx_runtime29 = require("react/jsx-runtime");
-var ChevronRightIcon2 = ({ className = "", size = 20 }) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+var import_jsx_runtime38 = require("react/jsx-runtime");
+var ChevronRightIcon2 = ({ className = "", size = 20 }) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2534,14 +3927,14 @@ var ChevronRightIcon2 = ({ className = "", size = 20 }) => /* @__PURE__ */ (0, i
     strokeLinecap: "round",
     strokeLinejoin: "round",
     className,
-    children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("polyline", { points: "9 18 15 12 9 6" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("polyline", { points: "9 18 15 12 9 6" })
   }
 );
 ChevronRightIcon2.displayName = "ChevronRightIcon";
 
 // src/components/icons/PinIcon.tsx
-var import_jsx_runtime30 = require("react/jsx-runtime");
-var PinIcon2 = ({ className = "", size = 16 }) => /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+var import_jsx_runtime39 = require("react/jsx-runtime");
+var PinIcon2 = ({ className = "", size = 16 }) => /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2551,7 +3944,7 @@ var PinIcon2 = ({ className = "", size = 16 }) => /* @__PURE__ */ (0, import_jsx
     fill: "none",
     className,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
         "path",
         {
           fillRule: "evenodd",
@@ -2560,7 +3953,7 @@ var PinIcon2 = ({ className = "", size = 16 }) => /* @__PURE__ */ (0, import_jsx
           fill: "currentColor"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
         "path",
         {
           fillRule: "evenodd",
@@ -2609,36 +4002,51 @@ var calculateDiscount = (originalPrice, discountedPrice) => {
   Benefits,
   Block,
   Button,
+  CATEGORY_OPTIONS,
   Card,
   Checkbox,
+  CheckboxFilter,
   ChevronLeftIcon,
   ChevronRightIcon,
   Chip,
+  CollapsibleFilterSection,
   DateSelector,
   Divider,
   Dropdown,
   DualCalendar,
+  ExperienceFilter,
   FAQ,
+  FilterCheckboxItem,
   GuestContent,
   HeartIcon,
   HotelCard,
   HotelCardContent,
   HotelCardImage,
   HotelCardUIProvider,
+  HotelCategoryFilter,
   Input,
+  MealsFilter,
   Modal,
   Pin,
   PinIcon,
+  PriceRangeFilter,
+  REVIEW_OPTIONS,
   RadioButton,
   Rating,
+  RegionsFilter,
   ReviewCard,
+  ReviewsFilter,
   SectionHeader,
+  SelectedFiltersRow,
   StarIcon,
+  TransportFilter,
+  WellnessFilter,
   WhenContent,
   calculateDiscount,
   formatDate,
   formatDateRange,
   formatPrice,
+  translations,
   useDebounce,
   useResponsive,
   useTranslation,