@hotelcard/ui 0.0.13 → 0.0.16

package/dist/index.js

@@ -1,19 +1,556 @@
 // src/context/UIContext.tsx
-import { createContext, useContext } from "react";
+import { createContext, useContext, useMemo } from "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
 import { jsx } from "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 = createContext(defaultValue);
 var HotelCardUIProvider = ({
   locale = "de",
   currency = "CHF",
   isDesktop = false,
+  t: customT,
   children
 }) => {
-  const value = { locale, currency, isDesktop };
+  const t = useMemo(
+    () => customT ?? createTranslateFunction(locale),
+    [locale, customT]
+  );
+  const value = useMemo(
+    () => ({ locale, currency, isDesktop, t }),
+    [locale, currency, isDesktop, t]
+  );
   return /* @__PURE__ */ jsx(UIContext.Provider, { value, children });
 };
 var useUIContext = () => {
@@ -1246,7 +1783,7 @@ var Pin = forwardRef2(
 Pin.displayName = "Pin";
 
 // src/components/DateSelector/DateSelector.tsx
-import { useState as useState9, useRef as useRef4, useEffect as useEffect6, useMemo } from "react";
+import { useState as useState9, useRef as useRef4, useEffect as useEffect6, useMemo as useMemo2 } from "react";
 
 // src/hooks/useDebounce.ts
 import { useState as useState5, useEffect as useEffect3 } from "react";
@@ -1493,14 +2030,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,
@@ -1510,14 +2039,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] = useState8(initialDateRange);
   const [mode, setMode] = useState8(
     initialDateRange.start ? "dates" : "anytime"
@@ -1723,7 +2259,7 @@ var DateSelector = ({
   className,
   icon
 }) => {
-  const { t } = useTranslation();
+  const { t } = useUIContext();
   const { locale } = useWindowData();
   const { isDesktop } = useResponsive();
   const dateLocale = getDateLocale2(locale);
@@ -1762,7 +2298,7 @@ var DateSelector = ({
     document.addEventListener("pointerdown", handlePointerDown);
     return () => document.removeEventListener("pointerdown", handlePointerDown);
   }, [isOpen, dateRange, selectedMonths, onChange, onMonthFilterChange, onClose]);
-  const months = useMemo(() => {
+  const months = useMemo2(() => {
     const now = /* @__PURE__ */ new Date();
     return Array.from({ length: 12 }, (_, i) => {
       const date = new Date(now.getFullYear(), now.getMonth() + i, 1);
@@ -1780,12 +2316,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 });
@@ -1873,18 +2409,6 @@ var DropdownIcon = () => /* @__PURE__ */ jsx22(
     )
   }
 );
-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,
@@ -1893,10 +2417,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;
@@ -2083,21 +2618,19 @@ var HeartIcon2 = ({ filled }) => /* @__PURE__ */ jsxs22(
     ]
   }
 );
-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] = useState10(0);
   const [failedImages, setFailedImages] = useState10(/* @__PURE__ */ new Set());
@@ -2240,16 +2773,6 @@ var BreakfastIcon = () => /* @__PURE__ */ jsxs23("svg", { xmlns: "http://www.w3.
 var FreeCancellationIcon = () => /* @__PURE__ */ jsx24("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsx24("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__ */ jsx24("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsx24("path", { d: "M13.5 4.5L6 12L2.5 8.5", stroke: "#006962", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) });
 var RatingBadgeSvg = () => /* @__PURE__ */ jsx24("svg", { width: "32", height: "24", viewBox: "0 0 36 38", fill: "#478EFA", className: "hc-hotel-card__rating-badge-bg", children: /* @__PURE__ */ jsx24("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,
@@ -2260,10 +2783,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;
@@ -2314,20 +2846,22 @@ var HotelCardContent = ({
           /* @__PURE__ */ jsx24("span", { className: "hc-hotel-card__pin-icon", children: /* @__PURE__ */ jsx24(PinIcon, {}) }),
           /* @__PURE__ */ jsx24("span", { className: "hc-hotel-card__location", children: location })
         ] }),
-        benefits.length > 0 && /* @__PURE__ */ jsx24("div", { className: "hc-hotel-card__benefits-section", children: benefits.slice(0, 3).map((benefit, index) => /* @__PURE__ */ jsxs23("div", { className: "hc-hotel-card__benefit", children: [
-          /* @__PURE__ */ jsx24("span", { className: "hc-hotel-card__benefit-icon", children: getBenefitIcon(benefit.id) }),
-          /* @__PURE__ */ jsx24("span", { className: "hc-hotel-card__benefit-text", children: benefit.label })
-        ] }, index)) }),
-        /* @__PURE__ */ jsxs23("div", { className: "hc-hotel-card__pricing-section", children: [
-          isAvailable && /* @__PURE__ */ jsx24("div", { className: "hc-hotel-card__price-label", children: labels.priceFrom }),
-          !isAvailable && /* @__PURE__ */ jsx24("div", { className: "hc-hotel-card__not-available", children: labels.notAvailable }),
-          isAvailable && /* @__PURE__ */ jsxs23("div", { className: "hc-hotel-card__price-container", children: [
-            /* @__PURE__ */ jsx24("span", { className: "hc-hotel-card__current-price", children: `${currency} ${price.current}` }),
-            price.original && price.original > price.current && /* @__PURE__ */ jsx24("span", { className: "hc-hotel-card__original-price", children: `${currency} ${price.original}` }),
-            price.discount && price.discount > 0 && /* @__PURE__ */ jsxs23("span", { className: "hc-hotel-card__discount-badge", children: [
-              "-",
-              price.discount,
-              " %"
+        /* @__PURE__ */ jsxs23("div", { className: "hc-hotel-card__benefits-and-pricing", children: [
+          benefits.length > 0 && /* @__PURE__ */ jsx24("div", { className: "hc-hotel-card__benefits-section", children: benefits.slice(0, 3).map((benefit, index) => /* @__PURE__ */ jsxs23("div", { className: "hc-hotel-card__benefit", children: [
+            /* @__PURE__ */ jsx24("span", { className: "hc-hotel-card__benefit-icon", children: getBenefitIcon(benefit.id) }),
+            /* @__PURE__ */ jsx24("span", { className: "hc-hotel-card__benefit-text", children: benefit.label })
+          ] }, index)) }),
+          /* @__PURE__ */ jsxs23("div", { className: "hc-hotel-card__pricing-section", children: [
+            isAvailable && /* @__PURE__ */ jsx24("div", { className: "hc-hotel-card__price-label", children: labels.priceFrom }),
+            !isAvailable && /* @__PURE__ */ jsx24("div", { className: "hc-hotel-card__not-available", children: labels.notAvailable }),
+            isAvailable && /* @__PURE__ */ jsxs23("div", { className: "hc-hotel-card__price-container", children: [
+              /* @__PURE__ */ jsx24("span", { className: "hc-hotel-card__current-price", children: `${currency} ${price.current}` }),
+              price.original && price.original > price.current && /* @__PURE__ */ jsx24("span", { className: "hc-hotel-card__original-price", children: `${currency} ${price.original}` }),
+              price.discount && price.discount > 0 && /* @__PURE__ */ jsxs23("span", { className: "hc-hotel-card__discount-badge", children: [
+                "-",
+                price.discount,
+                " %"
+              ] })
             ] })
           ] })
         ] })
@@ -2342,7 +2876,6 @@ var HotelCard = ({
   hotel,
   onFavoriteClick,
   onContentClick,
-  labels = {},
   className
 }) => {
   return /* @__PURE__ */ jsxs24("div", { className: `hc-hotel-card ${className || ""}`, children: [
@@ -2353,13 +2886,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__ */ jsx25("div", { className: "hc-hotel-card__usp-banner", children: hotel.usp }),
@@ -2375,25 +2902,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
+import { jsx as jsx26, jsxs as jsxs25 } from "react/jsx-runtime";
+var FilterCheckboxItem = ({
+  id,
+  label,
+  count,
+  checked,
+  disabled = false,
+  onChange,
+  className = "",
+  trackName
+}) => {
+  return /* @__PURE__ */ jsxs25(
+    "label",
+    {
+      className: `${FilterCheckboxItem_default.filterRow} ${disabled ? FilterCheckboxItem_default.filterRowDisabled : ""} ${className}`,
+      tabIndex: disabled ? -1 : 0,
+      "data-track": trackName,
+      children: [
+        /* @__PURE__ */ jsxs25("div", { className: FilterCheckboxItem_default.checkboxLabel, children: [
+          /* @__PURE__ */ jsxs25("div", { className: FilterCheckboxItem_default.checkboxButton, children: [
+            /* @__PURE__ */ jsx26(
+              "input",
+              {
+                id,
+                type: "checkbox",
+                className: FilterCheckboxItem_default.checkbox,
+                checked,
+                disabled,
+                onChange
+              }
+            ),
+            /* @__PURE__ */ jsx26("span", { className: `${FilterCheckboxItem_default.checkboxBox} ${disabled ? FilterCheckboxItem_default.checkboxBoxDisabled : ""}`, children: checked && /* @__PURE__ */ jsx26("svg", { viewBox: "0 0 12 10", fill: "none", className: FilterCheckboxItem_default.checkIcon, children: /* @__PURE__ */ jsx26(
+              "path",
+              {
+                d: "M1 5L4.5 8.5L11 1",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round"
+              }
+            ) }) })
+          ] }),
+          /* @__PURE__ */ jsx26("span", { className: `${FilterCheckboxItem_default.filterLabel} ${disabled ? FilterCheckboxItem_default.filterLabelDisabled : ""}`, children: label })
+        ] }),
+        count !== void 0 && /* @__PURE__ */ jsx26("span", { className: `${FilterCheckboxItem_default.filterCount} ${disabled ? FilterCheckboxItem_default.filterCountDisabled : ""}`, children: count })
+      ]
+    }
+  );
+};
+
+// src/components/Filters/CollapsibleFilterSection.tsx
+import React10, { useState as useState11, useEffect as useEffect7 } from "react";
+
+// src/components/Filters/CollapsibleFilterSection.module.css
+var CollapsibleFilterSection_default = {};
+
+// src/components/Filters/CollapsibleFilterSection.tsx
+import { jsx as jsx27, jsxs as jsxs26 } from "react/jsx-runtime";
+var CollapsibleFilterSection = ({
+  title,
+  children,
+  defaultExpanded = true,
+  showAllText,
+  showLessText,
+  hasShowAll = false,
+  initialItemsToShow = 5,
+  className = ""
+}) => {
+  const { t } = useUIContext();
+  const [isExpanded, setIsExpanded] = useState11(defaultExpanded);
+  const [showAll, setShowAll] = useState11(false);
+  const resolvedShowAllText = showAllText ?? t("filter.show-all", "Show all");
+  const resolvedShowLessText = showLessText ?? t("filter.show-less", "Show less");
+  useEffect7(() => {
+    if (defaultExpanded && !isExpanded) {
+      setIsExpanded(true);
+    }
+  }, [defaultExpanded]);
+  const toggleExpanded = () => {
+    setIsExpanded(!isExpanded);
+  };
+  const toggleShowAll = () => {
+    setShowAll(!showAll);
+  };
+  const childrenArray = React10.Children.toArray(children);
+  const shouldShowToggle = hasShowAll && childrenArray.length > initialItemsToShow;
+  const displayedChildren = shouldShowToggle && !showAll ? childrenArray.slice(0, initialItemsToShow) : childrenArray;
+  return /* @__PURE__ */ jsxs26("div", { className: `${CollapsibleFilterSection_default.section} ${className}`, children: [
+    /* @__PURE__ */ jsxs26(
+      "button",
+      {
+        type: "button",
+        className: CollapsibleFilterSection_default.header,
+        onClick: toggleExpanded,
+        "aria-expanded": isExpanded,
+        children: [
+          /* @__PURE__ */ jsx27("span", { className: CollapsibleFilterSection_default.title, children: title }),
+          /* @__PURE__ */ jsx27(
+            "svg",
+            {
+              className: `${CollapsibleFilterSection_default.chevron} ${isExpanded ? CollapsibleFilterSection_default.chevronExpanded : ""}`,
+              viewBox: "0 0 24 24",
+              fill: "none",
+              "aria-hidden": "true",
+              children: /* @__PURE__ */ jsx27(
+                "path",
+                {
+                  d: "M6 9L12 15L18 9",
+                  stroke: "currentColor",
+                  strokeWidth: "2",
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round"
+                }
+              )
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx27(
+      "div",
+      {
+        className: `${CollapsibleFilterSection_default.content} ${isExpanded ? CollapsibleFilterSection_default.contentExpanded : ""}`,
+        "aria-hidden": !isExpanded,
+        children: /* @__PURE__ */ jsxs26("div", { className: CollapsibleFilterSection_default.contentInner, children: [
+          displayedChildren,
+          shouldShowToggle && /* @__PURE__ */ jsxs26(
+            "button",
+            {
+              type: "button",
+              className: CollapsibleFilterSection_default.showAllButton,
+              onClick: toggleShowAll,
+              children: [
+                showAll ? resolvedShowLessText : resolvedShowAllText,
+                /* @__PURE__ */ jsx27(
+                  "svg",
+                  {
+                    className: `${CollapsibleFilterSection_default.showAllChevron} ${showAll ? CollapsibleFilterSection_default.showAllChevronUp : ""}`,
+                    viewBox: "0 0 24 24",
+                    fill: "none",
+                    "aria-hidden": "true",
+                    children: /* @__PURE__ */ jsx27(
+                      "path",
+                      {
+                        d: "M6 9L12 15L18 9",
+                        stroke: "currentColor",
+                        strokeWidth: "2",
+                        strokeLinecap: "round",
+                        strokeLinejoin: "round"
+                      }
+                    )
+                  }
+                )
+              ]
+            }
+          )
+        ] })
+      }
+    )
+  ] });
+};
+
+// src/components/Filters/PriceRangeFilter.tsx
+import { useState as useState12, useRef as useRef6, useCallback, useEffect as useEffect8 } from "react";
+
+// src/components/Filters/PriceRangeFilter.module.css
+var PriceRangeFilter_default = {};
+
+// src/components/Filters/PriceRangeFilter.tsx
+import { jsx as jsx28, jsxs as jsxs27 } from "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 = useRef6(null);
+  const [isDragging, setIsDragging] = useState12(null);
+  const [isDraggingExternal, setIsDraggingExternal] = useState12(false);
+  const lastValueRef = useRef6(value);
+  const timeoutRef = useRef6(null);
+  const [minInputValue, setMinInputValue] = useState12("");
+  const [maxInputValue, setMaxInputValue] = useState12("");
+  const [minInputFocused, setMinInputFocused] = useState12(false);
+  const [maxInputFocused, setMaxInputFocused] = useState12(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 = 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 = useCallback((newValue) => {
+    if (!onApply) return;
+    if (timeoutRef.current) {
+      clearTimeout(timeoutRef.current);
+    }
+    timeoutRef.current = setTimeout(() => {
+      onApply(newValue);
+    }, debounceDelay);
+  }, [onApply, debounceDelay]);
+  const handleDrag = 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 = useCallback(() => {
+    if (isDraggingExternal && onApply) {
+      onApply(lastValueRef.current);
+    }
+    setIsDragging(null);
+    setIsDraggingExternal(false);
+    onDragEnd?.();
+  }, [isDraggingExternal, onApply, onDragEnd]);
+  useEffect8(() => {
+    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);
+      }
+    }
+  };
+  useEffect8(() => {
+    return () => {
+      if (timeoutRef.current) {
+        clearTimeout(timeoutRef.current);
+      }
+    };
+  }, []);
+  return /* @__PURE__ */ jsxs27("div", { className: PriceRangeFilter_default.priceRangeWrapper, children: [
+    /* @__PURE__ */ jsxs27("div", { className: PriceRangeFilter_default.priceInputs, children: [
+      /* @__PURE__ */ jsx28("div", { className: PriceRangeFilter_default.priceInputWrapper, children: /* @__PURE__ */ jsx28(
+        "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__ */ jsx28("div", { className: PriceRangeFilter_default.priceInputDivider, children: "\u2014" }),
+      /* @__PURE__ */ jsx28("div", { className: PriceRangeFilter_default.priceInputWrapper, children: /* @__PURE__ */ jsx28(
+        "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__ */ jsx28("div", { className: PriceRangeFilter_default.histogram, children: histogram.map((histValue, index) => {
+      const height = histValue / maxHistogramValue * 100;
+      const isActive = getBarActive(index);
+      return /* @__PURE__ */ jsx28(
+        "div",
+        {
+          className: `${PriceRangeFilter_default.histogramBar} ${isActive ? PriceRangeFilter_default.histogramBarActive : ""}`,
+          style: { height: `${Math.max(height, 10)}%` }
+        },
+        index
+      );
+    }) }),
+    /* @__PURE__ */ jsxs27("div", { className: PriceRangeFilter_default.sliderContainer, ref: sliderRef, children: [
+      /* @__PURE__ */ jsx28("div", { className: PriceRangeFilter_default.sliderTrack }),
+      /* @__PURE__ */ jsx28(
+        "div",
+        {
+          className: PriceRangeFilter_default.sliderActiveTrack,
+          style: {
+            left: `calc(12px + (100% - 24px) * ${minPercent / 100})`,
+            width: `calc((100% - 24px) * ${(maxPercent - minPercent) / 100})`
+          }
         }
+      ),
+      /* @__PURE__ */ jsx28(
+        "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__ */ jsx28(
+        "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
+import { jsx as jsx29, jsxs as jsxs28 } from "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__ */ jsxs28("div", { className, children: [
+    /* @__PURE__ */ jsx29("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__ */ jsx29(
+        FilterCheckboxItem,
+        {
+          id: `category-${option.value}`,
+          label: option.stars > 0 ? /* @__PURE__ */ jsx29("div", { className: HotelCategoryFilter_default.starsContainer, children: Array.from({ length: option.stars }).map((_, i) => /* @__PURE__ */ jsx29("svg", { className: HotelCategoryFilter_default.starIcon, viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx29("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__ */ jsx29("div", { className: HotelCategoryFilter_default.footer, children: /* @__PURE__ */ jsx29("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
+import { Fragment as Fragment6, jsx as jsx30, jsxs as jsxs29 } from "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__ */ jsxs29("div", { className, children: [
+    /* @__PURE__ */ jsx30("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__ */ jsx30(
+        FilterCheckboxItem,
+        {
+          id: `review-${option.value}`,
+          label: /* @__PURE__ */ jsxs29(Fragment6, { children: [
+            getRatingLabel(option.labelKey),
+            option.range && /* @__PURE__ */ jsxs29("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__ */ jsx30("div", { className: ReviewsFilter_default.footer, children: /* @__PURE__ */ jsx30("span", { className: ReviewsFilter_default.footerText, children: t("filter.trustyou", "Reviews from TrustYou\xAE") }) })
+  ] });
+};
+
+// src/components/Filters/ExperienceFilter.tsx
+import { useState as useState13 } from "react";
+
+// src/components/Filters/ExperienceFilter.module.css
+var ExperienceFilter_default = {};
+
+// src/components/Filters/ExperienceFilter.tsx
+import { jsx as jsx31, jsxs as jsxs30 } from "react/jsx-runtime";
+var ExperienceFilter = ({
+  selected,
+  themes = [],
+  onChange,
+  className = ""
+}) => {
+  const { t } = useUIContext();
+  const [expanded, setExpanded] = useState13(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__ */ jsxs30("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__ */ jsx31(
+        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__ */ jsxs30(
+      "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__ */ jsx31("span", { className: `${ExperienceFilter_default.arrowIcon} ${expanded ? ExperienceFilter_default.arrowUp : ""}`, children: /* @__PURE__ */ jsx31("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx31("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
+import { useState as useState14, useEffect as useEffect9, useRef as useRef7 } from "react";
+
+// src/components/Filters/RegionsFilter.module.css
+var RegionsFilter_default = {};
+
+// src/components/Filters/RegionsFilter.tsx
+import { jsx as jsx32, jsxs as jsxs31 } from "react/jsx-runtime";
+var RegionsFilter = ({
+  regions,
+  selected,
+  onChange,
+  className = "",
+  isPlaceSearchActive = false
+}) => {
+  const { t } = useUIContext();
+  const [expandedCountries, setExpandedCountries] = useState14(/* @__PURE__ */ new Set(["country_215"]));
+  const hasInitializedRef = useRef7(false);
+  useEffect9(() => {
+    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__ */ jsx32("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__ */ jsxs31("div", { className: RegionsFilter_default.regionItem, children: [
+      /* @__PURE__ */ jsxs31(
+        "button",
+        {
+          type: "button",
+          className: `${RegionsFilter_default.countryRow} ${isExpanded ? RegionsFilter_default.countryRowExpanded : ""}`,
+          onClick: () => handleCountryToggle(region.value),
+          "aria-expanded": isExpanded,
+          disabled: isPlaceSearchActive,
+          children: [
+            /* @__PURE__ */ jsxs31("div", { className: RegionsFilter_default.countryInfo, children: [
+              /* @__PURE__ */ jsx32("span", { className: RegionsFilter_default.countryName, children: region.label }),
+              region.count !== void 0 && /* @__PURE__ */ jsx32("span", { className: RegionsFilter_default.countBadge, children: region.count })
+            ] }),
+            hasSubRegions && /* @__PURE__ */ jsx32(
+              "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__ */ jsx32("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__ */ jsxs31("div", { className: RegionsFilter_default.mobileSelectAllActions, children: [
+          /* @__PURE__ */ jsx32(
+            "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__ */ jsx32(
+            "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__ */ jsx32("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__ */ jsx32(
+          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
+import { jsx as jsx33 } from "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__ */ jsx33("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__ */ jsx33(
+      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__ */ jsx33(CheckboxFilter, { ...props, trackPrefix: "meals" });
+var TransportFilter = (props) => /* @__PURE__ */ jsx33(CheckboxFilter, { ...props, trackPrefix: "transport" });
+var WellnessFilter = (props) => /* @__PURE__ */ jsx33(CheckboxFilter, { ...props, trackPrefix: "wellness" });
+
+// src/components/Filters/SelectedFiltersRow.module.css
+var SelectedFiltersRow_default = {};
+
+// src/components/Filters/SelectedFiltersRow.tsx
+import { jsx as jsx34, jsxs as jsxs32 } from "react/jsx-runtime";
+var SelectedFiltersRow = ({
+  filters,
+  onRemove,
+  onClearAll,
+  className = ""
+}) => {
+  const { t } = useUIContext();
+  if (filters.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx34("div", { className: `${SelectedFiltersRow_default.container} ${className}`, children: /* @__PURE__ */ jsxs32("div", { className: SelectedFiltersRow_default.chipsWrapper, children: [
+    /* @__PURE__ */ jsxs32("p", { className: SelectedFiltersRow_default.selectedText, children: [
+      t("filter.selected", "Selected:"),
+      " "
+    ] }),
+    /* @__PURE__ */ jsxs32("div", { className: SelectedFiltersRow_default.chips, children: [
+      filters.map((filter) => /* @__PURE__ */ jsx34(
+        Chip,
+        {
+          label: filter.label,
+          size: "small",
+          state: "idle",
+          removable: true,
+          onRemove: () => onRemove(filter)
+        },
+        filter.id
+      )),
+      onClearAll && /* @__PURE__ */ jsx34(
+        Button,
+        {
+          variant: "link",
+          className: SelectedFiltersRow_default.clearAllBtn,
+          onClick: onClearAll,
+          children: t("filter.clear-all", "Clear all")
+        }
+      )
+    ] })
+  ] }) });
+};
+
 // src/components/icons/HeartIcon.tsx
-import { jsx as jsx26 } from "react/jsx-runtime";
-var HeartIcon3 = ({ filled = false, className = "", size = 24 }) => /* @__PURE__ */ jsx26(
+import { jsx as jsx35 } from "react/jsx-runtime";
+var HeartIcon3 = ({ filled = false, className = "", size = 24 }) => /* @__PURE__ */ jsx35(
   "svg",
   {
     width: size,
@@ -2405,14 +3773,14 @@ var HeartIcon3 = ({ filled = false, className = "", size = 24 }) => /* @__PURE__
     strokeWidth: 2,
     strokeLinecap: "round",
     strokeLinejoin: "round",
-    children: /* @__PURE__ */ jsx26("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__ */ jsx35("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
-import { jsx as jsx27, jsxs as jsxs25 } from "react/jsx-runtime";
-var StarIcon4 = ({ filled = true, className = "", size = 9 }) => /* @__PURE__ */ jsxs25(
+import { jsx as jsx36, jsxs as jsxs33 } from "react/jsx-runtime";
+var StarIcon4 = ({ filled = true, className = "", size = 9 }) => /* @__PURE__ */ jsxs33(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2422,22 +3790,22 @@ var StarIcon4 = ({ filled = true, className = "", size = 9 }) => /* @__PURE__ */
     fill: "none",
     className,
     children: [
-      /* @__PURE__ */ jsx27("g", { clipPath: "url(#clip0_star_icon)", children: /* @__PURE__ */ jsx27(
+      /* @__PURE__ */ jsx36("g", { clipPath: "url(#clip0_star_icon)", children: /* @__PURE__ */ jsx36(
         "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__ */ jsx27("defs", { children: /* @__PURE__ */ jsx27("clipPath", { id: "clip0_star_icon", children: /* @__PURE__ */ jsx27("rect", { width: "8", height: "8", fill: "white", transform: "translate(0.800049 0.199951)" }) }) })
+      /* @__PURE__ */ jsx36("defs", { children: /* @__PURE__ */ jsx36("clipPath", { id: "clip0_star_icon", children: /* @__PURE__ */ jsx36("rect", { width: "8", height: "8", fill: "white", transform: "translate(0.800049 0.199951)" }) }) })
     ]
   }
 );
 StarIcon4.displayName = "StarIcon";
 
 // src/components/icons/ChevronLeftIcon.tsx
-import { jsx as jsx28 } from "react/jsx-runtime";
-var ChevronLeftIcon = ({ className = "", size = 20 }) => /* @__PURE__ */ jsx28(
+import { jsx as jsx37 } from "react/jsx-runtime";
+var ChevronLeftIcon = ({ className = "", size = 20 }) => /* @__PURE__ */ jsx37(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2450,14 +3818,14 @@ var ChevronLeftIcon = ({ className = "", size = 20 }) => /* @__PURE__ */ jsx28(
     strokeLinecap: "round",
     strokeLinejoin: "round",
     className,
-    children: /* @__PURE__ */ jsx28("polyline", { points: "15 18 9 12 15 6" })
+    children: /* @__PURE__ */ jsx37("polyline", { points: "15 18 9 12 15 6" })
   }
 );
 ChevronLeftIcon.displayName = "ChevronLeftIcon";
 
 // src/components/icons/ChevronRightIcon.tsx
-import { jsx as jsx29 } from "react/jsx-runtime";
-var ChevronRightIcon2 = ({ className = "", size = 20 }) => /* @__PURE__ */ jsx29(
+import { jsx as jsx38 } from "react/jsx-runtime";
+var ChevronRightIcon2 = ({ className = "", size = 20 }) => /* @__PURE__ */ jsx38(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2470,14 +3838,14 @@ var ChevronRightIcon2 = ({ className = "", size = 20 }) => /* @__PURE__ */ jsx29
     strokeLinecap: "round",
     strokeLinejoin: "round",
     className,
-    children: /* @__PURE__ */ jsx29("polyline", { points: "9 18 15 12 9 6" })
+    children: /* @__PURE__ */ jsx38("polyline", { points: "9 18 15 12 9 6" })
   }
 );
 ChevronRightIcon2.displayName = "ChevronRightIcon";
 
 // src/components/icons/PinIcon.tsx
-import { jsx as jsx30, jsxs as jsxs26 } from "react/jsx-runtime";
-var PinIcon2 = ({ className = "", size = 16 }) => /* @__PURE__ */ jsxs26(
+import { jsx as jsx39, jsxs as jsxs34 } from "react/jsx-runtime";
+var PinIcon2 = ({ className = "", size = 16 }) => /* @__PURE__ */ jsxs34(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2487,7 +3855,7 @@ var PinIcon2 = ({ className = "", size = 16 }) => /* @__PURE__ */ jsxs26(
     fill: "none",
     className,
     children: [
-      /* @__PURE__ */ jsx30(
+      /* @__PURE__ */ jsx39(
         "path",
         {
           fillRule: "evenodd",
@@ -2496,7 +3864,7 @@ var PinIcon2 = ({ className = "", size = 16 }) => /* @__PURE__ */ jsxs26(
           fill: "currentColor"
         }
       ),
-      /* @__PURE__ */ jsx30(
+      /* @__PURE__ */ jsx39(
         "path",
         {
           fillRule: "evenodd",
@@ -2544,36 +3912,51 @@ export {
   Benefits,
   Block,
   Button,
+  CATEGORY_OPTIONS,
   Card,
   Checkbox,
+  CheckboxFilter,
   ChevronLeftIcon,
   ChevronRightIcon2 as ChevronRightIcon,
   Chip,
+  CollapsibleFilterSection,
   DateSelector,
   Divider,
   Dropdown,
   DualCalendar,
+  ExperienceFilter,
   FAQ,
+  FilterCheckboxItem,
   GuestContent,
   HeartIcon3 as HeartIcon,
   HotelCard,
   HotelCardContent,
   HotelCardImage,
   HotelCardUIProvider,
+  HotelCategoryFilter,
   Input,
+  MealsFilter,
   Modal,
   Pin,
   PinIcon2 as PinIcon,
+  PriceRangeFilter,
+  REVIEW_OPTIONS,
   RadioButton,
   Rating,
+  RegionsFilter,
   ReviewCard,
+  ReviewsFilter,
   SectionHeader,
+  SelectedFiltersRow,
   StarIcon4 as StarIcon,
+  TransportFilter,
+  WellnessFilter,
   WhenContent,
   calculateDiscount,
   formatDate,
   formatDateRange,
   formatPrice,
+  translations,
   useDebounce,
   useResponsive,
   useTranslation,