@dododog/ui 0.1.0

package/dist/chunk-PXHZ4CXG.mjs

@@ -0,0 +1,234 @@
+import { cn } from './chunk-IMKLN273.mjs';
+import * as React from 'react';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+function MapPinIcon({ 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, children: [
+    /* @__PURE__ */ jsx("path", { d: "M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z" }),
+    /* @__PURE__ */ jsx("circle", { cx: "12", cy: "10", r: "3" })
+  ] });
+}
+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, 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 StarIcon({ className }) {
+  return /* @__PURE__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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.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 = cn(
+      "flex",
+      isV ? "flex-col" : isH ? "flex-row" : "flex-col md:flex-row"
+    );
+    const linkContent = /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs("div", { className: 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__ */ jsx(
+          "img",
+          {
+            src: hotel.mainImage,
+            alt: hotel.name,
+            className: "object-cover w-full h-full"
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "absolute top-3 left-3 flex flex-wrap gap-2", children: [
+          /* @__PURE__ */ jsxs("span", { className: "px-2 py-1 bg-secondary text-white text-xs font-medium rounded-md flex items-center gap-1", children: [
+            /* @__PURE__ */ jsx(DogIcon, { className: "w-3 h-3" }),
+            /* @__PURE__ */ jsx("span", { className: isV ? "hidden" : isH ? "inline" : "hidden md:inline", children: "Voyage engag\xE9" })
+          ] }),
+          hotel.originalPrice && hotel.pricePerNight && hotel.originalPrice > hotel.pricePerNight && /* @__PURE__ */ 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__ */ 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__ */ jsx(
+              HeartIcon,
+              {
+                filled: isFavorite,
+                className: cn(
+                  "w-5 h-5 transition-all duration-300",
+                  isFavorite ? "text-secondary scale-110" : "text-primary group-hover:text-secondary"
+                )
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { className: 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__ */ jsx(
+          "span",
+          {
+            className: cn(
+              "w-1.5 h-1.5 rounded-full",
+              i === 0 ? "bg-white" : "bg-white/50"
+            )
+          },
+          i
+        )) })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: 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__ */ jsxs("div", { className: 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__ */ jsx("span", { className: 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__ */ jsxs("span", { className: 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__ */ jsxs("div", { className: "flex-1", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 text-text-muted text-sm mb-1", children: [
+            /* @__PURE__ */ jsx(MapPinIcon, { className: "w-4 h-4" }),
+            /* @__PURE__ */ jsxs("span", { children: [
+              hotel.city || "Ville inconnue",
+              hotel.region && hotel.region !== hotel.city ? `, ${hotel.region}` : ""
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: 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__ */ jsx("h3", { className: 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__ */ jsx("div", { className: "flex items-center gap-0.5 shrink-0", children: Array.from({ length: hotel.rating }, (_, i) => /* @__PURE__ */ jsx(
+                  StarIcon,
+                  {
+                    className: "w-3 h-3 fill-amber-400 text-amber-400"
+                  },
+                  i
+                )) })
+              ]
+            }
+          ),
+          hotel.amenities && hotel.amenities.length > 0 && /* @__PURE__ */ jsx("div", { className: 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__ */ jsxs(
+            "span",
+            {
+              className: cn(
+                "text-xs text-text-muted flex items-center gap-1",
+                i >= 3 && (isV ? "hidden" : isH ? "flex" : "hidden md:flex")
+              ),
+              children: [
+                /* @__PURE__ */ jsx(CheckIcon, { className: "w-3.5 h-3.5 text-accent flex-shrink-0" }),
+                amenity
+              ]
+            },
+            i
+          )) }),
+          /* @__PURE__ */ jsx("div", { className: cn("flex items-center text-sm", isV ? "gap-2" : isH ? "gap-4" : "gap-2 md:gap-4"), children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 text-secondary", children: [
+            /* @__PURE__ */ jsx(DogIcon, { className: "w-4 h-4" }),
+            /* @__PURE__ */ jsx("span", { className: 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__ */ jsxs("div", { className: 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__ */ jsx("div", { children: hotel.dogFeeUnknown ? /* @__PURE__ */ jsx("span", { className: cn("text-xs text-text-muted", isV ? "hidden" : isH ? "inline" : "hidden md:inline"), children: "Frais chien \xE0 confirmer" }) : hotel.dogFeePerNight === 0 ? /* @__PURE__ */ 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__ */ jsx(DogIcon, { className: "w-3.5 h-3.5" }),
+            /* @__PURE__ */ jsx("span", { className: isV ? "hidden" : isH ? "inline" : "hidden md:inline", children: "Chien gratuit" }),
+            /* @__PURE__ */ jsx("span", { className: isV ? "inline" : isH ? "hidden" : "md:hidden", children: "Gratuit" })
+          ] }) : hotel.dogFeePerNight != null ? /* @__PURE__ */ jsxs("span", { className: "text-xs text-text-muted", children: [
+            "+",
+            formatPrice(hotel.dogFeePerNight),
+            /* @__PURE__ */ jsx("span", { className: isV ? "hidden" : isH ? "inline" : "hidden md:inline", children: "/nuit par chien" })
+          ] }) : null }),
+          /* @__PURE__ */ jsx("div", { className: "text-right", children: hotel.pricePerNight != null && hotel.pricePerNight > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            isIndicativePrice && /* @__PURE__ */ jsx("p", { className: "text-xs text-text-muted mb-0.5", children: "\xC0 partir de" }),
+            !isIndicativePrice && hotel.originalPrice && hotel.originalPrice > hotel.pricePerNight && /* @__PURE__ */ jsx("span", { className: cn("text-sm text-text-muted line-through mr-2", isV ? "hidden" : isH ? "inline" : "hidden md:inline"), children: formatPrice(hotel.originalPrice) }),
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: 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__ */ jsxs("span", { className: cn("text-text-muted", isV ? "text-xs" : isH ? "text-sm" : "text-xs md:text-sm"), children: [
+              " ",
+              "/ nuit"
+            ] }),
+            !isIndicativePrice && /* @__PURE__ */ jsx("p", { className: cn("text-xs text-text-muted mt-1", isV ? "hidden" : isH ? "block" : "hidden md:block"), children: "Taxes et frais inclus" })
+          ] }) : priceLoading ? /* @__PURE__ */ jsxs("div", { className: "animate-pulse flex flex-col items-end gap-1", children: [
+            /* @__PURE__ */ jsx("div", { className: "h-7 w-20 bg-sand rounded" }),
+            /* @__PURE__ */ jsx("div", { className: "h-3 w-14 bg-sand-light rounded" })
+          ] }) : noAvailability ? /* @__PURE__ */ jsx("span", { className: "text-sm text-text-muted", children: "Non disponible" }) : /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-secondary", children: "Voir le prix \u2192" }) })
+        ] })
+      ] })
+    ] });
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        className: cn(
+          "bg-white rounded-xl border border-sand-dark overflow-hidden hover:shadow-lg transition-shadow",
+          className
+        ),
+        ...props,
+        children: [
+          isSponsored && /* @__PURE__ */ jsx("div", { className: "bg-sand-light px-4 py-2 border-b border-sand-dark", children: /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-text-muted", children: "Annonce sponsoris\xE9e" }) }),
+          renderLink ? renderLink({
+            href: hotel.href,
+            className: linkClassName,
+            children: linkContent
+          }) : /* @__PURE__ */ jsx("a", { href: hotel.href, className: linkClassName, children: linkContent })
+        ]
+      }
+    );
+  }
+);
+HotelCard.displayName = "HotelCard";
+
+export { HotelCard };

package/dist/chunk-Q7BKR6O7.mjs

@@ -0,0 +1,84 @@
+import { cn } from './chunk-IMKLN273.mjs';
+import * as React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var DropdownMenu = React.forwardRef(
+  ({ trigger, items, onSelect, align = "left", className }, ref) => {
+    const [open, setOpen] = React.useState(false);
+    const containerRef = React.useRef(null);
+    React.useEffect(() => {
+      function handleClickOutside(e) {
+        if (containerRef.current && !containerRef.current.contains(e.target)) {
+          setOpen(false);
+        }
+      }
+      if (open) {
+        document.addEventListener("mousedown", handleClickOutside);
+        return () => document.removeEventListener("mousedown", handleClickOutside);
+      }
+    }, [open]);
+    React.useEffect(() => {
+      function handleEscape(e) {
+        if (e.key === "Escape") setOpen(false);
+      }
+      if (open) {
+        document.addEventListener("keydown", handleEscape);
+        return () => document.removeEventListener("keydown", handleEscape);
+      }
+    }, [open]);
+    return /* @__PURE__ */ jsxs("div", { ref, className: cn("relative inline-block", className), children: [
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          ref: containerRef,
+          onClick: () => setOpen((o) => !o),
+          role: "button",
+          tabIndex: 0,
+          "aria-expanded": open,
+          "aria-haspopup": "menu",
+          onKeyDown: (e) => {
+            if (e.key === "Enter" || e.key === " ") {
+              e.preventDefault();
+              setOpen((o) => !o);
+            }
+          },
+          children: trigger
+        }
+      ),
+      open && /* @__PURE__ */ jsx(
+        "div",
+        {
+          role: "menu",
+          className: cn(
+            "absolute z-50 mt-1 min-w-[180px] bg-white rounded-xl border border-gray-200 shadow-lg py-1 animate-megamenu-in",
+            align === "right" ? "right-0" : "left-0"
+          ),
+          children: items.map((item) => /* @__PURE__ */ jsxs(
+            "button",
+            {
+              role: "menuitem",
+              disabled: item.disabled,
+              onClick: () => {
+                onSelect(item.id);
+                setOpen(false);
+              },
+              className: cn(
+                "flex items-center gap-2 w-full px-4 py-2.5 text-sm text-left transition-colors",
+                item.destructive ? "text-red-600 hover:bg-red-50" : "text-gray-700 hover:bg-gray-50",
+                item.disabled && "opacity-40 cursor-not-allowed"
+              ),
+              children: [
+                item.icon && /* @__PURE__ */ jsx("span", { className: "flex-shrink-0", "aria-hidden": "true", children: item.icon }),
+                item.label
+              ]
+            },
+            item.id
+          ))
+        }
+      )
+    ] });
+  }
+);
+DropdownMenu.displayName = "DropdownMenu";
+
+export { DropdownMenu };

package/dist/chunk-QU6ZRLKO.mjs

@@ -0,0 +1,54 @@
+import { cn } from './chunk-IMKLN273.mjs';
+import * as React from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var ImageGallery = React.forwardRef(
+  ({ images, className, maxVisible = 5, onImageClick }, ref) => {
+    if (images.length === 0) return null;
+    const visible = images.slice(0, maxVisible);
+    const remaining = images.length - maxVisible;
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: cn(
+          "grid gap-2 rounded-xl overflow-hidden",
+          visible.length === 1 && "grid-cols-1",
+          visible.length === 2 && "grid-cols-2",
+          visible.length >= 3 && "grid-cols-4 grid-rows-2",
+          className
+        ),
+        children: visible.map((img, i) => /* @__PURE__ */ jsxs(
+          "button",
+          {
+            onClick: () => onImageClick?.(i),
+            className: cn(
+              "relative overflow-hidden group",
+              visible.length >= 3 && i === 0 && "col-span-2 row-span-2",
+              i === 0 ? "aspect-[4/3]" : "aspect-[3/2]"
+            ),
+            children: [
+              /* @__PURE__ */ jsx(
+                "img",
+                {
+                  src: img.src,
+                  alt: img.alt,
+                  className: "absolute inset-0 w-full h-full object-cover transition-transform duration-300 group-hover:scale-105",
+                  loading: i === 0 ? "eager" : "lazy"
+                }
+              ),
+              i === maxVisible - 1 && remaining > 0 && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-black/40 flex items-center justify-center", children: /* @__PURE__ */ jsxs("span", { className: "text-white text-xl font-bold", children: [
+                "+",
+                remaining
+              ] }) })
+            ]
+          },
+          i
+        ))
+      }
+    );
+  }
+);
+ImageGallery.displayName = "ImageGallery";
+
+export { ImageGallery };

package/dist/chunk-QWDKSY6Y.js

@@ -0,0 +1,56 @@
+'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 SegmentedControl = React__namespace.forwardRef(
+  ({ options, value, onChange, className }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref,
+        className: chunkADIDI7AJ_js.cn("flex gap-1 bg-gray-100 rounded-full p-1", className),
+        role: "radiogroup",
+        children: options.map((option) => /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            role: "radio",
+            "aria-checked": value === option.value,
+            onClick: () => onChange(option.value),
+            className: chunkADIDI7AJ_js.cn(
+              "px-3 py-1.5 text-sm rounded-full transition-all",
+              value === option.value ? "bg-white text-gray-900 shadow-sm font-medium" : "text-gray-600 hover:text-gray-900"
+            ),
+            children: option.label
+          },
+          option.value
+        ))
+      }
+    );
+  }
+);
+SegmentedControl.displayName = "SegmentedControl";
+
+exports.SegmentedControl = SegmentedControl;

package/dist/chunk-R4DC7XPP.mjs

@@ -0,0 +1,147 @@
+import { cn } from './chunk-IMKLN273.mjs';
+import * as React from 'react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+var defaultRenderLink = ({
+  href,
+  className,
+  onClick,
+  children
+}) => /* @__PURE__ */ jsx("a", { href, className, onClick, children });
+var MobileMenu = React.forwardRef(
+  ({
+    items,
+    isOpen,
+    onClose,
+    header,
+    footer,
+    extraLinks,
+    renderLink = defaultRenderLink,
+    className
+  }, ref) => {
+    const [expandedSection, setExpandedSection] = React.useState(
+      null
+    );
+    React.useEffect(() => {
+      if (isOpen) {
+        const prev = document.body.style.overflow;
+        document.body.style.overflow = "hidden";
+        return () => {
+          document.body.style.overflow = prev;
+        };
+      }
+    }, [isOpen]);
+    React.useEffect(() => {
+      if (!isOpen) setExpandedSection(null);
+    }, [isOpen]);
+    if (!isOpen) return null;
+    const toggleSection = (label) => {
+      setExpandedSection(expandedSection === label ? null : label);
+    };
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        className: cn("fixed inset-0 z-50 bg-white flex flex-col", className),
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-4 h-16 border-b border-gray-100 shrink-0", children: [
+            header || /* @__PURE__ */ jsx("div", {}),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                onClick: onClose,
+                className: "p-2 hover:bg-gray-100 rounded-full transition-colors",
+                "aria-label": "Fermer le menu",
+                children: /* @__PURE__ */ jsxs(
+                  "svg",
+                  {
+                    xmlns: "http://www.w3.org/2000/svg",
+                    width: "24",
+                    height: "24",
+                    viewBox: "0 0 24 24",
+                    fill: "none",
+                    stroke: "currentColor",
+                    strokeWidth: "2",
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    className: "text-primary",
+                    children: [
+                      /* @__PURE__ */ jsx("path", { d: "M18 6 6 18" }),
+                      /* @__PURE__ */ jsx("path", { d: "m6 6 12 12" })
+                    ]
+                  }
+                )
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto px-4 py-4", children: /* @__PURE__ */ jsxs("nav", { className: "flex flex-col gap-1", children: [
+            items.map((item) => /* @__PURE__ */ jsx("div", { children: item.type === "link" ? /* @__PURE__ */ jsx(Fragment, { children: renderLink({
+              href: item.href || "#",
+              className: "flex items-center justify-between px-4 py-3.5 text-base font-medium text-primary hover:bg-gray-50 rounded-lg transition-colors",
+              onClick: onClose,
+              children: item.label
+            }) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  onClick: () => toggleSection(item.label),
+                  className: "flex items-center justify-between w-full px-4 py-3.5 text-base font-medium text-primary hover:bg-gray-50 rounded-lg transition-colors",
+                  children: [
+                    item.label,
+                    /* @__PURE__ */ jsx(
+                      "svg",
+                      {
+                        xmlns: "http://www.w3.org/2000/svg",
+                        width: "20",
+                        height: "20",
+                        viewBox: "0 0 24 24",
+                        fill: "none",
+                        stroke: "currentColor",
+                        strokeWidth: "2",
+                        strokeLinecap: "round",
+                        strokeLinejoin: "round",
+                        className: cn(
+                          "text-gray-400 transition-transform duration-200",
+                          expandedSection === item.label && "rotate-180"
+                        ),
+                        children: /* @__PURE__ */ jsx("path", { d: "m6 9 6 6 6-6" })
+                      }
+                    )
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: cn(
+                    "overflow-hidden transition-all duration-200",
+                    expandedSection === item.label ? "max-h-[600px] opacity-100" : "max-h-0 opacity-0"
+                  ),
+                  children: /* @__PURE__ */ jsx("div", { className: "pl-4 pb-2", children: item.children?.map((child) => /* @__PURE__ */ jsx(React.Fragment, { children: renderLink({
+                    href: child.href,
+                    className: "block px-4 py-2.5 text-sm text-gray-600 hover:text-primary hover:bg-gray-50 rounded-lg transition-colors",
+                    onClick: onClose,
+                    children: child.label
+                  }) }, child.label)) })
+                }
+              )
+            ] }) }, item.label)),
+            extraLinks && extraLinks.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx("hr", { className: "my-3 border-gray-100" }),
+              extraLinks.map((link) => /* @__PURE__ */ jsx(React.Fragment, { children: renderLink({
+                href: link.href,
+                className: "flex items-center gap-3 px-4 py-3.5 text-base font-medium text-primary hover:bg-gray-50 rounded-lg transition-colors",
+                onClick: onClose,
+                children: link.label
+              }) }, link.label))
+            ] })
+          ] }) }),
+          footer && /* @__PURE__ */ jsx("div", { className: "shrink-0 px-4 py-4 border-t border-gray-100 bg-white", children: footer })
+        ]
+      }
+    );
+  }
+);
+MobileMenu.displayName = "MobileMenu";
+
+export { MobileMenu };

package/dist/chunk-RJWHPHHX.mjs

@@ -0,0 +1,39 @@
+import { cn } from './chunk-IMKLN273.mjs';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+
+function CardList({
+  items,
+  renderItem,
+  keyExtractor,
+  pageSize,
+  staggerDelay = 50,
+  loading = false,
+  loadingSkeleton,
+  hasMore = false,
+  loadingMore = false,
+  loadMoreRef,
+  loadMoreSkeleton,
+  gap = "gap-4",
+  className
+}) {
+  if (loading) {
+    return /* @__PURE__ */ jsx(Fragment, { children: loadingSkeleton });
+  }
+  const effectivePageSize = pageSize ?? items.length;
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col", gap, className), children: [
+    items.map((item, index) => /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "animate-card-appear",
+        style: {
+          animationDelay: `${index % effectivePageSize * staggerDelay}ms`
+        },
+        children: renderItem(item, index)
+      },
+      keyExtractor(item)
+    )),
+    hasMore && items.length > 0 && /* @__PURE__ */ jsx("div", { ref: loadMoreRef, children: loadingMore && loadMoreSkeleton })
+  ] });
+}
+
+export { CardList };