@dododog/ui 0.2.1 → 0.4.0

package/dist/{chunk-OK3E73OK.js → chunk-2XH74PQR.js}

@@ -27,6 +27,20 @@ var colors = {
     secondary: "#6b7280",
     muted: "#9ca3af"
   },
+  // Navy profond — bandeaux/overlays sombres (galerie, header sombre)
+  ink: {
+    DEFAULT: "#1d2230",
+    soft: "#3b4559"
+  },
+  // Surfaces éditoriales — fond page / sections alternées
+  surface: {
+    1: "#fdfcf9",
+    2: "#f7f3ec"
+  },
+  // Sémantiques fiche V2
+  positive: "#047857",
+  danger: "#a8473b",
+  "rating-mid": "#f5b301",
   white: "#ffffff",
   black: "#000000"
 };

package/dist/chunk-36JNXXGH.js

@@ -0,0 +1,360 @@
+'use strict';
+
+var chunkNCU5PY34_js = require('./chunk-NCU5PY34.js');
+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 BedIcon({ 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, "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M2 4v16" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M2 8h18a2 2 0 0 1 2 2v10" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M2 17h20" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6 8v9" })
+  ] });
+}
+function RulerIcon({ 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, "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("path", { d: "m7.5 10.5 2 2" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m10.5 7.5 2 2" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m13.5 4.5 2 2" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m4.5 13.5 2 2" })
+  ] });
+}
+function UsersIcon({ 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, "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" }),
+    /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "9", cy: "7", r: "4" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M22 21v-2a4 4 0 0 0-3-3.87" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M16 3.13a4 4 0 0 1 0 7.75" })
+  ] });
+}
+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.5", strokeLinecap: "round", strokeLinejoin: "round", className, "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M20 6 9 17l-5-5" }) });
+}
+function NoRefundIcon({ className }) {
+  return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "9" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m5 5 14 14" })
+  ] });
+}
+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, "aria-hidden": "true", 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 ChevronDownIcon({ className }) {
+  return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("path", { d: "m6 9 6 6 6-6" }) });
+}
+function GalleryIcon({ className }) {
+  return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
+    /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "9", cy: "9", r: "2" }),
+    /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1.5 text-xs font-medium text-emerald-700", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(CheckIcon, { className: "w-3.5 h-3.5 flex-shrink-0" }),
+      cancellation.label
+    ] });
+  }
+  if (cancellation.kind === "partial") {
+    return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1.5 text-xs font-medium text-amber-700", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(CheckIcon, { className: "w-3.5 h-3.5 flex-shrink-0" }),
+      cancellation.label
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1.5 text-xs text-text-muted", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(NoRefundIcon, { className: "w-3.5 h-3.5 flex-shrink-0" }),
+    cancellation.label
+  ] });
+}
+function RateRow({
+  rate,
+  selected,
+  onSelect,
+  selectLabel,
+  withTopBorder
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: chunkADIDI7AJ_js.cn(
+        "flex items-end justify-between gap-3 py-3",
+        withTopBorder && "border-t border-dashed border-sand-dark"
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
+          rate.mealLabel && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-[13px] font-medium text-primary", children: rate.mealLabel }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-0.5", children: /* @__PURE__ */ jsxRuntime.jsx(CancellationChip, { cancellation: rate.cancellation }) }),
+          rate.dogFeeLabel && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-1 inline-flex items-center gap-1.5 text-xs font-medium text-secondary", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(DogIcon, { className: "w-3.5 h-3.5 flex-shrink-0" }),
+            rate.dogFeeLabel
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-right flex-shrink-0", children: [
+          rate.originalTotal && rate.originalTotal > rate.totalPrice && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-[11px] text-text-muted line-through leading-none", children: formatPrice(rate.originalTotal) }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-heading text-lg font-bold text-primary leading-tight", children: formatPrice(rate.totalPrice) }),
+          rate.totalLabel && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-[11px] text-text-muted", children: rate.totalLabel }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => onSelect?.(rate.id),
+              "aria-pressed": selected,
+              className: chunkADIDI7AJ_js.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__namespace.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__namespace.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__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1.5", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(BedIcon, { className: "w-3.5 h-3.5" }),
+          room.beds
+        ] }, "beds")
+      );
+    }
+    if (room.sizeSqm) {
+      meta.push(
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1.5", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(RulerIcon, { className: "w-3.5 h-3.5" }),
+          room.sizeSqm,
+          " m\xB2"
+        ] }, "size")
+      );
+    }
+    if (room.maxOccupancy) {
+      meta.push(
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1.5", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(UsersIcon, { className: "w-3.5 h-3.5" }),
+          room.maxOccupancy,
+          " voyageur",
+          room.maxOccupancy > 1 ? "s" : ""
+        ] }, "occ")
+      );
+    }
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ref,
+        className: chunkADIDI7AJ_js.cn(
+          "bg-white rounded-xl border border-sand-dark overflow-hidden",
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: chunkADIDI7AJ_js.cn(
+                "relative overflow-hidden bg-sand",
+                isCompact ? "h-32" : "aspect-[16/9]"
+              ),
+              children: room.image ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                renderImage ? renderImage({
+                  src: room.image,
+                  alt: room.establishmentPhotoLabel ?? room.name,
+                  className: "object-cover w-full h-full"
+                }) : /* @__PURE__ */ jsxRuntime.jsx(
+                  "img",
+                  {
+                    src: room.image,
+                    alt: room.establishmentPhotoLabel ?? room.name,
+                    className: "object-cover w-full h-full"
+                  }
+                ),
+                room.establishmentPhotoLabel ? /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(GalleryIcon, { className: "w-3 h-3" }),
+                  room.establishmentPhotoLabel
+                ] }) : room.imageCount != null && room.imageCount > 1 && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(GalleryIcon, { className: "w-3 h-3" }),
+                  room.imageCount,
+                  " photos"
+                ] })
+              ] }) : /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(GalleryIcon, { className: "h-8 w-8" })
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkADIDI7AJ_js.cn(isCompact ? "p-3" : "p-4"), children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "h3",
+              {
+                className: chunkADIDI7AJ_js.cn(
+                  "font-heading font-bold text-primary",
+                  isCompact ? "text-base" : "text-lg"
+                ),
+                children: room.name
+              }
+            ),
+            meta.length > 0 && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", { className: "mt-1.5 text-[12.5px] font-medium text-positive", children: room.highlight }),
+            room.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-[13px] leading-snug text-text-secondary", children: room.description }),
+            room.amenities && room.amenities.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-2.5 flex flex-wrap gap-1.5", children: room.amenities.map((a, i) => /* @__PURE__ */ jsxRuntime.jsx(
+              "span",
+              {
+                className: "text-[11px] bg-sand-light text-text-muted px-2 py-1 rounded-full",
+                children: a
+              },
+              i
+            )) }),
+            isUnavailable ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-3.5 border-t border-sand-dark pt-3.5", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-[13px] font-semibold leading-snug text-danger", children: unavailableLabel }),
+              onSeeOtherDates && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "mt-3.5 border-t border-sand-dark pt-1", children: [
+              visibleRates.map((rate, i) => /* @__PURE__ */ jsxRuntime.jsx(
+                RateRow,
+                {
+                  rate,
+                  selected: rate.id === selectedRateId,
+                  onSelect: onSelectRate,
+                  selectLabel,
+                  withTopBorder: i > 0
+                },
+                rate.id
+              )),
+              hiddenCount > 0 && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(ChevronDownIcon, { className: "w-3.5 h-3.5" }),
+                    hiddenCount,
+                    " autre",
+                    hiddenCount > 1 ? "s" : "",
+                    " formule",
+                    hiddenCount > 1 ? "s" : ""
+                  ]
+                }
+              )
+            ] })
+          ] })
+        ]
+      }
+    );
+  }
+);
+RoomTypeCard.displayName = "RoomTypeCard";
+var RoomTypeCardSkeleton = React__namespace.forwardRef(({ variant = "default", className, ...props }, ref) => {
+  const isCompact = variant === "compact";
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      "aria-hidden": "true",
+      className: chunkADIDI7AJ_js.cn(
+        "bg-white rounded-xl border border-sand-dark overflow-hidden",
+        className
+      ),
+      ref,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          chunkNCU5PY34_js.Skeleton,
+          {
+            className: chunkADIDI7AJ_js.cn("w-full rounded-none", isCompact ? "h-32" : "aspect-[16/9]")
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkADIDI7AJ_js.cn(isCompact ? "p-3" : "p-4", "space-y-3"), children: [
+          /* @__PURE__ */ jsxRuntime.jsx(chunkNCU5PY34_js.Skeleton, { className: "h-5 w-2/3" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-3", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(chunkNCU5PY34_js.Skeleton, { className: "h-4 w-16" }),
+            /* @__PURE__ */ jsxRuntime.jsx(chunkNCU5PY34_js.Skeleton, { className: "h-4 w-20" })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-t border-sand-dark pt-3 space-y-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(chunkNCU5PY34_js.SkeletonText, { lines: 2 }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-end justify-between gap-3", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(chunkNCU5PY34_js.Skeleton, { className: "h-7 w-24" }),
+              /* @__PURE__ */ jsxRuntime.jsx(chunkNCU5PY34_js.Skeleton, { className: "h-10 w-28 rounded-lg" })
+            ] })
+          ] })
+        ] })
+      ]
+    }
+  );
+});
+RoomTypeCardSkeleton.displayName = "RoomTypeCardSkeleton";
+
+exports.RoomTypeCard = RoomTypeCard;
+exports.RoomTypeCardSkeleton = RoomTypeCardSkeleton;

package/dist/chunk-5A3MVRZJ.js

@@ -0,0 +1,109 @@
+'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 AnchorTabs = React__namespace.forwardRef(
+  ({ items, className, ariaLabel = "Navigation dans la fiche", offsetTop = 96, onActiveChange }, ref) => {
+    const [activeKey, setActiveKey] = React__namespace.useState(items[0]?.key ?? "");
+    React__namespace.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__namespace.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__ */ jsxRuntime.jsx(
+      "nav",
+      {
+        ref,
+        "aria-label": ariaLabel,
+        className: chunkADIDI7AJ_js.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__ */ jsxRuntime.jsx(
+            "a",
+            {
+              href: `#${item.key}`,
+              "aria-current": isActive ? "location" : void 0,
+              onClick: (event) => handleClick(event, item.key),
+              className: chunkADIDI7AJ_js.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";
+
+exports.AnchorTabs = AnchorTabs;

package/dist/{chunk-KVVXKSMQ.mjs → chunk-7JYJ7ICL.mjs}

@@ -25,6 +25,20 @@ var colors = {
     secondary: "#6b7280",
     muted: "#9ca3af"
   },
+  // Navy profond — bandeaux/overlays sombres (galerie, header sombre)
+  ink: {
+    DEFAULT: "#1d2230",
+    soft: "#3b4559"
+  },
+  // Surfaces éditoriales — fond page / sections alternées
+  surface: {
+    1: "#fdfcf9",
+    2: "#f7f3ec"
+  },
+  // Sémantiques fiche V2
+  positive: "#047857",
+  danger: "#a8473b",
+  "rating-mid": "#f5b301",
   white: "#ffffff",
   black: "#000000"
 };

package/dist/{chunk-NWLJ7VQF.js → chunk-AIA3NHCK.js}

@@ -189,10 +189,9 @@ var DateRangePicker = React__namespace.forwardRef(
     }, [isOpen]);
     React__namespace.useEffect(() => {
       if (isOpen && isMobile) {
-        const prev = document.body.style.overflow;
         document.body.style.overflow = "hidden";
         return () => {
-          document.body.style.overflow = prev;
+          document.body.style.overflow = "";
         };
       }
     }, [isOpen, isMobile]);

package/dist/{chunk-YSJAEDMG.js → chunk-E24VNM6S.js}

@@ -29,18 +29,19 @@ var DetailList = React__namespace.forwardRef(
     return /* @__PURE__ */ jsxRuntime.jsx(
       "dl",
       {
-        ref,
         className: chunkADIDI7AJ_js.cn(
           direction === "horizontal" ? "flex flex-wrap gap-6" : "space-y-0",
           className
         ),
+        ref,
         ...props,
         children: items.map((item, i) => /* @__PURE__ */ jsxRuntime.jsxs(
           "div",
           {
             className: chunkADIDI7AJ_js.cn(
               direction === "vertical" && "flex items-center justify-between py-3",
-              direction === "vertical" && dividers && i < items.length - 1 && "border-b border-gray-100",
+              direction === "stacked" && "py-3",
+              (direction === "vertical" || direction === "stacked") && dividers && i < items.length - 1 && "border-b border-gray-100",
               direction === "horizontal" && "flex flex-col"
             ),
             children: [
@@ -48,11 +49,12 @@ var DetailList = React__namespace.forwardRef(
                 "dt",
                 {
                   className: chunkADIDI7AJ_js.cn(
-                    "flex items-center gap-2 text-sm text-text-secondary",
+                    "flex items-center gap-2 text-sm",
+                    direction === "stacked" ? "font-medium text-primary mb-1" : "text-text-secondary",
                     direction === "horizontal" && "text-xs uppercase tracking-wider mb-1"
                   ),
                   children: [
-                    item.icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-shrink-0", "aria-hidden": "true", children: item.icon }),
+                    item.icon ? /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: "flex-shrink-0", children: item.icon }) : null,
                     item.label
                   ]
                 }
@@ -61,7 +63,8 @@ var DetailList = React__namespace.forwardRef(
                 "dd",
                 {
                   className: chunkADIDI7AJ_js.cn(
-                    "text-sm font-medium text-primary",
+                    "text-sm",
+                    direction === "stacked" ? "text-text-secondary pl-6" : "font-medium text-primary",
                     direction === "horizontal" && "text-lg font-bold"
                   ),
                   children: item.value

package/dist/{chunk-RQGC6RPI.mjs → chunk-FL3GD5FJ.mjs}

@@ -167,10 +167,9 @@ var DateRangePicker = React.forwardRef(
     }, [isOpen]);
     React.useEffect(() => {
       if (isOpen && isMobile) {
-        const prev = document.body.style.overflow;
         document.body.style.overflow = "hidden";
         return () => {
-          document.body.style.overflow = prev;
+          document.body.style.overflow = "";
         };
       }
     }, [isOpen, isMobile]);

package/dist/{chunk-TNGW36OC.mjs → chunk-LRNSVRUN.mjs}

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

package/dist/{chunk-76DZXGKJ.mjs → chunk-N6THLJIG.mjs}

@@ -7,18 +7,19 @@ var DetailList = React.forwardRef(
     return /* @__PURE__ */ jsx(
       "dl",
       {
-        ref,
         className: cn(
           direction === "horizontal" ? "flex flex-wrap gap-6" : "space-y-0",
           className
         ),
+        ref,
         ...props,
         children: items.map((item, i) => /* @__PURE__ */ jsxs(
           "div",
           {
             className: cn(
               direction === "vertical" && "flex items-center justify-between py-3",
-              direction === "vertical" && dividers && i < items.length - 1 && "border-b border-gray-100",
+              direction === "stacked" && "py-3",
+              (direction === "vertical" || direction === "stacked") && dividers && i < items.length - 1 && "border-b border-gray-100",
               direction === "horizontal" && "flex flex-col"
             ),
             children: [
@@ -26,11 +27,12 @@ var DetailList = React.forwardRef(
                 "dt",
                 {
                   className: cn(
-                    "flex items-center gap-2 text-sm text-text-secondary",
+                    "flex items-center gap-2 text-sm",
+                    direction === "stacked" ? "font-medium text-primary mb-1" : "text-text-secondary",
                     direction === "horizontal" && "text-xs uppercase tracking-wider mb-1"
                   ),
                   children: [
-                    item.icon && /* @__PURE__ */ jsx("span", { className: "flex-shrink-0", "aria-hidden": "true", children: item.icon }),
+                    item.icon ? /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "flex-shrink-0", children: item.icon }) : null,
                     item.label
                   ]
                 }
@@ -39,7 +41,8 @@ var DetailList = React.forwardRef(
                 "dd",
                 {
                   className: cn(
-                    "text-sm font-medium text-primary",
+                    "text-sm",
+                    direction === "stacked" ? "text-text-secondary pl-6" : "font-medium text-primary",
                     direction === "horizontal" && "text-lg font-bold"
                   ),
                   children: item.value