@hotelcard/ui 0.0.12 → 0.0.15

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 = () => {
@@ -719,104 +1256,11 @@ var Card = ({
 };
 Card.displayName = "Card";
 
-// src/components/CompactCard/CompactCard.tsx
-import { Fragment as Fragment3, jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
-var cx11 = (className) => `hc-compact-${className}`;
-var StarIcon3 = () => /* @__PURE__ */ jsxs11("svg", { xmlns: "http://www.w3.org/2000/svg", width: "9", height: "9", viewBox: "0 0 9 9", fill: "none", children: [
-  /* @__PURE__ */ jsx12("g", { clipPath: "url(#clip0_compact_star)", children: /* @__PURE__ */ jsx12(
-    "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: "#1F2937"
-    }
-  ) }),
-  /* @__PURE__ */ jsx12("defs", { children: /* @__PURE__ */ jsx12("clipPath", { id: "clip0_compact_star", children: /* @__PURE__ */ jsx12("rect", { width: "8", height: "8", fill: "white", transform: "translate(0.800049 0.199951)" }) }) })
-] });
-var PLACEHOLDER2 = 'data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="100" height="100" fill="%23e5e7eb"%3E%3Crect width="100" height="100" /%3E%3C/svg%3E';
-var repeat2 = (n, renderFn) => Array.from({ length: n }, (_, i) => renderFn(i));
-var CompactCard = ({
-  image,
-  imageAlt = "",
-  label,
-  price,
-  stars,
-  isSuperior = false,
-  badge,
-  onClick,
-  className = "",
-  swissLodgeLabel = "Swiss Lodge"
-}) => {
-  const hasRating = stars !== void 0 && stars > 0;
-  const containerClasses = [
-    cx11("card"),
-    onClick && cx11("card--clickable"),
-    className
-  ].filter(Boolean).join(" ");
-  const labelClasses = [
-    cx11("label"),
-    !hasRating && cx11("label--noRating")
-  ].filter(Boolean).join(" ");
-  const priceClasses = [
-    cx11("price"),
-    !hasRating && cx11("price--noRating")
-  ].filter(Boolean).join(" ");
-  const displayImage = image || PLACEHOLDER2;
-  const handleKeyDown = (e) => {
-    if (onClick && (e.key === "Enter" || e.key === " ")) {
-      e.preventDefault();
-      onClick();
-    }
-  };
-  return /* @__PURE__ */ jsxs11(
-    "div",
-    {
-      className: containerClasses,
-      onClick,
-      onKeyDown: handleKeyDown,
-      role: onClick ? "button" : void 0,
-      tabIndex: onClick ? 0 : void 0,
-      children: [
-        /* @__PURE__ */ jsxs11("div", { className: cx11("imageContainer"), children: [
-          /* @__PURE__ */ jsx12(
-            "img",
-            {
-              src: displayImage,
-              alt: imageAlt,
-              className: cx11("image"),
-              loading: "lazy"
-            }
-          ),
-          /* @__PURE__ */ jsx12("div", { className: cx11("shadowOverlay") }),
-          badge && /* @__PURE__ */ jsx12("div", { className: cx11("badgeWrapper"), children: /* @__PURE__ */ jsx12(
-            "span",
-            {
-              className: `${cx11("badge")} ${badge.variant === "secondary" ? cx11("badge--secondary") : cx11("badge--primary")}`,
-              children: badge.text
-            }
-          ) })
-        ] }),
-        /* @__PURE__ */ jsxs11("div", { className: cx11("textContainer"), children: [
-          /* @__PURE__ */ jsx12("div", { className: cx11("starsRow"), children: stars !== void 0 && stars > 0 ? /* @__PURE__ */ jsx12(Fragment3, { children: stars === 6 ? /* @__PURE__ */ jsx12("span", { className: cx11("swissLodge"), children: swissLodgeLabel }) : /* @__PURE__ */ jsxs11(Fragment3, { children: [
-            /* @__PURE__ */ jsx12("div", { className: cx11("starsContainer"), children: repeat2(Math.floor(stars), (i) => /* @__PURE__ */ jsx12(StarIcon3, {}, i)) }),
-            isSuperior && /* @__PURE__ */ jsx12("span", { className: cx11("superiorBadge"), children: "(s)" })
-          ] }) }) : (
-            // Empty space to maintain alignment
-            /* @__PURE__ */ jsx12("div", { className: cx11("starsPlaceholder"), children: "\xA0" })
-          ) }),
-          label && /* @__PURE__ */ jsx12("div", { className: labelClasses, children: label }),
-          price && /* @__PURE__ */ jsx12("div", { className: priceClasses, children: price })
-        ] })
-      ]
-    }
-  );
-};
-CompactCard.displayName = "CompactCard";
-
 // src/components/Dropdown/Dropdown.tsx
 import { useState as useState2, useRef as useRef2, useEffect as useEffect2 } from "react";
-import { jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
-var cx12 = (className) => `hc-dropdown-${className}`;
-var ChevronIcon = () => /* @__PURE__ */ jsx13("svg", { width: "12", height: "8", viewBox: "0 0 12 8", fill: "none", children: /* @__PURE__ */ jsx13(
+import { jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
+var cx11 = (className) => `hc-dropdown-${className}`;
+var ChevronIcon = () => /* @__PURE__ */ jsx12("svg", { width: "12", height: "8", viewBox: "0 0 12 8", fill: "none", children: /* @__PURE__ */ jsx12(
   "path",
   {
     d: "M1 1L6 6L11 1",
@@ -870,27 +1314,27 @@ var Dropdown = ({
     }
   };
   const containerClasses = [
-    cx12("container"),
-    disabled && cx12("container--disabled"),
+    cx11("container"),
+    disabled && cx11("container--disabled"),
     className
   ].filter(Boolean).join(" ");
   const buttonClasses = [
-    cx12("button"),
-    error && cx12("button--error"),
-    isFocused && !error && cx12("button--focus"),
-    disabled && cx12("button--disabled"),
-    isOpen && cx12("button--open")
+    cx11("button"),
+    error && cx11("button--error"),
+    isFocused && !error && cx11("button--focus"),
+    disabled && cx11("button--disabled"),
+    isOpen && cx11("button--open")
   ].filter(Boolean).join(" ");
   const chevronClasses = [
-    cx12("chevron"),
-    isOpen && cx12("chevron--open")
+    cx11("chevron"),
+    isOpen && cx11("chevron--open")
   ].filter(Boolean).join(" ");
   const listClasses = [
-    cx12("list"),
-    isOpen && cx12("list--open")
+    cx11("list"),
+    isOpen && cx11("list--open")
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsxs12("div", { ref: dropdownRef, className: containerClasses, children: [
-    /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs11("div", { ref: dropdownRef, className: containerClasses, children: [
+    /* @__PURE__ */ jsxs11(
       "div",
       {
         className: buttonClasses,
@@ -904,23 +1348,23 @@ var Dropdown = ({
         "aria-expanded": isOpen,
         "aria-disabled": disabled,
         children: [
-          /* @__PURE__ */ jsx13("span", { children: selectedLabel }),
-          /* @__PURE__ */ jsx13("span", { className: chevronClasses, children: /* @__PURE__ */ jsx13(ChevronIcon, {}) })
+          /* @__PURE__ */ jsx12("span", { children: selectedLabel }),
+          /* @__PURE__ */ jsx12("span", { className: chevronClasses, children: /* @__PURE__ */ jsx12(ChevronIcon, {}) })
         ]
       }
     ),
-    /* @__PURE__ */ jsx13("ul", { role: "listbox", className: listClasses, children: options.map((option) => /* @__PURE__ */ jsx13(
+    /* @__PURE__ */ jsx12("ul", { role: "listbox", className: listClasses, children: options.map((option) => /* @__PURE__ */ jsx12(
       "li",
       {
         role: "option",
         "aria-selected": actualValue === option.value,
         onClick: () => handleSelect(option.value),
-        className: `${cx12("option")} ${actualValue === option.value ? cx12("option--selected") : ""}`,
+        className: `${cx11("option")} ${actualValue === option.value ? cx11("option--selected") : ""}`,
         children: option.label
       },
       option.value
     )) }),
-    /* @__PURE__ */ jsxs12(
+    /* @__PURE__ */ jsxs11(
       "select",
       {
         id,
@@ -928,10 +1372,10 @@ var Dropdown = ({
         value: actualValue,
         onChange: (e) => handleSelect(e.target.value),
         disabled,
-        className: cx12("hiddenSelect"),
+        className: cx11("hiddenSelect"),
         children: [
-          !actualValue && /* @__PURE__ */ jsx13("option", { value: "", children: placeholder }),
-          options.map((opt) => /* @__PURE__ */ jsx13("option", { value: opt.value, children: opt.label }, opt.value))
+          !actualValue && /* @__PURE__ */ jsx12("option", { value: "", children: placeholder }),
+          options.map((opt) => /* @__PURE__ */ jsx12("option", { value: opt.value, children: opt.label }, opt.value))
         ]
       }
     )
@@ -941,8 +1385,8 @@ Dropdown.displayName = "Dropdown";
 
 // src/components/Input/Input.tsx
 import { useState as useState3, useRef as useRef3 } from "react";
-import { jsx as jsx14, jsxs as jsxs13 } from "react/jsx-runtime";
-var cx13 = (className) => `hc-input-${className}`;
+import { jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
+var cx12 = (className) => `hc-input-${className}`;
 var Input = ({
   label,
   placeholder = "Placeholder",
@@ -988,39 +1432,39 @@ var Input = ({
     setIsFocused(false);
     onBlur?.();
   };
-  const containerClasses = [cx13("container"), className].filter(Boolean).join(" ");
+  const containerClasses = [cx12("container"), className].filter(Boolean).join(" ");
   const labelClasses = [
-    cx13("label"),
-    (disabled || readOnly) && cx13("label--disabled")
+    cx12("label"),
+    (disabled || readOnly) && cx12("label--disabled")
   ].filter(Boolean).join(" ");
   const wrapperClasses = [
-    cx13("wrapper"),
-    isFocused && cx13("wrapper--focus"),
-    error && cx13("wrapper--error"),
-    (disabled || readOnly) && cx13("wrapper--disabled"),
+    cx12("wrapper"),
+    isFocused && cx12("wrapper--focus"),
+    error && cx12("wrapper--error"),
+    (disabled || readOnly) && cx12("wrapper--disabled"),
     wrapperClassName
   ].filter(Boolean).join(" ");
   const inputClasses = [
-    cx13("input"),
-    (disabled || readOnly) && cx13("input--disabled"),
+    cx12("input"),
+    (disabled || readOnly) && cx12("input--disabled"),
     inputClassName
   ].filter(Boolean).join(" ");
   const helperClasses = [
-    cx13("helper"),
-    error && cx13("helper--error"),
-    (disabled || readOnly) && cx13("helper--disabled")
+    cx12("helper"),
+    error && cx12("helper--error"),
+    (disabled || readOnly) && cx12("helper--disabled")
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsxs13("div", { className: containerClasses, children: [
-    label && /* @__PURE__ */ jsx14("label", { htmlFor: id, className: labelClasses, children: label }),
-    /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsxs12("div", { className: containerClasses, children: [
+    label && /* @__PURE__ */ jsx13("label", { htmlFor: id, className: labelClasses, children: label }),
+    /* @__PURE__ */ jsxs12(
       "div",
       {
         className: wrapperClasses,
         onClick: () => !disabled && !readOnly && inputRef.current?.focus(),
         children: [
-          leftIcon && /* @__PURE__ */ jsx14("div", { className: cx13("icon"), children: leftIcon }),
-          prefix && /* @__PURE__ */ jsx14("div", { className: cx13("prefix"), children: prefix }),
-          /* @__PURE__ */ jsx14(
+          leftIcon && /* @__PURE__ */ jsx13("div", { className: cx12("icon"), children: leftIcon }),
+          prefix && /* @__PURE__ */ jsx13("div", { className: cx12("prefix"), children: prefix }),
+          /* @__PURE__ */ jsx13(
             "input",
             {
               ref: inputRef,
@@ -1045,14 +1489,14 @@ var Input = ({
         ]
       }
     ),
-    helper && /* @__PURE__ */ jsx14("div", { className: helperClasses, children: helper })
+    helper && /* @__PURE__ */ jsx13("div", { className: helperClasses, children: helper })
   ] });
 };
 Input.displayName = "Input";
 
 // src/components/Block/Block.tsx
-import { jsx as jsx15, jsxs as jsxs14 } from "react/jsx-runtime";
-var cx14 = (className) => `hc-block-${className}`;
+import { jsx as jsx14, jsxs as jsxs13 } from "react/jsx-runtime";
+var cx13 = (className) => `hc-block-${className}`;
 var Block = ({
   variant = "icon",
   visual,
@@ -1065,12 +1509,12 @@ var Block = ({
 }) => {
   if (variant === "icon") {
     const containerClasses2 = [
-      cx14("icon"),
-      onClick && cx14("icon--clickable"),
+      cx13("icon"),
+      onClick && cx13("icon--clickable"),
       className
     ].filter(Boolean).join(" ");
-    const iconContainerClass = style === "primary" ? cx14("icon-container--primary") : cx14("icon-container--secondary");
-    return /* @__PURE__ */ jsxs14(
+    const iconContainerClass = style === "primary" ? cx13("icon-container--primary") : cx13("icon-container--secondary");
+    return /* @__PURE__ */ jsxs13(
       "div",
       {
         className: containerClasses2,
@@ -1078,21 +1522,21 @@ var Block = ({
         role: onClick ? "button" : void 0,
         tabIndex: onClick ? 0 : void 0,
         children: [
-          /* @__PURE__ */ jsx15("div", { className: iconContainerClass, children: visual }),
-          /* @__PURE__ */ jsxs14("div", { className: cx14("text-container"), children: [
-            /* @__PURE__ */ jsx15("div", { className: cx14("icon-label"), children: label }),
-            description && /* @__PURE__ */ jsx15("div", { className: cx14("icon-description"), children: description })
+          /* @__PURE__ */ jsx14("div", { className: iconContainerClass, children: visual }),
+          /* @__PURE__ */ jsxs13("div", { className: cx13("text-container"), children: [
+            /* @__PURE__ */ jsx14("div", { className: cx13("icon-label"), children: label }),
+            description && /* @__PURE__ */ jsx14("div", { className: cx13("icon-description"), children: description })
           ] })
         ]
       }
     );
   }
   const containerClasses = [
-    cx14("image"),
-    onClick && cx14("image--clickable"),
+    cx13("image"),
+    onClick && cx13("image--clickable"),
     className
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs13(
     "div",
     {
       className: containerClasses,
@@ -1100,10 +1544,10 @@ var Block = ({
       role: onClick ? "button" : void 0,
       tabIndex: onClick ? 0 : void 0,
       children: [
-        /* @__PURE__ */ jsx15("div", { className: cx14("image-container"), children: visual }),
-        /* @__PURE__ */ jsxs14("div", { className: cx14("footer"), children: [
-          /* @__PURE__ */ jsx15("span", { className: cx14("image-label"), children: label }),
-          showArrow && /* @__PURE__ */ jsx15("span", { className: cx14("arrow"), children: "\u2192" })
+        /* @__PURE__ */ jsx14("div", { className: cx13("image-container"), children: visual }),
+        /* @__PURE__ */ jsxs13("div", { className: cx13("footer"), children: [
+          /* @__PURE__ */ jsx14("span", { className: cx13("image-label"), children: label }),
+          showArrow && /* @__PURE__ */ jsx14("span", { className: cx13("arrow"), children: "\u2192" })
         ] })
       ]
     }
@@ -1112,8 +1556,8 @@ var Block = ({
 Block.displayName = "Block";
 
 // src/components/ReviewCard/ReviewCard.tsx
-import { jsx as jsx16, jsxs as jsxs15 } from "react/jsx-runtime";
-var cx15 = (className) => `hc-review-${className}`;
+import { jsx as jsx15, jsxs as jsxs14 } from "react/jsx-runtime";
+var cx14 = (className) => `hc-review-${className}`;
 var ReviewCard = ({
   name,
   date,
@@ -1121,28 +1565,28 @@ var ReviewCard = ({
   quote,
   className
 }) => {
-  const containerClasses = [cx15("container"), className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsxs15("div", { className: containerClasses, children: [
-    /* @__PURE__ */ jsx16("div", { className: cx15("name"), children: name }),
-    /* @__PURE__ */ jsxs15("div", { className: cx15("frame"), children: [
-      /* @__PURE__ */ jsx16("div", { className: cx15("stars"), children: /* @__PURE__ */ jsx16(Rating, { variant: "stars", value: rating, size: "medium" }) }),
-      /* @__PURE__ */ jsx16("div", { className: cx15("quote"), children: quote })
+  const containerClasses = [cx14("container"), className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxs14("div", { className: containerClasses, children: [
+    /* @__PURE__ */ jsx15("div", { className: cx14("name"), children: name }),
+    /* @__PURE__ */ jsxs14("div", { className: cx14("frame"), children: [
+      /* @__PURE__ */ jsx15("div", { className: cx14("stars"), children: /* @__PURE__ */ jsx15(Rating, { variant: "stars", value: rating, size: "medium" }) }),
+      /* @__PURE__ */ jsx15("div", { className: cx14("quote"), children: quote })
     ] }),
-    /* @__PURE__ */ jsx16("div", { className: cx15("date"), children: date })
+    /* @__PURE__ */ jsx15("div", { className: cx14("date"), children: date })
   ] });
 };
 ReviewCard.displayName = "ReviewCard";
 
 // src/components/FAQ/FAQ.tsx
 import { useState as useState4 } from "react";
-import { jsx as jsx17, jsxs as jsxs16 } from "react/jsx-runtime";
-var cx16 = (className) => `hc-faq-${className}`;
+import { jsx as jsx16, jsxs as jsxs15 } from "react/jsx-runtime";
+var cx15 = (className) => `hc-faq-${className}`;
 var ChevronIcon2 = ({ isOpen }) => {
   const iconClasses = [
-    cx16("chevron"),
-    isOpen && cx16("chevron--open")
+    cx15("chevron"),
+    isOpen && cx15("chevron--open")
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx16(
     "svg",
     {
       width: "24",
@@ -1151,7 +1595,7 @@ var ChevronIcon2 = ({ isOpen }) => {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
       className: iconClasses,
-      children: /* @__PURE__ */ jsx17(
+      children: /* @__PURE__ */ jsx16(
         "path",
         {
           d: "M6 9L12 15L18 9",
@@ -1187,33 +1631,33 @@ var FAQ = ({
       return newSet;
     });
   };
-  const containerClasses = [cx16("container"), className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsx17("div", { className: containerClasses, children: items.map((item, index) => {
+  const containerClasses = [cx15("container"), className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsx16("div", { className: containerClasses, children: items.map((item, index) => {
     const isOpen = openIndices.has(index);
-    const answerClasses = isOpen ? cx16("answer--open") : cx16("answer");
-    return /* @__PURE__ */ jsxs16("div", { className: cx16("item"), children: [
-      /* @__PURE__ */ jsx17(
+    const answerClasses = isOpen ? cx15("answer--open") : cx15("answer");
+    return /* @__PURE__ */ jsxs15("div", { className: cx15("item"), children: [
+      /* @__PURE__ */ jsx16(
         Button,
         {
           variant: "link",
           size: "medium",
-          className: cx16("question-btn"),
+          className: cx15("question-btn"),
           onClick: () => toggleItem(index),
           "aria-expanded": isOpen,
           "aria-controls": `faq-answer-${index}`,
-          rightIcon: /* @__PURE__ */ jsx17("div", { className: cx16("icon-container"), children: /* @__PURE__ */ jsx17(ChevronIcon2, { isOpen }) }),
-          children: /* @__PURE__ */ jsx17("span", { className: cx16("question-text"), children: item.question })
+          rightIcon: /* @__PURE__ */ jsx16("div", { className: cx15("icon-container"), children: /* @__PURE__ */ jsx16(ChevronIcon2, { isOpen }) }),
+          children: /* @__PURE__ */ jsx16("span", { className: cx15("question-text"), children: item.question })
         }
       ),
-      /* @__PURE__ */ jsx17("div", { id: `faq-answer-${index}`, className: answerClasses, children: /* @__PURE__ */ jsx17("p", { className: cx16("answer-text"), children: item.answer }) })
+      /* @__PURE__ */ jsx16("div", { id: `faq-answer-${index}`, className: answerClasses, children: /* @__PURE__ */ jsx16("p", { className: cx15("answer-text"), children: item.answer }) })
     ] }, index);
   }) });
 };
 FAQ.displayName = "FAQ";
 
 // src/components/Benefits/Benefits.tsx
-import { jsx as jsx18, jsxs as jsxs17 } from "react/jsx-runtime";
-var cx17 = (className) => `hc-benefits-${className}`;
+import { jsx as jsx17, jsxs as jsxs16 } from "react/jsx-runtime";
+var cx16 = (className) => `hc-benefits-${className}`;
 var Benefits = ({
   title = "Ihre Vorteile mit HotelCard",
   subtitle = "Mit HotelCard sparen Sie bei jedem Aufenthalt",
@@ -1241,26 +1685,26 @@ var Benefits = ({
   onContactClick,
   className
 }) => {
-  const sectionClasses = [cx17("section"), className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsx18("section", { className: sectionClasses, children: /* @__PURE__ */ jsxs17("div", { className: cx17("container"), children: [
-    /* @__PURE__ */ jsxs17("div", { className: cx17("header"), children: [
-      /* @__PURE__ */ jsx18("h2", { className: cx17("title"), children: title }),
-      subtitle && /* @__PURE__ */ jsx18("p", { className: cx17("subtitle"), children: subtitle })
+  const sectionClasses = [cx16("section"), className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsx17("section", { className: sectionClasses, children: /* @__PURE__ */ jsxs16("div", { className: cx16("container"), children: [
+    /* @__PURE__ */ jsxs16("div", { className: cx16("header"), children: [
+      /* @__PURE__ */ jsx17("h2", { className: cx16("title"), children: title }),
+      subtitle && /* @__PURE__ */ jsx17("p", { className: cx16("subtitle"), children: subtitle })
     ] }),
-    /* @__PURE__ */ jsx18("div", { className: cx17("grid"), children: benefits.map((benefit, index) => /* @__PURE__ */ jsxs17("div", { className: cx17("item"), children: [
-      /* @__PURE__ */ jsx18("h3", { className: cx17("item-title"), children: benefit.title }),
-      benefit.description && /* @__PURE__ */ jsx18("p", { className: cx17("item-description"), children: benefit.description })
+    /* @__PURE__ */ jsx17("div", { className: cx16("grid"), children: benefits.map((benefit, index) => /* @__PURE__ */ jsxs16("div", { className: cx16("item"), children: [
+      /* @__PURE__ */ jsx17("h3", { className: cx16("item-title"), children: benefit.title }),
+      benefit.description && /* @__PURE__ */ jsx17("p", { className: cx16("item-description"), children: benefit.description })
     ] }, index)) }),
-    contactTitle && /* @__PURE__ */ jsxs17("div", { className: cx17("contact-card"), children: [
-      /* @__PURE__ */ jsx18("h3", { className: cx17("contact-title"), children: contactTitle }),
-      contactDescription && /* @__PURE__ */ jsx18("p", { className: cx17("contact-description"), children: contactDescription }),
-      contactButtonText && /* @__PURE__ */ jsx18(
+    contactTitle && /* @__PURE__ */ jsxs16("div", { className: cx16("contact-card"), children: [
+      /* @__PURE__ */ jsx17("h3", { className: cx16("contact-title"), children: contactTitle }),
+      contactDescription && /* @__PURE__ */ jsx17("p", { className: cx16("contact-description"), children: contactDescription }),
+      contactButtonText && /* @__PURE__ */ jsx17(
         Button,
         {
           variant: "secondary",
           size: "medium",
           onClick: onContactClick,
-          className: cx17("contact-btn"),
+          className: cx16("contact-btn"),
           children: contactButtonText
         }
       )
@@ -1271,9 +1715,9 @@ Benefits.displayName = "Benefits";
 
 // src/components/Pin/Pin.tsx
 import { forwardRef as forwardRef2 } from "react";
-import { Fragment as Fragment4, jsx as jsx19, jsxs as jsxs18 } from "react/jsx-runtime";
-var cx18 = (className) => `hc-pin-${className}`;
-var HeartIcon = ({ className }) => /* @__PURE__ */ jsx19(
+import { Fragment as Fragment3, jsx as jsx18, jsxs as jsxs17 } from "react/jsx-runtime";
+var cx17 = (className) => `hc-pin-${className}`;
+var HeartIcon = ({ className }) => /* @__PURE__ */ jsx18(
   "svg",
   {
     className,
@@ -1282,10 +1726,10 @@ var HeartIcon = ({ className }) => /* @__PURE__ */ jsx19(
     viewBox: "0 0 16 16",
     fill: "currentColor",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ jsx19("path", { d: "M8 14.2333L6.96667 13.2933C3.6 10.24 1.33333 8.18667 1.33333 5.66667C1.33333 3.61333 2.94667 2 5 2C6.16 2 7.27333 2.54 8 3.39333C8.72667 2.54 9.84 2 11 2C13.0533 2 14.6667 3.61333 14.6667 5.66667C14.6667 8.18667 12.4 10.24 9.03333 13.2933L8 14.2333Z" })
+    children: /* @__PURE__ */ jsx18("path", { d: "M8 14.2333L6.96667 13.2933C3.6 10.24 1.33333 8.18667 1.33333 5.66667C1.33333 3.61333 2.94667 2 5 2C6.16 2 7.27333 2.54 8 3.39333C8.72667 2.54 9.84 2 11 2C13.0533 2 14.6667 3.61333 14.6667 5.66667C14.6667 8.18667 12.4 10.24 9.03333 13.2933L8 14.2333Z" })
   }
 );
-var HomeIcon = ({ className }) => /* @__PURE__ */ jsx19(
+var HomeIcon = ({ className }) => /* @__PURE__ */ jsx18(
   "svg",
   {
     className,
@@ -1294,7 +1738,7 @@ var HomeIcon = ({ className }) => /* @__PURE__ */ jsx19(
     viewBox: "0 0 16 16",
     fill: "currentColor",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ jsx19("path", { d: "M6.66667 13.3333V9.33333H9.33333V13.3333H12.6667V8H14.6667L8 2L1.33333 8H3.33333V13.3333H6.66667Z" })
+    children: /* @__PURE__ */ jsx18("path", { d: "M6.66667 13.3333V9.33333H9.33333V13.3333H12.6667V8H14.6667L8 2L1.33333 8H3.33333V13.3333H6.66667Z" })
   }
 );
 var Pin = forwardRef2(
@@ -1310,13 +1754,13 @@ var Pin = forwardRef2(
   }, ref) => {
     const styleVariant = viewed ? "secondary" : "primary";
     const pinClasses = [
-      cx18("pin"),
-      cx18(styleVariant),
-      variant === "hotel" && cx18("hotel"),
+      cx17("pin"),
+      cx17(styleVariant),
+      variant === "hotel" && cx17("hotel"),
       className
     ].filter(Boolean).join(" ");
     const formattedPrice = typeof price === "number" ? Math.round(price).toString() : price;
-    return /* @__PURE__ */ jsxs18(
+    return /* @__PURE__ */ jsxs17(
       "button",
       {
         ref,
@@ -1325,12 +1769,12 @@ var Pin = forwardRef2(
         disabled,
         onClick,
         children: [
-          /* @__PURE__ */ jsx19("div", { className: cx18("body"), children: variant === "price" ? /* @__PURE__ */ jsxs18(Fragment4, { children: [
-            /* @__PURE__ */ jsx19("span", { className: cx18("currency"), children: currency }),
-            /* @__PURE__ */ jsx19("span", { className: cx18("price"), children: formattedPrice }),
-            showFavorite && /* @__PURE__ */ jsx19("div", { className: cx18("favorite-container"), children: /* @__PURE__ */ jsx19(HeartIcon, { className: cx18("favorite-icon") }) })
-          ] }) : /* @__PURE__ */ jsx19(HomeIcon, { className: cx18("hotel-icon") }) }),
-          /* @__PURE__ */ jsx19("div", { className: cx18("pointer"), children: /* @__PURE__ */ jsx19("div", { className: cx18("pointer-inner") }) })
+          /* @__PURE__ */ jsx18("div", { className: cx17("body"), children: variant === "price" ? /* @__PURE__ */ jsxs17(Fragment3, { children: [
+            /* @__PURE__ */ jsx18("span", { className: cx17("currency"), children: currency }),
+            /* @__PURE__ */ jsx18("span", { className: cx17("price"), children: formattedPrice }),
+            showFavorite && /* @__PURE__ */ jsx18("div", { className: cx17("favorite-container"), children: /* @__PURE__ */ jsx18(HeartIcon, { className: cx17("favorite-icon") }) })
+          ] }) : /* @__PURE__ */ jsx18(HomeIcon, { className: cx17("hotel-icon") }) }),
+          /* @__PURE__ */ jsx18("div", { className: cx17("pointer"), children: /* @__PURE__ */ jsx18("div", { className: cx17("pointer-inner") }) })
         ]
       }
     );
@@ -1339,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";
@@ -1397,8 +1841,8 @@ import { useState as useState8, useEffect as useEffect5 } from "react";
 
 // src/components/DateSelector/DualCalendar.tsx
 import { useState as useState7 } from "react";
-import { jsx as jsx20, jsxs as jsxs19 } from "react/jsx-runtime";
-var cx19 = (name) => `hc-dual-calendar${name ? `__${name}` : ""}`;
+import { jsx as jsx19, jsxs as jsxs18 } from "react/jsx-runtime";
+var cx18 = (name) => `hc-dual-calendar${name ? `__${name}` : ""}`;
 var cxMod = (base, mod) => `hc-dual-calendar__${base}--${mod}`;
 var DualCalendar = ({
   startDate,
@@ -1456,7 +1900,7 @@ var DualCalendar = ({
     const firstDay = getFirstDayOfMonth(date);
     const days = [];
     for (let i = 0; i < firstDay; i++) {
-      days.push(/* @__PURE__ */ jsx20("div", { className: cx19("day") }, `empty-${i}`));
+      days.push(/* @__PURE__ */ jsx19("div", { className: cx18("day") }, `empty-${i}`));
     }
     for (let day = 1; day <= daysInMonth; day++) {
       const dateStr = `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, "0")}-${String(day).padStart(2, "0")}`;
@@ -1465,15 +1909,15 @@ var DualCalendar = ({
       const end = isEndDate(dateStr);
       const inRange = isMidDate(dateStr);
       const classes = [
-        cx19("day"),
-        cx19("day-button"),
+        cx18("day"),
+        cx18("day-button"),
         disabled && cxMod("day-button", "disabled"),
         start && cxMod("day-button", "start"),
         end && cxMod("day-button", "end"),
         inRange && cxMod("day-button", "in-range")
       ].filter(Boolean).join(" ");
       days.push(
-        /* @__PURE__ */ jsx20(
+        /* @__PURE__ */ jsx19(
           "button",
           {
             type: "button",
@@ -1500,82 +1944,82 @@ var DualCalendar = ({
   const maxMonth = new Date(today.getFullYear() + 1, today.getMonth(), 1);
   const nextMonth = new Date(currentMonth.getFullYear(), currentMonth.getMonth() + 1, 1);
   const isNextDisabled = nextMonth >= maxMonth;
-  const PrevArrow = () => /* @__PURE__ */ jsx20("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx20("path", { d: "M6.09652 9.36666C5.74908 9.71647 5.74908 10.2821 6.09652 10.6282L11.8223 16.4043C12.1698 16.7541 12.7316 16.7541 13.0754 16.4043C13.4191 16.0545 13.4228 15.4888 13.0754 15.1428L7.97791 9.9993L13.0754 4.85584C13.4228 4.50603 13.4228 3.94038 13.0754 3.59429C12.7279 3.2482 12.1661 3.24448 11.8223 3.59429L6.09652 9.36666Z", fill: "#1F2937" }) });
-  const NextArrow = () => /* @__PURE__ */ jsx20("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx20("path", { d: "M13.9035 9.36666C14.2509 9.71647 14.2509 10.2821 13.9035 10.6282L8.17767 16.4043C7.83023 16.7541 7.2684 16.7541 6.92465 16.4043C6.5809 16.0545 6.5772 15.4888 6.92465 15.1428L12.0221 9.9993L6.92465 4.85584C6.5772 4.50603 6.5772 3.94038 6.92465 3.59429C7.27209 3.2482 7.83392 3.24448 8.17767 3.59429L13.9035 9.37039V9.36666Z", fill: "#1F2937" }) });
+  const PrevArrow = () => /* @__PURE__ */ jsx19("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx19("path", { d: "M6.09652 9.36666C5.74908 9.71647 5.74908 10.2821 6.09652 10.6282L11.8223 16.4043C12.1698 16.7541 12.7316 16.7541 13.0754 16.4043C13.4191 16.0545 13.4228 15.4888 13.0754 15.1428L7.97791 9.9993L13.0754 4.85584C13.4228 4.50603 13.4228 3.94038 13.0754 3.59429C12.7279 3.2482 12.1661 3.24448 11.8223 3.59429L6.09652 9.36666Z", fill: "#1F2937" }) });
+  const NextArrow = () => /* @__PURE__ */ jsx19("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx19("path", { d: "M13.9035 9.36666C14.2509 9.71647 14.2509 10.2821 13.9035 10.6282L8.17767 16.4043C7.83023 16.7541 7.2684 16.7541 6.92465 16.4043C6.5809 16.0545 6.5772 15.4888 6.92465 15.1428L12.0221 9.9993L6.92465 4.85584C6.5772 4.50603 6.5772 3.94038 6.92465 3.59429C7.27209 3.2482 7.83392 3.24448 8.17767 3.59429L13.9035 9.37039V9.36666Z", fill: "#1F2937" }) });
   const navButtonClasses = (disabled) => [
-    cx19("nav-button"),
+    cx18("nav-button"),
     disabled && cxMod("nav-button", "disabled")
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsxs19("div", { className: `${cx19("")} ${!isDesktop ? cxMod("", "mobile") : ""}`, children: [
-    !isDesktop && /* @__PURE__ */ jsxs19("div", { className: cx19("navigation"), children: [
-      /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsxs18("div", { className: `${cx18("")} ${!isDesktop ? cxMod("", "mobile") : ""}`, children: [
+    !isDesktop && /* @__PURE__ */ jsxs18("div", { className: cx18("navigation"), children: [
+      /* @__PURE__ */ jsx19(
         "button",
         {
           type: "button",
           className: navButtonClasses(isPrevDisabled),
           onClick: handlePrevMonth,
           disabled: isPrevDisabled,
-          children: /* @__PURE__ */ jsx20(PrevArrow, {})
+          children: /* @__PURE__ */ jsx19(PrevArrow, {})
         }
       ),
-      /* @__PURE__ */ jsx20("h3", { className: `${cx19("month-title")} ${cx19("month-title--mobile")}`, children: formatMonthYear(currentMonth) }),
-      /* @__PURE__ */ jsx20(
+      /* @__PURE__ */ jsx19("h3", { className: `${cx18("month-title")} ${cx18("month-title--mobile")}`, children: formatMonthYear(currentMonth) }),
+      /* @__PURE__ */ jsx19(
         "button",
         {
           type: "button",
           className: navButtonClasses(isNextDisabled),
           onClick: handleNextMonth,
           disabled: isNextDisabled,
-          children: /* @__PURE__ */ jsx20(NextArrow, {})
+          children: /* @__PURE__ */ jsx19(NextArrow, {})
         }
       )
     ] }),
-    isDesktop ? /* @__PURE__ */ jsxs19("div", { className: cx19("desktop-layout"), children: [
-      /* @__PURE__ */ jsx20(
+    isDesktop ? /* @__PURE__ */ jsxs18("div", { className: cx18("desktop-layout"), children: [
+      /* @__PURE__ */ jsx19(
         "button",
         {
           type: "button",
           className: navButtonClasses(isPrevDisabled),
           onClick: handlePrevMonth,
           disabled: isPrevDisabled,
-          children: /* @__PURE__ */ jsx20(PrevArrow, {})
+          children: /* @__PURE__ */ jsx19(PrevArrow, {})
         }
       ),
-      /* @__PURE__ */ jsxs19("div", { className: cx19("calendars"), children: [
-        /* @__PURE__ */ jsxs19("div", { className: cx19("calendar"), children: [
-          /* @__PURE__ */ jsx20("h3", { className: cx19("month-title"), children: formatMonthYear(currentMonth) }),
-          /* @__PURE__ */ jsx20("div", { className: cx19("weekdays"), children: weekDays.map((day, i) => /* @__PURE__ */ jsx20("div", { className: `${cx19("weekday")} ${i >= 5 ? cxMod("weekday", "weekend") : ""}`, children: day }, day)) }),
-          /* @__PURE__ */ jsx20("div", { className: cx19("days"), children: generateCalendar(0) })
+      /* @__PURE__ */ jsxs18("div", { className: cx18("calendars"), children: [
+        /* @__PURE__ */ jsxs18("div", { className: cx18("calendar"), children: [
+          /* @__PURE__ */ jsx19("h3", { className: cx18("month-title"), children: formatMonthYear(currentMonth) }),
+          /* @__PURE__ */ jsx19("div", { className: cx18("weekdays"), children: weekDays.map((day, i) => /* @__PURE__ */ jsx19("div", { className: `${cx18("weekday")} ${i >= 5 ? cxMod("weekday", "weekend") : ""}`, children: day }, day)) }),
+          /* @__PURE__ */ jsx19("div", { className: cx18("days"), children: generateCalendar(0) })
         ] }),
-        /* @__PURE__ */ jsxs19("div", { className: cx19("calendar"), children: [
-          /* @__PURE__ */ jsx20("h3", { className: cx19("month-title"), children: formatMonthYear(nextMonth) }),
-          /* @__PURE__ */ jsx20("div", { className: cx19("weekdays"), children: weekDays.map((day, i) => /* @__PURE__ */ jsx20("div", { className: `${cx19("weekday")} ${i >= 5 ? cxMod("weekday", "weekend") : ""}`, children: day }, day)) }),
-          /* @__PURE__ */ jsx20("div", { className: cx19("days"), children: generateCalendar(1) })
+        /* @__PURE__ */ jsxs18("div", { className: cx18("calendar"), children: [
+          /* @__PURE__ */ jsx19("h3", { className: cx18("month-title"), children: formatMonthYear(nextMonth) }),
+          /* @__PURE__ */ jsx19("div", { className: cx18("weekdays"), children: weekDays.map((day, i) => /* @__PURE__ */ jsx19("div", { className: `${cx18("weekday")} ${i >= 5 ? cxMod("weekday", "weekend") : ""}`, children: day }, day)) }),
+          /* @__PURE__ */ jsx19("div", { className: cx18("days"), children: generateCalendar(1) })
         ] })
       ] }),
-      /* @__PURE__ */ jsx20(
+      /* @__PURE__ */ jsx19(
         "button",
         {
           type: "button",
           className: navButtonClasses(isNextDisabled),
           onClick: handleNextMonth,
           disabled: isNextDisabled,
-          children: /* @__PURE__ */ jsx20(NextArrow, {})
+          children: /* @__PURE__ */ jsx19(NextArrow, {})
         }
       )
     ] }) : (
       /* Mobile: Single calendar */
-      /* @__PURE__ */ jsx20("div", { className: `${cx19("calendars")} ${cxMod("calendars", "mobile")}`, children: /* @__PURE__ */ jsxs19("div", { className: cx19("calendar"), children: [
-        /* @__PURE__ */ jsx20("div", { className: cx19("weekdays"), children: weekDays.map((day, i) => /* @__PURE__ */ jsx20("div", { className: `${cx19("weekday")} ${i >= 5 ? cxMod("weekday", "weekend") : ""}`, children: day }, day)) }),
-        /* @__PURE__ */ jsx20("div", { className: cx19("days"), children: generateCalendar(0) })
+      /* @__PURE__ */ jsx19("div", { className: `${cx18("calendars")} ${cxMod("calendars", "mobile")}`, children: /* @__PURE__ */ jsxs18("div", { className: cx18("calendar"), children: [
+        /* @__PURE__ */ jsx19("div", { className: cx18("weekdays"), children: weekDays.map((day, i) => /* @__PURE__ */ jsx19("div", { className: `${cx18("weekday")} ${i >= 5 ? cxMod("weekday", "weekend") : ""}`, children: day }, day)) }),
+        /* @__PURE__ */ jsx19("div", { className: cx18("days"), children: generateCalendar(0) })
       ] }) })
     )
   ] });
 };
 
 // src/components/DateSelector/WhenContent.tsx
-import { jsx as jsx21, jsxs as jsxs20 } from "react/jsx-runtime";
-var cx20 = (name) => `hc-when-content${name ? `__${name}` : ""}`;
+import { jsx as jsx20, jsxs as jsxs19 } from "react/jsx-runtime";
+var cx19 = (name) => `hc-when-content${name ? `__${name}` : ""}`;
 var cxMod2 = (base, mod) => `hc-when-content__${base}--${mod}`;
 var getDateLocale = (locale) => {
   const localeMap = {
@@ -1586,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,
@@ -1603,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"
@@ -1709,71 +2152,71 @@ var WhenContent = ({
     }
   };
   const containerClasses = [
-    cx20(""),
+    cx19(""),
     variant === "expanded" && cxMod2("", "expanded"),
     className
   ].filter(Boolean).join(" ");
   const monthGridClasses = [
-    cx20("month-grid"),
+    cx19("month-grid"),
     !isDesktop && cxMod2("month-grid", "mobile")
   ].filter(Boolean).join(" ");
   const contentClasses = [
-    cx20("content"),
+    cx19("content"),
     mode === "dates" && cxMod2("content", "dates")
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsxs20("div", { className: containerClasses, children: [
-    variant === "expanded" && /* @__PURE__ */ jsx21("h2", { className: cx20("section-title"), children: labels.when }),
-    /* @__PURE__ */ jsxs20("div", { className: cx20("header"), children: [
-      /* @__PURE__ */ jsxs20("div", { className: cx20("tabs"), children: [
-        /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsxs19("div", { className: containerClasses, children: [
+    variant === "expanded" && /* @__PURE__ */ jsx20("h2", { className: cx19("section-title"), children: labels.when }),
+    /* @__PURE__ */ jsxs19("div", { className: cx19("header"), children: [
+      /* @__PURE__ */ jsxs19("div", { className: cx19("tabs"), children: [
+        /* @__PURE__ */ jsx20(
           "button",
           {
             type: "button",
-            className: `${cx20("tab")} ${mode === "dates" ? cxMod2("tab", "active") : ""}`,
+            className: `${cx19("tab")} ${mode === "dates" ? cxMod2("tab", "active") : ""}`,
             onClick: () => handleModeSwitch("dates"),
             children: labels.dates
           }
         ),
-        /* @__PURE__ */ jsx21(
+        /* @__PURE__ */ jsx20(
           "button",
           {
             type: "button",
-            className: `${cx20("tab")} ${mode === "anytime" ? cxMod2("tab", "active") : ""}`,
+            className: `${cx19("tab")} ${mode === "anytime" ? cxMod2("tab", "active") : ""}`,
             onClick: () => handleModeSwitch("anytime"),
             children: labels.flexible
           }
         )
       ] }),
-      showApplyButton && /* @__PURE__ */ jsx21("div", { className: cx20("apply"), children: /* @__PURE__ */ jsx21(Button, { variant: "secondary", size: "medium", onClick: handleApply, children: labels.apply }) })
+      showApplyButton && /* @__PURE__ */ jsx20("div", { className: cx19("apply"), children: /* @__PURE__ */ jsx20(Button, { variant: "secondary", size: "medium", onClick: handleApply, children: labels.apply }) })
     ] }),
-    /* @__PURE__ */ jsx21("div", { className: contentClasses, children: mode === "anytime" ? /* @__PURE__ */ jsxs20("div", { className: cx20("flexible"), children: [
-      /* @__PURE__ */ jsx21("h3", { className: cx20("heading"), children: labels.selectMonths }),
-      /* @__PURE__ */ jsxs20("div", { className: monthGridClasses, children: [
-        /* @__PURE__ */ jsx21(
+    /* @__PURE__ */ jsx20("div", { className: contentClasses, children: mode === "anytime" ? /* @__PURE__ */ jsxs19("div", { className: cx19("flexible"), children: [
+      /* @__PURE__ */ jsx20("h3", { className: cx19("heading"), children: labels.selectMonths }),
+      /* @__PURE__ */ jsxs19("div", { className: monthGridClasses, children: [
+        /* @__PURE__ */ jsx20(
           "button",
           {
             type: "button",
-            className: `${cx20("month-button")} ${cx20("anytime-button")} ${isAnytimeSelected ? cxMod2("month-button", "selected") : ""}`,
+            className: `${cx19("month-button")} ${cx19("anytime-button")} ${isAnytimeSelected ? cxMod2("month-button", "selected") : ""}`,
             onClick: handleAnytimeClick,
-            children: /* @__PURE__ */ jsx21("span", { className: cx20("month-label"), children: labels.anytime })
+            children: /* @__PURE__ */ jsx20("span", { className: cx19("month-label"), children: labels.anytime })
           }
         ),
-        months.map((month) => /* @__PURE__ */ jsxs20(
+        months.map((month) => /* @__PURE__ */ jsxs19(
           "button",
           {
             type: "button",
-            className: `${cx20("month-button")} ${selectedMonths.includes(month.value) ? cxMod2("month-button", "selected") : ""} ${month.disabled ? cxMod2("month-button", "disabled") : ""}`,
+            className: `${cx19("month-button")} ${selectedMonths.includes(month.value) ? cxMod2("month-button", "selected") : ""} ${month.disabled ? cxMod2("month-button", "disabled") : ""}`,
             onClick: () => !month.disabled && handleMonthToggle(month.value),
             disabled: month.disabled,
             children: [
-              /* @__PURE__ */ jsx21("span", { className: cx20("month-label"), children: month.label }),
-              /* @__PURE__ */ jsx21("span", { className: cx20("month-year"), children: month.year })
+              /* @__PURE__ */ jsx20("span", { className: cx19("month-label"), children: month.label }),
+              /* @__PURE__ */ jsx20("span", { className: cx19("month-year"), children: month.year })
             ]
           },
           month.value
         ))
       ] })
-    ] }) : /* @__PURE__ */ jsx21("div", { className: cx20("dates"), children: /* @__PURE__ */ jsx21(
+    ] }) : /* @__PURE__ */ jsx20("div", { className: cx19("dates"), children: /* @__PURE__ */ jsx20(
       DualCalendar,
       {
         startDate: dateRange.start,
@@ -1787,8 +2230,8 @@ var WhenContent = ({
 };
 
 // src/components/DateSelector/DateSelector.tsx
-import { jsx as jsx22, jsxs as jsxs21 } from "react/jsx-runtime";
-var cx21 = (name) => `hc-date-selector${name ? `__${name}` : ""}`;
+import { jsx as jsx21, jsxs as jsxs20 } from "react/jsx-runtime";
+var cx20 = (name) => `hc-date-selector${name ? `__${name}` : ""}`;
 var cxMod3 = (base, mod) => `hc-date-selector__${base}--${mod}`;
 var getDateLocale2 = (locale) => {
   const localeMap = {
@@ -1799,7 +2242,7 @@ var getDateLocale2 = (locale) => {
   };
   return localeMap[locale] || "de-CH";
 };
-var CalendarIcon = () => /* @__PURE__ */ jsx22("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsx22(
+var CalendarIcon = () => /* @__PURE__ */ jsx21("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsx21(
   "path",
   {
     d: "M19 4H18V2H16V4H8V2H6V4H5C3.9 4 3 4.9 3 6V20C3 21.1 3.9 22 5 22H19C20.1 22 21 21.1 21 20V6C21 4.9 20.1 4 19 4ZM19 20H5V9H19V20Z",
@@ -1816,7 +2259,7 @@ var DateSelector = ({
   className,
   icon
 }) => {
-  const { t } = useTranslation();
+  const { t } = useUIContext();
   const { locale } = useWindowData();
   const { isDesktop } = useResponsive();
   const dateLocale = getDateLocale2(locale);
@@ -1855,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);
@@ -1873,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 });
@@ -1904,17 +2347,17 @@ var DateSelector = ({
     onClose?.(newDateRange, newMonthFilter);
   };
   const buttonClasses = [
-    cx21("button"),
+    cx20("button"),
     disabled && cxMod3("button", "disabled"),
     className
   ].filter(Boolean).join(" ");
   const dropdownClasses = [
-    cx21("dropdown"),
+    cx20("dropdown"),
     isOpen && cxMod3("dropdown", "open"),
     !isDesktop && cxMod3("dropdown", "mobile")
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsxs21("div", { ref: dropdownRef, className: cx21(""), children: [
-    /* @__PURE__ */ jsxs21(
+  return /* @__PURE__ */ jsxs20("div", { ref: dropdownRef, className: cx20(""), children: [
+    /* @__PURE__ */ jsxs20(
       "button",
       {
         type: "button",
@@ -1922,13 +2365,13 @@ var DateSelector = ({
         onClick: () => !disabled && setIsOpen((v) => !v),
         disabled,
         children: [
-          /* @__PURE__ */ jsx22("span", { className: cx21("icon"), children: icon || /* @__PURE__ */ jsx22(CalendarIcon, {}) }),
-          /* @__PURE__ */ jsx22("span", { className: cx21("label"), children: formatDateDisplay() })
+          /* @__PURE__ */ jsx21("span", { className: cx20("icon"), children: icon || /* @__PURE__ */ jsx21(CalendarIcon, {}) }),
+          /* @__PURE__ */ jsx21("span", { className: cx20("label"), children: formatDateDisplay() })
         ]
       }
     ),
-    isOpen && /* @__PURE__ */ jsx22("div", { className: cx21("backdrop"), onClick: handleBackdropClick, "aria-hidden": "true" }),
-    /* @__PURE__ */ jsx22("div", { className: dropdownClasses, children: /* @__PURE__ */ jsx22(
+    isOpen && /* @__PURE__ */ jsx21("div", { className: cx20("backdrop"), onClick: handleBackdropClick, "aria-hidden": "true" }),
+    /* @__PURE__ */ jsx21("div", { className: dropdownClasses, children: /* @__PURE__ */ jsx21(
       WhenContent,
       {
         initialDateRange: dateRange,
@@ -1945,10 +2388,10 @@ var DateSelector = ({
 DateSelector.displayName = "DateSelector";
 
 // src/components/GuestSelector/GuestContent.tsx
-import { jsx as jsx23, jsxs as jsxs22 } from "react/jsx-runtime";
-var MinusIcon = () => /* @__PURE__ */ jsx23("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx23("path", { d: "M0 10C0 9.48047 0.477679 9.0625 1.07143 9.0625H18.9286C19.5223 9.0625 20 9.48047 20 10C20 10.5195 19.5223 10.9375 18.9286 10.9375H1.07143C0.477679 10.9375 0 10.5195 0 10Z", fill: "currentColor" }) });
-var PlusIcon = () => /* @__PURE__ */ jsx23("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx23("path", { d: "M11.0714 2.1875C11.0714 1.66797 10.5938 1.25 10 1.25C9.40625 1.25 8.92857 1.66797 8.92857 2.1875V9.0625H1.07143C0.477679 9.0625 0 9.48047 0 10C0 10.5195 0.477679 10.9375 1.07143 10.9375H8.92857V17.8125C8.92857 18.332 9.40625 18.75 10 18.75C10.5938 18.75 11.0714 18.332 11.0714 17.8125V10.9375H18.9286C19.5223 10.9375 20 10.5195 20 10C20 9.48047 19.5223 9.0625 18.9286 9.0625H11.0714V2.1875Z", fill: "currentColor" }) });
-var DropdownIcon = () => /* @__PURE__ */ jsx23(
+import { jsx as jsx22, jsxs as jsxs21 } from "react/jsx-runtime";
+var MinusIcon = () => /* @__PURE__ */ jsx22("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx22("path", { d: "M0 10C0 9.48047 0.477679 9.0625 1.07143 9.0625H18.9286C19.5223 9.0625 20 9.48047 20 10C20 10.5195 19.5223 10.9375 18.9286 10.9375H1.07143C0.477679 10.9375 0 10.5195 0 10Z", fill: "currentColor" }) });
+var PlusIcon = () => /* @__PURE__ */ jsx22("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx22("path", { d: "M11.0714 2.1875C11.0714 1.66797 10.5938 1.25 10 1.25C9.40625 1.25 8.92857 1.66797 8.92857 2.1875V9.0625H1.07143C0.477679 9.0625 0 9.48047 0 10C0 10.5195 0.477679 10.9375 1.07143 10.9375H8.92857V17.8125C8.92857 18.332 9.40625 18.75 10 18.75C10.5938 18.75 11.0714 18.332 11.0714 17.8125V10.9375H18.9286C19.5223 10.9375 20 10.5195 20 10C20 9.48047 19.5223 9.0625 18.9286 9.0625H11.0714V2.1875Z", fill: "currentColor" }) });
+var DropdownIcon = () => /* @__PURE__ */ jsx22(
   "svg",
   {
     className: "hc-guest-content__select-icon",
@@ -1957,7 +2400,7 @@ var DropdownIcon = () => /* @__PURE__ */ jsx23(
     height: "24",
     viewBox: "0 0 24 24",
     fill: "none",
-    children: /* @__PURE__ */ jsx23(
+    children: /* @__PURE__ */ jsx22(
       "path",
       {
         d: "M11.24 16.6873C11.6598 17.1042 12.3386 17.1042 12.7539 16.6873L19.6852 9.81633C20.1049 9.39939 20.1049 8.7252 19.6852 8.3127C19.2654 7.9002 18.5866 7.89577 18.1713 8.3127L11.9992 14.4296L5.82701 8.3127C5.40724 7.89577 4.72846 7.89577 4.31316 8.3127C3.89785 8.72964 3.89338 9.40383 4.31316 9.81633L11.2445 16.6873H11.24Z",
@@ -1966,18 +2409,6 @@ var DropdownIcon = () => /* @__PURE__ */ jsx23(
     )
   }
 );
-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,
@@ -1986,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;
@@ -2021,11 +2463,11 @@ var GuestContent = ({
     onErrorClear?.(index);
   };
   const containerClasses = ["hc-guest-content", className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsxs22("div", { className: containerClasses, children: [
-    /* @__PURE__ */ jsxs22("div", { className: "hc-guest-content__row", children: [
-      /* @__PURE__ */ jsx23("div", { className: "hc-guest-content__label", children: /* @__PURE__ */ jsx23("span", { className: "hc-guest-content__name", children: labels.adults }) }),
-      /* @__PURE__ */ jsxs22("div", { className: "hc-guest-content__counter", children: [
-        /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsxs21("div", { className: containerClasses, children: [
+    /* @__PURE__ */ jsxs21("div", { className: "hc-guest-content__row", children: [
+      /* @__PURE__ */ jsx22("div", { className: "hc-guest-content__label", children: /* @__PURE__ */ jsx22("span", { className: "hc-guest-content__name", children: labels.adults }) }),
+      /* @__PURE__ */ jsxs21("div", { className: "hc-guest-content__counter", children: [
+        /* @__PURE__ */ jsx22(
           "button",
           {
             type: "button",
@@ -2033,11 +2475,11 @@ var GuestContent = ({
             onClick: () => handleDecrement("adults"),
             disabled: guests.adults <= 1,
             "aria-label": labels.decreaseAdults,
-            children: /* @__PURE__ */ jsx23(MinusIcon, {})
+            children: /* @__PURE__ */ jsx22(MinusIcon, {})
           }
         ),
-        /* @__PURE__ */ jsx23("span", { className: "hc-guest-content__counter-value", children: guests.adults }),
-        /* @__PURE__ */ jsx23(
+        /* @__PURE__ */ jsx22("span", { className: "hc-guest-content__counter-value", children: guests.adults }),
+        /* @__PURE__ */ jsx22(
           "button",
           {
             type: "button",
@@ -2045,16 +2487,16 @@ var GuestContent = ({
             onClick: () => handleIncrement("adults"),
             disabled: guests.adults >= 10,
             "aria-label": labels.increaseAdults,
-            children: /* @__PURE__ */ jsx23(PlusIcon, {})
+            children: /* @__PURE__ */ jsx22(PlusIcon, {})
           }
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsxs22("div", { className: "hc-guest-content__row hc-guest-content__row--children", children: [
-      /* @__PURE__ */ jsxs22("div", { className: "hc-guest-content__row-header", children: [
-        /* @__PURE__ */ jsx23("div", { className: "hc-guest-content__label", children: /* @__PURE__ */ jsx23("span", { className: "hc-guest-content__name", children: labels.children }) }),
-        /* @__PURE__ */ jsxs22("div", { className: "hc-guest-content__counter", children: [
-          /* @__PURE__ */ jsx23(
+    /* @__PURE__ */ jsxs21("div", { className: "hc-guest-content__row hc-guest-content__row--children", children: [
+      /* @__PURE__ */ jsxs21("div", { className: "hc-guest-content__row-header", children: [
+        /* @__PURE__ */ jsx22("div", { className: "hc-guest-content__label", children: /* @__PURE__ */ jsx22("span", { className: "hc-guest-content__name", children: labels.children }) }),
+        /* @__PURE__ */ jsxs21("div", { className: "hc-guest-content__counter", children: [
+          /* @__PURE__ */ jsx22(
             "button",
             {
               type: "button",
@@ -2062,11 +2504,11 @@ var GuestContent = ({
               onClick: () => handleDecrement("children"),
               disabled: guests.children <= 0,
               "aria-label": labels.decreaseChildren,
-              children: /* @__PURE__ */ jsx23(MinusIcon, {})
+              children: /* @__PURE__ */ jsx22(MinusIcon, {})
             }
           ),
-          /* @__PURE__ */ jsx23("span", { className: "hc-guest-content__counter-value", children: guests.children }),
-          /* @__PURE__ */ jsx23(
+          /* @__PURE__ */ jsx22("span", { className: "hc-guest-content__counter-value", children: guests.children }),
+          /* @__PURE__ */ jsx22(
             "button",
             {
               type: "button",
@@ -2074,12 +2516,12 @@ var GuestContent = ({
               onClick: () => handleIncrement("children"),
               disabled: guests.children >= 6,
               "aria-label": labels.increaseChildren,
-              children: /* @__PURE__ */ jsx23(PlusIcon, {})
+              children: /* @__PURE__ */ jsx22(PlusIcon, {})
             }
           )
         ] })
       ] }),
-      guests.children > 0 && /* @__PURE__ */ jsx23(
+      guests.children > 0 && /* @__PURE__ */ jsx22(
         "div",
         {
           className: "hc-guest-content__children-dropdowns",
@@ -2090,10 +2532,10 @@ var GuestContent = ({
             const currentAge = childrenAges[index];
             const hasError = childAgeErrors.some((error) => error.index === index);
             const errorMessage = childAgeErrors.find((error) => error.index === index)?.message;
-            return /* @__PURE__ */ jsxs22("div", { className: "hc-guest-content__child-dropdown", children: [
-              /* @__PURE__ */ jsx23("label", { htmlFor: `child-age-${index}`, children: labels.ageOfChild }),
-              /* @__PURE__ */ jsxs22("div", { className: "hc-guest-content__select-wrapper", children: [
-                /* @__PURE__ */ jsxs22(
+            return /* @__PURE__ */ jsxs21("div", { className: "hc-guest-content__child-dropdown", children: [
+              /* @__PURE__ */ jsx22("label", { htmlFor: `child-age-${index}`, children: labels.ageOfChild }),
+              /* @__PURE__ */ jsxs21("div", { className: "hc-guest-content__select-wrapper", children: [
+                /* @__PURE__ */ jsxs21(
                   "select",
                   {
                     id: `child-age-${index}`,
@@ -2103,23 +2545,23 @@ var GuestContent = ({
                     "aria-invalid": hasError,
                     "aria-describedby": hasError ? `error-${index}` : void 0,
                     children: [
-                      /* @__PURE__ */ jsx23("option", { value: "", children: labels.age }),
-                      Array.from({ length: 18 }, (_2, age) => /* @__PURE__ */ jsx23("option", { value: age, children: age }, age))
+                      /* @__PURE__ */ jsx22("option", { value: "", children: labels.age }),
+                      Array.from({ length: 18 }, (_2, age) => /* @__PURE__ */ jsx22("option", { value: age, children: age }, age))
                     ]
                   }
                 ),
-                /* @__PURE__ */ jsx23(DropdownIcon, {})
+                /* @__PURE__ */ jsx22(DropdownIcon, {})
               ] }),
-              hasError && /* @__PURE__ */ jsx23("span", { id: `error-${index}`, className: "hc-guest-content__error-text", children: errorMessage })
+              hasError && /* @__PURE__ */ jsx22("span", { id: `error-${index}`, className: "hc-guest-content__error-text", children: errorMessage })
             ] }, index);
           })
         }
       )
     ] }),
-    showPetToggle && /* @__PURE__ */ jsxs22("div", { className: "hc-guest-content__row", children: [
-      /* @__PURE__ */ jsx23("div", { className: "hc-guest-content__label", children: /* @__PURE__ */ jsx23("span", { className: "hc-guest-content__name", children: labels.pet }) }),
-      /* @__PURE__ */ jsx23("div", { className: "hc-guest-content__toggle-wrapper", children: /* @__PURE__ */ jsxs22("label", { className: "hc-guest-content__toggle", children: [
-        /* @__PURE__ */ jsx23(
+    showPetToggle && /* @__PURE__ */ jsxs21("div", { className: "hc-guest-content__row", children: [
+      /* @__PURE__ */ jsx22("div", { className: "hc-guest-content__label", children: /* @__PURE__ */ jsx22("span", { className: "hc-guest-content__name", children: labels.pet }) }),
+      /* @__PURE__ */ jsx22("div", { className: "hc-guest-content__toggle-wrapper", children: /* @__PURE__ */ jsxs21("label", { className: "hc-guest-content__toggle", children: [
+        /* @__PURE__ */ jsx22(
           "input",
           {
             type: "checkbox",
@@ -2128,15 +2570,347 @@ var GuestContent = ({
             "aria-label": labels.togglePets
           }
         ),
-        /* @__PURE__ */ jsx23("span", { className: "hc-guest-content__slider" })
+        /* @__PURE__ */ jsx22("span", { className: "hc-guest-content__slider" })
       ] }) })
     ] })
   ] });
 };
 
+// src/components/HotelCard/HotelCardImage.tsx
+import { useState as useState10, useRef as useRef5 } from "react";
+import { Fragment as Fragment4, jsx as jsx23, jsxs as jsxs22 } from "react/jsx-runtime";
+var MAX_IMAGES = 5;
+var SWIPE_THRESHOLD = 50;
+var HOTEL_PLACEHOLDER = 'data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="400" height="300" fill="%23e5e7eb"%3E%3Crect width="400" height="300" /%3E%3C/svg%3E';
+var BuildingIcon = () => /* @__PURE__ */ jsxs22("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: [
+  /* @__PURE__ */ jsx23("g", { clipPath: "url(#clip0_building)", children: /* @__PURE__ */ jsx23("path", { d: "M0.75 0C0.334375 0 0 0.334375 0 0.75C0 1.16562 0.334375 1.5 0.75 1.5H1V14.5H0.75C0.334375 14.5 0 14.8344 0 15.25C0 15.6656 0.334375 16 0.75 16H15.25C15.6656 16 16 15.6656 16 15.25C16 14.8344 15.6656 14.5 15.25 14.5H15V1.5H15.25C15.6656 1.5 16 1.16562 16 0.75C16 0.334375 15.6656 0 15.25 0H0.75ZM13.5 14.5H9V12H10.5C10.775 12 11.0031 11.775 10.9594 11.5031C10.7219 10.0844 9.4875 9 8 9C6.5125 9 5.27813 10.0813 5.04063 11.5031C4.99375 11.775 5.22188 12 5.5 12H7V14.5H2.5V1.5H13.5V14.5ZM4.5 3C4.225 3 4 3.225 4 3.5V4.5C4 4.775 4.225 5 4.5 5H5.5C5.775 5 6 4.775 6 4.5V3.5C6 3.225 5.775 3 5.5 3H4.5ZM7 3.5V4.5C7 4.775 7.225 5 7.5 5H8.5C8.775 5 9 4.775 9 4.5V3.5C9 3.225 8.775 3 8.5 3H7.5C7.225 3 7 3.225 7 3.5ZM10.5 3C10.225 3 10 3.225 10 3.5V4.5C10 4.775 10.225 5 10.5 5H11.5C11.775 5 12 4.775 12 4.5V3.5C12 3.225 11.775 3 11.5 3H10.5ZM4 6.5V7.5C4 7.775 4.225 8 4.5 8H5.5C5.775 8 6 7.775 6 7.5V6.5C6 6.225 5.775 6 5.5 6H4.5C4.225 6 4 6.225 4 6.5ZM7.5 6C7.225 6 7 6.225 7 6.5V7.5C7 7.775 7.225 8 7.5 8H8.5C8.775 8 9 7.775 9 7.5V6.5C9 6.225 8.775 6 8.5 6H7.5ZM10 6.5V7.5C10 7.775 10.225 8 10.5 8H11.5C11.775 8 12 7.775 12 7.5V6.5C12 6.225 11.775 6 11.5 6H10.5C10.225 6 10 6.225 10 6.5Z", fill: "white" }) }),
+  /* @__PURE__ */ jsx23("defs", { children: /* @__PURE__ */ jsx23("clipPath", { id: "clip0_building", children: /* @__PURE__ */ jsx23("rect", { width: "16", height: "16", fill: "white" }) }) })
+] });
+var ArrowLeftIcon = () => /* @__PURE__ */ jsx23("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx23("path", { d: "M12.5 15L7.5 10L12.5 5", stroke: "#1F2937", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) });
+var ArrowRightIcon = () => /* @__PURE__ */ jsx23("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx23("path", { d: "M7.5 15L12.5 10L7.5 5", stroke: "#1F2937", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) });
+var HeartIcon2 = ({ filled }) => /* @__PURE__ */ jsxs22(
+  "svg",
+  {
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    className: filled ? "hc-hotel-card__heart-icon--filled" : "hc-hotel-card__heart-icon",
+    children: [
+      /* @__PURE__ */ jsxs22("g", { clipPath: "url(#clip0_heart)", children: [
+        /* @__PURE__ */ jsx23(
+          "path",
+          {
+            d: "M12.7031 4.58281C13.875 2.96094 15.7594 2 17.7609 2C21.2062 2 24 4.79375 24 8.23906C24 11.4547 21.9891 14.2812 20.2922 16.3391C18.225 18.8516 15.7313 21.0312 14.0203 22.3344C13.4438 22.775 12.7312 22.9953 12 22.9953C11.2688 22.9953 10.5562 22.775 9.97969 22.3344C8.26875 21.0312 5.775 18.8516 3.70781 16.3438C2.01094 14.2859 0 11.4547 0 8.23906C0 4.79375 2.79375 2 6.23906 2C8.24063 2 10.125 2.96094 11.2969 4.58281L12 5.55313L12.7031 4.58281Z",
+            fill: "white"
+          }
+        ),
+        /* @__PURE__ */ jsx23(
+          "path",
+          {
+            d: "M17.7609 4.25C16.4812 4.25 15.2766 4.86406 14.5266 5.9L12.9141 8.13125C12.7031 8.42188 12.3656 8.59531 12.0047 8.59531C11.6438 8.59531 11.3062 8.42188 11.0953 8.13125L9.48281 5.9C8.73281 4.86406 7.52813 4.25 6.24844 4.25C4.04531 4.25 2.25938 6.03594 2.25938 8.23906C2.25938 10.5781 3.75938 12.8516 5.45156 14.9094C7.37813 17.2531 9.73594 19.3156 11.3531 20.5484C11.5031 20.6609 11.7234 20.7453 12.0094 20.7453C12.2953 20.7453 12.5156 20.6609 12.6656 20.5484C14.2828 19.3156 16.6406 17.2484 18.5672 14.9094C20.2641 12.8516 21.7594 10.5781 21.7594 8.23906C21.7594 6.03594 19.9734 4.25 17.7703 4.25H17.7609ZM12.7031 4.58281C13.875 2.96094 15.7594 2 17.7609 2C21.2062 2 24 4.79375 24 8.23906C24 11.4547 21.9891 14.2812 20.2922 16.3391C18.225 18.8516 15.7313 21.0312 14.0203 22.3344C13.4438 22.775 12.7312 22.9953 12 22.9953C11.2688 22.9953 10.5562 22.775 9.97969 22.3344C8.26875 21.0312 5.775 18.8516 3.70781 16.3438C2.01094 14.2859 0 11.4547 0 8.23906C0 4.79375 2.79375 2 6.23906 2C8.24063 2 10.125 2.96094 11.2969 4.58281L12 5.55313L12.7031 4.58281Z",
+            fill: "#4B5563"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx23("defs", { children: /* @__PURE__ */ jsx23("clipPath", { id: "clip0_heart", children: /* @__PURE__ */ jsx23("rect", { width: "24", height: "24", fill: "white" }) }) })
+    ]
+  }
+);
+var HotelCardImage = ({
+  images,
+  hotelName,
+  badges,
+  isFavorite,
+  onFavoriteClick
+}) => {
+  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());
+  const [touchStart, setTouchStart] = useState10(null);
+  const [touchEnd, setTouchEnd] = useState10(null);
+  const [isDragging, setIsDragging] = useState10(false);
+  const imageRef = useRef5(null);
+  const handleImageError = (index) => {
+    setFailedImages((prev) => new Set(prev).add(index));
+  };
+  const getImageSrc = (index) => {
+    if (failedImages.has(index)) return HOTEL_PLACEHOLDER;
+    return displayImages[index] || HOTEL_PLACEHOLDER;
+  };
+  const goToPreviousImage = () => {
+    setCurrentImageIndex((prev) => prev === 0 ? displayImages.length - 1 : prev - 1);
+  };
+  const goToNextImage = () => {
+    setCurrentImageIndex((prev) => prev === displayImages.length - 1 ? 0 : prev + 1);
+  };
+  const handlePrevImage = (e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    goToPreviousImage();
+  };
+  const handleNextImage = (e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    goToNextImage();
+  };
+  const handleTouchStart = (e) => {
+    e.stopPropagation();
+    setTouchEnd(null);
+    setTouchStart(e.targetTouches[0].clientX);
+    setIsDragging(true);
+  };
+  const handleTouchMove = (e) => {
+    e.stopPropagation();
+    if (!touchStart) return;
+    setTouchEnd(e.targetTouches[0].clientX);
+  };
+  const handleTouchEnd = (e) => {
+    e.stopPropagation();
+    setIsDragging(false);
+    if (!touchStart || !touchEnd) return;
+    const distance = touchStart - touchEnd;
+    if (distance > SWIPE_THRESHOLD) goToNextImage();
+    else if (distance < -SWIPE_THRESHOLD) goToPreviousImage();
+    setTouchStart(null);
+    setTouchEnd(null);
+  };
+  const handleFavorite = (e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    onFavoriteClick();
+  };
+  return /* @__PURE__ */ jsxs22(
+    "div",
+    {
+      className: "hc-hotel-card__image-section",
+      ref: imageRef,
+      onTouchStart: handleTouchStart,
+      onTouchMove: handleTouchMove,
+      onTouchEnd: handleTouchEnd,
+      style: { cursor: isDragging ? "grabbing" : "grab" },
+      children: [
+        /* @__PURE__ */ jsx23(
+          "img",
+          {
+            src: getImageSrc(currentImageIndex),
+            alt: `${hotelName} - Image ${currentImageIndex + 1} of ${displayImages.length}`,
+            className: "hc-hotel-card__image",
+            loading: "lazy",
+            onError: () => handleImageError(currentImageIndex),
+            draggable: "false"
+          }
+        ),
+        /* @__PURE__ */ jsx23("div", { className: "hc-hotel-card__image-overlay" }),
+        /* @__PURE__ */ jsxs22("div", { className: "hc-hotel-card__top-overlay", children: [
+          /* @__PURE__ */ jsx23("div", { className: "hc-hotel-card__badges-column", children: badges?.map((badge, index) => /* @__PURE__ */ jsxs22("div", { className: "hc-hotel-card__new-badge", children: [
+            /* @__PURE__ */ jsx23(BuildingIcon, {}),
+            /* @__PURE__ */ jsx23("span", { children: badge })
+          ] }, index)) }),
+          /* @__PURE__ */ jsx23(
+            "button",
+            {
+              className: "hc-hotel-card__favorite-button",
+              onClick: handleFavorite,
+              "aria-label": isFavorite ? labels.removeFromFavorites : labels.addToFavorites,
+              type: "button",
+              children: /* @__PURE__ */ jsx23(HeartIcon2, { filled: isFavorite })
+            }
+          )
+        ] }),
+        displayImages.length > 1 && /* @__PURE__ */ jsxs22(Fragment4, { children: [
+          /* @__PURE__ */ jsx23(
+            "button",
+            {
+              className: "hc-hotel-card__nav-button hc-hotel-card__nav-button--left",
+              onClick: handlePrevImage,
+              "aria-label": labels.previousImage,
+              type: "button",
+              children: /* @__PURE__ */ jsx23(ArrowLeftIcon, {})
+            }
+          ),
+          /* @__PURE__ */ jsx23(
+            "button",
+            {
+              className: "hc-hotel-card__nav-button hc-hotel-card__nav-button--right",
+              onClick: handleNextImage,
+              "aria-label": labels.nextImage,
+              type: "button",
+              children: /* @__PURE__ */ jsx23(ArrowRightIcon, {})
+            }
+          ),
+          /* @__PURE__ */ jsx23("div", { className: "hc-hotel-card__image-indicator", children: displayImages.map((_, index) => /* @__PURE__ */ jsx23(
+            "span",
+            {
+              className: `hc-hotel-card__indicator-dot ${index === currentImageIndex ? "hc-hotel-card__indicator-dot--active" : ""}`
+            },
+            index
+          )) })
+        ] })
+      ]
+    }
+  );
+};
+
+// src/components/HotelCard/HotelCardContent.tsx
+import { Fragment as Fragment5, jsx as jsx24, jsxs as jsxs23 } from "react/jsx-runtime";
+var StarIcon3 = () => /* @__PURE__ */ jsxs23("svg", { xmlns: "http://www.w3.org/2000/svg", width: "9", height: "9", viewBox: "0 0 9 9", fill: "none", children: [
+  /* @__PURE__ */ jsx24("g", { clipPath: "url(#clip0_star)", children: /* @__PURE__ */ jsx24("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: "#1F2937" }) }),
+  /* @__PURE__ */ jsx24("defs", { children: /* @__PURE__ */ jsx24("clipPath", { id: "clip0_star", children: /* @__PURE__ */ jsx24("rect", { width: "8", height: "8", fill: "white", transform: "translate(0.800049 0.199951)" }) }) })
+] });
+var PinIcon = () => /* @__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: "M8 1.5C5.51562 1.5 3.5 3.51562 3.5 6C3.5 9.5 8 14 8 14C8 14 12.5 9.5 12.5 6C12.5 3.51562 10.4844 1.5 8 1.5ZM8 7.75C7.0325 7.75 6.25 6.9675 6.25 6C6.25 5.0325 7.0325 4.25 8 4.25C8.9675 4.25 9.75 5.0325 9.75 6C9.75 6.9675 8.9675 7.75 8 7.75Z", fill: "#6B7280" }) });
+var BreakfastIcon = () => /* @__PURE__ */ jsxs23("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: [
+  /* @__PURE__ */ jsx24("g", { clipPath: "url(#clip0_breakfast)", children: /* @__PURE__ */ jsx24("path", { d: "M8 1.5C9.525 1.5 10.9281 2.025 12.0344 2.90313L9.4125 5.525L7.975 1.5H8ZM13.0969 3.96563C13.4656 4.43125 13.7719 4.94687 14.0031 5.5H11.5625L13.0969 3.96563ZM10.0594 7H14.3969C15.1875 7 15.8563 6.23438 15.5656 5.39375C14.4844 2.25625 11.5062 0 8 0C3.58125 0 0 3.58125 0 8C0 11.5062 2.25625 14.4844 5.39375 15.5656C6.23438 15.8563 7 15.1875 7 14.3969V10.0594L7.12187 9.9375L7.39375 10.0531C7.8625 10.2531 8.40938 10.15 8.76875 9.7875L9.80625 8.75C10.1469 8.40938 10.2625 7.9 10.1 7.44688L9.97188 7.0875L10.0625 6.99687L10.0594 7ZM5.6375 9.30313L2.90313 12.0344C2.025 10.925 1.5 9.52188 1.5 8C1.5 7.84375 1.50625 7.69062 1.51562 7.5375L5.63438 9.30313H5.6375ZM3.96563 13.0969L5.5 11.5625V14.0031C4.94375 13.7719 4.42813 13.4656 3.96563 13.0969ZM1.80313 6.02812C2.48438 3.8875 4.24687 2.225 6.45 1.6875L8.63437 7.80625L7.82812 8.6125L1.80313 6.03125V6.02812Z", fill: "#006962" }) }),
+  /* @__PURE__ */ jsx24("defs", { children: /* @__PURE__ */ jsx24("clipPath", { id: "clip0_breakfast", children: /* @__PURE__ */ jsx24("rect", { width: "16", height: "16", fill: "white" }) }) })
+] });
+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 HotelCardContent = ({
+  name,
+  stars,
+  isSuperior = false,
+  rating,
+  location,
+  benefits,
+  price,
+  currency = "CHF",
+  isAvailable = true,
+  onClick
+}) => {
+  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;
+    if (score >= 3.8) return labels.ratingGood;
+    if (score >= 3.5) return labels.ratingFair;
+    return labels.rating;
+  };
+  const getBenefitIcon = (benefitId) => {
+    switch (benefitId) {
+      case "free-breakfast":
+        return /* @__PURE__ */ jsx24(BreakfastIcon, {});
+      case "free-cancellation":
+        return /* @__PURE__ */ jsx24(FreeCancellationIcon, {});
+      default:
+        return /* @__PURE__ */ jsx24(CheckmarkIcon, {});
+    }
+  };
+  const getStarRating = (starRating) => {
+    if (!starRating || starRating <= 0) return null;
+    if (starRating === 6) return /* @__PURE__ */ jsx24("span", { className: "hc-hotel-card__swiss-lodge", children: labels.swissLodge });
+    const starCount = Math.min(Math.floor(starRating), 5);
+    return /* @__PURE__ */ jsx24(Fragment5, { children: Array.from({ length: starCount }, (_, index) => /* @__PURE__ */ jsx24(StarIcon3, {}, index)) });
+  };
+  return /* @__PURE__ */ jsxs23(
+    "div",
+    {
+      className: "hc-hotel-card__content",
+      onClick,
+      style: { cursor: onClick ? "pointer" : void 0 },
+      children: [
+        /* @__PURE__ */ jsxs23("div", { className: "hc-hotel-card__header-section", children: [
+          /* @__PURE__ */ jsxs23("div", { className: "hc-hotel-card__rating-section", children: [
+            /* @__PURE__ */ jsxs23("div", { className: "hc-hotel-card__stars", children: [
+              getStarRating(stars),
+              isSuperior && /* @__PURE__ */ jsx24("span", { className: "hc-hotel-card__stars-indicator", children: "(s)" })
+            ] }),
+            rating > 0 && /* @__PURE__ */ jsxs23("div", { className: "hc-hotel-card__rating-wrapper", children: [
+              /* @__PURE__ */ jsx24("span", { className: "hc-hotel-card__rating-text", children: getRatingCategory(rating) }),
+              /* @__PURE__ */ jsxs23("div", { className: "hc-hotel-card__rating-badge", children: [
+                /* @__PURE__ */ jsx24(RatingBadgeSvg, {}),
+                /* @__PURE__ */ jsx24("span", { className: "hc-hotel-card__rating-number", children: rating.toFixed(1) })
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx24("h3", { className: "hc-hotel-card__hotel-name", children: name })
+        ] }),
+        /* @__PURE__ */ jsxs23("div", { className: "hc-hotel-card__location-section", children: [
+          /* @__PURE__ */ jsx24("span", { className: "hc-hotel-card__pin-icon", children: /* @__PURE__ */ jsx24(PinIcon, {}) }),
+          /* @__PURE__ */ jsx24("span", { className: "hc-hotel-card__location", children: location })
+        ] }),
+        /* @__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,
+                " %"
+              ] })
+            ] })
+          ] })
+        ] })
+      ]
+    }
+  );
+};
+
+// src/components/HotelCard/HotelCard.tsx
+import { jsx as jsx25, jsxs as jsxs24 } from "react/jsx-runtime";
+var HotelCard = ({
+  hotel,
+  onFavoriteClick,
+  onContentClick,
+  className
+}) => {
+  return /* @__PURE__ */ jsxs24("div", { className: `hc-hotel-card ${className || ""}`, children: [
+    /* @__PURE__ */ jsx25(
+      HotelCardImage,
+      {
+        images: hotel.images,
+        hotelName: hotel.name,
+        badges: hotel.badges,
+        isFavorite: hotel.isFavorite,
+        onFavoriteClick
+      }
+    ),
+    hotel.usp && /* @__PURE__ */ jsx25("div", { className: "hc-hotel-card__usp-banner", children: hotel.usp }),
+    /* @__PURE__ */ jsx25(
+      HotelCardContent,
+      {
+        name: hotel.name,
+        stars: hotel.stars,
+        isSuperior: hotel.isSuperior,
+        rating: hotel.rating,
+        location: hotel.location,
+        benefits: hotel.benefits,
+        price: hotel.price,
+        currency: hotel.currency,
+        isAvailable: hotel.isAvailable,
+        onClick: onContentClick
+      }
+    )
+  ] });
+};
+
 // src/components/icons/HeartIcon.tsx
-import { jsx as jsx24 } from "react/jsx-runtime";
-var HeartIcon2 = ({ filled = false, className = "", size = 24 }) => /* @__PURE__ */ jsx24(
+import { jsx as jsx26 } from "react/jsx-runtime";
+var HeartIcon3 = ({ filled = false, className = "", size = 24 }) => /* @__PURE__ */ jsx26(
   "svg",
   {
     width: size,
@@ -2148,14 +2922,14 @@ var HeartIcon2 = ({ filled = false, className = "", size = 24 }) => /* @__PURE__
     strokeWidth: 2,
     strokeLinecap: "round",
     strokeLinejoin: "round",
-    children: /* @__PURE__ */ jsx24("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__ */ 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" })
   }
 );
-HeartIcon2.displayName = "HeartIcon";
+HeartIcon3.displayName = "HeartIcon";
 
 // src/components/icons/StarIcon.tsx
-import { jsx as jsx25, jsxs as jsxs23 } from "react/jsx-runtime";
-var StarIcon4 = ({ filled = true, className = "", size = 9 }) => /* @__PURE__ */ jsxs23(
+import { jsx as jsx27, jsxs as jsxs25 } from "react/jsx-runtime";
+var StarIcon4 = ({ filled = true, className = "", size = 9 }) => /* @__PURE__ */ jsxs25(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2165,22 +2939,22 @@ var StarIcon4 = ({ filled = true, className = "", size = 9 }) => /* @__PURE__ */
     fill: "none",
     className,
     children: [
-      /* @__PURE__ */ jsx25("g", { clipPath: "url(#clip0_star_icon)", children: /* @__PURE__ */ jsx25(
+      /* @__PURE__ */ jsx27("g", { clipPath: "url(#clip0_star_icon)", children: /* @__PURE__ */ jsx27(
         "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__ */ jsx25("defs", { children: /* @__PURE__ */ jsx25("clipPath", { id: "clip0_star_icon", children: /* @__PURE__ */ jsx25("rect", { width: "8", height: "8", fill: "white", transform: "translate(0.800049 0.199951)" }) }) })
+      /* @__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)" }) }) })
     ]
   }
 );
 StarIcon4.displayName = "StarIcon";
 
 // src/components/icons/ChevronLeftIcon.tsx
-import { jsx as jsx26 } from "react/jsx-runtime";
-var ChevronLeftIcon = ({ className = "", size = 20 }) => /* @__PURE__ */ jsx26(
+import { jsx as jsx28 } from "react/jsx-runtime";
+var ChevronLeftIcon = ({ className = "", size = 20 }) => /* @__PURE__ */ jsx28(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2193,14 +2967,14 @@ var ChevronLeftIcon = ({ className = "", size = 20 }) => /* @__PURE__ */ jsx26(
     strokeLinecap: "round",
     strokeLinejoin: "round",
     className,
-    children: /* @__PURE__ */ jsx26("polyline", { points: "15 18 9 12 15 6" })
+    children: /* @__PURE__ */ jsx28("polyline", { points: "15 18 9 12 15 6" })
   }
 );
 ChevronLeftIcon.displayName = "ChevronLeftIcon";
 
 // src/components/icons/ChevronRightIcon.tsx
-import { jsx as jsx27 } from "react/jsx-runtime";
-var ChevronRightIcon2 = ({ className = "", size = 20 }) => /* @__PURE__ */ jsx27(
+import { jsx as jsx29 } from "react/jsx-runtime";
+var ChevronRightIcon2 = ({ className = "", size = 20 }) => /* @__PURE__ */ jsx29(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2213,14 +2987,14 @@ var ChevronRightIcon2 = ({ className = "", size = 20 }) => /* @__PURE__ */ jsx27
     strokeLinecap: "round",
     strokeLinejoin: "round",
     className,
-    children: /* @__PURE__ */ jsx27("polyline", { points: "9 18 15 12 9 6" })
+    children: /* @__PURE__ */ jsx29("polyline", { points: "9 18 15 12 9 6" })
   }
 );
 ChevronRightIcon2.displayName = "ChevronRightIcon";
 
 // src/components/icons/PinIcon.tsx
-import { jsx as jsx28, jsxs as jsxs24 } from "react/jsx-runtime";
-var PinIcon = ({ className = "", size = 16 }) => /* @__PURE__ */ jsxs24(
+import { jsx as jsx30, jsxs as jsxs26 } from "react/jsx-runtime";
+var PinIcon2 = ({ className = "", size = 16 }) => /* @__PURE__ */ jsxs26(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2230,7 +3004,7 @@ var PinIcon = ({ className = "", size = 16 }) => /* @__PURE__ */ jsxs24(
     fill: "none",
     className,
     children: [
-      /* @__PURE__ */ jsx28(
+      /* @__PURE__ */ jsx30(
         "path",
         {
           fillRule: "evenodd",
@@ -2239,7 +3013,7 @@ var PinIcon = ({ className = "", size = 16 }) => /* @__PURE__ */ jsxs24(
           fill: "currentColor"
         }
       ),
-      /* @__PURE__ */ jsx28(
+      /* @__PURE__ */ jsx30(
         "path",
         {
           fillRule: "evenodd",
@@ -2251,7 +3025,7 @@ var PinIcon = ({ className = "", size = 16 }) => /* @__PURE__ */ jsxs24(
     ]
   }
 );
-PinIcon.displayName = "PinIcon";
+PinIcon2.displayName = "PinIcon";
 
 // src/utils/formatPrice.ts
 var formatPrice = (amount, currency = "CHF", locale = "de-CH") => {
@@ -2292,19 +3066,21 @@ export {
   ChevronLeftIcon,
   ChevronRightIcon2 as ChevronRightIcon,
   Chip,
-  CompactCard,
   DateSelector,
   Divider,
   Dropdown,
   DualCalendar,
   FAQ,
   GuestContent,
-  HeartIcon2 as HeartIcon,
+  HeartIcon3 as HeartIcon,
+  HotelCard,
+  HotelCardContent,
+  HotelCardImage,
   HotelCardUIProvider,
   Input,
   Modal,
   Pin,
-  PinIcon,
+  PinIcon2 as PinIcon,
   RadioButton,
   Rating,
   ReviewCard,
@@ -2315,6 +3091,7 @@ export {
   formatDate,
   formatDateRange,
   formatPrice,
+  translations,
   useDebounce,
   useResponsive,
   useTranslation,