@dododog/ui 0.1.0

package/dist/chunk-NHB2TI2B.js

@@ -0,0 +1,210 @@
+'use strict';
+
+var chunkADIDI7AJ_js = require('./chunk-ADIDI7AJ.js');
+var React = require('react');
+var classVarianceAuthority = require('class-variance-authority');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var autocompleteInputVariants = classVarianceAuthority.cva(
+  "w-full border bg-white transition-all placeholder:text-text-muted text-primary",
+  {
+    variants: {
+      size: {
+        sm: "px-3 py-2 text-sm rounded-xl",
+        md: "px-4 py-3 text-sm rounded-xl",
+        lg: "px-4 py-3 text-base rounded-xl"
+      },
+      variant: {
+        default: "border-gray-200 focus:border-secondary focus:outline-none focus:ring-1 focus:ring-secondary",
+        error: "border-red-300 focus:outline-none focus:ring-2 focus:ring-red-500 focus:border-red-500"
+      }
+    },
+    defaultVariants: {
+      size: "md",
+      variant: "default"
+    }
+  }
+);
+var Autocomplete = React__namespace.forwardRef(
+  ({
+    value,
+    onChange,
+    onSelect,
+    suggestions,
+    loading = false,
+    placeholder,
+    label,
+    error,
+    size,
+    variant,
+    renderSuggestion,
+    className
+  }, ref) => {
+    const [isOpen, setIsOpen] = React__namespace.useState(false);
+    const [highlightedIndex, setHighlightedIndex] = React__namespace.useState(-1);
+    const containerRef = React__namespace.useRef(null);
+    const listRef = React__namespace.useRef(null);
+    const inputRef = React__namespace.useRef(null);
+    const resolvedVariant = error ? "error" : variant ?? "default";
+    const showDropdown = isOpen && (suggestions.length > 0 || loading);
+    React__namespace.useEffect(() => {
+      const handleClickOutside = (e) => {
+        if (containerRef.current && !containerRef.current.contains(e.target)) {
+          setIsOpen(false);
+        }
+      };
+      document.addEventListener("mousedown", handleClickOutside);
+      return () => document.removeEventListener("mousedown", handleClickOutside);
+    }, []);
+    React__namespace.useEffect(() => {
+      setHighlightedIndex(-1);
+    }, [suggestions]);
+    React__namespace.useEffect(() => {
+      if (highlightedIndex >= 0 && listRef.current) {
+        const items = listRef.current.children;
+        if (items[highlightedIndex]) {
+          items[highlightedIndex].scrollIntoView({
+            block: "nearest"
+          });
+        }
+      }
+    }, [highlightedIndex]);
+    const handleSelect = (suggestion) => {
+      onChange(suggestion.label);
+      onSelect?.(suggestion);
+      setIsOpen(false);
+    };
+    const handleKeyDown = (e) => {
+      switch (e.key) {
+        case "ArrowDown":
+          e.preventDefault();
+          setHighlightedIndex(
+            (prev) => prev < suggestions.length - 1 ? prev + 1 : prev
+          );
+          break;
+        case "ArrowUp":
+          e.preventDefault();
+          setHighlightedIndex((prev) => prev > 0 ? prev - 1 : prev);
+          break;
+        case "Enter":
+          e.preventDefault();
+          if (highlightedIndex >= 0 && suggestions[highlightedIndex]) {
+            handleSelect(suggestions[highlightedIndex]);
+          }
+          break;
+        case "Escape":
+          e.preventDefault();
+          setIsOpen(false);
+          break;
+      }
+    };
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: "w-full", children: [
+      label && /* @__PURE__ */ jsxRuntime.jsx("label", { className: "block text-sm font-medium text-primary mb-1.5", children: label }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: containerRef, className: "relative", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            ref: inputRef,
+            type: "text",
+            role: "combobox",
+            "aria-expanded": showDropdown,
+            "aria-autocomplete": "list",
+            value,
+            placeholder,
+            onChange: (e) => {
+              onChange(e.target.value);
+              setIsOpen(true);
+            },
+            onFocus: () => setIsOpen(true),
+            onKeyDown: handleKeyDown,
+            className: chunkADIDI7AJ_js.cn(
+              autocompleteInputVariants({ size, variant: resolvedVariant }),
+              className
+            )
+          }
+        ),
+        loading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute right-3 top-1/2 -translate-y-1/2", children: /* @__PURE__ */ jsxRuntime.jsxs(
+          "svg",
+          {
+            className: "animate-spin h-4 w-4 text-text-muted",
+            xmlns: "http://www.w3.org/2000/svg",
+            fill: "none",
+            viewBox: "0 0 24 24",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "circle",
+                {
+                  className: "opacity-25",
+                  cx: "12",
+                  cy: "12",
+                  r: "10",
+                  stroke: "currentColor",
+                  strokeWidth: "4"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "path",
+                {
+                  className: "opacity-75",
+                  fill: "currentColor",
+                  d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"
+                }
+              )
+            ]
+          }
+        ) }),
+        showDropdown && /* @__PURE__ */ jsxRuntime.jsxs(
+          "ul",
+          {
+            ref: listRef,
+            role: "listbox",
+            className: "absolute z-50 mt-1 w-full bg-white border border-gray-200 rounded-xl shadow-lg max-h-60 overflow-auto py-1",
+            children: [
+              suggestions.map((suggestion, index) => /* @__PURE__ */ jsxRuntime.jsx(
+                "li",
+                {
+                  role: "option",
+                  "aria-selected": highlightedIndex === index,
+                  onClick: () => handleSelect(suggestion),
+                  onMouseEnter: () => setHighlightedIndex(index),
+                  className: chunkADIDI7AJ_js.cn(
+                    "px-4 py-2.5 text-sm cursor-pointer transition-colors",
+                    highlightedIndex === index ? "bg-sand-light text-primary" : "text-primary"
+                  ),
+                  children: renderSuggestion ? renderSuggestion(suggestion) : suggestion.label
+                },
+                suggestion.value
+              )),
+              loading && suggestions.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("li", { className: "px-4 py-2.5 text-sm text-text-muted", children: "Chargement..." })
+            ]
+          }
+        )
+      ] }),
+      error && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-sm text-red-500", children: error })
+    ] });
+  }
+);
+Autocomplete.displayName = "Autocomplete";
+
+exports.Autocomplete = Autocomplete;
+exports.autocompleteInputVariants = autocompleteInputVariants;

package/dist/chunk-NZ7GF6RF.mjs

@@ -0,0 +1,113 @@
+import { cn } from './chunk-IMKLN273.mjs';
+import * as React from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var Accordion = React.forwardRef(
+  ({ items, defaultOpenIndex = null, defaultOpenIndexes, allowMultiple = false, className }, ref) => {
+    const [openIndexes, setOpenIndexes] = React.useState(() => {
+      if (defaultOpenIndexes && defaultOpenIndexes.length > 0) {
+        return new Set(defaultOpenIndexes);
+      }
+      const initial = /* @__PURE__ */ new Set();
+      if (defaultOpenIndex !== null && defaultOpenIndex >= 0) {
+        initial.add(defaultOpenIndex);
+      }
+      return initial;
+    });
+    const toggle = (index) => {
+      setOpenIndexes((prev) => {
+        const next = new Set(allowMultiple ? prev : []);
+        if (prev.has(index)) {
+          next.delete(index);
+        } else {
+          next.add(index);
+        }
+        return next;
+      });
+    };
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: cn(
+          "rounded-2xl border border-gray-200 divide-y divide-gray-200",
+          className
+        ),
+        children: items.map((item, index) => /* @__PURE__ */ jsx(
+          AccordionItem,
+          {
+            title: item.title,
+            isOpen: openIndexes.has(index),
+            onToggle: () => toggle(index),
+            children: item.content
+          },
+          item.key
+        ))
+      }
+    );
+  }
+);
+Accordion.displayName = "Accordion";
+function AccordionItem({ title, isOpen, onToggle, children }) {
+  const contentRef = React.useRef(null);
+  const [height, setHeight] = React.useState(0);
+  React.useEffect(() => {
+    if (contentRef.current) {
+      setHeight(isOpen ? contentRef.current.scrollHeight : 0);
+    }
+  }, [isOpen]);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "transition-colors duration-300",
+        isOpen && "bg-gray-50/50"
+      ),
+      children: [
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            onClick: onToggle,
+            "aria-expanded": isOpen,
+            className: "w-full flex items-center justify-between py-5 px-5 text-left group",
+            children: [
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: cn(
+                    "text-base font-medium pr-4 transition-colors duration-300",
+                    isOpen ? "text-secondary" : "text-primary group-hover:text-secondary"
+                  ),
+                  children: title
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: cn(
+                    "w-7 h-7 rounded-full flex items-center justify-center shrink-0 transition-all duration-300",
+                    isOpen ? "bg-secondary text-white" : "bg-gray-100 text-gray-600 group-hover:bg-secondary/10 group-hover:text-secondary"
+                  ),
+                  children: isOpen ? /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("path", { d: "M5 12h14" }) }) : /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+                    /* @__PURE__ */ jsx("path", { d: "M5 12h14" }),
+                    /* @__PURE__ */ jsx("path", { d: "M12 5v14" })
+                  ] })
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: { height },
+            className: "overflow-hidden transition-all duration-500 ease-out",
+            children: /* @__PURE__ */ jsx("div", { ref: contentRef, className: "pb-5 px-5 pr-12", children })
+          }
+        )
+      ]
+    }
+  );
+}
+
+export { Accordion };

package/dist/chunk-O2W7NR33.mjs

@@ -0,0 +1,43 @@
+import { cn } from './chunk-IMKLN273.mjs';
+import * as React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var StatCard = React.forwardRef(
+  ({ icon, value, label, description, trend, className, ...props }, ref) => {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        className: cn(
+          "flex flex-col items-center text-center p-6 bg-white rounded-2xl border border-gray-100 shadow-sm",
+          className
+        ),
+        ...props,
+        children: [
+          icon && /* @__PURE__ */ jsx("div", { className: "w-12 h-12 rounded-full bg-secondary/10 flex items-center justify-center mb-4 text-secondary", children: icon }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-baseline gap-2", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-3xl font-bold text-primary", children: value }),
+            trend && /* @__PURE__ */ jsxs(
+              "span",
+              {
+                className: cn(
+                  "text-sm font-medium",
+                  trend.positive ? "text-green-600" : "text-red-600"
+                ),
+                children: [
+                  trend.positive ? "+" : "",
+                  trend.value
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-text-secondary mt-1", children: label }),
+          description && /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-400 mt-2 max-w-[200px]", children: description })
+        ]
+      }
+    );
+  }
+);
+StatCard.displayName = "StatCard";
+
+export { StatCard };

package/dist/chunk-OCUHCDAQ.mjs

@@ -0,0 +1,27 @@
+import { cn } from './chunk-IMKLN273.mjs';
+import * as React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var EmptyState = React.forwardRef(
+  ({ icon, title, description, action, className }, ref) => {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        className: cn(
+          "flex flex-col items-center justify-center py-12 text-center",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsx("div", { className: "mb-4 text-text-muted", children: icon }),
+          /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold text-primary", children: title }),
+          /* @__PURE__ */ jsx("p", { className: "mt-1 max-w-sm text-sm text-text-secondary", children: description }),
+          action && /* @__PURE__ */ jsx("div", { className: "mt-6", children: action })
+        ]
+      }
+    );
+  }
+);
+EmptyState.displayName = "EmptyState";
+
+export { EmptyState };

package/dist/chunk-ODUY7NXD.js

@@ -0,0 +1,256 @@
+'use strict';
+
+var chunkADIDI7AJ_js = require('./chunk-ADIDI7AJ.js');
+var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+function MapPinIcon({ className }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("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", className, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z" }),
+    /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "10", r: "3" })
+  ] });
+}
+function DogIcon({ className }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("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", className, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M10 5.172C10 3.782 8.423 2.679 6.5 3c-2.823.47-4.113 6.006-4 7 .08.703 1.725 1.722 3.656 1 1.261-.472 1.96-1.45 2.344-2.5" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M14.267 5.172c0-1.39 1.577-2.493 3.5-2.172 2.823.47 4.113 6.006 4 7-.08.703-1.725 1.722-3.656 1-1.261-.472-1.855-1.45-2.239-2.5" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8 14v.5" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M16 14v.5" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M11.25 16.25h1.5L12 17l-.75-.75Z" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4.42 11.247A13.152 13.152 0 0 0 4 14.556C4 18.728 7.582 21 12 21s8-2.272 8-6.444c0-1.061-.162-2.2-.493-3.309m-9.243-6.082A8.801 8.801 0 0 1 12 5c.78 0 1.5.108 2.161.306" })
+  ] });
+}
+function StarIcon({ className }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "12", height: "12", viewBox: "0 0 24 24", fill: "currentColor", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className, children: /* @__PURE__ */ jsxRuntime.jsx("polygon", { points: "12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" }) });
+}
+function HeartIcon({ className, filled }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 24 24", fill: filled ? "currentColor" : "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z" }) });
+}
+function CheckIcon({ className }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M20 6 9 17l-5-5" }) });
+}
+function formatPrice(price) {
+  return new Intl.NumberFormat("fr-FR", {
+    style: "currency",
+    currency: "EUR",
+    minimumFractionDigits: 0,
+    maximumFractionDigits: 0
+  }).format(price);
+}
+var HotelCard = React__namespace.forwardRef(
+  ({
+    hotel,
+    isFavorite = false,
+    onToggleFavorite,
+    isSponsored,
+    priceLoading = false,
+    isIndicativePrice = false,
+    noAvailability = false,
+    layout = "auto",
+    renderLink,
+    renderImage,
+    className,
+    ...props
+  }, ref) => {
+    const isV = layout === "vertical";
+    const isH = layout === "horizontal";
+    const linkClassName = chunkADIDI7AJ_js.cn(
+      "flex",
+      isV ? "flex-col" : isH ? "flex-row" : "flex-col md:flex-row"
+    );
+    const linkContent = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkADIDI7AJ_js.cn(
+        "relative flex-shrink-0 aspect-[4/3] overflow-hidden",
+        isV ? "w-full" : isH ? "w-72 lg:w-80" : "w-full md:w-72 lg:w-80"
+      ), children: [
+        renderImage ? renderImage({
+          src: hotel.mainImage,
+          alt: hotel.name,
+          className: "object-cover w-full h-full"
+        }) : /* @__PURE__ */ jsxRuntime.jsx(
+          "img",
+          {
+            src: hotel.mainImage,
+            alt: hotel.name,
+            className: "object-cover w-full h-full"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute top-3 left-3 flex flex-wrap gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "px-2 py-1 bg-secondary text-white text-xs font-medium rounded-md flex items-center gap-1", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(DogIcon, { className: "w-3 h-3" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: isV ? "hidden" : isH ? "inline" : "hidden md:inline", children: "Voyage engag\xE9" })
+          ] }),
+          hotel.originalPrice && hotel.pricePerNight && hotel.originalPrice > hotel.pricePerNight && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "px-2 py-1 bg-accent text-white text-xs font-medium rounded-md", children: [
+            "-",
+            Math.round(
+              (1 - hotel.pricePerNight / hotel.originalPrice) * 100
+            ),
+            "%"
+          ] })
+        ] }),
+        onToggleFavorite && /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            onClick: (e) => {
+              e.preventDefault();
+              onToggleFavorite();
+            },
+            "aria-label": isFavorite ? "Retirer des favoris" : "Ajouter aux favoris",
+            "aria-pressed": isFavorite,
+            className: "absolute top-3 right-3 p-2 bg-white/90 backdrop-blur-sm rounded-full hover:bg-white hover:scale-110 active:scale-90 transition-all duration-200 shadow-sm group",
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              HeartIcon,
+              {
+                filled: isFavorite,
+                className: chunkADIDI7AJ_js.cn(
+                  "w-5 h-5 transition-all duration-300",
+                  isFavorite ? "text-secondary scale-110" : "text-primary group-hover:text-secondary"
+                )
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkADIDI7AJ_js.cn("absolute bottom-3 left-1/2 -translate-x-1/2 gap-1.5", isV ? "hidden" : isH ? "flex" : "hidden md:flex"), children: [0, 1, 2, 3].map((i) => /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            className: chunkADIDI7AJ_js.cn(
+              "w-1.5 h-1.5 rounded-full",
+              i === 0 ? "bg-white" : "bg-white/50"
+            )
+          },
+          i
+        )) })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkADIDI7AJ_js.cn("relative flex-1 flex flex-col", isV ? "p-3" : isH ? "p-5" : "p-3 md:p-5"), children: [
+        hotel.reviewRating != null && hotel.reviewRating > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkADIDI7AJ_js.cn("absolute top-0 flex flex-col items-center rounded-b-lg shadow-sm bg-primary", isV ? "right-3 px-2.5 py-2" : isH ? "right-5 px-3 py-2.5" : "right-3 md:right-5 px-2.5 py-2 md:px-3 md:py-2.5"), children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkADIDI7AJ_js.cn("text-white font-bold leading-tight", isV ? "text-sm" : isH ? "text-base" : "text-sm md:text-base"), children: hotel.reviewRating.toFixed(1) }),
+          hotel.reviewCount != null && hotel.reviewCount > 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: chunkADIDI7AJ_js.cn("text-white/80 leading-tight mt-0.5", isV ? "text-[9px]" : isH ? "text-[10px]" : "text-[9px] md:text-[10px]"), children: [
+            hotel.reviewCount.toLocaleString("fr-FR"),
+            " avis"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1 text-text-muted text-sm mb-1", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(MapPinIcon, { className: "w-4 h-4" }),
+            /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+              hotel.city || "Ville inconnue",
+              hotel.region && hotel.region !== hotel.city ? `, ${hotel.region}` : ""
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              className: chunkADIDI7AJ_js.cn(
+                isV ? "flex flex-col gap-1 mb-1" : isH ? "flex items-baseline gap-2 mb-2" : "flex flex-col gap-1 mb-1 md:flex-row md:items-baseline md:gap-2 md:mb-2",
+                hotel.reviewRating != null && hotel.reviewRating > 0 && (isV ? "pr-16" : isH ? "pr-20" : "pr-16 md:pr-20")
+              ),
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx("h3", { className: chunkADIDI7AJ_js.cn("font-heading text-primary hover:text-secondary transition-colors line-clamp-1", isV ? "text-base" : isH ? "text-xl" : "text-base md:text-xl"), children: hotel.name }),
+                hotel.rating != null && hotel.rating > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-0.5 shrink-0", children: Array.from({ length: hotel.rating }, (_, i) => /* @__PURE__ */ jsxRuntime.jsx(
+                  StarIcon,
+                  {
+                    className: "w-3 h-3 fill-amber-400 text-amber-400"
+                  },
+                  i
+                )) })
+              ]
+            }
+          ),
+          hotel.amenities && hotel.amenities.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkADIDI7AJ_js.cn("flex flex-wrap gap-x-3 gap-y-1", isV ? "mb-2" : isH ? "mb-3" : "mb-2 md:mb-3"), children: hotel.amenities.slice(0, 6).map((amenity, i) => /* @__PURE__ */ jsxRuntime.jsxs(
+            "span",
+            {
+              className: chunkADIDI7AJ_js.cn(
+                "text-xs text-text-muted flex items-center gap-1",
+                i >= 3 && (isV ? "hidden" : isH ? "flex" : "hidden md:flex")
+              ),
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(CheckIcon, { className: "w-3.5 h-3.5 text-accent flex-shrink-0" }),
+                amenity
+              ]
+            },
+            i
+          )) }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkADIDI7AJ_js.cn("flex items-center text-sm", isV ? "gap-2" : isH ? "gap-4" : "gap-2 md:gap-4"), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5 text-secondary", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(DogIcon, { className: "w-4 h-4" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkADIDI7AJ_js.cn("font-medium", isV ? "text-xs" : isH ? "text-sm" : "text-xs md:text-sm"), children: hotel.petPolicyLabel || `Max ${hotel.maxDogs || 1} chien${(hotel.maxDogs || 1) > 1 ? "s" : ""}` })
+          ] }) })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkADIDI7AJ_js.cn("flex items-end justify-between border-t border-sand-dark", isV ? "mt-3 pt-3" : isH ? "mt-4 pt-4" : "mt-3 md:mt-4 pt-3 md:pt-4"), children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { children: hotel.dogFeeUnknown ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkADIDI7AJ_js.cn("text-xs text-text-muted", isV ? "hidden" : isH ? "inline" : "hidden md:inline"), children: "Frais chien \xE0 confirmer" }) : hotel.dogFeePerNight === 0 ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1 px-2 py-1 bg-accent/10 text-accent text-xs font-medium rounded-md", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(DogIcon, { className: "w-3.5 h-3.5" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: isV ? "hidden" : isH ? "inline" : "hidden md:inline", children: "Chien gratuit" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: isV ? "inline" : isH ? "hidden" : "md:hidden", children: "Gratuit" })
+          ] }) : hotel.dogFeePerNight != null ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs text-text-muted", children: [
+            "+",
+            formatPrice(hotel.dogFeePerNight),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: isV ? "hidden" : isH ? "inline" : "hidden md:inline", children: "/nuit par chien" })
+          ] }) : null }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-right", children: hotel.pricePerNight != null && hotel.pricePerNight > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            isIndicativePrice && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-text-muted mb-0.5", children: "\xC0 partir de" }),
+            !isIndicativePrice && hotel.originalPrice && hotel.originalPrice > hotel.pricePerNight && /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkADIDI7AJ_js.cn("text-sm text-text-muted line-through mr-2", isV ? "hidden" : isH ? "inline" : "hidden md:inline"), children: formatPrice(hotel.originalPrice) }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "span",
+              {
+                className: chunkADIDI7AJ_js.cn(
+                  "font-heading font-bold text-primary",
+                  isIndicativePrice ? isV ? "text-lg" : isH ? "text-xl" : "text-lg md:text-xl" : isV ? "text-xl" : isH ? "text-2xl" : "text-xl md:text-2xl"
+                ),
+                children: formatPrice(hotel.pricePerNight)
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: chunkADIDI7AJ_js.cn("text-text-muted", isV ? "text-xs" : isH ? "text-sm" : "text-xs md:text-sm"), children: [
+              " ",
+              "/ nuit"
+            ] }),
+            !isIndicativePrice && /* @__PURE__ */ jsxRuntime.jsx("p", { className: chunkADIDI7AJ_js.cn("text-xs text-text-muted mt-1", isV ? "hidden" : isH ? "block" : "hidden md:block"), children: "Taxes et frais inclus" })
+          ] }) : priceLoading ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "animate-pulse flex flex-col items-end gap-1", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-7 w-20 bg-sand rounded" }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-3 w-14 bg-sand-light rounded" })
+          ] }) : noAvailability ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-text-muted", children: "Non disponible" }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium text-secondary", children: "Voir le prix \u2192" }) })
+        ] })
+      ] })
+    ] });
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ref,
+        className: chunkADIDI7AJ_js.cn(
+          "bg-white rounded-xl border border-sand-dark overflow-hidden hover:shadow-lg transition-shadow",
+          className
+        ),
+        ...props,
+        children: [
+          isSponsored && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-sand-light px-4 py-2 border-b border-sand-dark", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium text-text-muted", children: "Annonce sponsoris\xE9e" }) }),
+          renderLink ? renderLink({
+            href: hotel.href,
+            className: linkClassName,
+            children: linkContent
+          }) : /* @__PURE__ */ jsxRuntime.jsx("a", { href: hotel.href, className: linkClassName, children: linkContent })
+        ]
+      }
+    );
+  }
+);
+HotelCard.displayName = "HotelCard";
+
+exports.HotelCard = HotelCard;