@hotelcard/ui 0.0.3 → 0.0.5

package/dist/index.mjs

@@ -1,1042 +0,0 @@
-// src/components/Button/Button.tsx
-import { forwardRef } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var cx = (className) => `hc-btn-${className}`;
-var Button = forwardRef(({
-  variant = "primary",
-  size = "medium",
-  leftIcon,
-  rightIcon,
-  children,
-  className = "",
-  disabled,
-  iconOnly = false,
-  style,
-  ...props
-}, ref) => {
-  const getButtonClasses = () => {
-    const classes = [cx("button")];
-    if (variant === "link") {
-      classes.push(cx("link"));
-      classes.push(cx(size));
-      return classes.join(" ");
-    }
-    if (iconOnly) {
-      classes.push(cx("icon-only"));
-      classes.push(cx(size));
-      classes.push(cx(variant));
-      return classes.join(" ");
-    }
-    classes.push(cx("standard"));
-    classes.push(cx(size));
-    classes.push(cx(variant));
-    return classes.join(" ");
-  };
-  return /* @__PURE__ */ jsx(
-    "button",
-    {
-      ref,
-      style,
-      className: `${getButtonClasses()} ${className}`,
-      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 })
-      ] })
-    }
-  );
-});
-Button.displayName = "Button";
-
-// src/components/Badge/Badge.tsx
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var cx2 = (className) => `hc-badge-${className}`;
-var Badge = ({
-  color = "primary",
-  size = "large",
-  style = "heavy",
-  icon = false,
-  children,
-  className = ""
-}) => {
-  const colorStyleKey = `${color}${style.charAt(0).toUpperCase()}${style.slice(1)}`;
-  const badgeClasses = [
-    cx2("badge"),
-    cx2(`badge--${size}`),
-    cx2(`badge--${colorStyleKey}`),
-    className
-  ].filter(Boolean).join(" ");
-  const iconClasses = [
-    cx2("icon"),
-    cx2(`icon--${size}`)
-  ].join(" ");
-  const textClasses = [
-    cx2("text"),
-    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 })
-  ] });
-};
-Badge.displayName = "Badge";
-
-// src/components/Rating/Rating.tsx
-import { jsx as jsx3, 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" }) }) })
-] });
-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(
-    "path",
-    {
-      clipPath: "url(#half)",
-      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(
-    "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"
-    }
-  )
-] });
-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" }) }) })
-] });
-var Rating = ({
-  variant = "stars",
-  value,
-  maxValue = 5,
-  showValue = false,
-  name,
-  date,
-  quote,
-  size = "medium",
-  className = ""
-}) => {
-  const clampedValue = Math.min(Math.max(0, value), maxValue);
-  const fullStars = Math.floor(clampedValue);
-  const hasHalfStar = clampedValue % 1 >= 0.5;
-  const emptyStars = maxValue - fullStars - (hasHalfStar ? 1 : 0);
-  const renderStars = () => {
-    const starClasses = [
-      cx3("star"),
-      cx3(`star--${size}`)
-    ].filter(Boolean).join(" ");
-    const stars = [];
-    for (let i = 0; i < fullStars; i++) {
-      stars.push(
-        /* @__PURE__ */ jsx3("span", { className: starClasses, children: /* @__PURE__ */ jsx3(StarIcon, {}) }, `full-${i}`)
-      );
-    }
-    if (hasHalfStar) {
-      stars.push(
-        /* @__PURE__ */ jsx3("span", { className: starClasses, children: /* @__PURE__ */ jsx3(HalfStarIcon, {}) }, "half")
-      );
-    }
-    for (let i = 0; i < emptyStars; i++) {
-      stars.push(
-        /* @__PURE__ */ jsx3("span", { className: starClasses, children: /* @__PURE__ */ jsx3(EmptyStarIcon, {}) }, `empty-${i}`)
-      );
-    }
-    return stars;
-  };
-  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") })
-    ] });
-  }
-  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() })
-    ] });
-  }
-  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() })
-      ] }),
-      date && /* @__PURE__ */ jsx3("span", { className: cx3("blockDate"), children: date })
-    ] }),
-    quote && /* @__PURE__ */ jsx3("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";
-var cx4 = (className) => `hc-divider-${className}`;
-var Divider = ({
-  label,
-  orientation = "horizontal",
-  className = ""
-}) => {
-  const isHorizontal = orientation === "horizontal";
-  if (!label) {
-    const lineClass2 = isHorizontal ? cx4("lineStandalone--horizontal") : cx4("lineStandalone--vertical");
-    return /* @__PURE__ */ jsx4(
-      "div",
-      {
-        className: [lineClass2, className].filter(Boolean).join(" "),
-        role: "separator",
-        "aria-orientation": orientation
-      }
-    );
-  }
-  const containerClass = isHorizontal ? cx4("container--horizontal") : cx4("container--vertical");
-  const lineClass = isHorizontal ? cx4("line--horizontal") : cx4("line--vertical");
-  const containerClasses = [
-    cx4("container"),
-    containerClass,
-    className
-  ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsxs4(
-    "div",
-    {
-      className: containerClasses,
-      role: "separator",
-      "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 })
-      ]
-    }
-  );
-};
-Divider.displayName = "Divider";
-
-// src/components/Chip/Chip.tsx
-import { jsx as jsx5, 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" }) }) })
-] });
-var Chip = ({
-  label,
-  count,
-  size = "small",
-  state = "idle",
-  removable = true,
-  onClick,
-  onRemove,
-  className = "",
-  disabled = false
-}) => {
-  const effectiveState = disabled ? "disabled" : state;
-  const chipClasses = [
-    cx5("chip"),
-    cx5(`chip--${size}`),
-    cx5(`chip--${effectiveState}`),
-    className
-  ].filter(Boolean).join(" ");
-  const labelClasses = [cx5("label"), cx5(`label--${size}`)].join(" ");
-  const countBadgeClasses = [cx5("countBadge"), cx5(`countBadge--${size}`)].join(" ");
-  const handleClick = () => {
-    if (disabled) return;
-    if (removable && onRemove) {
-      onRemove();
-    } else if (onClick) {
-      onClick();
-    }
-  };
-  const handleKeyDown = (e) => {
-    if (disabled) return;
-    if (e.key === "Enter" || e.key === " ") {
-      e.preventDefault();
-      if (removable && onRemove) {
-        onRemove();
-      } else if (onClick) {
-        onClick();
-      }
-    }
-  };
-  return /* @__PURE__ */ jsxs5(
-    "button",
-    {
-      type: "button",
-      className: chipClasses,
-      onClick: handleClick,
-      onKeyDown: handleKeyDown,
-      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, {}) })
-      ]
-    }
-  );
-};
-Chip.displayName = "Chip";
-
-// src/components/Checkbox/Checkbox.tsx
-import { useState } from "react";
-import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
-var cx6 = (className) => `hc-checkbox-${className}`;
-var Checkbox = ({
-  label,
-  checked,
-  defaultChecked = false,
-  onChange,
-  disabled = false,
-  error = false,
-  name,
-  id,
-  className = "",
-  size = "medium"
-}) => {
-  const [localChecked, setLocalChecked] = useState(defaultChecked);
-  const [isFocused, setIsFocused] = useState(false);
-  const actualChecked = checked !== void 0 ? checked : localChecked;
-  const handleChange = (e) => {
-    const newChecked = e.target.checked;
-    if (checked === void 0) {
-      setLocalChecked(newChecked);
-    }
-    onChange?.(newChecked);
-  };
-  const containerClasses = [
-    cx6("container"),
-    disabled && cx6("container--disabled"),
-    className
-  ].filter(Boolean).join(" ");
-  const wrapperClasses = [
-    cx6("wrapper"),
-    cx6(`wrapper--${size}`)
-  ].filter(Boolean).join(" ");
-  const boxClasses = [
-    cx6("box"),
-    cx6(`box--${size}`),
-    actualChecked && cx6("box--checked"),
-    disabled && cx6("box--disabled"),
-    error && !actualChecked && cx6("box--error"),
-    isFocused && cx6("box--focused")
-  ].filter(Boolean).join(" ");
-  const inputClasses = [
-    cx6("input"),
-    disabled && cx6("input--disabled")
-  ].filter(Boolean).join(" ");
-  const checkmarkClasses = [
-    cx6("checkmark"),
-    cx6(`checkmark--${size}`),
-    actualChecked && cx6("checkmark--checked")
-  ].filter(Boolean).join(" ");
-  const labelClasses = [
-    cx6("label"),
-    disabled && cx6("label--disabled"),
-    error && !disabled && cx6("label--error")
-  ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsxs6("label", { className: containerClasses, children: [
-    /* @__PURE__ */ jsxs6("div", { className: wrapperClasses, children: [
-      /* @__PURE__ */ jsx6("div", { className: boxClasses }),
-      /* @__PURE__ */ jsx6(
-        "input",
-        {
-          type: "checkbox",
-          id,
-          name,
-          checked: actualChecked,
-          onChange: handleChange,
-          disabled,
-          className: inputClasses,
-          onFocus: () => setIsFocused(true),
-          onBlur: () => setIsFocused(false),
-          "aria-invalid": error
-        }
-      ),
-      /* @__PURE__ */ jsx6(
-        "svg",
-        {
-          className: checkmarkClasses,
-          viewBox: "0 0 12 12",
-          fill: "none",
-          xmlns: "http://www.w3.org/2000/svg",
-          children: /* @__PURE__ */ jsx6(
-            "path",
-            {
-              d: "M2.5 6L5 8.5L9.5 3.5",
-              stroke: "var(--content-action-highlight-inverse-idle, #ffffff)",
-              strokeWidth: "2",
-              strokeLinecap: "round",
-              strokeLinejoin: "round"
-            }
-          )
-        }
-      )
-    ] }),
-    label && /* @__PURE__ */ jsx6("span", { className: labelClasses, children: label })
-  ] });
-};
-Checkbox.displayName = "Checkbox";
-
-// src/components/RadioButton/RadioButton.tsx
-import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
-var cx7 = (className) => `hc-radio-${className}`;
-var RadioButton = ({
-  id,
-  checked,
-  onChange,
-  name,
-  value,
-  disabled = false,
-  className = "",
-  label,
-  autoComplete
-}) => {
-  const handleClick = () => {
-    if (!disabled && !checked) {
-      onChange(true);
-    }
-  };
-  const handleKeyDown = (event) => {
-    if (!disabled && (event.key === "Enter" || event.key === " ")) {
-      event.preventDefault();
-      if (!checked) {
-        onChange(true);
-      }
-    }
-  };
-  const containerClasses = [
-    cx7("container"),
-    disabled && cx7("container--disabled"),
-    className
-  ].filter(Boolean).join(" ");
-  const outerCircleClasses = [
-    cx7("outerCircle"),
-    checked && cx7("outerCircle--checked"),
-    disabled && cx7("outerCircle--disabled")
-  ].filter(Boolean).join(" ");
-  const innerDotClasses = [
-    cx7("innerDot"),
-    checked && cx7("innerDot--checked")
-  ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsxs7(
-    "div",
-    {
-      role: "radio",
-      "aria-checked": checked,
-      tabIndex: disabled ? -1 : 0,
-      onClick: handleClick,
-      onKeyDown: handleKeyDown,
-      className: containerClasses,
-      "aria-disabled": disabled,
-      children: [
-        /* @__PURE__ */ jsxs7("div", { className: cx7("wrapper"), children: [
-          /* @__PURE__ */ jsx7(
-            "input",
-            {
-              id,
-              type: "radio",
-              name,
-              value,
-              checked,
-              disabled,
-              autoComplete,
-              onChange: () => {
-              },
-              className: cx7("hiddenInput")
-            }
-          ),
-          /* @__PURE__ */ jsx7("div", { className: outerCircleClasses }),
-          /* @__PURE__ */ jsx7("div", { className: innerDotClasses })
-        ] }),
-        label && /* @__PURE__ */ jsx7("label", { htmlFor: id, className: cx7("label"), children: label })
-      ]
-    }
-  );
-};
-RadioButton.displayName = "RadioButton";
-
-// src/components/SectionHeader/SectionHeader.tsx
-import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
-var cx8 = (className) => `hc-section-${className}`;
-var ChevronRightIcon = () => /* @__PURE__ */ jsx8(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "16",
-    height: "16",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    children: /* @__PURE__ */ jsx8("polyline", { points: "9 18 15 12 9 6" })
-  }
-);
-var SectionHeader = ({
-  title,
-  showAllLabel,
-  onShowAllClick,
-  className = ""
-}) => {
-  const headerClasses = [cx8("header"), className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsxs8("div", { className: headerClasses, children: [
-    /* @__PURE__ */ jsx8("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, {})
-    ] })
-  ] });
-};
-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";
-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(
-  "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",
-    fill: "currentColor"
-  }
-) });
-var Modal = ({
-  isOpen,
-  onClose,
-  children,
-  width = "var(--grid-tablet-device-width, 600px)",
-  className = "",
-  showCloseButton = true,
-  disableBackdropClick = false
-}) => {
-  const modalRef = useRef(null);
-  useEffect(() => {
-    const handleEscape = (e) => {
-      if (e.key === "Escape" && isOpen) {
-        onClose();
-      }
-    };
-    if (isOpen) {
-      document.addEventListener("keydown", handleEscape);
-      document.body.style.overflow = "hidden";
-    }
-    return () => {
-      document.removeEventListener("keydown", handleEscape);
-      document.body.style.overflow = "";
-    };
-  }, [isOpen, onClose]);
-  const handleBackdropClick = (e) => {
-    if (e.target === e.currentTarget && !disableBackdropClick) {
-      onClose();
-    }
-  };
-  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(
-    "div",
-    {
-      ref: modalRef,
-      className: modalClasses,
-      style: { maxWidth: width },
-      children: [
-        showCloseButton && /* @__PURE__ */ jsx9(
-          "button",
-          {
-            className: cx9("closeButton"),
-            onClick: onClose,
-            "aria-label": "Close modal",
-            children: /* @__PURE__ */ jsx9(CloseIcon2, {})
-          }
-        ),
-        children
-      ]
-    }
-  ) });
-  if (typeof document !== "undefined") {
-    return createPortal(modalContent, document.body);
-  }
-  return modalContent;
-};
-Modal.displayName = "Modal";
-
-// src/components/CompactCard/CompactCard.tsx
-import { Fragment as Fragment2, jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
-var cx10 = (className) => `hc-compact-${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_compact_star)", children: /* @__PURE__ */ jsx10(
-    "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_compact_star", children: /* @__PURE__ */ jsx10("rect", { width: "8", height: "8", fill: "white", transform: "translate(0.800049 0.199951)" }) }) })
-] });
-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 CompactCard = ({
-  image,
-  imageAlt = "",
-  label,
-  price,
-  stars,
-  isSuperior = false,
-  badge,
-  onClick,
-  className = "",
-  swissLodgeLabel = "Swiss Lodge"
-}) => {
-  const hasRating = stars !== void 0 && stars > 0;
-  const containerClasses = [
-    cx10("card"),
-    onClick && cx10("card--clickable"),
-    className
-  ].filter(Boolean).join(" ");
-  const labelClasses = [
-    cx10("label"),
-    !hasRating && cx10("label--noRating")
-  ].filter(Boolean).join(" ");
-  const priceClasses = [
-    cx10("price"),
-    !hasRating && cx10("price--noRating")
-  ].filter(Boolean).join(" ");
-  const displayImage = image || PLACEHOLDER;
-  const handleKeyDown = (e) => {
-    if (onClick && (e.key === "Enter" || e.key === " ")) {
-      e.preventDefault();
-      onClick();
-    }
-  };
-  return /* @__PURE__ */ jsxs10(
-    "div",
-    {
-      className: containerClasses,
-      onClick,
-      onKeyDown: handleKeyDown,
-      role: onClick ? "button" : void 0,
-      tabIndex: onClick ? 0 : void 0,
-      children: [
-        /* @__PURE__ */ jsxs10("div", { className: cx10("imageContainer"), children: [
-          /* @__PURE__ */ jsx10(
-            "img",
-            {
-              src: displayImage,
-              alt: imageAlt,
-              className: cx10("image"),
-              loading: "lazy"
-            }
-          ),
-          /* @__PURE__ */ jsx10("div", { className: cx10("shadowOverlay") }),
-          badge && /* @__PURE__ */ jsx10("div", { className: cx10("badgeWrapper"), children: /* @__PURE__ */ jsx10(
-            "span",
-            {
-              className: `${cx10("badge")} ${badge.variant === "secondary" ? cx10("badge--secondary") : cx10("badge--primary")}`,
-              children: badge.text
-            }
-          ) })
-        ] }),
-        /* @__PURE__ */ jsxs10("div", { className: cx10("textContainer"), children: [
-          /* @__PURE__ */ jsx10("div", { className: cx10("starsRow"), children: stars !== void 0 && stars > 0 ? /* @__PURE__ */ jsx10(Fragment2, { children: stars === 6 ? /* @__PURE__ */ jsx10("span", { className: cx10("swissLodge"), children: swissLodgeLabel }) : /* @__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)" })
-          ] }) }) : (
-            // Empty space to maintain alignment
-            /* @__PURE__ */ jsx10("div", { className: cx10("starsPlaceholder"), children: "\xA0" })
-          ) }),
-          label && /* @__PURE__ */ jsx10("div", { className: labelClasses, children: label }),
-          price && /* @__PURE__ */ jsx10("div", { className: priceClasses, children: price })
-        ] })
-      ]
-    }
-  );
-};
-CompactCard.displayName = "CompactCard";
-
-// src/components/Dropdown/Dropdown.tsx
-import { useState as useState2, useRef as useRef2, useEffect as useEffect2 } from "react";
-import { jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
-var cx11 = (className) => `hc-dropdown-${className}`;
-var ChevronIcon = () => /* @__PURE__ */ jsx11("svg", { width: "12", height: "8", viewBox: "0 0 12 8", fill: "none", children: /* @__PURE__ */ jsx11(
-  "path",
-  {
-    d: "M1 1L6 6L11 1",
-    stroke: "currentColor",
-    strokeWidth: "1.5",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }
-) });
-var Dropdown = ({
-  options = [],
-  disabled = false,
-  error = false,
-  defaultValue,
-  value,
-  onChange,
-  className = "",
-  name,
-  id,
-  placeholder = "Select..."
-}) => {
-  const [localValue, setLocalValue] = useState2(defaultValue || "");
-  const [isOpen, setIsOpen] = useState2(false);
-  const [isFocused, setIsFocused] = useState2(false);
-  const dropdownRef = useRef2(null);
-  const actualValue = value !== void 0 ? value : localValue;
-  const selectedLabel = options.find((o) => o.value === actualValue)?.label || placeholder;
-  useEffect2(() => {
-    const handleClickOutside = (event) => {
-      if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
-        setIsOpen(false);
-      }
-    };
-    document.addEventListener("mousedown", handleClickOutside);
-    return () => document.removeEventListener("mousedown", handleClickOutside);
-  }, []);
-  const handleSelect = (selectedValue) => {
-    if (value === void 0) {
-      setLocalValue(selectedValue);
-    }
-    onChange?.(selectedValue);
-    setIsOpen(false);
-  };
-  const handleKeyDown = (event) => {
-    if (disabled) return;
-    if (event.key === "Enter" || event.key === " ") {
-      event.preventDefault();
-      setIsOpen(!isOpen);
-    } else if (event.key === "Escape") {
-      setIsOpen(false);
-    }
-  };
-  const containerClasses = [
-    cx11("container"),
-    disabled && cx11("container--disabled"),
-    className
-  ].filter(Boolean).join(" ");
-  const buttonClasses = [
-    cx11("button"),
-    error && cx11("button--error"),
-    isFocused && !error && cx11("button--focus"),
-    disabled && cx11("button--disabled"),
-    isOpen && cx11("button--open")
-  ].filter(Boolean).join(" ");
-  const chevronClasses = [
-    cx11("chevron"),
-    isOpen && cx11("chevron--open")
-  ].filter(Boolean).join(" ");
-  const listClasses = [
-    cx11("list"),
-    isOpen && cx11("list--open")
-  ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsxs11("div", { ref: dropdownRef, className: containerClasses, children: [
-    /* @__PURE__ */ jsxs11(
-      "div",
-      {
-        className: buttonClasses,
-        tabIndex: disabled ? -1 : 0,
-        onClick: () => !disabled && setIsOpen(!isOpen),
-        onKeyDown: handleKeyDown,
-        onFocus: () => !disabled && setIsFocused(true),
-        onBlur: () => setIsFocused(false),
-        role: "combobox",
-        "aria-haspopup": "listbox",
-        "aria-expanded": isOpen,
-        "aria-disabled": disabled,
-        children: [
-          /* @__PURE__ */ jsx11("span", { children: selectedLabel }),
-          /* @__PURE__ */ jsx11("span", { className: chevronClasses, children: /* @__PURE__ */ jsx11(ChevronIcon, {}) })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx11("ul", { role: "listbox", className: listClasses, children: options.map((option) => /* @__PURE__ */ jsx11(
-      "li",
-      {
-        role: "option",
-        "aria-selected": actualValue === option.value,
-        onClick: () => handleSelect(option.value),
-        className: `${cx11("option")} ${actualValue === option.value ? cx11("option--selected") : ""}`,
-        children: option.label
-      },
-      option.value
-    )) }),
-    /* @__PURE__ */ jsxs11(
-      "select",
-      {
-        id,
-        name,
-        value: actualValue,
-        onChange: (e) => handleSelect(e.target.value),
-        disabled,
-        className: cx11("hiddenSelect"),
-        children: [
-          !actualValue && /* @__PURE__ */ jsx11("option", { value: "", children: placeholder }),
-          options.map((opt) => /* @__PURE__ */ jsx11("option", { value: opt.value, children: opt.label }, opt.value))
-        ]
-      }
-    )
-  ] });
-};
-Dropdown.displayName = "Dropdown";
-
-// src/components/Input/Input.tsx
-import { useState as useState3, useRef as useRef3 } from "react";
-import { jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
-var cx12 = (className) => `hc-input-${className}`;
-var Input = ({
-  label,
-  placeholder = "Placeholder",
-  helper,
-  value,
-  defaultValue = "",
-  onChange,
-  onFocus,
-  onBlur,
-  type = "text",
-  error = false,
-  disabled = false,
-  leftIcon,
-  rightIcon,
-  prefix,
-  className = "",
-  inputClassName = "",
-  wrapperClassName = "",
-  name,
-  id,
-  required = false,
-  autoComplete,
-  autoFocus = false,
-  readOnly = false,
-  inputProps
-}) => {
-  const [localValue, setLocalValue] = useState3(defaultValue);
-  const [isFocused, setIsFocused] = useState3(false);
-  const inputRef = useRef3(null);
-  const actualValue = value !== void 0 ? value : localValue;
-  const handleChange = (e) => {
-    const newValue = e.target.value;
-    if (value === void 0) {
-      setLocalValue(newValue);
-    }
-    onChange?.(newValue);
-  };
-  const handleFocus = () => {
-    setIsFocused(true);
-    onFocus?.();
-  };
-  const handleBlur = () => {
-    setIsFocused(false);
-    onBlur?.();
-  };
-  const containerClasses = [cx12("container"), className].filter(Boolean).join(" ");
-  const labelClasses = [
-    cx12("label"),
-    (disabled || readOnly) && cx12("label--disabled")
-  ].filter(Boolean).join(" ");
-  const wrapperClasses = [
-    cx12("wrapper"),
-    isFocused && cx12("wrapper--focus"),
-    error && cx12("wrapper--error"),
-    (disabled || readOnly) && cx12("wrapper--disabled"),
-    wrapperClassName
-  ].filter(Boolean).join(" ");
-  const inputClasses = [
-    cx12("input"),
-    (disabled || readOnly) && cx12("input--disabled"),
-    inputClassName
-  ].filter(Boolean).join(" ");
-  const helperClasses = [
-    cx12("helper"),
-    error && cx12("helper--error"),
-    (disabled || readOnly) && cx12("helper--disabled")
-  ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsxs12("div", { className: containerClasses, children: [
-    label && /* @__PURE__ */ jsx12("label", { htmlFor: id, className: labelClasses, children: label }),
-    /* @__PURE__ */ jsxs12(
-      "div",
-      {
-        className: wrapperClasses,
-        onClick: () => !disabled && !readOnly && inputRef.current?.focus(),
-        children: [
-          leftIcon && /* @__PURE__ */ jsx12("div", { className: cx12("icon"), children: leftIcon }),
-          prefix && /* @__PURE__ */ jsx12("div", { className: cx12("prefix"), children: prefix }),
-          /* @__PURE__ */ jsx12(
-            "input",
-            {
-              ref: inputRef,
-              type,
-              id,
-              name,
-              value: actualValue,
-              onChange: handleChange,
-              onFocus: handleFocus,
-              onBlur: handleBlur,
-              placeholder,
-              disabled,
-              required,
-              autoComplete,
-              autoFocus,
-              readOnly,
-              className: inputClasses,
-              ...inputProps
-            }
-          ),
-          rightIcon && rightIcon
-        ]
-      }
-    ),
-    helper && /* @__PURE__ */ jsx12("div", { className: helperClasses, children: helper })
-  ] });
-};
-Input.displayName = "Input";
-
-// src/components/icons/HeartIcon.tsx
-import { jsx as jsx13 } from "react/jsx-runtime";
-var HeartIcon = ({ filled = false, className = "", size = 24 }) => /* @__PURE__ */ jsx13(
-  "svg",
-  {
-    width: size,
-    height: size,
-    viewBox: "0 0 24 24",
-    className,
-    fill: filled ? "currentColor" : "none",
-    stroke: "currentColor",
-    strokeWidth: 2,
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    children: /* @__PURE__ */ jsx13("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" })
-  }
-);
-HeartIcon.displayName = "HeartIcon";
-
-// src/components/icons/StarIcon.tsx
-import { jsx as jsx14, jsxs as jsxs13 } from "react/jsx-runtime";
-var StarIcon3 = ({ filled = true, className = "", size = 9 }) => /* @__PURE__ */ jsxs13(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: size,
-    height: size,
-    viewBox: "0 0 9 9",
-    fill: "none",
-    className,
-    children: [
-      /* @__PURE__ */ jsx14("g", { clipPath: "url(#clip0_star_icon)", children: /* @__PURE__ */ jsx14(
-        "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__ */ jsx14("defs", { children: /* @__PURE__ */ jsx14("clipPath", { id: "clip0_star_icon", children: /* @__PURE__ */ jsx14("rect", { width: "8", height: "8", fill: "white", transform: "translate(0.800049 0.199951)" }) }) })
-    ]
-  }
-);
-StarIcon3.displayName = "StarIcon";
-
-// src/components/icons/ChevronLeftIcon.tsx
-import { jsx as jsx15 } from "react/jsx-runtime";
-var ChevronLeftIcon = ({ className = "", size = 20 }) => /* @__PURE__ */ jsx15(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: size,
-    height: size,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: 2,
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    className,
-    children: /* @__PURE__ */ jsx15("polyline", { points: "15 18 9 12 15 6" })
-  }
-);
-ChevronLeftIcon.displayName = "ChevronLeftIcon";
-
-// src/components/icons/ChevronRightIcon.tsx
-import { jsx as jsx16 } from "react/jsx-runtime";
-var ChevronRightIcon2 = ({ className = "", size = 20 }) => /* @__PURE__ */ jsx16(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: size,
-    height: size,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: 2,
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    className,
-    children: /* @__PURE__ */ jsx16("polyline", { points: "9 18 15 12 9 6" })
-  }
-);
-ChevronRightIcon2.displayName = "ChevronRightIcon";
-
-// src/components/icons/PinIcon.tsx
-import { jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
-var PinIcon = ({ className = "", size = 16 }) => /* @__PURE__ */ jsxs14(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: size,
-    height: size,
-    viewBox: "0 0 16 16",
-    fill: "none",
-    className,
-    children: [
-      /* @__PURE__ */ jsx17(
-        "path",
-        {
-          fillRule: "evenodd",
-          clipRule: "evenodd",
-          d: "M8 1.5C5.51472 1.5 3.5 3.51472 3.5 6C3.5 7.52671 4.48181 9.28285 5.83073 10.8739C6.48993 11.6504 7.18485 12.3259 7.73205 12.8316C7.8331 12.9249 7.92519 13.0096 8.00599 13.0857C8.08539 13.0108 8.17547 12.9276 8.27398 12.8362C8.81849 12.3312 9.51007 11.656 10.1655 10.8792C11.5093 9.28692 12.5 7.52773 12.5 6C12.5 3.51472 10.4853 1.5 8 1.5ZM8 14C7.57347 14.4982 7.57321 14.498 7.57291 14.4977L7.57178 14.4967L7.56899 14.4942L7.56002 14.4864C7.5525 14.4798 7.54197 14.4706 7.52861 14.4588C7.5019 14.4353 7.46403 14.4016 7.41618 14.3584C7.3205 14.272 7.18745 14.1481 7.02576 13.9917C6.70282 13.6792 6.26632 13.238 5.81302 12.7042C4.89319 11.6202 3 9.61329 3 6C3 3.23858 5.23858 1 8 1C10.7614 1 13 3.23858 13 6C13 9.61229 11.0969 11.6169 10.1732 12.6989C9.71743 13.2324 9.27901 13.6735 8.95477 13.9862C8.79239 14.1428 8.65889 14.267 8.56288 14.3537C8.51486 14.3971 8.47683 14.4309 8.45001 14.4545C8.43659 14.4664 8.42601 14.4757 8.41845 14.4823L8.40942 14.4902L8.40661 14.4927L8.40546 14.4937C8.40517 14.494 8.40492 14.4942 8 14ZM8 14L8.40492 14.4942C8.17766 14.6895 7.84451 14.6919 7.57291 14.4977L8 14Z",
-          fill: "currentColor"
-        }
-      ),
-      /* @__PURE__ */ jsx17(
-        "path",
-        {
-          fillRule: "evenodd",
-          clipRule: "evenodd",
-          d: "M8 4.5C7.17157 4.5 6.5 5.17157 6.5 6C6.5 6.82843 7.17157 7.5 8 7.5C8.82843 7.5 9.5 6.82843 9.5 6C9.5 5.17157 8.82843 4.5 8 4.5ZM6 6C6 4.89543 6.89543 4 8 4C9.10457 4 10 4.89543 10 6C10 7.10457 9.10457 8 8 8C6.89543 8 6 7.10457 6 6Z",
-          fill: "currentColor"
-        }
-      )
-    ]
-  }
-);
-PinIcon.displayName = "PinIcon";
-export {
-  Badge,
-  Button,
-  Checkbox,
-  ChevronLeftIcon,
-  ChevronRightIcon2 as ChevronRightIcon,
-  Chip,
-  CompactCard,
-  Divider,
-  Dropdown,
-  HeartIcon,
-  Input,
-  Modal,
-  PinIcon,
-  RadioButton,
-  Rating,
-  SectionHeader,
-  StarIcon3 as StarIcon
-};
-//# sourceMappingURL=index.mjs.map