@hotelcard/ui 0.0.15 → 0.0.16

package/dist/index.cjs

@@ -1,7 +1,9 @@
 "use strict";
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -15,6 +17,14 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/index.ts
@@ -24,31 +34,45 @@ __export(index_exports, {
   Benefits: () => Benefits,
   Block: () => Block,
   Button: () => Button,
+  CATEGORY_OPTIONS: () => CATEGORY_OPTIONS,
   Card: () => Card,
   Checkbox: () => Checkbox,
+  CheckboxFilter: () => CheckboxFilter,
   ChevronLeftIcon: () => ChevronLeftIcon,
   ChevronRightIcon: () => ChevronRightIcon2,
   Chip: () => Chip,
+  CollapsibleFilterSection: () => CollapsibleFilterSection,
   DateSelector: () => DateSelector,
   Divider: () => Divider,
   Dropdown: () => Dropdown,
   DualCalendar: () => DualCalendar,
+  ExperienceFilter: () => ExperienceFilter,
   FAQ: () => FAQ,
+  FilterCheckboxItem: () => FilterCheckboxItem,
   GuestContent: () => GuestContent,
   HeartIcon: () => HeartIcon3,
   HotelCard: () => HotelCard,
   HotelCardContent: () => HotelCardContent,
   HotelCardImage: () => HotelCardImage,
   HotelCardUIProvider: () => HotelCardUIProvider,
+  HotelCategoryFilter: () => HotelCategoryFilter,
   Input: () => Input,
+  MealsFilter: () => MealsFilter,
   Modal: () => Modal,
   Pin: () => Pin,
   PinIcon: () => PinIcon2,
+  PriceRangeFilter: () => PriceRangeFilter,
+  REVIEW_OPTIONS: () => REVIEW_OPTIONS,
   RadioButton: () => RadioButton,
   Rating: () => Rating,
+  RegionsFilter: () => RegionsFilter,
   ReviewCard: () => ReviewCard,
+  ReviewsFilter: () => ReviewsFilter,
   SectionHeader: () => SectionHeader,
+  SelectedFiltersRow: () => SelectedFiltersRow,
   StarIcon: () => StarIcon4,
+  TransportFilter: () => TransportFilter,
+  WellnessFilter: () => WellnessFilter,
   WhenContent: () => WhenContent,
   calculateDiscount: () => calculateDiscount,
   formatDate: () => formatDate,
@@ -2973,9 +2997,860 @@ var HotelCard = ({
   ] });
 };
 
-// src/components/icons/HeartIcon.tsx
+// src/components/Filters/FilterCheckboxItem.module.css
+var FilterCheckboxItem_default = {};
+
+// src/components/Filters/FilterCheckboxItem.tsx
 var import_jsx_runtime26 = require("react/jsx-runtime");
-var HeartIcon3 = ({ filled = false, className = "", size = 24 }) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+var FilterCheckboxItem = ({
+  id,
+  label,
+  count,
+  checked,
+  disabled = false,
+  onChange,
+  className = "",
+  trackName
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+    "label",
+    {
+      className: `${FilterCheckboxItem_default.filterRow} ${disabled ? FilterCheckboxItem_default.filterRowDisabled : ""} ${className}`,
+      tabIndex: disabled ? -1 : 0,
+      "data-track": trackName,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: FilterCheckboxItem_default.checkboxLabel, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: FilterCheckboxItem_default.checkboxButton, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+              "input",
+              {
+                id,
+                type: "checkbox",
+                className: FilterCheckboxItem_default.checkbox,
+                checked,
+                disabled,
+                onChange
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: `${FilterCheckboxItem_default.checkboxBox} ${disabled ? FilterCheckboxItem_default.checkboxBoxDisabled : ""}`, children: checked && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("svg", { viewBox: "0 0 12 10", fill: "none", className: FilterCheckboxItem_default.checkIcon, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+              "path",
+              {
+                d: "M1 5L4.5 8.5L11 1",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round"
+              }
+            ) }) })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: `${FilterCheckboxItem_default.filterLabel} ${disabled ? FilterCheckboxItem_default.filterLabelDisabled : ""}`, children: label })
+        ] }),
+        count !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: `${FilterCheckboxItem_default.filterCount} ${disabled ? FilterCheckboxItem_default.filterCountDisabled : ""}`, children: count })
+      ]
+    }
+  );
+};
+
+// src/components/Filters/CollapsibleFilterSection.tsx
+var import_react15 = __toESM(require("react"), 1);
+
+// src/components/Filters/CollapsibleFilterSection.module.css
+var CollapsibleFilterSection_default = {};
+
+// src/components/Filters/CollapsibleFilterSection.tsx
+var import_jsx_runtime27 = require("react/jsx-runtime");
+var CollapsibleFilterSection = ({
+  title,
+  children,
+  defaultExpanded = true,
+  showAllText,
+  showLessText,
+  hasShowAll = false,
+  initialItemsToShow = 5,
+  className = ""
+}) => {
+  const { t } = useUIContext();
+  const [isExpanded, setIsExpanded] = (0, import_react15.useState)(defaultExpanded);
+  const [showAll, setShowAll] = (0, import_react15.useState)(false);
+  const resolvedShowAllText = showAllText ?? t("filter.show-all", "Show all");
+  const resolvedShowLessText = showLessText ?? t("filter.show-less", "Show less");
+  (0, import_react15.useEffect)(() => {
+    if (defaultExpanded && !isExpanded) {
+      setIsExpanded(true);
+    }
+  }, [defaultExpanded]);
+  const toggleExpanded = () => {
+    setIsExpanded(!isExpanded);
+  };
+  const toggleShowAll = () => {
+    setShowAll(!showAll);
+  };
+  const childrenArray = import_react15.default.Children.toArray(children);
+  const shouldShowToggle = hasShowAll && childrenArray.length > initialItemsToShow;
+  const displayedChildren = shouldShowToggle && !showAll ? childrenArray.slice(0, initialItemsToShow) : childrenArray;
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: `${CollapsibleFilterSection_default.section} ${className}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+      "button",
+      {
+        type: "button",
+        className: CollapsibleFilterSection_default.header,
+        onClick: toggleExpanded,
+        "aria-expanded": isExpanded,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: CollapsibleFilterSection_default.title, children: title }),
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+            "svg",
+            {
+              className: `${CollapsibleFilterSection_default.chevron} ${isExpanded ? CollapsibleFilterSection_default.chevronExpanded : ""}`,
+              viewBox: "0 0 24 24",
+              fill: "none",
+              "aria-hidden": "true",
+              children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+                "path",
+                {
+                  d: "M6 9L12 15L18 9",
+                  stroke: "currentColor",
+                  strokeWidth: "2",
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round"
+                }
+              )
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+      "div",
+      {
+        className: `${CollapsibleFilterSection_default.content} ${isExpanded ? CollapsibleFilterSection_default.contentExpanded : ""}`,
+        "aria-hidden": !isExpanded,
+        children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: CollapsibleFilterSection_default.contentInner, children: [
+          displayedChildren,
+          shouldShowToggle && /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+            "button",
+            {
+              type: "button",
+              className: CollapsibleFilterSection_default.showAllButton,
+              onClick: toggleShowAll,
+              children: [
+                showAll ? resolvedShowLessText : resolvedShowAllText,
+                /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+                  "svg",
+                  {
+                    className: `${CollapsibleFilterSection_default.showAllChevron} ${showAll ? CollapsibleFilterSection_default.showAllChevronUp : ""}`,
+                    viewBox: "0 0 24 24",
+                    fill: "none",
+                    "aria-hidden": "true",
+                    children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+                      "path",
+                      {
+                        d: "M6 9L12 15L18 9",
+                        stroke: "currentColor",
+                        strokeWidth: "2",
+                        strokeLinecap: "round",
+                        strokeLinejoin: "round"
+                      }
+                    )
+                  }
+                )
+              ]
+            }
+          )
+        ] })
+      }
+    )
+  ] });
+};
+
+// src/components/Filters/PriceRangeFilter.tsx
+var import_react16 = require("react");
+
+// src/components/Filters/PriceRangeFilter.module.css
+var PriceRangeFilter_default = {};
+
+// src/components/Filters/PriceRangeFilter.tsx
+var import_jsx_runtime28 = require("react/jsx-runtime");
+var DEFAULT_HISTOGRAM = [
+  12,
+  25,
+  38,
+  45,
+  52,
+  48,
+  42,
+  35,
+  28,
+  22,
+  18,
+  15,
+  12,
+  10,
+  8,
+  6,
+  5,
+  4,
+  3,
+  2
+];
+var PriceRangeFilter = ({
+  minPrice,
+  maxPrice,
+  value,
+  onChange,
+  onApply,
+  histogram = DEFAULT_HISTOGRAM,
+  currency,
+  onDragStart,
+  onDragEnd,
+  debounceDelay = 500
+}) => {
+  const { t, currency: contextCurrency } = useUIContext();
+  const displayCurrency = currency ?? contextCurrency;
+  const sliderRef = (0, import_react16.useRef)(null);
+  const [isDragging, setIsDragging] = (0, import_react16.useState)(null);
+  const [isDraggingExternal, setIsDraggingExternal] = (0, import_react16.useState)(false);
+  const lastValueRef = (0, import_react16.useRef)(value);
+  const timeoutRef = (0, import_react16.useRef)(null);
+  const [minInputValue, setMinInputValue] = (0, import_react16.useState)("");
+  const [maxInputValue, setMaxInputValue] = (0, import_react16.useState)("");
+  const [minInputFocused, setMinInputFocused] = (0, import_react16.useState)(false);
+  const [maxInputFocused, setMaxInputFocused] = (0, import_react16.useState)(false);
+  const range = maxPrice - minPrice;
+  const minPercent = range > 0 ? (value.min - minPrice) / range * 100 : 0;
+  const maxPercent = range > 0 ? (value.max - minPrice) / range * 100 : 100;
+  const maxHistogramValue = Math.max(...histogram, 1);
+  const getBarActive = (0, import_react16.useCallback)((index) => {
+    const barStartPercent = index / histogram.length * 100;
+    const barEndPercent = (index + 1) / histogram.length * 100;
+    return barStartPercent < maxPercent && barEndPercent > minPercent;
+  }, [histogram.length, minPercent, maxPercent]);
+  const trackInset = 12;
+  const triggerOnApply = (0, import_react16.useCallback)((newValue) => {
+    if (!onApply) return;
+    if (timeoutRef.current) {
+      clearTimeout(timeoutRef.current);
+    }
+    timeoutRef.current = setTimeout(() => {
+      onApply(newValue);
+    }, debounceDelay);
+  }, [onApply, debounceDelay]);
+  const handleDrag = (0, import_react16.useCallback)((clientX) => {
+    if (!sliderRef.current || !isDragging) return;
+    const rect = sliderRef.current.getBoundingClientRect();
+    const trackWidth = rect.width - trackInset * 2;
+    const trackLeft = rect.left + trackInset;
+    const percent = Math.max(0, Math.min(100, (clientX - trackLeft) / trackWidth * 100));
+    const newValue = Math.round(minPrice + percent / 100 * range);
+    let newMin = value.min;
+    let newMax = value.max;
+    if (isDragging === "min") {
+      const clampedValue = Math.min(newValue, value.max - 1);
+      newMin = Math.max(minPrice, clampedValue);
+    } else {
+      const clampedValue = Math.max(newValue, value.min + 1);
+      newMax = Math.min(maxPrice, clampedValue);
+    }
+    const newRange = { min: newMin, max: newMax };
+    onChange(newRange);
+    lastValueRef.current = newRange;
+    if (!isDraggingExternal) {
+      triggerOnApply(newRange);
+    }
+  }, [isDragging, minPrice, maxPrice, range, value, onChange, isDraggingExternal, triggerOnApply]);
+  const handleMouseDown = (handle) => (e) => {
+    e.preventDefault();
+    setIsDragging(handle);
+    setIsDraggingExternal(true);
+    onDragStart?.();
+  };
+  const handleTouchStart = (handle) => (e) => {
+    e.preventDefault();
+    setIsDragging(handle);
+    setIsDraggingExternal(true);
+    onDragStart?.();
+  };
+  const handleDragEnd = (0, import_react16.useCallback)(() => {
+    if (isDraggingExternal && onApply) {
+      onApply(lastValueRef.current);
+    }
+    setIsDragging(null);
+    setIsDraggingExternal(false);
+    onDragEnd?.();
+  }, [isDraggingExternal, onApply, onDragEnd]);
+  (0, import_react16.useEffect)(() => {
+    if (!isDragging) return;
+    const handleMouseMove = (e) => {
+      handleDrag(e.clientX);
+    };
+    const handleTouchMove = (e) => {
+      if (e.touches.length > 0) {
+        handleDrag(e.touches[0].clientX);
+      }
+    };
+    document.addEventListener("mousemove", handleMouseMove);
+    document.addEventListener("mouseup", handleDragEnd);
+    document.addEventListener("touchmove", handleTouchMove, { passive: false });
+    document.addEventListener("touchend", handleDragEnd);
+    return () => {
+      document.removeEventListener("mousemove", handleMouseMove);
+      document.removeEventListener("mouseup", handleDragEnd);
+      document.removeEventListener("touchmove", handleTouchMove);
+      document.removeEventListener("touchend", handleDragEnd);
+      if (timeoutRef.current) {
+        clearTimeout(timeoutRef.current);
+      }
+    };
+  }, [isDragging, handleDrag, handleDragEnd]);
+  const handleMinInputFocus = () => {
+    setMinInputFocused(true);
+    setMinInputValue(value.min.toString());
+  };
+  const handleMaxInputFocus = () => {
+    setMaxInputFocused(true);
+    setMaxInputValue(value.max.toString());
+  };
+  const handleMinInputChange = (e) => {
+    const val = e.target.value.replace(/[^0-9]/g, "");
+    setMinInputValue(val);
+  };
+  const handleMaxInputChange = (e) => {
+    const val = e.target.value.replace(/[^0-9]/g, "");
+    setMaxInputValue(val);
+  };
+  const handleMinInputBlur = () => {
+    setMinInputFocused(false);
+    const numValue = parseInt(minInputValue, 10);
+    if (!isNaN(numValue)) {
+      const clampedValue = Math.max(minPrice, Math.min(numValue, value.max - 1));
+      const newRange = { min: clampedValue, max: value.max };
+      onChange(newRange);
+      if (onApply) {
+        triggerOnApply(newRange);
+      }
+    }
+  };
+  const handleMaxInputBlur = () => {
+    setMaxInputFocused(false);
+    const numValue = parseInt(maxInputValue, 10);
+    if (!isNaN(numValue)) {
+      const clampedValue = Math.min(maxPrice, Math.max(numValue, value.min + 1));
+      const newRange = { min: value.min, max: clampedValue };
+      onChange(newRange);
+      if (onApply) {
+        triggerOnApply(newRange);
+      }
+    }
+  };
+  (0, import_react16.useEffect)(() => {
+    return () => {
+      if (timeoutRef.current) {
+        clearTimeout(timeoutRef.current);
+      }
+    };
+  }, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: PriceRangeFilter_default.priceRangeWrapper, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: PriceRangeFilter_default.priceInputs, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: PriceRangeFilter_default.priceInputWrapper, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+        "input",
+        {
+          type: "text",
+          inputMode: "numeric",
+          className: PriceRangeFilter_default.priceInput,
+          value: minInputFocused ? minInputValue : `${displayCurrency} ${value.min}`,
+          onChange: handleMinInputChange,
+          onFocus: handleMinInputFocus,
+          onBlur: handleMinInputBlur,
+          "aria-label": t("filter.min-price", "Minimum price")
+        }
+      ) }),
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: PriceRangeFilter_default.priceInputDivider, children: "\u2014" }),
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: PriceRangeFilter_default.priceInputWrapper, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+        "input",
+        {
+          type: "text",
+          inputMode: "numeric",
+          className: PriceRangeFilter_default.priceInput,
+          value: maxInputFocused ? maxInputValue : `${displayCurrency} ${value.max}`,
+          onChange: handleMaxInputChange,
+          onFocus: handleMaxInputFocus,
+          onBlur: handleMaxInputBlur,
+          "aria-label": t("filter.max-price", "Maximum price")
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: PriceRangeFilter_default.histogram, children: histogram.map((histValue, index) => {
+      const height = histValue / maxHistogramValue * 100;
+      const isActive = getBarActive(index);
+      return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+        "div",
+        {
+          className: `${PriceRangeFilter_default.histogramBar} ${isActive ? PriceRangeFilter_default.histogramBarActive : ""}`,
+          style: { height: `${Math.max(height, 10)}%` }
+        },
+        index
+      );
+    }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: PriceRangeFilter_default.sliderContainer, ref: sliderRef, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: PriceRangeFilter_default.sliderTrack }),
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+        "div",
+        {
+          className: PriceRangeFilter_default.sliderActiveTrack,
+          style: {
+            left: `calc(12px + (100% - 24px) * ${minPercent / 100})`,
+            width: `calc((100% - 24px) * ${(maxPercent - minPercent) / 100})`
+          }
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+        "div",
+        {
+          className: `${PriceRangeFilter_default.sliderHandle} ${isDragging === "min" ? PriceRangeFilter_default.sliderHandleActive : ""}`,
+          style: { left: `calc(12px + (100% - 24px) * ${minPercent / 100})` },
+          onMouseDown: handleMouseDown("min"),
+          onTouchStart: handleTouchStart("min"),
+          role: "slider",
+          "aria-label": t("filter.min-price", "Minimum price"),
+          "aria-valuenow": value.min,
+          "aria-valuemin": minPrice,
+          "aria-valuemax": value.max,
+          tabIndex: 0
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+        "div",
+        {
+          className: `${PriceRangeFilter_default.sliderHandle} ${isDragging === "max" ? PriceRangeFilter_default.sliderHandleActive : ""}`,
+          style: { left: `calc(12px + (100% - 24px) * ${maxPercent / 100})` },
+          onMouseDown: handleMouseDown("max"),
+          onTouchStart: handleTouchStart("max"),
+          role: "slider",
+          "aria-label": t("filter.max-price", "Maximum price"),
+          "aria-valuenow": value.max,
+          "aria-valuemin": value.min,
+          "aria-valuemax": maxPrice,
+          tabIndex: 0
+        }
+      )
+    ] })
+  ] });
+};
+
+// src/components/Filters/HotelCategoryFilter.module.css
+var HotelCategoryFilter_default = {};
+
+// src/components/Filters/HotelCategoryFilter.tsx
+var import_jsx_runtime29 = require("react/jsx-runtime");
+var CATEGORY_OPTIONS = [
+  { value: "5", stars: 5, label: null },
+  { value: "4", stars: 4, label: null },
+  { value: "3", stars: 3, label: null },
+  { value: "2", stars: 2, label: null },
+  { value: "swiss_lodge", stars: 0, label: "Swiss Lodge" },
+  { value: "not_classified", stars: 0, label: "No category" }
+];
+var HotelCategoryFilter = ({
+  selected,
+  counts = {},
+  onChange,
+  className = ""
+}) => {
+  const { t } = useUIContext();
+  const handleToggle = (value) => {
+    if (selected.includes(value)) {
+      onChange(selected.filter((v) => v !== value));
+    } else {
+      onChange([...selected, value]);
+    }
+  };
+  const getLabel = (option) => {
+    if (option.stars > 0) return null;
+    if (option.value === "swiss_lodge") return t("filter.swiss-lodge", "Swiss Lodge");
+    if (option.value === "not_classified") return t("filter.no-category", "No category");
+    return option.label;
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: HotelCategoryFilter_default.filterList, children: CATEGORY_OPTIONS.map((option) => {
+      const count = counts[option.value];
+      const isDisabled = count === 0 && !selected.includes(option.value);
+      return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+        FilterCheckboxItem,
+        {
+          id: `category-${option.value}`,
+          label: option.stars > 0 ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: HotelCategoryFilter_default.starsContainer, children: Array.from({ length: option.stars }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("svg", { className: HotelCategoryFilter_default.starIcon, viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("path", { d: "M12 0L14.6942 8.2918H23.4127L16.3593 13.4164L19.0534 21.7082L12 16.5836L4.94658 21.7082L7.64074 13.4164L0.587322 8.2918H9.30583L12 0Z" }) }, i)) }) : getLabel(option),
+          count,
+          checked: selected.includes(option.value),
+          disabled: isDisabled,
+          onChange: () => handleToggle(option.value),
+          trackName: `filter-category-${option.value}`
+        },
+        option.value
+      );
+    }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: HotelCategoryFilter_default.footer, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: HotelCategoryFilter_default.footerText, children: t("filter.hotellerie-suisse", "Classification HotellerieSuisse") }) })
+  ] });
+};
+
+// src/components/Filters/ReviewsFilter.module.css
+var ReviewsFilter_default = {};
+
+// src/components/Filters/ReviewsFilter.tsx
+var import_jsx_runtime30 = require("react/jsx-runtime");
+var REVIEW_OPTIONS = [
+  { value: "excellent", labelKey: "rating-excellent", range: "(4.4+)" },
+  { value: "very_good", labelKey: "rating-very-good", range: "(4.1 \u2013 4.3)" },
+  { value: "good", labelKey: "rating-good", range: "(3.8 \u2013 4.0)" },
+  { value: "fair", labelKey: "rating-fair", range: "(3.5 \u2013 3.7)" },
+  { value: "no_rating", labelKey: "rating-none", range: "" }
+];
+var ReviewsFilter = ({
+  selected,
+  counts = {},
+  onChange,
+  className = "",
+  isPlaceSearchActive = false
+}) => {
+  const { t } = useUIContext();
+  const handleToggle = (value) => {
+    if (selected.includes(value)) {
+      onChange(selected.filter((v) => v !== value));
+    } else {
+      onChange([...selected, value]);
+    }
+  };
+  const getRatingLabel = (labelKey) => {
+    const labelMap = {
+      "rating-excellent": t("label.rating-excellent", "Excellent"),
+      "rating-very-good": t("label.rating-very-good", "Very Good"),
+      "rating-good": t("label.rating-good", "Good"),
+      "rating-fair": t("label.rating-fair", "Fair"),
+      "rating-none": t("label.rating-none", "No rating")
+    };
+    return labelMap[labelKey] ?? labelKey;
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: ReviewsFilter_default.filterList, children: REVIEW_OPTIONS.map((option) => {
+      const count = counts[option.value];
+      const isDisabled = !isPlaceSearchActive && count === 0 && !selected.includes(option.value);
+      return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+        FilterCheckboxItem,
+        {
+          id: `review-${option.value}`,
+          label: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_jsx_runtime30.Fragment, { children: [
+            getRatingLabel(option.labelKey),
+            option.range && /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("span", { className: ReviewsFilter_default.filterRange, children: [
+              " ",
+              option.range
+            ] })
+          ] }),
+          count,
+          checked: selected.includes(option.value),
+          disabled: isDisabled,
+          onChange: () => handleToggle(option.value),
+          trackName: `filter-review-${option.value}`
+        },
+        option.value
+      );
+    }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: ReviewsFilter_default.footer, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: ReviewsFilter_default.footerText, children: t("filter.trustyou", "Reviews from TrustYou\xAE") }) })
+  ] });
+};
+
+// src/components/Filters/ExperienceFilter.tsx
+var import_react17 = require("react");
+
+// src/components/Filters/ExperienceFilter.module.css
+var ExperienceFilter_default = {};
+
+// src/components/Filters/ExperienceFilter.tsx
+var import_jsx_runtime31 = require("react/jsx-runtime");
+var ExperienceFilter = ({
+  selected,
+  themes = [],
+  onChange,
+  className = ""
+}) => {
+  const { t } = useUIContext();
+  const [expanded, setExpanded] = (0, import_react17.useState)(false);
+  const visibleThemes = expanded ? themes : themes.slice(0, 5);
+  const hasMoreThemes = themes.length > 5;
+  const handleToggle = (value) => {
+    if (selected.includes(value)) {
+      onChange(selected.filter((v) => v !== value));
+    } else {
+      onChange([...selected, value]);
+    }
+  };
+  if (themes.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: `${ExperienceFilter_default.filterList} ${className}`, children: [
+    visibleThemes.map((theme) => {
+      const themeIdStr = String(theme.id);
+      const isDisabled = theme.count === 0 && !selected.includes(themeIdStr);
+      return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+        FilterCheckboxItem,
+        {
+          id: `experience-${theme.id}`,
+          label: theme.name,
+          count: theme.count > 0 ? theme.count : void 0,
+          checked: selected.includes(themeIdStr),
+          disabled: isDisabled,
+          onChange: () => handleToggle(themeIdStr),
+          trackName: `filter-experience-${theme.id}`
+        },
+        theme.id
+      );
+    }),
+    hasMoreThemes && /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+      "button",
+      {
+        type: "button",
+        className: ExperienceFilter_default.showMoreBtn,
+        onClick: () => setExpanded(!expanded),
+        children: [
+          expanded ? t("filter.show-less", "Show less") : t("filter.show-all", "Show all"),
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: `${ExperienceFilter_default.arrowIcon} ${expanded ? ExperienceFilter_default.arrowUp : ""}`, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("path", { d: "M9.36927 13.9061C9.71908 14.2535 10.2847 14.2535 10.6308 13.9061L16.4069 8.1803C16.7567 7.83285 16.7567 7.27102 16.4069 6.92727C16.0571 6.58352 15.4915 6.57983 15.1454 6.92727L10.0019 12.0247L4.85845 6.92727C4.50864 6.57983 3.94299 6.57983 3.5969 6.92727C3.25081 7.27472 3.24709 7.83655 3.5969 8.1803L9.37299 13.9061H9.36927Z", fill: "currentColor" }) }) })
+        ]
+      }
+    )
+  ] });
+};
+
+// src/components/Filters/RegionsFilter.tsx
+var import_react18 = require("react");
+
+// src/components/Filters/RegionsFilter.module.css
+var RegionsFilter_default = {};
+
+// src/components/Filters/RegionsFilter.tsx
+var import_jsx_runtime32 = require("react/jsx-runtime");
+var RegionsFilter = ({
+  regions,
+  selected,
+  onChange,
+  className = "",
+  isPlaceSearchActive = false
+}) => {
+  const { t } = useUIContext();
+  const [expandedCountries, setExpandedCountries] = (0, import_react18.useState)(/* @__PURE__ */ new Set(["country_215"]));
+  const hasInitializedRef = (0, import_react18.useRef)(false);
+  (0, import_react18.useEffect)(() => {
+    if (hasInitializedRef.current) return;
+    if (regions.length === 0 || selected.length === 0) return;
+    const countriesWithSelectedRegions = /* @__PURE__ */ new Set();
+    regions.forEach((region) => {
+      if (region.subRegions?.some((sub) => selected.includes(sub.value))) {
+        countriesWithSelectedRegions.add(region.value);
+      }
+    });
+    if (countriesWithSelectedRegions.size > 0) {
+      setExpandedCountries(countriesWithSelectedRegions);
+      hasInitializedRef.current = true;
+    }
+  }, [regions, selected]);
+  const handleCountryToggle = (countryValue) => {
+    setExpandedCountries((prev) => {
+      const next = new Set(prev);
+      if (next.has(countryValue)) {
+        next.delete(countryValue);
+      } else {
+        next.add(countryValue);
+      }
+      return next;
+    });
+  };
+  const handleRegionToggle = (regionValue) => {
+    if (selected.includes(regionValue)) {
+      onChange(selected.filter((r) => r !== regionValue));
+    } else {
+      onChange([...selected, regionValue]);
+    }
+  };
+  if (regions.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: `${RegionsFilter_default.filterList} ${className}`, children: regions.map((region) => {
+    const hasSubRegions = region.subRegions && region.subRegions.length > 0;
+    const isExpanded = expandedCountries.has(region.value);
+    return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: RegionsFilter_default.regionItem, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+        "button",
+        {
+          type: "button",
+          className: `${RegionsFilter_default.countryRow} ${isExpanded ? RegionsFilter_default.countryRowExpanded : ""}`,
+          onClick: () => handleCountryToggle(region.value),
+          "aria-expanded": isExpanded,
+          disabled: isPlaceSearchActive,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: RegionsFilter_default.countryInfo, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: RegionsFilter_default.countryName, children: region.label }),
+              region.count !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: RegionsFilter_default.countBadge, children: region.count })
+            ] }),
+            hasSubRegions && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+              "svg",
+              {
+                xmlns: "http://www.w3.org/2000/svg",
+                width: "20",
+                height: "20",
+                viewBox: "0 0 20 20",
+                fill: "none",
+                className: `${RegionsFilter_default.chevron} ${isExpanded ? RegionsFilter_default.chevronExpanded : ""}`,
+                children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("path", { d: "M9.36927 13.9061C9.71908 14.2535 10.2847 14.2535 10.6308 13.9061L16.4069 8.18027C16.7567 7.83283 16.7567 7.271 16.4069 6.92725C16.0571 6.5835 15.4915 6.5798 15.1454 6.92725L10.0019 12.0247L4.85845 6.92725C4.50864 6.5798 3.94299 6.5798 3.5969 6.92725C3.25081 7.2747 3.24709 7.83652 3.5969 8.18027L9.37299 13.9061H9.36927Z", fill: "#6B7280" })
+              }
+            )
+          ]
+        }
+      ),
+      hasSubRegions && isExpanded && (() => {
+        const hasSelectableRegions = region.subRegions.some(
+          (sr) => sr.count === void 0 || sr.count > 0
+        );
+        const subValues = region.subRegions.map((sr) => sr.value);
+        const hasSelectedRegions = subValues.some((v) => selected.includes(v));
+        return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: RegionsFilter_default.mobileSelectAllActions, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+            "button",
+            {
+              type: "button",
+              className: RegionsFilter_default.selectAllBtn,
+              disabled: !hasSelectableRegions,
+              onClick: () => {
+                const selectableSubValues = region.subRegions.filter((sr) => sr.count === void 0 || sr.count > 0).map((sr) => sr.value);
+                const merged = Array.from(/* @__PURE__ */ new Set([...selected, ...selectableSubValues]));
+                onChange(merged);
+              },
+              children: t("filter.select-all", "Select all")
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+            "button",
+            {
+              type: "button",
+              className: RegionsFilter_default.resetAllBtn,
+              disabled: !hasSelectedRegions,
+              onClick: () => {
+                onChange(selected.filter((v) => !subValues.includes(v)));
+              },
+              children: t("filter.reset", "Reset")
+            }
+          )
+        ] });
+      })(),
+      hasSubRegions && isExpanded && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: RegionsFilter_default.subRegions, children: region.subRegions.map((subRegion) => {
+        const isDisabled = subRegion.count === 0 && !selected.includes(subRegion.value) || isPlaceSearchActive && !selected.includes(subRegion.value);
+        return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+          FilterCheckboxItem,
+          {
+            id: `region-${subRegion.value}`,
+            label: subRegion.label,
+            count: subRegion.count,
+            checked: selected.includes(subRegion.value),
+            disabled: isDisabled,
+            onChange: () => handleRegionToggle(subRegion.value),
+            trackName: `filter-region-${subRegion.value}`
+          },
+          subRegion.value
+        );
+      }) })
+    ] }, region.value);
+  }) });
+};
+
+// src/components/Filters/CheckboxFilter.module.css
+var CheckboxFilter_default = {};
+
+// src/components/Filters/CheckboxFilter.tsx
+var import_jsx_runtime33 = require("react/jsx-runtime");
+var CheckboxFilter = ({
+  selected,
+  counts = {},
+  options = [],
+  onChange,
+  className = "",
+  trackPrefix = "filter"
+}) => {
+  const handleToggle = (value) => {
+    if (selected.includes(value)) {
+      onChange(selected.filter((v) => v !== value));
+    } else {
+      onChange([...selected, value]);
+    }
+  };
+  if (options.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: `${CheckboxFilter_default.filterList} ${className}`, children: options.map((option) => {
+    const count = counts[option.key];
+    const isDisabled = count === 0 && !selected.includes(option.key);
+    return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+      FilterCheckboxItem,
+      {
+        id: `${trackPrefix}-${option.key}`,
+        label: option.name,
+        count,
+        checked: selected.includes(option.key),
+        disabled: isDisabled,
+        onChange: () => handleToggle(option.key),
+        trackName: `filter-${trackPrefix}-${option.key}`
+      },
+      option.key
+    );
+  }) });
+};
+var MealsFilter = (props) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(CheckboxFilter, { ...props, trackPrefix: "meals" });
+var TransportFilter = (props) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(CheckboxFilter, { ...props, trackPrefix: "transport" });
+var WellnessFilter = (props) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(CheckboxFilter, { ...props, trackPrefix: "wellness" });
+
+// src/components/Filters/SelectedFiltersRow.module.css
+var SelectedFiltersRow_default = {};
+
+// src/components/Filters/SelectedFiltersRow.tsx
+var import_jsx_runtime34 = require("react/jsx-runtime");
+var SelectedFiltersRow = ({
+  filters,
+  onRemove,
+  onClearAll,
+  className = ""
+}) => {
+  const { t } = useUIContext();
+  if (filters.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: `${SelectedFiltersRow_default.container} ${className}`, children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: SelectedFiltersRow_default.chipsWrapper, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("p", { className: SelectedFiltersRow_default.selectedText, children: [
+      t("filter.selected", "Selected:"),
+      " "
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: SelectedFiltersRow_default.chips, children: [
+      filters.map((filter) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+        Chip,
+        {
+          label: filter.label,
+          size: "small",
+          state: "idle",
+          removable: true,
+          onRemove: () => onRemove(filter)
+        },
+        filter.id
+      )),
+      onClearAll && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+        Button,
+        {
+          variant: "link",
+          className: SelectedFiltersRow_default.clearAllBtn,
+          onClick: onClearAll,
+          children: t("filter.clear-all", "Clear all")
+        }
+      )
+    ] })
+  ] }) });
+};
+
+// src/components/icons/HeartIcon.tsx
+var import_jsx_runtime35 = require("react/jsx-runtime");
+var HeartIcon3 = ({ filled = false, className = "", size = 24 }) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
   "svg",
   {
     width: size,
@@ -2987,14 +3862,14 @@ var HeartIcon3 = ({ filled = false, className = "", size = 24 }) => /* @__PURE__
     strokeWidth: 2,
     strokeLinecap: "round",
     strokeLinejoin: "round",
-    children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("path", { d: "M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("path", { d: "M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z" })
   }
 );
 HeartIcon3.displayName = "HeartIcon";
 
 // src/components/icons/StarIcon.tsx
-var import_jsx_runtime27 = require("react/jsx-runtime");
-var StarIcon4 = ({ filled = true, className = "", size = 9 }) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+var import_jsx_runtime36 = require("react/jsx-runtime");
+var StarIcon4 = ({ filled = true, className = "", size = 9 }) => /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3004,22 +3879,22 @@ var StarIcon4 = ({ filled = true, className = "", size = 9 }) => /* @__PURE__ */
     fill: "none",
     className,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("g", { clipPath: "url(#clip0_star_icon)", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("g", { clipPath: "url(#clip0_star_icon)", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
         "path",
         {
           d: "M4.80018 0.366577C4.93104 0.366577 5.05173 0.440968 5.11135 0.557659L6.18011 2.66102L8.50521 3.03152C8.63462 3.05194 8.74222 3.14383 8.78294 3.26927C8.82365 3.39472 8.79021 3.53183 8.6986 3.62518L7.03366 5.29533L7.40155 7.6277C7.42191 7.75752 7.3681 7.88879 7.26195 7.9661C7.15581 8.04341 7.01476 8.05508 6.89843 7.99528L4.80018 6.92463L2.70192 7.99528C2.58559 8.05508 2.44454 8.04341 2.33839 7.9661C2.23225 7.88879 2.17844 7.75898 2.1988 7.6277L2.56523 5.29533L0.901751 3.62518C0.808689 3.53183 0.776699 3.39472 0.817413 3.26927C0.858128 3.14383 0.964277 3.05194 1.09515 3.03152L3.42024 2.66102L4.49045 0.557659C4.55007 0.440968 4.67076 0.366577 4.80163 0.366577H4.80018Z",
           fill: filled ? "#1F2937" : "#D1D5DB"
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("clipPath", { id: "clip0_star_icon", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("rect", { width: "8", height: "8", fill: "white", transform: "translate(0.800049 0.199951)" }) }) })
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("clipPath", { id: "clip0_star_icon", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("rect", { width: "8", height: "8", fill: "white", transform: "translate(0.800049 0.199951)" }) }) })
     ]
   }
 );
 StarIcon4.displayName = "StarIcon";
 
 // src/components/icons/ChevronLeftIcon.tsx
-var import_jsx_runtime28 = require("react/jsx-runtime");
-var ChevronLeftIcon = ({ className = "", size = 20 }) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+var import_jsx_runtime37 = require("react/jsx-runtime");
+var ChevronLeftIcon = ({ className = "", size = 20 }) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3032,14 +3907,14 @@ var ChevronLeftIcon = ({ className = "", size = 20 }) => /* @__PURE__ */ (0, imp
     strokeLinecap: "round",
     strokeLinejoin: "round",
     className,
-    children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("polyline", { points: "15 18 9 12 15 6" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("polyline", { points: "15 18 9 12 15 6" })
   }
 );
 ChevronLeftIcon.displayName = "ChevronLeftIcon";
 
 // src/components/icons/ChevronRightIcon.tsx
-var import_jsx_runtime29 = require("react/jsx-runtime");
-var ChevronRightIcon2 = ({ className = "", size = 20 }) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+var import_jsx_runtime38 = require("react/jsx-runtime");
+var ChevronRightIcon2 = ({ className = "", size = 20 }) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3052,14 +3927,14 @@ var ChevronRightIcon2 = ({ className = "", size = 20 }) => /* @__PURE__ */ (0, i
     strokeLinecap: "round",
     strokeLinejoin: "round",
     className,
-    children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("polyline", { points: "9 18 15 12 9 6" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("polyline", { points: "9 18 15 12 9 6" })
   }
 );
 ChevronRightIcon2.displayName = "ChevronRightIcon";
 
 // src/components/icons/PinIcon.tsx
-var import_jsx_runtime30 = require("react/jsx-runtime");
-var PinIcon2 = ({ className = "", size = 16 }) => /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+var import_jsx_runtime39 = require("react/jsx-runtime");
+var PinIcon2 = ({ className = "", size = 16 }) => /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3069,7 +3944,7 @@ var PinIcon2 = ({ className = "", size = 16 }) => /* @__PURE__ */ (0, import_jsx
     fill: "none",
     className,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
         "path",
         {
           fillRule: "evenodd",
@@ -3078,7 +3953,7 @@ var PinIcon2 = ({ className = "", size = 16 }) => /* @__PURE__ */ (0, import_jsx
           fill: "currentColor"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
         "path",
         {
           fillRule: "evenodd",
@@ -3127,31 +4002,45 @@ var calculateDiscount = (originalPrice, discountedPrice) => {
   Benefits,
   Block,
   Button,
+  CATEGORY_OPTIONS,
   Card,
   Checkbox,
+  CheckboxFilter,
   ChevronLeftIcon,
   ChevronRightIcon,
   Chip,
+  CollapsibleFilterSection,
   DateSelector,
   Divider,
   Dropdown,
   DualCalendar,
+  ExperienceFilter,
   FAQ,
+  FilterCheckboxItem,
   GuestContent,
   HeartIcon,
   HotelCard,
   HotelCardContent,
   HotelCardImage,
   HotelCardUIProvider,
+  HotelCategoryFilter,
   Input,
+  MealsFilter,
   Modal,
   Pin,
   PinIcon,
+  PriceRangeFilter,
+  REVIEW_OPTIONS,
   RadioButton,
   Rating,
+  RegionsFilter,
   ReviewCard,
+  ReviewsFilter,
   SectionHeader,
+  SelectedFiltersRow,
   StarIcon,
+  TransportFilter,
+  WellnessFilter,
   WhenContent,
   calculateDiscount,
   formatDate,