@hotelcard/ui 0.0.68 → 0.0.70

package/dist/index.d.ts

@@ -895,6 +895,15 @@ export declare interface EmptyStateProps {
     className?: string;
 }
 
+export declare const ExperienceCard: React.FC<ExperienceCardProps>;
+
+export declare interface ExperienceCardProps {
+    image: string;
+    label: string;
+    onClick?: () => void;
+    className?: string;
+}
+
 export declare const ExperienceFilter: default_2.FC<ExperienceFilterProps>;
 
 /**

package/dist/index.js

@@ -187,7 +187,7 @@ const As = dn("de"), Ts = {
   isDesktop: !1,
   apiBaseUrl: "",
   t: As
-}, hn = Wn(Ts), Hu = ({
+}, hn = Wn(Ts), Pu = ({
   locale: t = "de",
   currency: a = "CHF",
   isDesktop: n = !1,
@@ -1350,7 +1350,7 @@ const lo = ({
   ) })
 ] });
 lo.displayName = "EmptyState";
-const Bu = (t, a) => {
+const Iu = (t, a) => {
   const [n, r] = M(t);
   return Q(() => {
     const s = setTimeout(() => r(t), a);
@@ -2435,7 +2435,7 @@ const Bu = (t, a) => {
   radioActive: Qi,
   radioInner: ec,
   optionLabel: tc
-}, nc = () => /* @__PURE__ */ e("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ e("path", { d: "M2.77539 4.09961C2.4082 3.73242 2.4082 3.13867 2.77539 2.77539C3.14258 2.41211 3.73633 2.4082 4.09961 2.77539L9.99805 8.67383L15.8965 2.77539C16.2637 2.4082 16.8574 2.4082 17.2207 2.77539C17.584 3.14258 17.5879 3.73633 17.2207 4.09961L11.3223 9.99805L17.2207 15.8965C17.5879 16.2637 17.5879 16.8574 17.2207 17.2207C16.8535 17.584 16.2598 17.5879 15.8965 17.2207L9.99805 11.3223L4.09961 17.2207C3.73242 17.5879 3.13867 17.5879 2.77539 17.2207C2.41211 16.8535 2.4082 16.2598 2.77539 15.8965L8.67383 9.99805L2.77539 4.09961Z", fill: "#1F2937" }) }), Pu = ({
+}, nc = () => /* @__PURE__ */ e("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ e("path", { d: "M2.77539 4.09961C2.4082 3.73242 2.4082 3.13867 2.77539 2.77539C3.14258 2.41211 3.73633 2.4082 4.09961 2.77539L9.99805 8.67383L15.8965 2.77539C16.2637 2.4082 16.8574 2.4082 17.2207 2.77539C17.584 3.14258 17.5879 3.73633 17.2207 4.09961L11.3223 9.99805L17.2207 15.8965C17.5879 16.2637 17.5879 16.8574 17.2207 17.2207C16.8535 17.584 16.2598 17.5879 15.8965 17.2207L9.99805 11.3223L4.09961 17.2207C3.73242 17.5879 3.13867 17.5879 2.77539 17.2207C2.41211 16.8535 2.4082 16.2598 2.77539 15.8965L8.67383 9.99805L2.77539 4.09961Z", fill: "#1F2937" }) }), Au = ({
   isOpen: t,
   onClose: a,
   value: n,
@@ -2524,7 +2524,7 @@ const Bu = (t, a) => {
 ] }), $c = () => /* @__PURE__ */ o("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: [
   /* @__PURE__ */ e("g", { clipPath: "url(#clip0_1116_37956)", children: /* @__PURE__ */ e("path", { d: "M20 1.875C20 1.55078 19.832 1.25 19.5586 1.07813C19.2852 0.906252 18.9375 0.890627 18.6484 1.03516L13.7695 3.44141L7.03125 1.14844C6.49609 0.964846 5.91016 1 5.39453 1.23828L0.539063 3.52735C0.210938 3.67969 0 4.01172 0 4.375V18.125C0 18.4453 0.164063 18.7461 0.433594 18.918C0.703125 19.0898 1.04297 19.1094 1.33594 18.9727L6.30859 16.6328L12.9766 18.8555C13.5117 19.0352 14.0898 19 14.6016 18.7578L19.4609 16.4727C19.7891 16.3164 20 15.9883 20 15.625V1.875ZM5.625 3.20703V14.8867L1.875 16.6523V4.97266L5.625 3.20703ZM7.5 15.0547V3.29297L12.5 4.99219V16.7227L7.5 15.0547ZM14.375 5.23438L18.125 3.38281V15.0313L14.375 16.7969V5.23438Z", fill: "#1F2937" }) }),
   /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ e("clipPath", { id: "clip0_1116_37956", children: /* @__PURE__ */ e("rect", { width: "20", height: "20", fill: "white" }) }) })
-] }), Mc = () => /* @__PURE__ */ e("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ e("path", { d: "M6.625 0C7.24844 0 7.75 0.501562 7.75 1.125V3H15.25V1.125C15.25 0.501562 15.7516 0 16.375 0C16.9984 0 17.5 0.501562 17.5 1.125V3H19C20.6547 3 22 4.34531 22 6V19.5C22 21.1547 20.6547 22.5 19 22.5H4C2.34531 22.5 1 21.1547 1 19.5V6C1 4.34531 2.34531 3 4 3H5.5V1.125C5.5 0.501562 6.00156 0 6.625 0ZM19 20.25C19.4125 20.25 19.75 19.9125 19.75 19.5V16.5H15.625V20.25H19ZM19.75 14.25V10.5H15.625V14.25H19.75ZM13.375 14.25V10.5H9.625V14.25H13.375ZM7.375 14.25V10.5H3.25V14.25H7.375ZM3.25 16.5V19.5C3.25 19.9125 3.5875 20.25 4 20.25H7.375V16.5H3.25ZM9.625 16.5V20.25H13.375V16.5H9.625ZM6.625 5.25H4C3.5875 5.25 3.25 5.5875 3.25 6V8.25H19.75V6C19.75 5.5875 19.4125 5.25 19 5.25H6.625Z", fill: "#4B5563" }) }), Lc = () => /* @__PURE__ */ e("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ e("path", { d: "M8.25 6C8.25 5.00544 8.64509 4.05161 9.34835 3.34835C10.0516 2.64509 11.0054 2.25 12 2.25C12.9946 2.25 13.9484 2.64509 14.6517 3.34835C15.3549 4.05161 15.75 5.00544 15.75 6C15.75 6.99456 15.3549 7.94839 14.6517 8.65165C13.9484 9.35491 12.9946 9.75 12 9.75C11.0054 9.75 10.0516 9.35491 9.34835 8.65165C8.64509 7.94839 8.25 6.99456 8.25 6ZM18 6C18 4.4087 17.3679 2.88258 16.2426 1.75736C15.1174 0.632141 13.5913 0 12 0C10.4087 0 8.88258 0.632141 7.75736 1.75736C6.63214 2.88258 6 4.4087 6 6C6 7.5913 6.63214 9.11742 7.75736 10.2426C8.88258 11.3679 10.4087 12 12 12C13.5913 12 15.1174 11.3679 16.2426 10.2426C17.3679 9.11742 18 7.5913 18 6ZM3.75 22.5C3.75 19.1859 6.43594 16.5 9.75 16.5H14.25C17.5641 16.5 20.25 19.1859 20.25 22.5V22.875C20.25 23.4984 20.7516 24 21.375 24C21.9984 24 22.5 23.4984 22.5 22.875V22.5C22.5 17.9438 18.8062 14.25 14.25 14.25H9.75C5.19375 14.25 1.5 17.9438 1.5 22.5V22.875C1.5 23.4984 2.00156 24 2.625 24C3.24844 24 3.75 23.4984 3.75 22.875V22.5Z", fill: "#4B5563" }) }), Yt = () => /* @__PURE__ */ e("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "16", viewBox: "0 0 24 16", fill: "none", children: /* @__PURE__ */ e("path", { d: "M8.55417 0C7.84583 0 7.16667 0.279167 6.66667 0.779167L0.391667 7.05833C0.141667 7.30833 0 7.64583 0 8C0 8.35417 0.141667 8.69167 0.391667 8.94167L6.66667 15.2208C7.16667 15.7208 7.84583 16 8.55417 16H21.3333C22.8042 16 24 14.8042 24 13.3333V2.66667C24 1.19583 22.8042 0 21.3333 0H8.55417ZM22 2.66667V13.3333C22 13.7 21.7 14 21.3333 14H8.55417C8.37917 14 8.20833 13.9292 8.08333 13.8042L2.275 8L8.07917 2.19583C8.20417 2.07083 8.375 2 8.55 2H21.3333C21.7 2 22 2.3 22 2.66667ZM11.8375 5.17083C11.4458 5.5625 11.4458 6.19583 11.8375 6.58333L13.25 7.99583L11.8375 9.40833C11.4458 9.8 11.4458 10.4333 11.8375 10.8208C12.2292 11.2083 12.8625 11.2125 13.25 10.8208L14.6625 9.40833L16.075 10.8208C16.4667 11.2125 17.1 11.2125 17.4875 10.8208C17.875 10.4292 17.8792 9.79583 17.4875 9.40833L16.075 7.99583L17.4875 6.58333C17.8792 6.19167 17.8792 5.55833 17.4875 5.17083C17.0958 4.78333 16.4625 4.77917 16.075 5.17083L14.6625 6.58333L13.25 5.17083C12.8583 4.77917 12.225 4.77917 11.8375 5.17083Z", fill: "#1F2937" }) }), Iu = ({
+] }), Mc = () => /* @__PURE__ */ e("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ e("path", { d: "M6.625 0C7.24844 0 7.75 0.501562 7.75 1.125V3H15.25V1.125C15.25 0.501562 15.7516 0 16.375 0C16.9984 0 17.5 0.501562 17.5 1.125V3H19C20.6547 3 22 4.34531 22 6V19.5C22 21.1547 20.6547 22.5 19 22.5H4C2.34531 22.5 1 21.1547 1 19.5V6C1 4.34531 2.34531 3 4 3H5.5V1.125C5.5 0.501562 6.00156 0 6.625 0ZM19 20.25C19.4125 20.25 19.75 19.9125 19.75 19.5V16.5H15.625V20.25H19ZM19.75 14.25V10.5H15.625V14.25H19.75ZM13.375 14.25V10.5H9.625V14.25H13.375ZM7.375 14.25V10.5H3.25V14.25H7.375ZM3.25 16.5V19.5C3.25 19.9125 3.5875 20.25 4 20.25H7.375V16.5H3.25ZM9.625 16.5V20.25H13.375V16.5H9.625ZM6.625 5.25H4C3.5875 5.25 3.25 5.5875 3.25 6V8.25H19.75V6C19.75 5.5875 19.4125 5.25 19 5.25H6.625Z", fill: "#4B5563" }) }), Lc = () => /* @__PURE__ */ e("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ e("path", { d: "M8.25 6C8.25 5.00544 8.64509 4.05161 9.34835 3.34835C10.0516 2.64509 11.0054 2.25 12 2.25C12.9946 2.25 13.9484 2.64509 14.6517 3.34835C15.3549 4.05161 15.75 5.00544 15.75 6C15.75 6.99456 15.3549 7.94839 14.6517 8.65165C13.9484 9.35491 12.9946 9.75 12 9.75C11.0054 9.75 10.0516 9.35491 9.34835 8.65165C8.64509 7.94839 8.25 6.99456 8.25 6ZM18 6C18 4.4087 17.3679 2.88258 16.2426 1.75736C15.1174 0.632141 13.5913 0 12 0C10.4087 0 8.88258 0.632141 7.75736 1.75736C6.63214 2.88258 6 4.4087 6 6C6 7.5913 6.63214 9.11742 7.75736 10.2426C8.88258 11.3679 10.4087 12 12 12C13.5913 12 15.1174 11.3679 16.2426 10.2426C17.3679 9.11742 18 7.5913 18 6ZM3.75 22.5C3.75 19.1859 6.43594 16.5 9.75 16.5H14.25C17.5641 16.5 20.25 19.1859 20.25 22.5V22.875C20.25 23.4984 20.7516 24 21.375 24C21.9984 24 22.5 23.4984 22.5 22.875V22.5C22.5 17.9438 18.8062 14.25 14.25 14.25H9.75C5.19375 14.25 1.5 17.9438 1.5 22.5V22.875C1.5 23.4984 2.00156 24 2.625 24C3.24844 24 3.75 23.4984 3.75 22.875V22.5Z", fill: "#4B5563" }) }), Yt = () => /* @__PURE__ */ e("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "16", viewBox: "0 0 24 16", fill: "none", children: /* @__PURE__ */ e("path", { d: "M8.55417 0C7.84583 0 7.16667 0.279167 6.66667 0.779167L0.391667 7.05833C0.141667 7.30833 0 7.64583 0 8C0 8.35417 0.141667 8.69167 0.391667 8.94167L6.66667 15.2208C7.16667 15.7208 7.84583 16 8.55417 16H21.3333C22.8042 16 24 14.8042 24 13.3333V2.66667C24 1.19583 22.8042 0 21.3333 0H8.55417ZM22 2.66667V13.3333C22 13.7 21.7 14 21.3333 14H8.55417C8.37917 14 8.20833 13.9292 8.08333 13.8042L2.275 8L8.07917 2.19583C8.20417 2.07083 8.375 2 8.55 2H21.3333C21.7 2 22 2.3 22 2.66667ZM11.8375 5.17083C11.4458 5.5625 11.4458 6.19583 11.8375 6.58333L13.25 7.99583L11.8375 9.40833C11.4458 9.8 11.4458 10.4333 11.8375 10.8208C12.2292 11.2083 12.8625 11.2125 13.25 10.8208L14.6625 9.40833L16.075 10.8208C16.4667 11.2125 17.1 11.2125 17.4875 10.8208C17.875 10.4292 17.8792 9.79583 17.4875 9.40833L16.075 7.99583L17.4875 6.58333C17.8792 6.19167 17.8792 5.55833 17.4875 5.17083C17.0958 4.78333 16.4625 4.77917 16.075 5.17083L14.6625 6.58333L13.25 5.17083C12.8583 4.77917 12.225 4.77917 11.8375 5.17083Z", fill: "#1F2937" }) }), Tu = ({
   onSearch: t,
   onGuestChange: a,
   onQueryChange: n,
@@ -3051,7 +3051,7 @@ const Bu = (t, a) => {
       ]
     }
   );
-}, Au = ({
+}, Wu = ({
   hotel: t,
   onFavoriteClick: a,
   onContentClick: n,
@@ -3655,7 +3655,7 @@ const Zc = "_container_qwg4p_16", Oc = "_containerDropdown_qwg4p_23", Fc = "_con
     ] }),
     /* @__PURE__ */ e("div", { className: he.footer, children: /* @__PURE__ */ e("button", { type: "button", onClick: z, className: he.searchButton, children: /* @__PURE__ */ e("span", { children: g("button.search") }) }) })
   ] });
-}, Tu = ({
+}, Eu = ({
   isOpen: t,
   onClose: a,
   onSearch: n,
@@ -4906,7 +4906,7 @@ const B1 = ({
   filterPanel: Ud,
   footer: Xd,
   footerLink: Qd
-}, e2 = () => /* @__PURE__ */ e("svg", { xmlns: "http://www.w3.org/2000/svg", width: "15", height: "15", viewBox: "0 0 15 15", fill: "none", children: /* @__PURE__ */ e("path", { d: "M0.275391 1.59961C-0.0917969 1.23242 -0.0917969 0.638672 0.275391 0.275391C0.642578 -0.0878906 1.23633 -0.0917969 1.59961 0.275391L7.49805 6.17383L13.3965 0.275391C13.7637 -0.0917969 14.3574 -0.0917969 14.7207 0.275391C15.084 0.642578 15.0879 1.23633 14.7207 1.59961L8.82226 7.49805L14.7207 13.3965C15.0879 13.7637 15.0879 14.3574 14.7207 14.7207C14.3535 15.084 13.7598 15.0879 13.3965 14.7207L7.49805 8.82226L1.59961 14.7207C1.23242 15.0879 0.638672 15.0879 0.275391 14.7207C-0.0878906 14.3535 -0.0917969 13.7598 0.275391 13.3965L6.17383 7.49805L0.275391 1.59961Z", fill: "#1F2937" }) }), Wu = ({
+}, e2 = () => /* @__PURE__ */ e("svg", { xmlns: "http://www.w3.org/2000/svg", width: "15", height: "15", viewBox: "0 0 15 15", fill: "none", children: /* @__PURE__ */ e("path", { d: "M0.275391 1.59961C-0.0917969 1.23242 -0.0917969 0.638672 0.275391 0.275391C0.642578 -0.0878906 1.23633 -0.0917969 1.59961 0.275391L7.49805 6.17383L13.3965 0.275391C13.7637 -0.0917969 14.3574 -0.0917969 14.7207 0.275391C15.084 0.642578 15.0879 1.23633 14.7207 1.59961L8.82226 7.49805L14.7207 13.3965C15.0879 13.7637 15.0879 14.3574 14.7207 14.7207C14.3535 15.084 13.7598 15.0879 13.3965 14.7207L7.49805 8.82226L1.59961 14.7207C1.23242 15.0879 0.638672 15.0879 0.275391 14.7207C-0.0878906 14.3535 -0.0917969 13.7598 0.275391 13.3965L6.17383 7.49805L0.275391 1.59961Z", fill: "#1F2937" }) }), zu = ({
   isOpen: t,
   onClose: a,
   resultCount: n = 0,
@@ -5448,7 +5448,7 @@ const y2 = ({ className: t = "", size: a = 16 }) => /* @__PURE__ */ o(
   }
 );
 y2.displayName = "PinIcon";
-const Eu = (t, a = "CHF", n = "de-CH") => new Intl.NumberFormat(n, {
+const Vu = (t, a = "CHF", n = "de-CH") => new Intl.NumberFormat(n, {
   style: "currency",
   currency: a,
   minimumFractionDigits: 0,
@@ -8039,10 +8039,10 @@ const tu = {
 }, $u = { de: Mn, en: yn, fr: Yh, it: Nu }, cn = (t, a = "dd. MMM yyyy", n = "de") => {
   const r = typeof t == "string" ? L5(t) : t;
   return $5(r, a, { locale: $u[n] || Mn });
-}, zu = (t, a, n = "de") => {
+}, Ru = (t, a, n = "de") => {
   const r = cn(t, "dd.", n), s = cn(a, "dd. MMM yyyy", n);
   return `${r} - ${s}`;
-}, Vu = (t, a) => t <= 0 ? 0 : Math.round((t - a) / t * 100), Mu = ({
+}, ju = (t, a) => t <= 0 ? 0 : Math.round((t - a) / t * 100), Mu = ({
   fullName: t,
   cardNumber: a,
   validFrom: n,
@@ -8072,6 +8072,52 @@ const tu = {
   );
 };
 Mu.displayName = "MembershipCard";
+const Lu = () => /* @__PURE__ */ e(
+  "svg",
+  {
+    width: 20,
+    height: 20,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /* @__PURE__ */ e(
+      "path",
+      {
+        d: "M5 12H19M19 12L12 5M19 12L12 19",
+        stroke: "currentColor",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    )
+  }
+), xu = ({
+  image: t,
+  label: a,
+  onClick: n,
+  className: r
+}) => /* @__PURE__ */ o(
+  "div",
+  {
+    className: `hc-experience-card${r ? ` ${r}` : ""}`,
+    onClick: n,
+    children: [
+      /* @__PURE__ */ e(
+        "img",
+        {
+          src: t,
+          alt: a,
+          className: "hc-experience-card__image"
+        }
+      ),
+      /* @__PURE__ */ o("div", { className: "hc-experience-card__frame", children: [
+        /* @__PURE__ */ e("div", { className: "hc-experience-card__label", children: a }),
+        /* @__PURE__ */ e("div", { className: "hc-experience-card__arrow", children: /* @__PURE__ */ e(Lu, {}) })
+      ] })
+    ]
+  }
+);
+xu.displayName = "ExperienceCard";
 export {
   un as Badge,
   kt as BaseCard,
@@ -8096,29 +8142,30 @@ export {
   Qs as Dropdown,
   ii as DualCalendar,
   lo as EmptyState,
+  xu as ExperienceCard,
   i1 as ExperienceFilter,
   ro as FAQ,
   h2 as FeaturedBookingCard,
   f2 as FeaturedBookingCardSkeleton,
   Fe as FilterCheckboxItem,
   gd as FilterMinimap,
-  Wu as FilterModal,
+  zu as FilterModal,
   Od as FilterPanel,
   bt as FilterSkeleton,
   fn as GuestContent,
   bi as GuestSelector,
   w2 as HeartIcon,
-  Au as HotelCard,
+  Wu as HotelCard,
   Vc as HotelCardContent,
   Pc as HotelCardImage,
   Rc as HotelCardSkeleton,
-  Hu as HotelCardUIProvider,
+  Pu as HotelCardUIProvider,
   g1 as HotelCategoryFilter,
   eo as Input,
   Fi as LocationAutocomplete,
   p1 as MealsFilter,
   Mu as MembershipCard,
-  Pu as MobileSortModal,
+  Au as MobileSortModal,
   qs as Modal,
   co as Pin,
   y2 as PinIcon,
@@ -8129,8 +8176,8 @@ export {
   J1 as RegionsFilter,
   no as ReviewCard,
   ed as ReviewsFilter,
-  Iu as SearchControlsBar,
-  Tu as SearchModal,
+  Tu as SearchControlsBar,
+  Eu as SearchModal,
   Pl as SearchModalContent,
   Fs as SectionHeader,
   od as SelectedFiltersRow,
@@ -8138,12 +8185,12 @@ export {
   id as TransportFilter,
   cd as WellnessFilter,
   pn as WhenContent,
-  Vu as calculateDiscount,
+  ju as calculateDiscount,
   cn as formatDate,
-  zu as formatDateRange,
-  Eu as formatPrice,
+  Ru as formatDateRange,
+  Vu as formatPrice,
   Vt as translations,
-  Bu as useDebounce,
+  Iu as useDebounce,
   ft as useResponsive,
   ho as useTranslation,
   ue as useUIContext,