@dododog/ui 0.2.1 → 0.4.0

package/dist/chunk-PBDPZTHK.mjs

@@ -0,0 +1,53 @@
+import { cn } from './chunk-IMKLN273.mjs';
+import * as React from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var FloatingDock = React.forwardRef(
+  ({ items, className, ariaLabel = "Navigation rapide", onNavigate }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "nav",
+      {
+        ref,
+        "aria-label": ariaLabel,
+        className: cn(
+          "inline-flex items-center gap-1 rounded-full border border-black/5 bg-white/95 px-2 py-2 shadow-[0_8px_30px_rgba(0,0,0,0.12)] backdrop-blur",
+          className
+        ),
+        children: items.map((item) => /* @__PURE__ */ jsxs(
+          "a",
+          {
+            href: item.href,
+            "aria-label": item.label,
+            "aria-current": item.isActive ? "page" : void 0,
+            title: item.label,
+            onClick: onNavigate ? (event) => {
+              event.preventDefault();
+              onNavigate(item);
+            } : void 0,
+            className: cn(
+              "flex min-h-[44px] items-center justify-center rounded-full outline-none transition-colors focus-visible:ring-2 focus-visible:ring-secondary focus-visible:ring-offset-2",
+              item.isActive ? "bg-secondary px-4 text-white" : "w-11 text-primary/70 hover:bg-secondary/5 hover:text-secondary"
+            ),
+            children: [
+              /* @__PURE__ */ jsx("span", { className: "shrink-0", "aria-hidden": "true", children: item.icon }),
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: cn(
+                    "overflow-hidden whitespace-nowrap text-sm font-medium transition-all duration-300",
+                    item.isActive ? "ml-2 max-w-[8rem] opacity-100" : "ml-0 max-w-0 opacity-0"
+                  ),
+                  children: item.label
+                }
+              )
+            ]
+          },
+          item.key
+        ))
+      }
+    );
+  }
+);
+FloatingDock.displayName = "FloatingDock";
+
+export { FloatingDock };

package/dist/chunk-PU4CWOWU.mjs

@@ -0,0 +1,87 @@
+import { cn } from './chunk-IMKLN273.mjs';
+import * as React from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var AnchorTabs = React.forwardRef(
+  ({ items, className, ariaLabel = "Navigation dans la fiche", offsetTop = 96, onActiveChange }, ref) => {
+    const [activeKey, setActiveKey] = React.useState(items[0]?.key ?? "");
+    React.useEffect(() => {
+      if (items.length === 0) return;
+      const ids = items.map((i) => i.key);
+      let raf = 0;
+      const update = () => {
+        raf = 0;
+        let current = ids[0];
+        let bestTop = -Infinity;
+        for (const id of ids) {
+          const el = document.getElementById(id);
+          if (!el) continue;
+          const top = el.getBoundingClientRect().top - offsetTop;
+          if (top <= 1 && top > bestTop) {
+            bestTop = top;
+            current = id;
+          }
+        }
+        setActiveKey((prev) => prev === current ? prev : current);
+      };
+      const onScroll = () => {
+        if (raf) return;
+        raf = window.requestAnimationFrame(update);
+      };
+      update();
+      window.addEventListener("scroll", onScroll, { passive: true });
+      window.addEventListener("resize", onScroll);
+      return () => {
+        window.removeEventListener("scroll", onScroll);
+        window.removeEventListener("resize", onScroll);
+        if (raf) window.cancelAnimationFrame(raf);
+      };
+    }, [items, offsetTop]);
+    React.useEffect(() => {
+      if (activeKey) onActiveChange?.(activeKey);
+    }, [activeKey, onActiveChange]);
+    const handleClick = (event, key) => {
+      const el = typeof document !== "undefined" ? document.getElementById(key) : null;
+      if (!el) return;
+      event.preventDefault();
+      const y = el.getBoundingClientRect().top + window.scrollY - offsetTop;
+      const prefersReducedMotion = typeof window !== "undefined" && typeof window.matchMedia === "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+      window.scrollTo({ top: y, behavior: prefersReducedMotion ? "auto" : "smooth" });
+      setActiveKey(key);
+    };
+    return /* @__PURE__ */ jsx(
+      "nav",
+      {
+        ref,
+        "aria-label": ariaLabel,
+        className: cn(
+          "flex items-stretch gap-1 overflow-x-auto border-b border-sand-dark bg-white",
+          className
+        ),
+        children: items.map((item) => {
+          const isActive = item.key === activeKey;
+          return /* @__PURE__ */ jsx(
+            "a",
+            {
+              href: `#${item.key}`,
+              "aria-current": isActive ? "location" : void 0,
+              onClick: (event) => handleClick(event, item.key),
+              className: cn(
+                // Cible tactile >= 44px (min-h-[44px] + flex centré) ; transition
+                // limitée aux couleurs (150-300ms, sans reflow) ; press feedback
+                // via opacité (transform/opacity, aucun layout shift).
+                "flex min-h-[44px] items-center whitespace-nowrap border-b-2 px-4 text-sm outline-none transition-colors duration-200 -mb-px active:opacity-70 focus-visible:ring-2 focus-visible:ring-secondary focus-visible:ring-offset-2",
+                isActive ? "border-secondary font-semibold text-primary" : "border-transparent font-medium text-text-secondary hover:border-gray-300 hover:text-primary"
+              ),
+              children: item.label
+            },
+            item.key
+          );
+        })
+      }
+    );
+  }
+);
+AnchorTabs.displayName = "AnchorTabs";
+
+export { AnchorTabs };

package/dist/chunk-S732LTPT.js

@@ -0,0 +1,75 @@
+'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);
+
+var FloatingDock = React__namespace.forwardRef(
+  ({ items, className, ariaLabel = "Navigation rapide", onNavigate }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "nav",
+      {
+        ref,
+        "aria-label": ariaLabel,
+        className: chunkADIDI7AJ_js.cn(
+          "inline-flex items-center gap-1 rounded-full border border-black/5 bg-white/95 px-2 py-2 shadow-[0_8px_30px_rgba(0,0,0,0.12)] backdrop-blur",
+          className
+        ),
+        children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(
+          "a",
+          {
+            href: item.href,
+            "aria-label": item.label,
+            "aria-current": item.isActive ? "page" : void 0,
+            title: item.label,
+            onClick: onNavigate ? (event) => {
+              event.preventDefault();
+              onNavigate(item);
+            } : void 0,
+            className: chunkADIDI7AJ_js.cn(
+              "flex min-h-[44px] items-center justify-center rounded-full outline-none transition-colors focus-visible:ring-2 focus-visible:ring-secondary focus-visible:ring-offset-2",
+              item.isActive ? "bg-secondary px-4 text-white" : "w-11 text-primary/70 hover:bg-secondary/5 hover:text-secondary"
+            ),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0", "aria-hidden": "true", children: item.icon }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "span",
+                {
+                  className: chunkADIDI7AJ_js.cn(
+                    "overflow-hidden whitespace-nowrap text-sm font-medium transition-all duration-300",
+                    item.isActive ? "ml-2 max-w-[8rem] opacity-100" : "ml-0 max-w-0 opacity-0"
+                  ),
+                  children: item.label
+                }
+              )
+            ]
+          },
+          item.key
+        ))
+      }
+    );
+  }
+);
+FloatingDock.displayName = "FloatingDock";
+
+exports.FloatingDock = FloatingDock;

package/dist/{chunk-3BPC4LNH.js → chunk-T4AT3YCT.js}

@@ -39,6 +39,7 @@ var Counter = React__namespace.forwardRef(
           {
             type: "button",
             disabled: !canDecrement,
+            onPointerDown: (e) => e.stopPropagation(),
             onClick: () => canDecrement && onChange?.(value - 1),
             className: chunkADIDI7AJ_js.cn(
               "w-8 h-8 rounded-full border flex items-center justify-center transition-colors",
@@ -54,6 +55,7 @@ var Counter = React__namespace.forwardRef(
           {
             type: "button",
             disabled: !canIncrement,
+            onPointerDown: (e) => e.stopPropagation(),
             onClick: () => canIncrement && onChange?.(value + 1),
             className: chunkADIDI7AJ_js.cn(
               "w-8 h-8 rounded-full border flex items-center justify-center transition-colors",

package/dist/chunk-XH2MVC4W.mjs

@@ -0,0 +1,337 @@
+import { Skeleton, SkeletonText } from './chunk-PAHSQMXV.mjs';
+import { cn } from './chunk-IMKLN273.mjs';
+import * as React from 'react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+function BedIcon({ className }) {
+  return /* @__PURE__ */ 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, "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx("path", { d: "M2 4v16" }),
+    /* @__PURE__ */ jsx("path", { d: "M2 8h18a2 2 0 0 1 2 2v10" }),
+    /* @__PURE__ */ jsx("path", { d: "M2 17h20" }),
+    /* @__PURE__ */ jsx("path", { d: "M6 8v9" })
+  ] });
+}
+function RulerIcon({ className }) {
+  return /* @__PURE__ */ 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, "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx("path", { d: "M21.3 8.7 8.7 21.3a1 1 0 0 1-1.4 0l-4.6-4.6a1 1 0 0 1 0-1.4L15.3 2.7a1 1 0 0 1 1.4 0l4.6 4.6a1 1 0 0 1 0 1.4Z" }),
+    /* @__PURE__ */ jsx("path", { d: "m7.5 10.5 2 2" }),
+    /* @__PURE__ */ jsx("path", { d: "m10.5 7.5 2 2" }),
+    /* @__PURE__ */ jsx("path", { d: "m13.5 4.5 2 2" }),
+    /* @__PURE__ */ jsx("path", { d: "m4.5 13.5 2 2" })
+  ] });
+}
+function UsersIcon({ className }) {
+  return /* @__PURE__ */ 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, "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx("path", { d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" }),
+    /* @__PURE__ */ jsx("circle", { cx: "9", cy: "7", r: "4" }),
+    /* @__PURE__ */ jsx("path", { d: "M22 21v-2a4 4 0 0 0-3-3.87" }),
+    /* @__PURE__ */ jsx("path", { d: "M16 3.13a4 4 0 0 1 0 7.75" })
+  ] });
+}
+function CheckIcon({ className }) {
+  return /* @__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.5", strokeLinecap: "round", strokeLinejoin: "round", className, "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { d: "M20 6 9 17l-5-5" }) });
+}
+function NoRefundIcon({ className }) {
+  return /* @__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", className, "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "9" }),
+    /* @__PURE__ */ jsx("path", { d: "m5 5 14 14" })
+  ] });
+}
+function DogIcon({ className }) {
+  return /* @__PURE__ */ 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, "aria-hidden": "true", children: [
+    /* @__PURE__ */ 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__ */ 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__ */ jsx("path", { d: "M8 14v.5" }),
+    /* @__PURE__ */ jsx("path", { d: "M16 14v.5" }),
+    /* @__PURE__ */ jsx("path", { d: "M11.25 16.25h1.5L12 17l-.75-.75Z" }),
+    /* @__PURE__ */ 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 ChevronDownIcon({ className }) {
+  return /* @__PURE__ */ jsx("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, "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { d: "m6 9 6 6 6-6" }) });
+}
+function GalleryIcon({ className }) {
+  return /* @__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", className, "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
+    /* @__PURE__ */ jsx("circle", { cx: "9", cy: "9", r: "2" }),
+    /* @__PURE__ */ jsx("path", { d: "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21" })
+  ] });
+}
+function formatPrice(price) {
+  return new Intl.NumberFormat("fr-FR", {
+    style: "currency",
+    currency: "EUR",
+    minimumFractionDigits: 0,
+    maximumFractionDigits: 0
+  }).format(price);
+}
+function CancellationChip({ cancellation }) {
+  if (cancellation.kind === "free") {
+    return /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5 text-xs font-medium text-emerald-700", children: [
+      /* @__PURE__ */ jsx(CheckIcon, { className: "w-3.5 h-3.5 flex-shrink-0" }),
+      cancellation.label
+    ] });
+  }
+  if (cancellation.kind === "partial") {
+    return /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5 text-xs font-medium text-amber-700", children: [
+      /* @__PURE__ */ jsx(CheckIcon, { className: "w-3.5 h-3.5 flex-shrink-0" }),
+      cancellation.label
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5 text-xs text-text-muted", children: [
+    /* @__PURE__ */ jsx(NoRefundIcon, { className: "w-3.5 h-3.5 flex-shrink-0" }),
+    cancellation.label
+  ] });
+}
+function RateRow({
+  rate,
+  selected,
+  onSelect,
+  selectLabel,
+  withTopBorder
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "flex items-end justify-between gap-3 py-3",
+        withTopBorder && "border-t border-dashed border-sand-dark"
+      ),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+          rate.mealLabel && /* @__PURE__ */ jsx("div", { className: "text-[13px] font-medium text-primary", children: rate.mealLabel }),
+          /* @__PURE__ */ jsx("div", { className: "mt-0.5", children: /* @__PURE__ */ jsx(CancellationChip, { cancellation: rate.cancellation }) }),
+          rate.dogFeeLabel && /* @__PURE__ */ jsxs("div", { className: "mt-1 inline-flex items-center gap-1.5 text-xs font-medium text-secondary", children: [
+            /* @__PURE__ */ jsx(DogIcon, { className: "w-3.5 h-3.5 flex-shrink-0" }),
+            rate.dogFeeLabel
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "text-right flex-shrink-0", children: [
+          rate.originalTotal && rate.originalTotal > rate.totalPrice && /* @__PURE__ */ jsx("div", { className: "text-[11px] text-text-muted line-through leading-none", children: formatPrice(rate.originalTotal) }),
+          /* @__PURE__ */ jsx("div", { className: "font-heading text-lg font-bold text-primary leading-tight", children: formatPrice(rate.totalPrice) }),
+          rate.totalLabel && /* @__PURE__ */ jsx("div", { className: "text-[11px] text-text-muted", children: rate.totalLabel }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => onSelect?.(rate.id),
+              "aria-pressed": selected,
+              className: cn(
+                "mt-1.5 text-[13px] font-medium px-4 py-1.5 rounded-full transition-colors",
+                selected ? "bg-secondary text-white" : "border border-secondary text-secondary hover:bg-secondary hover:text-white"
+              ),
+              children: selected ? "S\xE9lectionn\xE9" : selectLabel
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+var RoomTypeCard = React.forwardRef(
+  ({
+    room,
+    rates,
+    selectedRateId,
+    onSelectRate,
+    initialVisibleRates = 2,
+    selectLabel = "Choisir",
+    variant = "default",
+    availability = "available",
+    onSeeOtherDates,
+    unavailableLabel = "Aucune disponibilit\xE9 sur notre site",
+    renderImage,
+    className,
+    ...props
+  }, ref) => {
+    const [expanded, setExpanded] = React.useState(false);
+    const visibleRates = expanded ? rates : rates.slice(0, initialVisibleRates);
+    const hiddenCount = rates.length - visibleRates.length;
+    const isCompact = variant === "compact";
+    const isUnavailable = availability === "unavailable";
+    const meta = [];
+    if (room.beds) {
+      meta.push(
+        /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5", children: [
+          /* @__PURE__ */ jsx(BedIcon, { className: "w-3.5 h-3.5" }),
+          room.beds
+        ] }, "beds")
+      );
+    }
+    if (room.sizeSqm) {
+      meta.push(
+        /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5", children: [
+          /* @__PURE__ */ jsx(RulerIcon, { className: "w-3.5 h-3.5" }),
+          room.sizeSqm,
+          " m\xB2"
+        ] }, "size")
+      );
+    }
+    if (room.maxOccupancy) {
+      meta.push(
+        /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5", children: [
+          /* @__PURE__ */ jsx(UsersIcon, { className: "w-3.5 h-3.5" }),
+          room.maxOccupancy,
+          " voyageur",
+          room.maxOccupancy > 1 ? "s" : ""
+        ] }, "occ")
+      );
+    }
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        className: cn(
+          "bg-white rounded-xl border border-sand-dark overflow-hidden",
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: cn(
+                "relative overflow-hidden bg-sand",
+                isCompact ? "h-32" : "aspect-[16/9]"
+              ),
+              children: room.image ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                renderImage ? renderImage({
+                  src: room.image,
+                  alt: room.establishmentPhotoLabel ?? room.name,
+                  className: "object-cover w-full h-full"
+                }) : /* @__PURE__ */ jsx(
+                  "img",
+                  {
+                    src: room.image,
+                    alt: room.establishmentPhotoLabel ?? room.name,
+                    className: "object-cover w-full h-full"
+                  }
+                ),
+                room.establishmentPhotoLabel ? /* @__PURE__ */ jsxs("span", { className: "absolute bottom-2 left-2 inline-flex items-center gap-1 bg-black/55 text-white text-[11px] px-2 py-0.5 rounded-md", children: [
+                  /* @__PURE__ */ jsx(GalleryIcon, { className: "w-3 h-3" }),
+                  room.establishmentPhotoLabel
+                ] }) : room.imageCount != null && room.imageCount > 1 && /* @__PURE__ */ jsxs("span", { className: "absolute bottom-2 left-2 inline-flex items-center gap-1 bg-black/55 text-white text-[11px] px-2 py-0.5 rounded-md", children: [
+                  /* @__PURE__ */ jsx(GalleryIcon, { className: "w-3 h-3" }),
+                  room.imageCount,
+                  " photos"
+                ] })
+              ] }) : /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: "flex h-full w-full items-center justify-center text-text-muted",
+                  role: "img",
+                  "aria-label": "Photo de l'\xE9tablissement indisponible",
+                  children: /* @__PURE__ */ jsx(GalleryIcon, { className: "h-8 w-8" })
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: cn(isCompact ? "p-3" : "p-4"), children: [
+            /* @__PURE__ */ jsx(
+              "h3",
+              {
+                className: cn(
+                  "font-heading font-bold text-primary",
+                  isCompact ? "text-base" : "text-lg"
+                ),
+                children: room.name
+              }
+            ),
+            meta.length > 0 && /* @__PURE__ */ jsx("div", { className: "mt-2 flex flex-wrap gap-x-3 gap-y-1 text-[12.5px] text-text-muted", children: meta }),
+            room.highlight && /* @__PURE__ */ jsx("div", { className: "mt-1.5 text-[12.5px] font-medium text-positive", children: room.highlight }),
+            room.description && /* @__PURE__ */ jsx("p", { className: "mt-1 text-[13px] leading-snug text-text-secondary", children: room.description }),
+            room.amenities && room.amenities.length > 0 && /* @__PURE__ */ jsx("div", { className: "mt-2.5 flex flex-wrap gap-1.5", children: room.amenities.map((a, i) => /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: "text-[11px] bg-sand-light text-text-muted px-2 py-1 rounded-full",
+                children: a
+              },
+              i
+            )) }),
+            isUnavailable ? /* @__PURE__ */ jsxs("div", { className: "mt-3.5 border-t border-sand-dark pt-3.5", children: [
+              /* @__PURE__ */ jsx("div", { className: "text-[13px] font-semibold leading-snug text-danger", children: unavailableLabel }),
+              onSeeOtherDates && /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: onSeeOtherDates,
+                  className: "mt-2 inline-block text-[12.5px] font-semibold text-secondary-dark",
+                  children: "Voir d'autres dates \u2192"
+                }
+              )
+            ] }) : /* @__PURE__ */ jsxs("div", { className: "mt-3.5 border-t border-sand-dark pt-1", children: [
+              visibleRates.map((rate, i) => /* @__PURE__ */ jsx(
+                RateRow,
+                {
+                  rate,
+                  selected: rate.id === selectedRateId,
+                  onSelect: onSelectRate,
+                  selectLabel,
+                  withTopBorder: i > 0
+                },
+                rate.id
+              )),
+              hiddenCount > 0 && /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => setExpanded(true),
+                  className: "mt-1 inline-flex items-center gap-1.5 text-[12.5px] font-medium text-secondary",
+                  children: [
+                    /* @__PURE__ */ jsx(ChevronDownIcon, { className: "w-3.5 h-3.5" }),
+                    hiddenCount,
+                    " autre",
+                    hiddenCount > 1 ? "s" : "",
+                    " formule",
+                    hiddenCount > 1 ? "s" : ""
+                  ]
+                }
+              )
+            ] })
+          ] })
+        ]
+      }
+    );
+  }
+);
+RoomTypeCard.displayName = "RoomTypeCard";
+var RoomTypeCardSkeleton = React.forwardRef(({ variant = "default", className, ...props }, ref) => {
+  const isCompact = variant === "compact";
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "aria-hidden": "true",
+      className: cn(
+        "bg-white rounded-xl border border-sand-dark overflow-hidden",
+        className
+      ),
+      ref,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(
+          Skeleton,
+          {
+            className: cn("w-full rounded-none", isCompact ? "h-32" : "aspect-[16/9]")
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: cn(isCompact ? "p-3" : "p-4", "space-y-3"), children: [
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-2/3" }),
+          /* @__PURE__ */ jsxs("div", { className: "flex gap-3", children: [
+            /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-16" }),
+            /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-20" })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "border-t border-sand-dark pt-3 space-y-2", children: [
+            /* @__PURE__ */ jsx(SkeletonText, { lines: 2 }),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-end justify-between gap-3", children: [
+              /* @__PURE__ */ jsx(Skeleton, { className: "h-7 w-24" }),
+              /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-28 rounded-lg" })
+            ] })
+          ] })
+        ] })
+      ]
+    }
+  );
+});
+RoomTypeCardSkeleton.displayName = "RoomTypeCardSkeleton";
+
+export { RoomTypeCard, RoomTypeCardSkeleton };

package/dist/components/AnchorTabs/index.d.mts

@@ -0,0 +1,41 @@
+import * as React from 'react';
+
+interface AnchorTabItem {
+    /**
+     * Identifiant de la section cible : doit correspondre à l'attribut `id` de
+     * l'élément de section dans le DOM (le lien pointe sur `#{key}`).
+     */
+    key: string;
+    /** Libellé affiché de l'onglet. */
+    label: string;
+}
+interface AnchorTabsProps {
+    /** Onglets d'ancrage, dans l'ordre d'apparition des sections. */
+    items: AnchorTabItem[];
+    /** Classes supplémentaires appliquées à la barre `<nav>`. */
+    className?: string;
+    /** Libellé ARIA de la navigation. */
+    ariaLabel?: string;
+    /**
+     * Décalage (px) réservé en haut de page pour le scroll-spy ET le défilement
+     * au clic (barre sticky / header). Défaut : 96.
+     */
+    offsetTop?: number;
+    /** Notifié à chaque changement de section active (scroll ou clic). */
+    onActiveChange?: (key: string) => void;
+}
+/**
+ * Barre d'onglets d'ancrage (desktop) avec scroll-spy.
+ *
+ * Présente une rangée de liens `<a href="#{key}">` ; l'onglet dont la section
+ * est actuellement en haut du viewport (au-delà de `offsetTop`) est souligné.
+ * Le composant observe le défilement de la fenêtre (via `requestAnimationFrame`)
+ * pour déterminer la section courante et défile en douceur au clic.
+ *
+ * Les sections cibles doivent porter l'`id` correspondant à chaque `key`. Le
+ * positionnement (sticky, largeur, visibilité responsive) reste à la charge de
+ * l'appelant via `className`.
+ */
+declare const AnchorTabs: React.ForwardRefExoticComponent<AnchorTabsProps & React.RefAttributes<HTMLElement>>;
+
+export { type AnchorTabItem, AnchorTabs, type AnchorTabsProps };

package/dist/components/AnchorTabs/index.d.ts

@@ -0,0 +1,41 @@
+import * as React from 'react';
+
+interface AnchorTabItem {
+    /**
+     * Identifiant de la section cible : doit correspondre à l'attribut `id` de
+     * l'élément de section dans le DOM (le lien pointe sur `#{key}`).
+     */
+    key: string;
+    /** Libellé affiché de l'onglet. */
+    label: string;
+}
+interface AnchorTabsProps {
+    /** Onglets d'ancrage, dans l'ordre d'apparition des sections. */
+    items: AnchorTabItem[];
+    /** Classes supplémentaires appliquées à la barre `<nav>`. */
+    className?: string;
+    /** Libellé ARIA de la navigation. */
+    ariaLabel?: string;
+    /**
+     * Décalage (px) réservé en haut de page pour le scroll-spy ET le défilement
+     * au clic (barre sticky / header). Défaut : 96.
+     */
+    offsetTop?: number;
+    /** Notifié à chaque changement de section active (scroll ou clic). */
+    onActiveChange?: (key: string) => void;
+}
+/**
+ * Barre d'onglets d'ancrage (desktop) avec scroll-spy.
+ *
+ * Présente une rangée de liens `<a href="#{key}">` ; l'onglet dont la section
+ * est actuellement en haut du viewport (au-delà de `offsetTop`) est souligné.
+ * Le composant observe le défilement de la fenêtre (via `requestAnimationFrame`)
+ * pour déterminer la section courante et défile en douceur au clic.
+ *
+ * Les sections cibles doivent porter l'`id` correspondant à chaque `key`. Le
+ * positionnement (sticky, largeur, visibilité responsive) reste à la charge de
+ * l'appelant via `className`.
+ */
+declare const AnchorTabs: React.ForwardRefExoticComponent<AnchorTabsProps & React.RefAttributes<HTMLElement>>;
+
+export { type AnchorTabItem, AnchorTabs, type AnchorTabsProps };

package/dist/components/AnchorTabs/index.js

@@ -0,0 +1,11 @@
+'use strict';
+
+var chunk5A3MVRZJ_js = require('../../chunk-5A3MVRZJ.js');
+require('../../chunk-ADIDI7AJ.js');
+
+
+
+Object.defineProperty(exports, "AnchorTabs", {
+  enumerable: true,
+  get: function () { return chunk5A3MVRZJ_js.AnchorTabs; }
+});

package/dist/components/AnchorTabs/index.mjs

@@ -0,0 +1,2 @@
+export { AnchorTabs } from '../../chunk-PU4CWOWU.mjs';
+import '../../chunk-IMKLN273.mjs';