@dododog/ui 0.2.0 → 0.3.0

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/Counter/index.js

@@ -1,11 +1,11 @@
 'use strict';
 
-var chunk3BPC4LNH_js = require('../../chunk-3BPC4LNH.js');
+var chunkT4AT3YCT_js = require('../../chunk-T4AT3YCT.js');
 require('../../chunk-ADIDI7AJ.js');
 
 
 
 Object.defineProperty(exports, "Counter", {
   enumerable: true,
-  get: function () { return chunk3BPC4LNH_js.Counter; }
+  get: function () { return chunkT4AT3YCT_js.Counter; }
 });

package/dist/components/Counter/index.mjs

@@ -1,2 +1,2 @@
-export { Counter } from '../../chunk-TNGW36OC.mjs';
+export { Counter } from '../../chunk-LRNSVRUN.mjs';
 import '../../chunk-IMKLN273.mjs';

package/dist/components/DateRangePicker/index.js

@@ -1,15 +1,15 @@
 'use strict';
 
-var chunkNWLJ7VQF_js = require('../../chunk-NWLJ7VQF.js');
+var chunkAIA3NHCK_js = require('../../chunk-AIA3NHCK.js');
 require('../../chunk-ADIDI7AJ.js');
 
 
 
 Object.defineProperty(exports, "DatePickerInput", {
   enumerable: true,
-  get: function () { return chunkNWLJ7VQF_js.DatePickerInput; }
+  get: function () { return chunkAIA3NHCK_js.DatePickerInput; }
 });
 Object.defineProperty(exports, "DateRangePicker", {
   enumerable: true,
-  get: function () { return chunkNWLJ7VQF_js.DateRangePicker; }
+  get: function () { return chunkAIA3NHCK_js.DateRangePicker; }
 });

package/dist/components/DateRangePicker/index.mjs

@@ -1,2 +1,2 @@
-export { DatePickerInput, DateRangePicker } from '../../chunk-RQGC6RPI.mjs';
+export { DatePickerInput, DateRangePicker } from '../../chunk-FL3GD5FJ.mjs';
 import '../../chunk-IMKLN273.mjs';

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

@@ -7,8 +7,14 @@ interface DetailItem {
 }
 interface DetailListProps extends React.HTMLAttributes<HTMLDListElement> {
     items: DetailItem[];
-    /** Layout direction. Default: "vertical" */
-    direction?: "vertical" | "horizontal";
+    /**
+     * Layout direction. Default: "vertical".
+     * - "vertical" : label à gauche, valeur à droite (une ligne) ;
+     * - "horizontal" : items en colonnes côte à côte ;
+     * - "stacked" : icône + label en titre, valeur en dessous — pour les
+     *   valeurs longues sur mobile (lisibilité).
+     */
+    direction?: "vertical" | "horizontal" | "stacked";
     /** Show dividers between items. Default: true */
     dividers?: boolean;
 }

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

@@ -7,8 +7,14 @@ interface DetailItem {
 }
 interface DetailListProps extends React.HTMLAttributes<HTMLDListElement> {
     items: DetailItem[];
-    /** Layout direction. Default: "vertical" */
-    direction?: "vertical" | "horizontal";
+    /**
+     * Layout direction. Default: "vertical".
+     * - "vertical" : label à gauche, valeur à droite (une ligne) ;
+     * - "horizontal" : items en colonnes côte à côte ;
+     * - "stacked" : icône + label en titre, valeur en dessous — pour les
+     *   valeurs longues sur mobile (lisibilité).
+     */
+    direction?: "vertical" | "horizontal" | "stacked";
     /** Show dividers between items. Default: true */
     dividers?: boolean;
 }

package/dist/components/DetailList/index.js

@@ -1,11 +1,11 @@
 'use strict';
 
-var chunkYSJAEDMG_js = require('../../chunk-YSJAEDMG.js');
+var chunkE24VNM6S_js = require('../../chunk-E24VNM6S.js');
 require('../../chunk-ADIDI7AJ.js');
 
 
 
 Object.defineProperty(exports, "DetailList", {
   enumerable: true,
-  get: function () { return chunkYSJAEDMG_js.DetailList; }
+  get: function () { return chunkE24VNM6S_js.DetailList; }
 });

package/dist/components/DetailList/index.mjs

@@ -1,2 +1,2 @@
-export { DetailList } from '../../chunk-76DZXGKJ.mjs';
+export { DetailList } from '../../chunk-N6THLJIG.mjs';
 import '../../chunk-IMKLN273.mjs';

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

@@ -0,0 +1,44 @@
+import * as React from 'react';
+
+interface FloatingDockItem {
+    /** Identifiant stable de l'item. */
+    key: string;
+    /** Libellé affiché quand l'item est actif (et pour l'accessibilité). */
+    label: string;
+    /** Icône (ex: `<Search className="w-5 h-5" />`), dimensionnée par l'appelant. */
+    icon: React.ReactNode;
+    /** Destination. Rendu comme `<a href>` (crawlable) même si `onNavigate` intercepte. */
+    href: string;
+    /** Item courant → bulle colorée + label visible. */
+    isActive?: boolean;
+}
+interface FloatingDockProps {
+    /** Items de navigation (3 à 5 recommandés). */
+    items: FloatingDockItem[];
+    /** Classes supplémentaires appliquées à la pilule `<nav>`. */
+    className?: string;
+    /** Libellé ARIA de la navigation. */
+    ariaLabel?: string;
+    /**
+     * Intercepte le clic d'un item (ex: navigation client Next, redirection login).
+     * Quand fourni, le `preventDefault` par défaut est appliqué avant l'appel —
+     * l'appelant gère lui-même la navigation.
+     */
+    onNavigate?: (item: FloatingDockItem) => void;
+}
+/**
+ * Barre de navigation flottante mobile — « dock » à bulle active.
+ *
+ * Présentation pure : l'îlot (pilule blanche arrondie, ombre douce, bulle
+ * colorée + label pour l'item actif) est rendu ici. Le positionnement `fixed`,
+ * le safe-area iOS, le masquage au scroll et la logique d'auth restent à la
+ * charge de l'appelant, via le wrapper englobant et `onNavigate`.
+ *
+ * - Item inactif : icône seule, cible tap 44px minimum.
+ * - Item actif : bulle colorée (token `secondary`) + label qui apparaît via une
+ *   transition de largeur.
+ * - Rendu en `<a href>` (crawlable / accessible), interceptable par `onNavigate`.
+ */
+declare const FloatingDock: React.ForwardRefExoticComponent<FloatingDockProps & React.RefAttributes<HTMLElement>>;
+
+export { FloatingDock, type FloatingDockItem, type FloatingDockProps };

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

@@ -0,0 +1,44 @@
+import * as React from 'react';
+
+interface FloatingDockItem {
+    /** Identifiant stable de l'item. */
+    key: string;
+    /** Libellé affiché quand l'item est actif (et pour l'accessibilité). */
+    label: string;
+    /** Icône (ex: `<Search className="w-5 h-5" />`), dimensionnée par l'appelant. */
+    icon: React.ReactNode;
+    /** Destination. Rendu comme `<a href>` (crawlable) même si `onNavigate` intercepte. */
+    href: string;
+    /** Item courant → bulle colorée + label visible. */
+    isActive?: boolean;
+}
+interface FloatingDockProps {
+    /** Items de navigation (3 à 5 recommandés). */
+    items: FloatingDockItem[];
+    /** Classes supplémentaires appliquées à la pilule `<nav>`. */
+    className?: string;
+    /** Libellé ARIA de la navigation. */
+    ariaLabel?: string;
+    /**
+     * Intercepte le clic d'un item (ex: navigation client Next, redirection login).
+     * Quand fourni, le `preventDefault` par défaut est appliqué avant l'appel —
+     * l'appelant gère lui-même la navigation.
+     */
+    onNavigate?: (item: FloatingDockItem) => void;
+}
+/**
+ * Barre de navigation flottante mobile — « dock » à bulle active.
+ *
+ * Présentation pure : l'îlot (pilule blanche arrondie, ombre douce, bulle
+ * colorée + label pour l'item actif) est rendu ici. Le positionnement `fixed`,
+ * le safe-area iOS, le masquage au scroll et la logique d'auth restent à la
+ * charge de l'appelant, via le wrapper englobant et `onNavigate`.
+ *
+ * - Item inactif : icône seule, cible tap 44px minimum.
+ * - Item actif : bulle colorée (token `secondary`) + label qui apparaît via une
+ *   transition de largeur.
+ * - Rendu en `<a href>` (crawlable / accessible), interceptable par `onNavigate`.
+ */
+declare const FloatingDock: React.ForwardRefExoticComponent<FloatingDockProps & React.RefAttributes<HTMLElement>>;
+
+export { FloatingDock, type FloatingDockItem, type FloatingDockProps };

package/dist/components/FloatingDock/index.js

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

package/dist/components/FloatingDock/index.mjs

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