@hotelcard/ui 0.0.9 → 0.0.12

package/dist/index.js

@@ -1,6 +1,28 @@
+// src/context/UIContext.tsx
+import { createContext, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+var defaultValue = {
+  locale: "de",
+  currency: "CHF",
+  isDesktop: false
+};
+var UIContext = createContext(defaultValue);
+var HotelCardUIProvider = ({
+  locale = "de",
+  currency = "CHF",
+  isDesktop = false,
+  children
+}) => {
+  const value = { locale, currency, isDesktop };
+  return /* @__PURE__ */ jsx(UIContext.Provider, { value, children });
+};
+var useUIContext = () => {
+  return useContext(UIContext);
+};
+
 // src/components/Button/Button.tsx
 import { forwardRef } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx as jsx2, jsxs } from "react/jsx-runtime";
 var cx = (className) => `hc-btn-${className}`;
 var Button = forwardRef(({
   variant = "primary",
@@ -32,7 +54,7 @@ var Button = forwardRef(({
     classes.push(cx(variant));
     return classes.join(" ");
   };
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx2(
     "button",
     {
       ref,
@@ -41,9 +63,9 @@ var Button = forwardRef(({
       disabled,
       ...props,
       children: iconOnly ? children : /* @__PURE__ */ jsxs(Fragment, { children: [
-        leftIcon && /* @__PURE__ */ jsx("span", { className: cx("icon-wrapper"), children: leftIcon }),
-        /* @__PURE__ */ jsx("span", { className: cx("text-wrapper"), children }),
-        rightIcon && /* @__PURE__ */ jsx("span", { className: cx("icon-wrapper"), children: rightIcon })
+        leftIcon && /* @__PURE__ */ jsx2("span", { className: cx("icon-wrapper"), children: leftIcon }),
+        /* @__PURE__ */ jsx2("span", { className: cx("text-wrapper"), children }),
+        rightIcon && /* @__PURE__ */ jsx2("span", { className: cx("icon-wrapper"), children: rightIcon })
       ] })
     }
   );
@@ -51,7 +73,7 @@ var Button = forwardRef(({
 Button.displayName = "Button";
 
 // src/components/Badge/Badge.tsx
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 var cx2 = (className) => `hc-badge-${className}`;
 var Badge = ({
   color = "primary",
@@ -77,22 +99,22 @@ var Badge = ({
     size === "large" && icon ? cx2("text--largeWithIcon") : ""
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsxs2("div", { className: badgeClasses, children: [
-    icon && /* @__PURE__ */ jsx2("div", { className: iconClasses }),
-    /* @__PURE__ */ jsx2("div", { className: textClasses, children })
+    icon && /* @__PURE__ */ jsx3("div", { className: iconClasses }),
+    /* @__PURE__ */ jsx3("div", { className: textClasses, children })
   ] });
 };
 Badge.displayName = "Badge";
 
 // src/components/Rating/Rating.tsx
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 var cx3 = (className) => `hc-rating-${className}`;
 var StarIcon = () => /* @__PURE__ */ jsxs3("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: [
-  /* @__PURE__ */ jsx3("g", { clipPath: "url(#clip0_full)", children: /* @__PURE__ */ jsx3("path", { d: "M12.0004 0.5C12.393 0.5 12.7551 0.723172 12.9339 1.07325L16.1402 7.38333L23.1155 8.49482C23.5037 8.55608 23.8265 8.83176 23.9487 9.20809C24.0708 9.58442 23.9705 9.99576 23.6957 10.2758L18.7008 15.2863L19.8045 22.2834C19.8656 22.6728 19.7042 23.0667 19.3857 23.2986C19.0673 23.5305 18.6441 23.5655 18.2951 23.3861L12.0004 20.1742L5.70561 23.3861C5.35663 23.5655 4.93349 23.5305 4.61504 23.2986C4.29659 23.0667 4.13519 22.6772 4.19626 22.2834L5.29555 15.2863L0.305106 10.2758C0.0259198 9.99576 -0.0700504 9.58442 0.0520935 9.20809C0.174237 8.83176 0.492684 8.55608 0.885289 8.49482L7.86058 7.38333L11.0712 1.07325C11.2501 0.723172 11.6121 0.5 12.0047 0.5H12.0004Z", fill: "#FBB041" }) }),
-  /* @__PURE__ */ jsx3("defs", { children: /* @__PURE__ */ jsx3("clipPath", { id: "clip0_full", children: /* @__PURE__ */ jsx3("rect", { width: "24", height: "24", fill: "white" }) }) })
+  /* @__PURE__ */ jsx4("g", { clipPath: "url(#clip0_full)", children: /* @__PURE__ */ jsx4("path", { d: "M12.0004 0.5C12.393 0.5 12.7551 0.723172 12.9339 1.07325L16.1402 7.38333L23.1155 8.49482C23.5037 8.55608 23.8265 8.83176 23.9487 9.20809C24.0708 9.58442 23.9705 9.99576 23.6957 10.2758L18.7008 15.2863L19.8045 22.2834C19.8656 22.6728 19.7042 23.0667 19.3857 23.2986C19.0673 23.5305 18.6441 23.5655 18.2951 23.3861L12.0004 20.1742L5.70561 23.3861C5.35663 23.5655 4.93349 23.5305 4.61504 23.2986C4.29659 23.0667 4.13519 22.6772 4.19626 22.2834L5.29555 15.2863L0.305106 10.2758C0.0259198 9.99576 -0.0700504 9.58442 0.0520935 9.20809C0.174237 8.83176 0.492684 8.55608 0.885289 8.49482L7.86058 7.38333L11.0712 1.07325C11.2501 0.723172 11.6121 0.5 12.0047 0.5H12.0004Z", fill: "#FBB041" }) }),
+  /* @__PURE__ */ jsx4("defs", { children: /* @__PURE__ */ jsx4("clipPath", { id: "clip0_full", children: /* @__PURE__ */ jsx4("rect", { width: "24", height: "24", fill: "white" }) }) })
 ] });
 var HalfStarIcon = () => /* @__PURE__ */ jsxs3("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: [
-  /* @__PURE__ */ jsx3("defs", { children: /* @__PURE__ */ jsx3("clipPath", { id: "half", children: /* @__PURE__ */ jsx3("rect", { x: "0", y: "0", width: "12", height: "24" }) }) }),
-  /* @__PURE__ */ jsx3(
+  /* @__PURE__ */ jsx4("defs", { children: /* @__PURE__ */ jsx4("clipPath", { id: "half", children: /* @__PURE__ */ jsx4("rect", { x: "0", y: "0", width: "12", height: "24" }) }) }),
+  /* @__PURE__ */ jsx4(
     "path",
     {
       clipPath: "url(#half)",
@@ -100,7 +122,7 @@ var HalfStarIcon = () => /* @__PURE__ */ jsxs3("svg", { xmlns: "http://www.w3.or
       fill: "#FBB041"
     }
   ),
-  /* @__PURE__ */ jsx3(
+  /* @__PURE__ */ jsx4(
     "path",
     {
       d: "M12.0004 0.5C12.393 0.5 12.7551 0.723172 12.9339 1.07325L16.1402 7.38333L23.1155 8.49482C23.5037 8.55608 23.8265 8.83176 23.9487 9.20809C24.0708 9.58442 23.9705 9.99576 23.6957 10.2758L18.7008 15.2863L19.8045 22.2834C19.8656 22.6728 19.7042 23.0667 19.3857 23.2986C19.0673 23.5305 18.6441 23.5655 18.2951 23.3861L12.0004 20.1742L5.70561 23.3861C5.35663 23.5655 4.93349 23.5305 4.61504 23.2986C4.29659 23.0667 4.13519 22.6772 4.19626 22.2834L5.29555 15.2863L0.305106 10.2758C0.0259198 9.99576 -0.0700504 9.58442 0.0520935 9.20809C0.174237 8.83176 0.492684 8.55608 0.885289 8.49482L7.86058 7.38333L11.0712 1.07325C11.2501 0.723172 11.6121 0.5 12.0047 0.5H12.0004ZM12.0004 3.86071L9.47898 8.81426C9.3263 9.11182 9.04275 9.32187 8.71122 9.37438L3.23656 10.2496L7.15389 14.1835C7.38945 14.4198 7.49851 14.7568 7.44616 15.0893L6.58243 20.5811L11.5249 18.0606C11.8215 17.9074 12.1749 17.9074 12.4759 18.0606L17.4183 20.5811L16.5546 15.0893C16.5023 14.7568 16.6113 14.4198 16.8469 14.1835L20.7642 10.2496L15.2895 9.37438C14.958 9.32187 14.6745 9.11182 14.5218 8.81426L12.0004 3.86071Z",
@@ -109,8 +131,8 @@ var HalfStarIcon = () => /* @__PURE__ */ jsxs3("svg", { xmlns: "http://www.w3.or
   )
 ] });
 var EmptyStarIcon = () => /* @__PURE__ */ jsxs3("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: [
-  /* @__PURE__ */ jsx3("g", { clipPath: "url(#clip0_empty)", children: /* @__PURE__ */ jsx3("path", { d: "M12.0004 0.5C12.393 0.5 12.7551 0.723172 12.9339 1.07325L16.1402 7.38333L23.1155 8.49482C23.5037 8.55608 23.8265 8.83176 23.9487 9.20809C24.0708 9.58442 23.9705 9.99576 23.6957 10.2758L18.7008 15.2863L19.8045 22.2834C19.8656 22.6728 19.7042 23.0667 19.3857 23.2986C19.0673 23.5305 18.6441 23.5655 18.2951 23.3861L12.0004 20.1742L5.70561 23.3861C5.35663 23.5655 4.93349 23.5305 4.61504 23.2986C4.29659 23.0667 4.13519 22.6772 4.19626 22.2834L5.29555 15.2863L0.305106 10.2758C0.0259198 9.99576 -0.0700504 9.58442 0.0520935 9.20809C0.174237 8.83176 0.492684 8.55608 0.885289 8.49482L7.86058 7.38333L11.0712 1.07325C11.2501 0.723172 11.6121 0.5 12.0047 0.5H12.0004ZM12.0004 3.86071L9.47898 8.81426C9.3263 9.11182 9.04275 9.32187 8.71122 9.37438L3.23656 10.2496L7.15389 14.1835C7.38945 14.4198 7.49851 14.7568 7.44616 15.0893L6.58243 20.5811L11.5249 18.0606C11.8215 17.9074 12.1749 17.9074 12.4759 18.0606L17.4183 20.5811L16.5546 15.0893C16.5023 14.7568 16.6113 14.4198 16.8469 14.1835L20.7642 10.2496L15.2895 9.37438C14.958 9.32187 14.6745 9.11182 14.5218 8.81426L12.0004 3.86071Z", fill: "#9A5A00" }) }),
-  /* @__PURE__ */ jsx3("defs", { children: /* @__PURE__ */ jsx3("clipPath", { id: "clip0_empty", children: /* @__PURE__ */ jsx3("rect", { width: "24", height: "24", fill: "white" }) }) })
+  /* @__PURE__ */ jsx4("g", { clipPath: "url(#clip0_empty)", children: /* @__PURE__ */ jsx4("path", { d: "M12.0004 0.5C12.393 0.5 12.7551 0.723172 12.9339 1.07325L16.1402 7.38333L23.1155 8.49482C23.5037 8.55608 23.8265 8.83176 23.9487 9.20809C24.0708 9.58442 23.9705 9.99576 23.6957 10.2758L18.7008 15.2863L19.8045 22.2834C19.8656 22.6728 19.7042 23.0667 19.3857 23.2986C19.0673 23.5305 18.6441 23.5655 18.2951 23.3861L12.0004 20.1742L5.70561 23.3861C5.35663 23.5655 4.93349 23.5305 4.61504 23.2986C4.29659 23.0667 4.13519 22.6772 4.19626 22.2834L5.29555 15.2863L0.305106 10.2758C0.0259198 9.99576 -0.0700504 9.58442 0.0520935 9.20809C0.174237 8.83176 0.492684 8.55608 0.885289 8.49482L7.86058 7.38333L11.0712 1.07325C11.2501 0.723172 11.6121 0.5 12.0047 0.5H12.0004ZM12.0004 3.86071L9.47898 8.81426C9.3263 9.11182 9.04275 9.32187 8.71122 9.37438L3.23656 10.2496L7.15389 14.1835C7.38945 14.4198 7.49851 14.7568 7.44616 15.0893L6.58243 20.5811L11.5249 18.0606C11.8215 17.9074 12.1749 17.9074 12.4759 18.0606L17.4183 20.5811L16.5546 15.0893C16.5023 14.7568 16.6113 14.4198 16.8469 14.1835L20.7642 10.2496L15.2895 9.37438C14.958 9.32187 14.6745 9.11182 14.5218 8.81426L12.0004 3.86071Z", fill: "#9A5A00" }) }),
+  /* @__PURE__ */ jsx4("defs", { children: /* @__PURE__ */ jsx4("clipPath", { id: "clip0_empty", children: /* @__PURE__ */ jsx4("rect", { width: "24", height: "24", fill: "white" }) }) })
 ] });
 var Rating = ({
   variant = "stars",
@@ -135,17 +157,17 @@ var Rating = ({
     const stars = [];
     for (let i = 0; i < fullStars; i++) {
       stars.push(
-        /* @__PURE__ */ jsx3("span", { className: starClasses, children: /* @__PURE__ */ jsx3(StarIcon, {}) }, `full-${i}`)
+        /* @__PURE__ */ jsx4("span", { className: starClasses, children: /* @__PURE__ */ jsx4(StarIcon, {}) }, `full-${i}`)
       );
     }
     if (hasHalfStar) {
       stars.push(
-        /* @__PURE__ */ jsx3("span", { className: starClasses, children: /* @__PURE__ */ jsx3(HalfStarIcon, {}) }, "half")
+        /* @__PURE__ */ jsx4("span", { className: starClasses, children: /* @__PURE__ */ jsx4(HalfStarIcon, {}) }, "half")
       );
     }
     for (let i = 0; i < emptyStars; i++) {
       stars.push(
-        /* @__PURE__ */ jsx3("span", { className: starClasses, children: /* @__PURE__ */ jsx3(EmptyStarIcon, {}) }, `empty-${i}`)
+        /* @__PURE__ */ jsx4("span", { className: starClasses, children: /* @__PURE__ */ jsx4(EmptyStarIcon, {}) }, `empty-${i}`)
       );
     }
     return stars;
@@ -153,33 +175,33 @@ var Rating = ({
   if (variant === "stars") {
     const containerClasses2 = [cx3("starsContainer"), className].filter(Boolean).join(" ");
     return /* @__PURE__ */ jsxs3("div", { className: containerClasses2, children: [
-      /* @__PURE__ */ jsx3("div", { className: cx3("starContainer"), children: renderStars() }),
-      showValue && /* @__PURE__ */ jsx3("span", { className: cx3("valueDisplay"), children: clampedValue.toLocaleString("de-CH") })
+      /* @__PURE__ */ jsx4("div", { className: cx3("starContainer"), children: renderStars() }),
+      showValue && /* @__PURE__ */ jsx4("span", { className: cx3("valueDisplay"), children: clampedValue.toLocaleString("de-CH") })
     ] });
   }
   if (variant === "result") {
     const containerClasses2 = [cx3("resultContainer"), className].filter(Boolean).join(" ");
     return /* @__PURE__ */ jsxs3("div", { className: containerClasses2, children: [
-      /* @__PURE__ */ jsx3("span", { className: cx3("resultChar"), children: "N" }),
-      /* @__PURE__ */ jsx3("div", { children: renderStars() })
+      /* @__PURE__ */ jsx4("span", { className: cx3("resultChar"), children: "N" }),
+      /* @__PURE__ */ jsx4("div", { children: renderStars() })
     ] });
   }
   const containerClasses = [cx3("blockContainer"), className].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsxs3("div", { className: containerClasses, children: [
     /* @__PURE__ */ jsxs3("div", { className: cx3("blockHeader"), children: [
       /* @__PURE__ */ jsxs3("div", { className: cx3("blockHeaderLeft"), children: [
-        name && /* @__PURE__ */ jsx3("span", { className: cx3("blockName"), children: name }),
-        /* @__PURE__ */ jsx3("div", { children: renderStars() })
+        name && /* @__PURE__ */ jsx4("span", { className: cx3("blockName"), children: name }),
+        /* @__PURE__ */ jsx4("div", { children: renderStars() })
       ] }),
-      date && /* @__PURE__ */ jsx3("span", { className: cx3("blockDate"), children: date })
+      date && /* @__PURE__ */ jsx4("span", { className: cx3("blockDate"), children: date })
     ] }),
-    quote && /* @__PURE__ */ jsx3("p", { className: cx3("blockQuote"), children: quote })
+    quote && /* @__PURE__ */ jsx4("p", { className: cx3("blockQuote"), children: quote })
   ] });
 };
 Rating.displayName = "Rating";
 
 // src/components/Divider/Divider.tsx
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 var cx4 = (className) => `hc-divider-${className}`;
 var Divider = ({
   label,
@@ -189,7 +211,7 @@ var Divider = ({
   const isHorizontal = orientation === "horizontal";
   if (!label) {
     const lineClass2 = isHorizontal ? cx4("lineStandalone--horizontal") : cx4("lineStandalone--vertical");
-    return /* @__PURE__ */ jsx4(
+    return /* @__PURE__ */ jsx5(
       "div",
       {
         className: [lineClass2, className].filter(Boolean).join(" "),
@@ -213,9 +235,9 @@ var Divider = ({
       "aria-orientation": orientation,
       "aria-label": typeof label === "string" ? label : void 0,
       children: [
-        /* @__PURE__ */ jsx4("div", { className: lineClass }),
-        /* @__PURE__ */ jsx4("span", { className: cx4("label"), children: label }),
-        /* @__PURE__ */ jsx4("div", { className: lineClass })
+        /* @__PURE__ */ jsx5("div", { className: lineClass }),
+        /* @__PURE__ */ jsx5("span", { className: cx4("label"), children: label }),
+        /* @__PURE__ */ jsx5("div", { className: lineClass })
       ]
     }
   );
@@ -223,11 +245,11 @@ var Divider = ({
 Divider.displayName = "Divider";
 
 // src/components/Chip/Chip.tsx
-import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
 var cx5 = (className) => `hc-chip-${className}`;
 var CloseIcon = () => /* @__PURE__ */ jsxs5("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: [
-  /* @__PURE__ */ jsx5("g", { clipPath: "url(#clip0_chip_close)", children: /* @__PURE__ */ jsx5("path", { d: "M12 2.25C14.5859 2.25 17.0658 3.27723 18.8943 5.10571C20.7228 6.93419 21.75 9.41414 21.75 12C21.75 14.5859 20.7228 17.0658 18.8943 18.8943C17.0658 20.7228 14.5859 21.75 12 21.75C9.41414 21.75 6.93419 20.7228 5.10571 18.8943C3.27723 17.0658 2.25 14.5859 2.25 12C2.25 9.41414 3.27723 6.93419 5.10571 5.10571C6.93419 3.27723 9.41414 2.25 12 2.25ZM12 24C15.1826 24 18.2348 22.7357 20.4853 20.4853C22.7357 18.2348 24 15.1826 24 12C24 8.8174 22.7357 5.76516 20.4853 3.51472C18.2348 1.26428 15.1826 0 12 0C8.8174 0 5.76516 1.26428 3.51472 3.51472C1.26428 5.76516 0 8.8174 0 12C0 15.1826 1.26428 18.2348 3.51472 20.4853C5.76516 22.7357 8.8174 24 12 24ZM7.82812 7.82812C7.3875 8.26875 7.3875 8.98125 7.82812 9.41719L10.4062 11.9953L7.82812 14.5734C7.3875 15.0141 7.3875 15.7266 7.82812 16.1625C8.26875 16.5984 8.98125 16.6031 9.41719 16.1625L11.9953 13.5844L14.5734 16.1625C15.0141 16.6031 15.7266 16.6031 16.1625 16.1625C16.5984 15.7219 16.6031 15.0094 16.1625 14.5734L13.5844 11.9953L16.1625 9.41719C16.6031 8.97656 16.6031 8.26406 16.1625 7.82812C15.7219 7.39219 15.0094 7.3875 14.5734 7.82812L11.9953 10.4062L9.41719 7.82812C8.97656 7.3875 8.26406 7.3875 7.82812 7.82812Z", fill: "currentColor" }) }),
-  /* @__PURE__ */ jsx5("defs", { children: /* @__PURE__ */ jsx5("clipPath", { id: "clip0_chip_close", children: /* @__PURE__ */ jsx5("rect", { width: "24", height: "24", fill: "white" }) }) })
+  /* @__PURE__ */ jsx6("g", { clipPath: "url(#clip0_chip_close)", children: /* @__PURE__ */ jsx6("path", { d: "M12 2.25C14.5859 2.25 17.0658 3.27723 18.8943 5.10571C20.7228 6.93419 21.75 9.41414 21.75 12C21.75 14.5859 20.7228 17.0658 18.8943 18.8943C17.0658 20.7228 14.5859 21.75 12 21.75C9.41414 21.75 6.93419 20.7228 5.10571 18.8943C3.27723 17.0658 2.25 14.5859 2.25 12C2.25 9.41414 3.27723 6.93419 5.10571 5.10571C6.93419 3.27723 9.41414 2.25 12 2.25ZM12 24C15.1826 24 18.2348 22.7357 20.4853 20.4853C22.7357 18.2348 24 15.1826 24 12C24 8.8174 22.7357 5.76516 20.4853 3.51472C18.2348 1.26428 15.1826 0 12 0C8.8174 0 5.76516 1.26428 3.51472 3.51472C1.26428 5.76516 0 8.8174 0 12C0 15.1826 1.26428 18.2348 3.51472 20.4853C5.76516 22.7357 8.8174 24 12 24ZM7.82812 7.82812C7.3875 8.26875 7.3875 8.98125 7.82812 9.41719L10.4062 11.9953L7.82812 14.5734C7.3875 15.0141 7.3875 15.7266 7.82812 16.1625C8.26875 16.5984 8.98125 16.6031 9.41719 16.1625L11.9953 13.5844L14.5734 16.1625C15.0141 16.6031 15.7266 16.6031 16.1625 16.1625C16.5984 15.7219 16.6031 15.0094 16.1625 14.5734L13.5844 11.9953L16.1625 9.41719C16.6031 8.97656 16.6031 8.26406 16.1625 7.82812C15.7219 7.39219 15.0094 7.3875 14.5734 7.82812L11.9953 10.4062L9.41719 7.82812C8.97656 7.3875 8.26406 7.3875 7.82812 7.82812Z", fill: "currentColor" }) }),
+  /* @__PURE__ */ jsx6("defs", { children: /* @__PURE__ */ jsx6("clipPath", { id: "clip0_chip_close", children: /* @__PURE__ */ jsx6("rect", { width: "24", height: "24", fill: "white" }) }) })
 ] });
 var Chip = ({
   label,
@@ -278,9 +300,9 @@ var Chip = ({
       disabled,
       "aria-label": removable ? `Remove filter: ${label}` : label,
       children: [
-        /* @__PURE__ */ jsx5("span", { className: labelClasses, children: label }),
-        count !== void 0 && /* @__PURE__ */ jsx5("span", { className: countBadgeClasses, children: count }),
-        removable && /* @__PURE__ */ jsx5("span", { className: cx5("closeIcon"), "aria-hidden": "true", children: /* @__PURE__ */ jsx5(CloseIcon, {}) })
+        /* @__PURE__ */ jsx6("span", { className: labelClasses, children: label }),
+        count !== void 0 && /* @__PURE__ */ jsx6("span", { className: countBadgeClasses, children: count }),
+        removable && /* @__PURE__ */ jsx6("span", { className: cx5("closeIcon"), "aria-hidden": "true", children: /* @__PURE__ */ jsx6(CloseIcon, {}) })
       ]
     }
   );
@@ -289,7 +311,7 @@ Chip.displayName = "Chip";
 
 // src/components/Checkbox/Checkbox.tsx
 import { useState } from "react";
-import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
 var cx6 = (className) => `hc-checkbox-${className}`;
 var Checkbox = ({
   label,
@@ -346,8 +368,8 @@ var Checkbox = ({
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsxs6("label", { className: containerClasses, children: [
     /* @__PURE__ */ jsxs6("div", { className: wrapperClasses, children: [
-      /* @__PURE__ */ jsx6("div", { className: boxClasses }),
-      /* @__PURE__ */ jsx6(
+      /* @__PURE__ */ jsx7("div", { className: boxClasses }),
+      /* @__PURE__ */ jsx7(
         "input",
         {
           type: "checkbox",
@@ -362,14 +384,14 @@ var Checkbox = ({
           "aria-invalid": error
         }
       ),
-      /* @__PURE__ */ jsx6(
+      /* @__PURE__ */ jsx7(
         "svg",
         {
           className: checkmarkClasses,
           viewBox: "0 0 12 12",
           fill: "none",
           xmlns: "http://www.w3.org/2000/svg",
-          children: /* @__PURE__ */ jsx6(
+          children: /* @__PURE__ */ jsx7(
             "path",
             {
               d: "M2.5 6L5 8.5L9.5 3.5",
@@ -382,13 +404,13 @@ var Checkbox = ({
         }
       )
     ] }),
-    label && /* @__PURE__ */ jsx6("span", { className: labelClasses, children: label })
+    label && /* @__PURE__ */ jsx7("span", { className: labelClasses, children: label })
   ] });
 };
 Checkbox.displayName = "Checkbox";
 
 // src/components/RadioButton/RadioButton.tsx
-import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
 var cx7 = (className) => `hc-radio-${className}`;
 var RadioButton = ({
   id,
@@ -440,7 +462,7 @@ var RadioButton = ({
       "aria-disabled": disabled,
       children: [
         /* @__PURE__ */ jsxs7("div", { className: cx7("wrapper"), children: [
-          /* @__PURE__ */ jsx7(
+          /* @__PURE__ */ jsx8(
             "input",
             {
               id,
@@ -455,10 +477,10 @@ var RadioButton = ({
               className: cx7("hiddenInput")
             }
           ),
-          /* @__PURE__ */ jsx7("div", { className: outerCircleClasses }),
-          /* @__PURE__ */ jsx7("div", { className: innerDotClasses })
+          /* @__PURE__ */ jsx8("div", { className: outerCircleClasses }),
+          /* @__PURE__ */ jsx8("div", { className: innerDotClasses })
         ] }),
-        label && /* @__PURE__ */ jsx7("label", { htmlFor: id, className: cx7("label"), children: label })
+        label && /* @__PURE__ */ jsx8("label", { htmlFor: id, className: cx7("label"), children: label })
       ]
     }
   );
@@ -466,9 +488,9 @@ var RadioButton = ({
 RadioButton.displayName = "RadioButton";
 
 // src/components/SectionHeader/SectionHeader.tsx
-import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
 var cx8 = (className) => `hc-section-${className}`;
-var ChevronRightIcon = () => /* @__PURE__ */ jsx8(
+var ChevronRightIcon = () => /* @__PURE__ */ jsx9(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -480,7 +502,7 @@ var ChevronRightIcon = () => /* @__PURE__ */ jsx8(
     strokeWidth: "2",
     strokeLinecap: "round",
     strokeLinejoin: "round",
-    children: /* @__PURE__ */ jsx8("polyline", { points: "9 18 15 12 9 6" })
+    children: /* @__PURE__ */ jsx9("polyline", { points: "9 18 15 12 9 6" })
   }
 );
 var SectionHeader = ({
@@ -491,10 +513,10 @@ var SectionHeader = ({
 }) => {
   const headerClasses = [cx8("header"), className].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsxs8("div", { className: headerClasses, children: [
-    /* @__PURE__ */ jsx8("h2", { className: cx8("title"), children: title }),
+    /* @__PURE__ */ jsx9("h2", { className: cx8("title"), children: title }),
     showAllLabel && onShowAllClick && /* @__PURE__ */ jsxs8("button", { className: cx8("showAllButton"), onClick: onShowAllClick, children: [
-      /* @__PURE__ */ jsx8("span", { children: showAllLabel }),
-      /* @__PURE__ */ jsx8(ChevronRightIcon, {})
+      /* @__PURE__ */ jsx9("span", { children: showAllLabel }),
+      /* @__PURE__ */ jsx9(ChevronRightIcon, {})
     ] })
   ] });
 };
@@ -503,9 +525,9 @@ SectionHeader.displayName = "SectionHeader";
 // src/components/Modal/Modal.tsx
 import { useEffect, useRef } from "react";
 import { createPortal } from "react-dom";
-import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
 var cx9 = (className) => `hc-modal-${className}`;
-var CloseIcon2 = () => /* @__PURE__ */ jsx9("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", children: /* @__PURE__ */ jsx9(
+var CloseIcon2 = () => /* @__PURE__ */ jsx10("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", children: /* @__PURE__ */ jsx10(
   "path",
   {
     d: "M0.330469 1.91953C-0.110156 1.47891 -0.110156 0.766406 0.330469 0.330469C0.771094 -0.105469 1.48359 -0.110156 1.91953 0.330469L8.99766 7.40859L16.0758 0.330469C16.5164 -0.110156 17.2289 -0.110156 17.6648 0.330469C18.1008 0.771094 18.1055 1.48359 17.6648 1.91953L10.5867 8.99766L17.6648 16.0758C18.1055 16.5164 18.1055 17.2289 17.6648 17.6648C17.2242 18.1008 16.5117 18.1055 16.0758 17.6648L8.99766 10.5867L1.91953 17.6648C1.47891 18.1055 0.766406 18.1055 0.330469 17.6648C-0.105469 17.2242 -0.110156 16.5117 0.330469 16.0758L7.40859 8.99766L0.330469 1.91953Z",
@@ -544,20 +566,20 @@ var Modal = ({
   };
   if (!isOpen) return null;
   const modalClasses = [cx9("content"), className].filter(Boolean).join(" ");
-  const modalContent = /* @__PURE__ */ jsx9("div", { className: cx9("backdrop"), onClick: handleBackdropClick, children: /* @__PURE__ */ jsxs9(
+  const modalContent = /* @__PURE__ */ jsx10("div", { className: cx9("backdrop"), onClick: handleBackdropClick, children: /* @__PURE__ */ jsxs9(
     "div",
     {
       ref: modalRef,
       className: modalClasses,
       style: { maxWidth: width },
       children: [
-        showCloseButton && /* @__PURE__ */ jsx9(
+        showCloseButton && /* @__PURE__ */ jsx10(
           "button",
           {
             className: cx9("closeButton"),
             onClick: onClose,
             "aria-label": "Close modal",
-            children: /* @__PURE__ */ jsx9(CloseIcon2, {})
+            children: /* @__PURE__ */ jsx10(CloseIcon2, {})
           }
         ),
         children
@@ -572,19 +594,19 @@ var Modal = ({
 Modal.displayName = "Modal";
 
 // src/components/Card/Card.tsx
-import { Fragment as Fragment2, jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
 var cx10 = (className) => `hc-card-${className}`;
 var StarIcon2 = () => /* @__PURE__ */ jsxs10("svg", { xmlns: "http://www.w3.org/2000/svg", width: "9", height: "9", viewBox: "0 0 9 9", fill: "none", children: [
-  /* @__PURE__ */ jsx10("g", { clipPath: "url(#clip0_card_star)", children: /* @__PURE__ */ jsx10(
+  /* @__PURE__ */ jsx11("g", { clipPath: "url(#clip0_card_star)", children: /* @__PURE__ */ jsx11(
     "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__ */ jsx10("defs", { children: /* @__PURE__ */ jsx10("clipPath", { id: "clip0_card_star", children: /* @__PURE__ */ jsx10("rect", { width: "8", height: "8", fill: "white", transform: "translate(0.800049 0.199951)" }) }) })
+  /* @__PURE__ */ jsx11("defs", { children: /* @__PURE__ */ jsx11("clipPath", { id: "clip0_card_star", children: /* @__PURE__ */ jsx11("rect", { width: "8", height: "8", fill: "white", transform: "translate(0.800049 0.199951)" }) }) })
 ] });
-var CommentIcon = () => /* @__PURE__ */ jsx10("svg", { width: "24", height: "24", viewBox: "0 0 36 38", fill: "#478EFA", className: cx10("ratingSvg"), children: /* @__PURE__ */ jsx10("path", { d: "M4 0C1.79086 0 0 1.79086 0 4V32V38L9 32H32C34.2091 32 36 30.2091 36 28V0H4Z" }) });
+var CommentIcon = () => /* @__PURE__ */ jsx11("svg", { width: "24", height: "24", viewBox: "0 0 36 38", fill: "#478EFA", className: cx10("ratingSvg"), children: /* @__PURE__ */ jsx11("path", { d: "M4 0C1.79086 0 0 1.79086 0 4V32V38L9 32H32C34.2091 32 36 30.2091 36 28V0H4Z" }) });
 var PLACEHOLDER = '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 repeat = (n, renderFn) => Array.from({ length: n }, (_, i) => renderFn(i));
 var Card = ({
@@ -642,9 +664,9 @@ var Card = ({
   const renderRatingInfo = () => {
     if (!ratingInfo) return null;
     return /* @__PURE__ */ jsxs10("span", { className: cx10("ratingInfo"), children: [
-      /* @__PURE__ */ jsx10(CommentIcon, {}),
-      /* @__PURE__ */ jsx10("span", { className: cx10("ratingLabel"), children: ratingInfo.label }),
-      /* @__PURE__ */ jsx10("span", { className: cx10("ratingValue"), children: ratingInfo.value })
+      /* @__PURE__ */ jsx11(CommentIcon, {}),
+      /* @__PURE__ */ jsx11("span", { className: cx10("ratingLabel"), children: ratingInfo.label }),
+      /* @__PURE__ */ jsx11("span", { className: cx10("ratingValue"), children: ratingInfo.value })
     ] });
   };
   return /* @__PURE__ */ jsxs10(
@@ -657,7 +679,7 @@ var Card = ({
       tabIndex: onClick ? 0 : void 0,
       children: [
         /* @__PURE__ */ jsxs10("div", { className: cx10("imageContainer"), children: [
-          /* @__PURE__ */ jsx10(
+          /* @__PURE__ */ jsx11(
             "img",
             {
               src: displayImage,
@@ -666,8 +688,8 @@ var Card = ({
               loading: "lazy"
             }
           ),
-          /* @__PURE__ */ jsx10("div", { className: cx10("shadowOverlay") }),
-          badge && /* @__PURE__ */ jsx10("div", { className: cx10("badgeWrapper"), children: /* @__PURE__ */ jsx10(
+          /* @__PURE__ */ jsx11("div", { className: cx10("shadowOverlay") }),
+          badge && /* @__PURE__ */ jsx11("div", { className: cx10("badgeWrapper"), children: /* @__PURE__ */ jsx11(
             Badge,
             {
               color: badge.variant || "primary",
@@ -677,19 +699,19 @@ var Card = ({
           ) })
         ] }),
         /* @__PURE__ */ jsxs10("div", { className: cx10("textContainer"), children: [
-          /* @__PURE__ */ jsx10("div", { className: starsRowClasses, children: stars !== void 0 && stars > 0 ? /* @__PURE__ */ jsx10(Fragment2, { children: stars === 6 ? /* @__PURE__ */ jsx10("span", { className: cx10("swissLodge"), children: swissLodgeLabel }) : /* @__PURE__ */ jsx10(Fragment2, { children: isDesktop ? /* @__PURE__ */ jsxs10(Fragment2, { children: [
+          /* @__PURE__ */ jsx11("div", { className: starsRowClasses, children: stars !== void 0 && stars > 0 ? /* @__PURE__ */ jsx11(Fragment2, { children: stars === 6 ? /* @__PURE__ */ jsx11("span", { className: cx10("swissLodge"), children: swissLodgeLabel }) : /* @__PURE__ */ jsx11(Fragment2, { children: isDesktop ? /* @__PURE__ */ jsxs10(Fragment2, { children: [
             /* @__PURE__ */ jsxs10("div", { className: cx10("starsContainer"), children: [
-              repeat(Math.floor(stars), (i) => /* @__PURE__ */ jsx10(StarIcon2, {}, i)),
-              isSuperior && /* @__PURE__ */ jsx10("span", { className: cx10("superiorBadge"), children: "(s)" })
+              repeat(Math.floor(stars), (i) => /* @__PURE__ */ jsx11(StarIcon2, {}, i)),
+              isSuperior && /* @__PURE__ */ jsx11("span", { className: cx10("superiorBadge"), children: "(s)" })
             ] }),
-            /* @__PURE__ */ jsx10("div", { children: renderRatingInfo() })
+            /* @__PURE__ */ jsx11("div", { children: renderRatingInfo() })
           ] }) : /* @__PURE__ */ jsxs10(Fragment2, { children: [
-            /* @__PURE__ */ jsx10("div", { className: cx10("starsContainer"), children: repeat(Math.floor(stars), (i) => /* @__PURE__ */ jsx10(StarIcon2, {}, i)) }),
-            isSuperior && /* @__PURE__ */ jsx10("span", { className: cx10("superiorBadge"), children: "(s)" }),
+            /* @__PURE__ */ jsx11("div", { className: cx10("starsContainer"), children: repeat(Math.floor(stars), (i) => /* @__PURE__ */ jsx11(StarIcon2, {}, i)) }),
+            isSuperior && /* @__PURE__ */ jsx11("span", { className: cx10("superiorBadge"), children: "(s)" }),
             renderRatingInfo()
-          ] }) }) }) : /* @__PURE__ */ jsx10("div", { className: cx10("starsPlaceholder"), children: "\xA0" }) }),
-          label && /* @__PURE__ */ jsx10("div", { className: labelClasses, children: label }),
-          price && /* @__PURE__ */ jsx10("div", { className: priceClasses, children: price })
+          ] }) }) }) : /* @__PURE__ */ jsx11("div", { className: cx10("starsPlaceholder"), children: "\xA0" }) }),
+          label && /* @__PURE__ */ jsx11("div", { className: labelClasses, children: label }),
+          price && /* @__PURE__ */ jsx11("div", { className: priceClasses, children: price })
         ] })
       ]
     }
@@ -698,17 +720,17 @@ var Card = ({
 Card.displayName = "Card";
 
 // src/components/CompactCard/CompactCard.tsx
-import { Fragment as Fragment3, jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
+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__ */ jsx11("g", { clipPath: "url(#clip0_compact_star)", children: /* @__PURE__ */ jsx11(
+  /* @__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__ */ jsx11("defs", { children: /* @__PURE__ */ jsx11("clipPath", { id: "clip0_compact_star", children: /* @__PURE__ */ jsx11("rect", { width: "8", height: "8", fill: "white", transform: "translate(0.800049 0.199951)" }) }) })
+  /* @__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));
@@ -755,7 +777,7 @@ var CompactCard = ({
       tabIndex: onClick ? 0 : void 0,
       children: [
         /* @__PURE__ */ jsxs11("div", { className: cx11("imageContainer"), children: [
-          /* @__PURE__ */ jsx11(
+          /* @__PURE__ */ jsx12(
             "img",
             {
               src: displayImage,
@@ -764,8 +786,8 @@ var CompactCard = ({
               loading: "lazy"
             }
           ),
-          /* @__PURE__ */ jsx11("div", { className: cx11("shadowOverlay") }),
-          badge && /* @__PURE__ */ jsx11("div", { className: cx11("badgeWrapper"), children: /* @__PURE__ */ jsx11(
+          /* @__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")}`,
@@ -774,15 +796,15 @@ var CompactCard = ({
           ) })
         ] }),
         /* @__PURE__ */ jsxs11("div", { className: cx11("textContainer"), children: [
-          /* @__PURE__ */ jsx11("div", { className: cx11("starsRow"), children: stars !== void 0 && stars > 0 ? /* @__PURE__ */ jsx11(Fragment3, { children: stars === 6 ? /* @__PURE__ */ jsx11("span", { className: cx11("swissLodge"), children: swissLodgeLabel }) : /* @__PURE__ */ jsxs11(Fragment3, { children: [
-            /* @__PURE__ */ jsx11("div", { className: cx11("starsContainer"), children: repeat2(Math.floor(stars), (i) => /* @__PURE__ */ jsx11(StarIcon3, {}, i)) }),
-            isSuperior && /* @__PURE__ */ jsx11("span", { className: cx11("superiorBadge"), children: "(s)" })
+          /* @__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__ */ jsx11("div", { className: cx11("starsPlaceholder"), children: "\xA0" })
+            /* @__PURE__ */ jsx12("div", { className: cx11("starsPlaceholder"), children: "\xA0" })
           ) }),
-          label && /* @__PURE__ */ jsx11("div", { className: labelClasses, children: label }),
-          price && /* @__PURE__ */ jsx11("div", { className: priceClasses, children: price })
+          label && /* @__PURE__ */ jsx12("div", { className: labelClasses, children: label }),
+          price && /* @__PURE__ */ jsx12("div", { className: priceClasses, children: price })
         ] })
       ]
     }
@@ -792,9 +814,9 @@ CompactCard.displayName = "CompactCard";
 
 // src/components/Dropdown/Dropdown.tsx
 import { useState as useState2, useRef as useRef2, useEffect as useEffect2 } from "react";
-import { jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
 var cx12 = (className) => `hc-dropdown-${className}`;
-var ChevronIcon = () => /* @__PURE__ */ jsx12("svg", { width: "12", height: "8", viewBox: "0 0 12 8", fill: "none", children: /* @__PURE__ */ jsx12(
+var ChevronIcon = () => /* @__PURE__ */ jsx13("svg", { width: "12", height: "8", viewBox: "0 0 12 8", fill: "none", children: /* @__PURE__ */ jsx13(
   "path",
   {
     d: "M1 1L6 6L11 1",
@@ -808,7 +830,7 @@ var Dropdown = ({
   options = [],
   disabled = false,
   error = false,
-  defaultValue,
+  defaultValue: defaultValue2,
   value,
   onChange,
   className = "",
@@ -816,7 +838,7 @@ var Dropdown = ({
   id,
   placeholder = "Select..."
 }) => {
-  const [localValue, setLocalValue] = useState2(defaultValue || "");
+  const [localValue, setLocalValue] = useState2(defaultValue2 || "");
   const [isOpen, setIsOpen] = useState2(false);
   const [isFocused, setIsFocused] = useState2(false);
   const dropdownRef = useRef2(null);
@@ -882,12 +904,12 @@ var Dropdown = ({
         "aria-expanded": isOpen,
         "aria-disabled": disabled,
         children: [
-          /* @__PURE__ */ jsx12("span", { children: selectedLabel }),
-          /* @__PURE__ */ jsx12("span", { className: chevronClasses, children: /* @__PURE__ */ jsx12(ChevronIcon, {}) })
+          /* @__PURE__ */ jsx13("span", { children: selectedLabel }),
+          /* @__PURE__ */ jsx13("span", { className: chevronClasses, children: /* @__PURE__ */ jsx13(ChevronIcon, {}) })
         ]
       }
     ),
-    /* @__PURE__ */ jsx12("ul", { role: "listbox", className: listClasses, children: options.map((option) => /* @__PURE__ */ jsx12(
+    /* @__PURE__ */ jsx13("ul", { role: "listbox", className: listClasses, children: options.map((option) => /* @__PURE__ */ jsx13(
       "li",
       {
         role: "option",
@@ -908,8 +930,8 @@ var Dropdown = ({
         disabled,
         className: cx12("hiddenSelect"),
         children: [
-          !actualValue && /* @__PURE__ */ jsx12("option", { value: "", children: placeholder }),
-          options.map((opt) => /* @__PURE__ */ jsx12("option", { value: opt.value, children: opt.label }, opt.value))
+          !actualValue && /* @__PURE__ */ jsx13("option", { value: "", children: placeholder }),
+          options.map((opt) => /* @__PURE__ */ jsx13("option", { value: opt.value, children: opt.label }, opt.value))
         ]
       }
     )
@@ -919,14 +941,14 @@ Dropdown.displayName = "Dropdown";
 
 // src/components/Input/Input.tsx
 import { useState as useState3, useRef as useRef3 } from "react";
-import { jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs13 } from "react/jsx-runtime";
 var cx13 = (className) => `hc-input-${className}`;
 var Input = ({
   label,
   placeholder = "Placeholder",
   helper,
   value,
-  defaultValue = "",
+  defaultValue: defaultValue2 = "",
   onChange,
   onFocus,
   onBlur,
@@ -947,7 +969,7 @@ var Input = ({
   readOnly = false,
   inputProps
 }) => {
-  const [localValue, setLocalValue] = useState3(defaultValue);
+  const [localValue, setLocalValue] = useState3(defaultValue2);
   const [isFocused, setIsFocused] = useState3(false);
   const inputRef = useRef3(null);
   const actualValue = value !== void 0 ? value : localValue;
@@ -989,16 +1011,16 @@ var Input = ({
     (disabled || readOnly) && cx13("helper--disabled")
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsxs13("div", { className: containerClasses, children: [
-    label && /* @__PURE__ */ jsx13("label", { htmlFor: id, className: labelClasses, children: label }),
+    label && /* @__PURE__ */ jsx14("label", { htmlFor: id, className: labelClasses, children: label }),
     /* @__PURE__ */ jsxs13(
       "div",
       {
         className: wrapperClasses,
         onClick: () => !disabled && !readOnly && inputRef.current?.focus(),
         children: [
-          leftIcon && /* @__PURE__ */ jsx13("div", { className: cx13("icon"), children: leftIcon }),
-          prefix && /* @__PURE__ */ jsx13("div", { className: cx13("prefix"), children: prefix }),
-          /* @__PURE__ */ jsx13(
+          leftIcon && /* @__PURE__ */ jsx14("div", { className: cx13("icon"), children: leftIcon }),
+          prefix && /* @__PURE__ */ jsx14("div", { className: cx13("prefix"), children: prefix }),
+          /* @__PURE__ */ jsx14(
             "input",
             {
               ref: inputRef,
@@ -1023,13 +1045,13 @@ var Input = ({
         ]
       }
     ),
-    helper && /* @__PURE__ */ jsx13("div", { className: helperClasses, children: helper })
+    helper && /* @__PURE__ */ jsx14("div", { className: helperClasses, children: helper })
   ] });
 };
 Input.displayName = "Input";
 
 // src/components/Block/Block.tsx
-import { jsx as jsx14, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs14 } from "react/jsx-runtime";
 var cx14 = (className) => `hc-block-${className}`;
 var Block = ({
   variant = "icon",
@@ -1056,10 +1078,10 @@ var Block = ({
         role: onClick ? "button" : void 0,
         tabIndex: onClick ? 0 : void 0,
         children: [
-          /* @__PURE__ */ jsx14("div", { className: iconContainerClass, children: visual }),
+          /* @__PURE__ */ jsx15("div", { className: iconContainerClass, children: visual }),
           /* @__PURE__ */ jsxs14("div", { className: cx14("text-container"), children: [
-            /* @__PURE__ */ jsx14("div", { className: cx14("icon-label"), children: label }),
-            description && /* @__PURE__ */ jsx14("div", { className: cx14("icon-description"), children: description })
+            /* @__PURE__ */ jsx15("div", { className: cx14("icon-label"), children: label }),
+            description && /* @__PURE__ */ jsx15("div", { className: cx14("icon-description"), children: description })
           ] })
         ]
       }
@@ -1078,10 +1100,10 @@ var Block = ({
       role: onClick ? "button" : void 0,
       tabIndex: onClick ? 0 : void 0,
       children: [
-        /* @__PURE__ */ jsx14("div", { className: cx14("image-container"), children: visual }),
+        /* @__PURE__ */ jsx15("div", { className: cx14("image-container"), children: visual }),
         /* @__PURE__ */ jsxs14("div", { className: cx14("footer"), children: [
-          /* @__PURE__ */ jsx14("span", { className: cx14("image-label"), children: label }),
-          showArrow && /* @__PURE__ */ jsx14("span", { className: cx14("arrow"), children: "\u2192" })
+          /* @__PURE__ */ jsx15("span", { className: cx14("image-label"), children: label }),
+          showArrow && /* @__PURE__ */ jsx15("span", { className: cx14("arrow"), children: "\u2192" })
         ] })
       ]
     }
@@ -1090,7 +1112,7 @@ var Block = ({
 Block.displayName = "Block";
 
 // src/components/ReviewCard/ReviewCard.tsx
-import { jsx as jsx15, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs15 } from "react/jsx-runtime";
 var cx15 = (className) => `hc-review-${className}`;
 var ReviewCard = ({
   name,
@@ -1101,26 +1123,26 @@ var ReviewCard = ({
 }) => {
   const containerClasses = [cx15("container"), className].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsxs15("div", { className: containerClasses, children: [
-    /* @__PURE__ */ jsx15("div", { className: cx15("name"), children: name }),
+    /* @__PURE__ */ jsx16("div", { className: cx15("name"), children: name }),
     /* @__PURE__ */ jsxs15("div", { className: cx15("frame"), children: [
-      /* @__PURE__ */ jsx15("div", { className: cx15("stars"), children: /* @__PURE__ */ jsx15(Rating, { variant: "stars", value: rating, size: "medium" }) }),
-      /* @__PURE__ */ jsx15("div", { className: cx15("quote"), children: quote })
+      /* @__PURE__ */ jsx16("div", { className: cx15("stars"), children: /* @__PURE__ */ jsx16(Rating, { variant: "stars", value: rating, size: "medium" }) }),
+      /* @__PURE__ */ jsx16("div", { className: cx15("quote"), children: quote })
     ] }),
-    /* @__PURE__ */ jsx15("div", { className: cx15("date"), children: date })
+    /* @__PURE__ */ jsx16("div", { className: cx15("date"), children: date })
   ] });
 };
 ReviewCard.displayName = "ReviewCard";
 
 // src/components/FAQ/FAQ.tsx
 import { useState as useState4 } from "react";
-import { jsx as jsx16, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs16 } from "react/jsx-runtime";
 var cx16 = (className) => `hc-faq-${className}`;
 var ChevronIcon2 = ({ isOpen }) => {
   const iconClasses = [
     cx16("chevron"),
     isOpen && cx16("chevron--open")
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx17(
     "svg",
     {
       width: "24",
@@ -1129,7 +1151,7 @@ var ChevronIcon2 = ({ isOpen }) => {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
       className: iconClasses,
-      children: /* @__PURE__ */ jsx16(
+      children: /* @__PURE__ */ jsx17(
         "path",
         {
           d: "M6 9L12 15L18 9",
@@ -1166,11 +1188,11 @@ var FAQ = ({
     });
   };
   const containerClasses = [cx16("container"), className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsx16("div", { className: containerClasses, children: items.map((item, index) => {
+  return /* @__PURE__ */ jsx17("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__ */ jsx16(
+      /* @__PURE__ */ jsx17(
         Button,
         {
           variant: "link",
@@ -1179,18 +1201,18 @@ var FAQ = ({
           onClick: () => toggleItem(index),
           "aria-expanded": isOpen,
           "aria-controls": `faq-answer-${index}`,
-          rightIcon: /* @__PURE__ */ jsx16("div", { className: cx16("icon-container"), children: /* @__PURE__ */ jsx16(ChevronIcon2, { isOpen }) }),
-          children: /* @__PURE__ */ jsx16("span", { className: cx16("question-text"), children: item.question })
+          rightIcon: /* @__PURE__ */ jsx17("div", { className: cx16("icon-container"), children: /* @__PURE__ */ jsx17(ChevronIcon2, { isOpen }) }),
+          children: /* @__PURE__ */ jsx17("span", { className: cx16("question-text"), children: item.question })
         }
       ),
-      /* @__PURE__ */ jsx16("div", { id: `faq-answer-${index}`, className: answerClasses, children: /* @__PURE__ */ jsx16("p", { className: cx16("answer-text"), children: item.answer }) })
+      /* @__PURE__ */ jsx17("div", { id: `faq-answer-${index}`, className: answerClasses, children: /* @__PURE__ */ jsx17("p", { className: cx16("answer-text"), children: item.answer }) })
     ] }, index);
   }) });
 };
 FAQ.displayName = "FAQ";
 
 // src/components/Benefits/Benefits.tsx
-import { jsx as jsx17, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs17 } from "react/jsx-runtime";
 var cx17 = (className) => `hc-benefits-${className}`;
 var Benefits = ({
   title = "Ihre Vorteile mit HotelCard",
@@ -1220,19 +1242,19 @@ var Benefits = ({
   className
 }) => {
   const sectionClasses = [cx17("section"), className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsx17("section", { className: sectionClasses, children: /* @__PURE__ */ jsxs17("div", { className: cx17("container"), children: [
+  return /* @__PURE__ */ jsx18("section", { className: sectionClasses, children: /* @__PURE__ */ jsxs17("div", { className: cx17("container"), children: [
     /* @__PURE__ */ jsxs17("div", { className: cx17("header"), children: [
-      /* @__PURE__ */ jsx17("h2", { className: cx17("title"), children: title }),
-      subtitle && /* @__PURE__ */ jsx17("p", { className: cx17("subtitle"), children: subtitle })
+      /* @__PURE__ */ jsx18("h2", { className: cx17("title"), children: title }),
+      subtitle && /* @__PURE__ */ jsx18("p", { className: cx17("subtitle"), children: subtitle })
     ] }),
-    /* @__PURE__ */ jsx17("div", { className: cx17("grid"), children: benefits.map((benefit, index) => /* @__PURE__ */ jsxs17("div", { className: cx17("item"), children: [
-      /* @__PURE__ */ jsx17("h3", { className: cx17("item-title"), children: benefit.title }),
-      benefit.description && /* @__PURE__ */ jsx17("p", { className: cx17("item-description"), children: benefit.description })
+    /* @__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 })
     ] }, index)) }),
     contactTitle && /* @__PURE__ */ jsxs17("div", { className: cx17("contact-card"), children: [
-      /* @__PURE__ */ jsx17("h3", { className: cx17("contact-title"), children: contactTitle }),
-      contactDescription && /* @__PURE__ */ jsx17("p", { className: cx17("contact-description"), children: contactDescription }),
-      contactButtonText && /* @__PURE__ */ jsx17(
+      /* @__PURE__ */ jsx18("h3", { className: cx17("contact-title"), children: contactTitle }),
+      contactDescription && /* @__PURE__ */ jsx18("p", { className: cx17("contact-description"), children: contactDescription }),
+      contactButtonText && /* @__PURE__ */ jsx18(
         Button,
         {
           variant: "secondary",
@@ -1249,9 +1271,9 @@ Benefits.displayName = "Benefits";
 
 // src/components/Pin/Pin.tsx
 import { forwardRef as forwardRef2 } from "react";
-import { Fragment as Fragment4, jsx as jsx18, jsxs as jsxs18 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx19, jsxs as jsxs18 } from "react/jsx-runtime";
 var cx18 = (className) => `hc-pin-${className}`;
-var HeartIcon = ({ className }) => /* @__PURE__ */ jsx18(
+var HeartIcon = ({ className }) => /* @__PURE__ */ jsx19(
   "svg",
   {
     className,
@@ -1260,10 +1282,10 @@ var HeartIcon = ({ className }) => /* @__PURE__ */ jsx18(
     viewBox: "0 0 16 16",
     fill: "currentColor",
     xmlns: "http://www.w3.org/2000/svg",
-    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" })
+    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" })
   }
 );
-var HomeIcon = ({ className }) => /* @__PURE__ */ jsx18(
+var HomeIcon = ({ className }) => /* @__PURE__ */ jsx19(
   "svg",
   {
     className,
@@ -1272,7 +1294,7 @@ var HomeIcon = ({ className }) => /* @__PURE__ */ jsx18(
     viewBox: "0 0 16 16",
     fill: "currentColor",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ jsx18("path", { d: "M6.66667 13.3333V9.33333H9.33333V13.3333H12.6667V8H14.6667L8 2L1.33333 8H3.33333V13.3333H6.66667Z" })
+    children: /* @__PURE__ */ jsx19("path", { d: "M6.66667 13.3333V9.33333H9.33333V13.3333H12.6667V8H14.6667L8 2L1.33333 8H3.33333V13.3333H6.66667Z" })
   }
 );
 var Pin = forwardRef2(
@@ -1303,12 +1325,12 @@ var Pin = forwardRef2(
         disabled,
         onClick,
         children: [
-          /* @__PURE__ */ jsx18("div", { className: cx18("body"), children: variant === "price" ? /* @__PURE__ */ jsxs18(Fragment4, { children: [
-            /* @__PURE__ */ jsx18("span", { className: cx18("currency"), children: currency }),
-            /* @__PURE__ */ jsx18("span", { className: cx18("price"), children: formattedPrice }),
-            showFavorite && /* @__PURE__ */ jsx18("div", { className: cx18("favorite-container"), children: /* @__PURE__ */ jsx18(HeartIcon, { className: cx18("favorite-icon") }) })
-          ] }) : /* @__PURE__ */ jsx18(HomeIcon, { className: cx18("hotel-icon") }) }),
-          /* @__PURE__ */ jsx18("div", { className: cx18("pointer"), children: /* @__PURE__ */ jsx18("div", { className: cx18("pointer-inner") }) })
+          /* @__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") }) })
         ]
       }
     );
@@ -1316,9 +1338,805 @@ var Pin = forwardRef2(
 );
 Pin.displayName = "Pin";
 
+// src/components/DateSelector/DateSelector.tsx
+import { useState as useState9, useRef as useRef4, useEffect as useEffect6, useMemo } from "react";
+
+// src/hooks/useDebounce.ts
+import { useState as useState5, useEffect as useEffect3 } from "react";
+var useDebounce = (value, delay) => {
+  const [debouncedValue, setDebouncedValue] = useState5(value);
+  useEffect3(() => {
+    const timer = setTimeout(() => setDebouncedValue(value), delay);
+    return () => clearTimeout(timer);
+  }, [value, delay]);
+  return debouncedValue;
+};
+
+// src/hooks/useResponsive.ts
+import { useState as useState6, useEffect as useEffect4 } from "react";
+var useResponsive = () => {
+  const [width, setWidth] = useState6(
+    typeof window !== "undefined" ? window.innerWidth : 1024
+  );
+  useEffect4(() => {
+    const handleResize = () => {
+      setWidth(window.innerWidth);
+    };
+    handleResize();
+    window.addEventListener("resize", handleResize);
+    return () => window.removeEventListener("resize", handleResize);
+  }, []);
+  return {
+    isDesktop: width >= 1024
+  };
+};
+
+// src/hooks/useWindowData.ts
+var useWindowData = () => {
+  const { locale, currency } = useUIContext();
+  return { locale, currency };
+};
+
+// src/hooks/useTranslation.ts
+import { useTranslation as useI18nTranslation } from "react-i18next";
+var useTranslation = (namespace) => {
+  const { t: i18nT, i18n } = useI18nTranslation(namespace);
+  const t = (key, options, fallback) => {
+    const result = i18nT(key, options ?? {});
+    const resultStr = String(result);
+    if (resultStr === key && fallback !== void 0) {
+      return fallback;
+    }
+    return resultStr;
+  };
+  return { t, i18n };
+};
+
+// src/components/DateSelector/WhenContent.tsx
+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}` : ""}`;
+var cxMod = (base, mod) => `hc-dual-calendar__${base}--${mod}`;
+var DualCalendar = ({
+  startDate,
+  endDate,
+  onDateSelect,
+  minDate,
+  locale = "de-CH"
+}) => {
+  const { isDesktop } = useResponsive();
+  const [currentMonth, setCurrentMonth] = useState7(/* @__PURE__ */ new Date());
+  const isStartDate = (dateStr) => startDate === dateStr;
+  const isEndDate = (dateStr) => endDate === dateStr;
+  const isMidDate = (dateStr) => {
+    if (!startDate || !endDate) return false;
+    return dateStr > startDate && dateStr < endDate;
+  };
+  const endOfMonth = (date) => new Date(date.getFullYear(), date.getMonth() + 1, 0);
+  const getDaysInMonth = (date) => {
+    return new Date(date.getFullYear(), date.getMonth() + 1, 0).getDate();
+  };
+  const getFirstDayOfMonth = (date) => {
+    const day = new Date(date.getFullYear(), date.getMonth(), 1).getDay();
+    return day === 0 ? 6 : day - 1;
+  };
+  const formatMonthYear = (date) => {
+    return date.toLocaleDateString(locale, { month: "long", year: "numeric" });
+  };
+  const getWeekDays = () => {
+    const days = [];
+    const baseDate = new Date(2020, 0, 6);
+    for (let i = 0; i < 7; i++) {
+      const date = new Date(baseDate);
+      date.setDate(baseDate.getDate() + i);
+      days.push(date.toLocaleDateString(locale, { weekday: "short" }).slice(0, 2));
+    }
+    return days;
+  };
+  const weekDays = getWeekDays();
+  const isDateDisabled = (dateStr) => {
+    const today2 = /* @__PURE__ */ new Date();
+    const oneYearFromToday = new Date(today2.getFullYear() + 1, today2.getMonth(), today2.getDate());
+    const dateParts = dateStr.split("-").map(Number);
+    const date = new Date(dateParts[0], dateParts[1] - 1, dateParts[2]);
+    if (minDate) {
+      const minParts = minDate.split("-").map(Number);
+      const min = new Date(minParts[0], minParts[1] - 1, minParts[2]);
+      if (date < min) return true;
+    }
+    if (date > oneYearFromToday) return true;
+    return false;
+  };
+  const generateCalendar = (monthOffset) => {
+    const date = new Date(currentMonth.getFullYear(), currentMonth.getMonth() + monthOffset, 1);
+    const daysInMonth = getDaysInMonth(date);
+    const firstDay = getFirstDayOfMonth(date);
+    const days = [];
+    for (let i = 0; i < firstDay; i++) {
+      days.push(/* @__PURE__ */ jsx20("div", { className: cx19("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")}`;
+      const disabled = isDateDisabled(dateStr);
+      const start = isStartDate(dateStr);
+      const end = isEndDate(dateStr);
+      const inRange = isMidDate(dateStr);
+      const classes = [
+        cx19("day"),
+        cx19("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(
+          "button",
+          {
+            type: "button",
+            className: classes,
+            onClick: () => !disabled && onDateSelect(dateStr),
+            disabled,
+            children: day
+          },
+          day
+        )
+      );
+    }
+    return days;
+  };
+  const handlePrevMonth = () => {
+    setCurrentMonth(new Date(currentMonth.getFullYear(), currentMonth.getMonth() - 1, 1));
+  };
+  const handleNextMonth = () => {
+    setCurrentMonth(new Date(currentMonth.getFullYear(), currentMonth.getMonth() + 1, 1));
+  };
+  const prevMonth = new Date(currentMonth.getFullYear(), currentMonth.getMonth() - 1, 1);
+  const isPrevDisabled = minDate ? endOfMonth(prevMonth) < new Date(minDate) : false;
+  const today = /* @__PURE__ */ new Date();
+  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 navButtonClasses = (disabled) => [
+    cx19("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(
+        "button",
+        {
+          type: "button",
+          className: navButtonClasses(isPrevDisabled),
+          onClick: handlePrevMonth,
+          disabled: isPrevDisabled,
+          children: /* @__PURE__ */ jsx20(PrevArrow, {})
+        }
+      ),
+      /* @__PURE__ */ jsx20("h3", { className: `${cx19("month-title")} ${cx19("month-title--mobile")}`, children: formatMonthYear(currentMonth) }),
+      /* @__PURE__ */ jsx20(
+        "button",
+        {
+          type: "button",
+          className: navButtonClasses(isNextDisabled),
+          onClick: handleNextMonth,
+          disabled: isNextDisabled,
+          children: /* @__PURE__ */ jsx20(NextArrow, {})
+        }
+      )
+    ] }),
+    isDesktop ? /* @__PURE__ */ jsxs19("div", { className: cx19("desktop-layout"), children: [
+      /* @__PURE__ */ jsx20(
+        "button",
+        {
+          type: "button",
+          className: navButtonClasses(isPrevDisabled),
+          onClick: handlePrevMonth,
+          disabled: isPrevDisabled,
+          children: /* @__PURE__ */ jsx20(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__ */ 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__ */ jsx20(
+        "button",
+        {
+          type: "button",
+          className: navButtonClasses(isNextDisabled),
+          onClick: handleNextMonth,
+          disabled: isNextDisabled,
+          children: /* @__PURE__ */ jsx20(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) })
+      ] }) })
+    )
+  ] });
+};
+
+// src/components/DateSelector/WhenContent.tsx
+import { jsx as jsx21, jsxs as jsxs20 } from "react/jsx-runtime";
+var cx20 = (name) => `hc-when-content${name ? `__${name}` : ""}`;
+var cxMod2 = (base, mod) => `hc-when-content__${base}--${mod}`;
+var getDateLocale = (locale) => {
+  const localeMap = {
+    de: "de-CH",
+    en: "en-GB",
+    fr: "fr-CH",
+    it: "it-CH"
+  };
+  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,
+  onChange,
+  onMonthFilterChange,
+  variant = "dropdown",
+  showApplyButton = true,
+  onApply,
+  className = "",
+  labels: labelsProp,
+  locale: localeProp
+}) => {
+  const { locale: contextLocale } = useWindowData();
+  const { isDesktop } = useResponsive();
+  const locale = localeProp || contextLocale;
+  const dateLocale = getDateLocale(locale);
+  const labels = { ...defaultLabels, ...labelsProp };
+  const [dateRange, setDateRange] = useState8(initialDateRange);
+  const [mode, setMode] = useState8(
+    initialDateRange.start ? "dates" : "anytime"
+  );
+  const selectedMonths = initialMonthFilter || [];
+  const isAnytimeSelected = selectedMonths.length === 0;
+  useEffect5(() => {
+    if (initialDateRange.start || initialDateRange.end) {
+      setDateRange(initialDateRange);
+      setMode("dates");
+    } else {
+      setDateRange(initialDateRange);
+      if (initialMonthFilter && initialMonthFilter.length > 0) {
+        setMode("anytime");
+      }
+    }
+  }, [initialDateRange, initialMonthFilter]);
+  const generateMonths = () => {
+    const months2 = [];
+    const now = /* @__PURE__ */ new Date();
+    for (let i = 0; i < 12; i++) {
+      const date = new Date(now.getFullYear(), now.getMonth() + i, 1);
+      months2.push({
+        label: date.toLocaleDateString(dateLocale, { month: "long" }),
+        year: date.getFullYear(),
+        value: `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, "0")}`,
+        disabled: false
+      });
+    }
+    return months2;
+  };
+  const months = generateMonths();
+  const handleAnytimeClick = () => {
+    setDateRange({ start: null, end: null });
+    onChange?.(null);
+    onMonthFilterChange?.(null);
+  };
+  const handleMonthToggle = (monthValue) => {
+    const newSelectedMonths = selectedMonths.includes(monthValue) ? selectedMonths.filter((m) => m !== monthValue) : [...selectedMonths, monthValue];
+    setDateRange({ start: null, end: null });
+    onChange?.(null);
+    if (newSelectedMonths.length === 0) {
+      onMonthFilterChange?.(null);
+    } else {
+      onMonthFilterChange?.(newSelectedMonths);
+    }
+  };
+  const handleApply = () => {
+    if (mode === "anytime") {
+      if (selectedMonths.length === 0) {
+        onChange?.(null);
+      }
+    } else {
+      if (dateRange.start && dateRange.end) {
+        onChange?.(dateRange);
+      }
+    }
+    onApply?.();
+  };
+  const handleModeSwitch = (newMode) => {
+    setMode(newMode);
+    if (newMode === "anytime") {
+      setDateRange({ start: null, end: null });
+      onChange?.(null);
+      onMonthFilterChange?.(null);
+    } else {
+      onMonthFilterChange?.(null);
+    }
+  };
+  const getTodayDate = () => {
+    return (/* @__PURE__ */ new Date()).toISOString().split("T")[0];
+  };
+  const getNextDate = (dateString) => {
+    const date = new Date(dateString);
+    date.setDate(date.getDate() + 1);
+    return date.toISOString().split("T")[0];
+  };
+  const handleDateSelect = (date) => {
+    if (!dateRange.start || dateRange.start && dateRange.end) {
+      const newRange = { start: date, end: null };
+      setDateRange(newRange);
+      onChange?.(newRange);
+    } else if (date === dateRange.start) {
+      const nextDate = getNextDate(date);
+      const newRange = { start: dateRange.start, end: nextDate };
+      setDateRange(newRange);
+      onChange?.(newRange);
+    } else if (date > dateRange.start) {
+      const newRange = { start: dateRange.start, end: date };
+      setDateRange(newRange);
+      onChange?.(newRange);
+    } else {
+      const newRange = { start: date, end: null };
+      setDateRange(newRange);
+      onChange?.(newRange);
+    }
+  };
+  const containerClasses = [
+    cx20(""),
+    variant === "expanded" && cxMod2("", "expanded"),
+    className
+  ].filter(Boolean).join(" ");
+  const monthGridClasses = [
+    cx20("month-grid"),
+    !isDesktop && cxMod2("month-grid", "mobile")
+  ].filter(Boolean).join(" ");
+  const contentClasses = [
+    cx20("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(
+          "button",
+          {
+            type: "button",
+            className: `${cx20("tab")} ${mode === "dates" ? cxMod2("tab", "active") : ""}`,
+            onClick: () => handleModeSwitch("dates"),
+            children: labels.dates
+          }
+        ),
+        /* @__PURE__ */ jsx21(
+          "button",
+          {
+            type: "button",
+            className: `${cx20("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 }) })
+    ] }),
+    /* @__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(
+          "button",
+          {
+            type: "button",
+            className: `${cx20("month-button")} ${cx20("anytime-button")} ${isAnytimeSelected ? cxMod2("month-button", "selected") : ""}`,
+            onClick: handleAnytimeClick,
+            children: /* @__PURE__ */ jsx21("span", { className: cx20("month-label"), children: labels.anytime })
+          }
+        ),
+        months.map((month) => /* @__PURE__ */ jsxs20(
+          "button",
+          {
+            type: "button",
+            className: `${cx20("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 })
+            ]
+          },
+          month.value
+        ))
+      ] })
+    ] }) : /* @__PURE__ */ jsx21("div", { className: cx20("dates"), children: /* @__PURE__ */ jsx21(
+      DualCalendar,
+      {
+        startDate: dateRange.start,
+        endDate: dateRange.end,
+        locale: dateLocale,
+        onDateSelect: handleDateSelect,
+        minDate: getTodayDate()
+      }
+    ) }) })
+  ] });
+};
+
+// src/components/DateSelector/DateSelector.tsx
+import { jsx as jsx22, jsxs as jsxs21 } from "react/jsx-runtime";
+var cx21 = (name) => `hc-date-selector${name ? `__${name}` : ""}`;
+var cxMod3 = (base, mod) => `hc-date-selector__${base}--${mod}`;
+var getDateLocale2 = (locale) => {
+  const localeMap = {
+    de: "de-CH",
+    en: "en-GB",
+    fr: "fr-CH",
+    it: "it-CH"
+  };
+  return localeMap[locale] || "de-CH";
+};
+var CalendarIcon = () => /* @__PURE__ */ jsx22("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsx22(
+  "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",
+    fill: "currentColor"
+  }
+) });
+var DateSelector = ({
+  initialDateRange = { start: null, end: null },
+  initialMonthFilter = null,
+  onChange,
+  onMonthFilterChange,
+  onClose,
+  disabled = false,
+  className,
+  icon
+}) => {
+  const { t } = useTranslation();
+  const { locale } = useWindowData();
+  const { isDesktop } = useResponsive();
+  const dateLocale = getDateLocale2(locale);
+  const [dateRange, setDateRange] = useState9(initialDateRange);
+  const [isOpen, setIsOpen] = useState9(false);
+  const [selectedMonths, setSelectedMonths] = useState9(initialMonthFilter || []);
+  const dropdownRef = useRef4(null);
+  useEffect6(() => {
+    setDateRange((prev) => {
+      if (prev.start === initialDateRange.start && prev.end === initialDateRange.end) {
+        return prev;
+      }
+      return initialDateRange;
+    });
+    setSelectedMonths((prev) => {
+      const next = initialMonthFilter || [];
+      if (prev.length === next.length && prev.every((m, i) => m === next[i])) {
+        return prev;
+      }
+      return next;
+    });
+  }, [initialDateRange.start, initialDateRange.end, initialMonthFilter]);
+  useEffect6(() => {
+    if (!isOpen) return;
+    const handlePointerDown = (event) => {
+      if (!dropdownRef.current) return;
+      if (!dropdownRef.current.contains(event.target)) {
+        const newDateRange = dateRange.start && dateRange.end ? dateRange : null;
+        const newMonthFilter = selectedMonths.length ? selectedMonths : null;
+        onChange?.(newDateRange);
+        onMonthFilterChange?.(newMonthFilter);
+        setIsOpen(false);
+        onClose?.(newDateRange, newMonthFilter);
+      }
+    };
+    document.addEventListener("pointerdown", handlePointerDown);
+    return () => document.removeEventListener("pointerdown", handlePointerDown);
+  }, [isOpen, dateRange, selectedMonths, onChange, onMonthFilterChange, onClose]);
+  const months = useMemo(() => {
+    const now = /* @__PURE__ */ new Date();
+    return Array.from({ length: 12 }, (_, i) => {
+      const date = new Date(now.getFullYear(), now.getMonth() + i, 1);
+      return {
+        label: date.toLocaleDateString(dateLocale, { month: "long" }),
+        year: date.getFullYear(),
+        value: `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, "0")}`
+      };
+    });
+  }, [dateLocale]);
+  const formatDateDisplay = () => {
+    if (dateRange.start && dateRange.end) {
+      const format2 = (d) => new Date(d).toLocaleDateString(dateLocale, { month: "short", day: "numeric" });
+      return `${format2(dateRange.start)} - ${format2(dateRange.end)}`;
+    }
+    if (selectedMonths.length === 1) {
+      const month = months.find((m) => m.value === selectedMonths[0]);
+      return month ? `${month.label} ${month.year}` : t("search:label.flexible", {}, "Flexible");
+    }
+    if (selectedMonths.length > 1) {
+      return t("search:date_selector.months_selected", { count: selectedMonths.length }, `${selectedMonths.length} months`);
+    }
+    return t("search:label.flexible", {}, "Flexible");
+  };
+  const handleDateRangeChange = (range) => {
+    setDateRange(range ?? { start: null, end: null });
+  };
+  const handleMonthFilterChange = (months2) => {
+    setSelectedMonths(months2 || []);
+  };
+  const handleApply = () => {
+    if (dateRange.start && dateRange.end) {
+      onChange?.(dateRange);
+    } else {
+      onChange?.(null);
+    }
+    onMonthFilterChange?.(selectedMonths.length ? selectedMonths : null);
+    setIsOpen(false);
+  };
+  const handleBackdropClick = () => {
+    const newDateRange = dateRange.start && dateRange.end ? dateRange : null;
+    const newMonthFilter = selectedMonths.length ? selectedMonths : null;
+    onChange?.(newDateRange);
+    onMonthFilterChange?.(newMonthFilter);
+    setIsOpen(false);
+    onClose?.(newDateRange, newMonthFilter);
+  };
+  const buttonClasses = [
+    cx21("button"),
+    disabled && cxMod3("button", "disabled"),
+    className
+  ].filter(Boolean).join(" ");
+  const dropdownClasses = [
+    cx21("dropdown"),
+    isOpen && cxMod3("dropdown", "open"),
+    !isDesktop && cxMod3("dropdown", "mobile")
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxs21("div", { ref: dropdownRef, className: cx21(""), children: [
+    /* @__PURE__ */ jsxs21(
+      "button",
+      {
+        type: "button",
+        className: buttonClasses,
+        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() })
+        ]
+      }
+    ),
+    isOpen && /* @__PURE__ */ jsx22("div", { className: cx21("backdrop"), onClick: handleBackdropClick, "aria-hidden": "true" }),
+    /* @__PURE__ */ jsx22("div", { className: dropdownClasses, children: /* @__PURE__ */ jsx22(
+      WhenContent,
+      {
+        initialDateRange: dateRange,
+        initialMonthFilter: selectedMonths.length ? selectedMonths : null,
+        onChange: handleDateRangeChange,
+        onMonthFilterChange: handleMonthFilterChange,
+        variant: "dropdown",
+        showApplyButton: true,
+        onApply: handleApply
+      }
+    ) })
+  ] });
+};
+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(
+  "svg",
+  {
+    className: "hc-guest-content__select-icon",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    children: /* @__PURE__ */ jsx23(
+      "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",
+        fill: "#6B7280"
+      }
+    )
+  }
+);
+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,
+  petFilter = 0,
+  onPetChange,
+  showPetToggle = true,
+  className = "",
+  childAgeErrors = [],
+  onErrorClear,
+  labels: labelsProp
+}) => {
+  const labels = { ...defaultLabels2, ...labelsProp };
+  const childrenAges = Array.isArray(guests.childrenAges) ? guests.childrenAges : [];
+  const handleIncrement = (type) => {
+    if (type === "children" && guests.children >= 6) return;
+    if (type === "adults" && guests.adults >= 10) return;
+    const newChildrenAges = type === "children" ? [...childrenAges, null] : childrenAges;
+    onChange({
+      ...guests,
+      [type]: guests[type] + 1,
+      childrenAges: newChildrenAges
+    });
+  };
+  const handleDecrement = (type) => {
+    if (type === "adults" && guests.adults <= 1) return;
+    if (type === "children" && guests.children <= 0) return;
+    const newChildrenAges = type === "children" ? childrenAges.slice(0, -1) : childrenAges;
+    onChange({
+      ...guests,
+      [type]: guests[type] - 1,
+      childrenAges: newChildrenAges
+    });
+  };
+  const handleAgeChange = (index, value) => {
+    const newChildrenAges = [...childrenAges];
+    newChildrenAges[index] = value === "" ? null : parseInt(value, 10);
+    onChange({
+      ...guests,
+      childrenAges: newChildrenAges
+    });
+    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(
+          "button",
+          {
+            type: "button",
+            className: "hc-guest-content__counter-button",
+            onClick: () => handleDecrement("adults"),
+            disabled: guests.adults <= 1,
+            "aria-label": labels.decreaseAdults,
+            children: /* @__PURE__ */ jsx23(MinusIcon, {})
+          }
+        ),
+        /* @__PURE__ */ jsx23("span", { className: "hc-guest-content__counter-value", children: guests.adults }),
+        /* @__PURE__ */ jsx23(
+          "button",
+          {
+            type: "button",
+            className: "hc-guest-content__counter-button",
+            onClick: () => handleIncrement("adults"),
+            disabled: guests.adults >= 10,
+            "aria-label": labels.increaseAdults,
+            children: /* @__PURE__ */ jsx23(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(
+            "button",
+            {
+              type: "button",
+              className: "hc-guest-content__counter-button",
+              onClick: () => handleDecrement("children"),
+              disabled: guests.children <= 0,
+              "aria-label": labels.decreaseChildren,
+              children: /* @__PURE__ */ jsx23(MinusIcon, {})
+            }
+          ),
+          /* @__PURE__ */ jsx23("span", { className: "hc-guest-content__counter-value", children: guests.children }),
+          /* @__PURE__ */ jsx23(
+            "button",
+            {
+              type: "button",
+              className: "hc-guest-content__counter-button",
+              onClick: () => handleIncrement("children"),
+              disabled: guests.children >= 6,
+              "aria-label": labels.increaseChildren,
+              children: /* @__PURE__ */ jsx23(PlusIcon, {})
+            }
+          )
+        ] })
+      ] }),
+      guests.children > 0 && /* @__PURE__ */ jsx23(
+        "div",
+        {
+          className: "hc-guest-content__children-dropdowns",
+          style: {
+            gridTemplateColumns: guests.children === 1 ? "1fr" : "repeat(2, 1fr)"
+          },
+          children: Array.from({ length: guests.children }).map((_, index) => {
+            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(
+                  "select",
+                  {
+                    id: `child-age-${index}`,
+                    value: currentAge === null || currentAge === void 0 ? "" : currentAge,
+                    onChange: (e) => handleAgeChange(index, e.target.value),
+                    className: `hc-guest-content__select ${hasError ? "hc-guest-content__select--error" : ""}`,
+                    "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__ */ jsx23(DropdownIcon, {})
+              ] }),
+              hasError && /* @__PURE__ */ jsx23("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(
+          "input",
+          {
+            type: "checkbox",
+            checked: petFilter === 1,
+            onChange: (e) => onPetChange?.(e.target.checked ? 1 : 0),
+            "aria-label": labels.togglePets
+          }
+        ),
+        /* @__PURE__ */ jsx23("span", { className: "hc-guest-content__slider" })
+      ] }) })
+    ] })
+  ] });
+};
+
 // src/components/icons/HeartIcon.tsx
-import { jsx as jsx19 } from "react/jsx-runtime";
-var HeartIcon2 = ({ filled = false, className = "", size = 24 }) => /* @__PURE__ */ jsx19(
+import { jsx as jsx24 } from "react/jsx-runtime";
+var HeartIcon2 = ({ filled = false, className = "", size = 24 }) => /* @__PURE__ */ jsx24(
   "svg",
   {
     width: size,
@@ -1330,14 +2148,14 @@ var HeartIcon2 = ({ filled = false, className = "", size = 24 }) => /* @__PURE__
     strokeWidth: 2,
     strokeLinecap: "round",
     strokeLinejoin: "round",
-    children: /* @__PURE__ */ jsx19("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__ */ 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" })
   }
 );
 HeartIcon2.displayName = "HeartIcon";
 
 // src/components/icons/StarIcon.tsx
-import { jsx as jsx20, jsxs as jsxs19 } from "react/jsx-runtime";
-var StarIcon4 = ({ filled = true, className = "", size = 9 }) => /* @__PURE__ */ jsxs19(
+import { jsx as jsx25, jsxs as jsxs23 } from "react/jsx-runtime";
+var StarIcon4 = ({ filled = true, className = "", size = 9 }) => /* @__PURE__ */ jsxs23(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -1347,22 +2165,22 @@ var StarIcon4 = ({ filled = true, className = "", size = 9 }) => /* @__PURE__ */
     fill: "none",
     className,
     children: [
-      /* @__PURE__ */ jsx20("g", { clipPath: "url(#clip0_star_icon)", children: /* @__PURE__ */ jsx20(
+      /* @__PURE__ */ jsx25("g", { clipPath: "url(#clip0_star_icon)", children: /* @__PURE__ */ jsx25(
         "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__ */ jsx20("defs", { children: /* @__PURE__ */ jsx20("clipPath", { id: "clip0_star_icon", children: /* @__PURE__ */ jsx20("rect", { width: "8", height: "8", fill: "white", transform: "translate(0.800049 0.199951)" }) }) })
+      /* @__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)" }) }) })
     ]
   }
 );
 StarIcon4.displayName = "StarIcon";
 
 // src/components/icons/ChevronLeftIcon.tsx
-import { jsx as jsx21 } from "react/jsx-runtime";
-var ChevronLeftIcon = ({ className = "", size = 20 }) => /* @__PURE__ */ jsx21(
+import { jsx as jsx26 } from "react/jsx-runtime";
+var ChevronLeftIcon = ({ className = "", size = 20 }) => /* @__PURE__ */ jsx26(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -1375,14 +2193,14 @@ var ChevronLeftIcon = ({ className = "", size = 20 }) => /* @__PURE__ */ jsx21(
     strokeLinecap: "round",
     strokeLinejoin: "round",
     className,
-    children: /* @__PURE__ */ jsx21("polyline", { points: "15 18 9 12 15 6" })
+    children: /* @__PURE__ */ jsx26("polyline", { points: "15 18 9 12 15 6" })
   }
 );
 ChevronLeftIcon.displayName = "ChevronLeftIcon";
 
 // src/components/icons/ChevronRightIcon.tsx
-import { jsx as jsx22 } from "react/jsx-runtime";
-var ChevronRightIcon2 = ({ className = "", size = 20 }) => /* @__PURE__ */ jsx22(
+import { jsx as jsx27 } from "react/jsx-runtime";
+var ChevronRightIcon2 = ({ className = "", size = 20 }) => /* @__PURE__ */ jsx27(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -1395,14 +2213,14 @@ var ChevronRightIcon2 = ({ className = "", size = 20 }) => /* @__PURE__ */ jsx22
     strokeLinecap: "round",
     strokeLinejoin: "round",
     className,
-    children: /* @__PURE__ */ jsx22("polyline", { points: "9 18 15 12 9 6" })
+    children: /* @__PURE__ */ jsx27("polyline", { points: "9 18 15 12 9 6" })
   }
 );
 ChevronRightIcon2.displayName = "ChevronRightIcon";
 
 // src/components/icons/PinIcon.tsx
-import { jsx as jsx23, jsxs as jsxs20 } from "react/jsx-runtime";
-var PinIcon = ({ className = "", size = 16 }) => /* @__PURE__ */ jsxs20(
+import { jsx as jsx28, jsxs as jsxs24 } from "react/jsx-runtime";
+var PinIcon = ({ className = "", size = 16 }) => /* @__PURE__ */ jsxs24(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -1412,7 +2230,7 @@ var PinIcon = ({ className = "", size = 16 }) => /* @__PURE__ */ jsxs20(
     fill: "none",
     className,
     children: [
-      /* @__PURE__ */ jsx23(
+      /* @__PURE__ */ jsx28(
         "path",
         {
           fillRule: "evenodd",
@@ -1421,7 +2239,7 @@ var PinIcon = ({ className = "", size = 16 }) => /* @__PURE__ */ jsxs20(
           fill: "currentColor"
         }
       ),
-      /* @__PURE__ */ jsx23(
+      /* @__PURE__ */ jsx28(
         "path",
         {
           fillRule: "evenodd",
@@ -1435,17 +2253,6 @@ var PinIcon = ({ className = "", size = 16 }) => /* @__PURE__ */ jsxs20(
 );
 PinIcon.displayName = "PinIcon";
 
-// src/hooks/useDebounce.ts
-import { useState as useState5, useEffect as useEffect3 } from "react";
-var useDebounce = (value, delay) => {
-  const [debouncedValue, setDebouncedValue] = useState5(value);
-  useEffect3(() => {
-    const timer = setTimeout(() => setDebouncedValue(value), delay);
-    return () => clearTimeout(timer);
-  }, [value, delay]);
-  return debouncedValue;
-};
-
 // src/utils/formatPrice.ts
 var formatPrice = (amount, currency = "CHF", locale = "de-CH") => {
   return new Intl.NumberFormat(locale, {
@@ -1486,10 +2293,14 @@ export {
   ChevronRightIcon2 as ChevronRightIcon,
   Chip,
   CompactCard,
+  DateSelector,
   Divider,
   Dropdown,
+  DualCalendar,
   FAQ,
+  GuestContent,
   HeartIcon2 as HeartIcon,
+  HotelCardUIProvider,
   Input,
   Modal,
   Pin,
@@ -1499,10 +2310,15 @@ export {
   ReviewCard,
   SectionHeader,
   StarIcon4 as StarIcon,
+  WhenContent,
   calculateDiscount,
   formatDate,
   formatDateRange,
   formatPrice,
-  useDebounce
+  useDebounce,
+  useResponsive,
+  useTranslation,
+  useUIContext,
+  useWindowData
 };
 //# sourceMappingURL=index.js.map