@dododog/ui 0.1.0

package/dist/chunk-IJIUUBFT.js

@@ -0,0 +1,94 @@
+'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 Checkbox = React__namespace.forwardRef(
+  ({ label, description, error, required, checked, onChange, disabled, className, name }, ref) => {
+    const id = React__namespace.useId();
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkADIDI7AJ_js.cn("w-full", className), children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "label",
+        {
+          htmlFor: id,
+          className: chunkADIDI7AJ_js.cn(
+            "flex items-start gap-3 cursor-pointer",
+            disabled && "opacity-50 cursor-not-allowed"
+          ),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "relative mt-0.5 flex-shrink-0", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "input",
+                {
+                  ref,
+                  id,
+                  name,
+                  type: "checkbox",
+                  checked,
+                  disabled,
+                  onChange: (e) => onChange?.(e.target.checked),
+                  className: "peer sr-only"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "span",
+                {
+                  className: chunkADIDI7AJ_js.cn(
+                    "block w-5 h-5 rounded border-2 transition-colors",
+                    checked ? "bg-secondary border-secondary" : "bg-white border-gray-300 peer-hover:border-secondary",
+                    disabled && "cursor-not-allowed"
+                  )
+                }
+              ),
+              checked && /* @__PURE__ */ jsxRuntime.jsx(
+                "svg",
+                {
+                  className: "absolute inset-0 w-5 h-5 text-white pointer-events-none",
+                  viewBox: "0 0 20 20",
+                  fill: "none",
+                  stroke: "currentColor",
+                  strokeWidth: "3",
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  children: /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "5 10 8.5 13.5 15 7" })
+                }
+              )
+            ] }),
+            (label || description) && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+              label && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-sm font-medium text-primary", children: [
+                label,
+                required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-secondary", children: " *" })
+              ] }),
+              description && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block text-xs text-text-secondary mt-0.5", children: description })
+            ] })
+          ]
+        }
+      ),
+      error && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-sm text-red-500", children: error })
+    ] });
+  }
+);
+Checkbox.displayName = "Checkbox";
+
+exports.Checkbox = Checkbox;

package/dist/chunk-IMKLN273.mjs

@@ -0,0 +1,9 @@
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+
+// src/utils/cn.ts
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+export { cn };

package/dist/chunk-IRKM5UF4.js

@@ -0,0 +1,137 @@
+'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 defaultRenderLink = ({
+  href,
+  className,
+  children
+}) => /* @__PURE__ */ jsxRuntime.jsx("a", { href, className, children });
+var Header = React__namespace.forwardRef(
+  ({
+    logo,
+    navItems = [],
+    activeDropdown,
+    onNavHover,
+    onNavClick,
+    rightContent,
+    onMobileMenuOpen,
+    variant = "default",
+    renderLink = defaultRenderLink,
+    className
+  }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "header",
+      {
+        ref,
+        className: chunkADIDI7AJ_js.cn(
+          "w-full z-50 transition-all duration-300 border-b bg-white",
+          variant === "scrolled" ? "shadow-sm border-gray-100" : "border-gray-100",
+          className
+        ),
+        children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full px-4 sm:px-6 lg:px-8", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between h-16 md:h-[72px]", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "shrink-0", children: logo }),
+          navItems.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("nav", { className: "hidden lg:flex items-center justify-center flex-1 px-8", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1", children: navItems.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              onMouseEnter: () => item.hasDropdown && onNavHover?.(item.key),
+              onMouseLeave: () => item.hasDropdown && onNavHover?.(null),
+              children: item.hasDropdown ? /* @__PURE__ */ jsxRuntime.jsxs(
+                "button",
+                {
+                  className: chunkADIDI7AJ_js.cn(
+                    "flex items-center gap-1 px-4 py-2 text-sm font-medium text-primary hover:text-secondary transition-colors outline-none focus:outline-none",
+                    activeDropdown === item.key && "text-secondary"
+                  ),
+                  onFocus: () => onNavHover?.(item.key),
+                  onClick: () => onNavClick?.(item.key, item.href),
+                  children: [
+                    item.label,
+                    /* @__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: chunkADIDI7AJ_js.cn(
+                          "transition-transform duration-200",
+                          activeDropdown === item.key && "rotate-180"
+                        ),
+                        children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m6 9 6 6 6-6" })
+                      }
+                    )
+                  ]
+                }
+              ) : /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: renderLink({
+                href: item.href || "#",
+                className: "px-4 py-2 text-sm font-medium text-primary hover:text-secondary transition-colors",
+                children: item.label
+              }) })
+            },
+            item.key
+          )) }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "hidden lg:flex items-center gap-1 shrink-0", children: rightContent }),
+          onMobileMenuOpen && /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              className: "lg:hidden p-2 hover:bg-gray-100 rounded-full transition-colors",
+              onClick: onMobileMenuOpen,
+              "aria-label": "Ouvrir le menu",
+              children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("line", { x1: "4", x2: "20", y1: "12", y2: "12" }),
+                    /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "4", x2: "20", y1: "6", y2: "6" }),
+                    /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "4", x2: "20", y1: "18", y2: "18" })
+                  ]
+                }
+              )
+            }
+          )
+        ] }) })
+      }
+    );
+  }
+);
+Header.displayName = "Header";
+
+exports.Header = Header;

package/dist/chunk-JP5ZR2HI.mjs

@@ -0,0 +1,64 @@
+import { cn } from './chunk-IMKLN273.mjs';
+import * as React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function repeatToFill(arr, minCount) {
+  if (arr.length === 0) return arr;
+  const repeats = Math.ceil(minCount / arr.length);
+  const result = [];
+  for (let r = 0; r < repeats; r++) {
+    result.push(...arr);
+  }
+  return result;
+}
+var VerticalMarquee = React.forwardRef(
+  ({ images, className, overlay, minItemsPerColumn = 6 }, ref) => {
+    const leftCol = images.filter((_, i) => i % 2 === 0);
+    const rightCol = images.filter((_, i) => i % 2 === 1);
+    const leftSet = repeatToFill(leftCol, minItemsPerColumn);
+    const rightSet = repeatToFill(rightCol, minItemsPerColumn);
+    const renderColumn = (col) => col.map((img, i) => /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "relative aspect-[3/4] rounded-2xl overflow-hidden flex-shrink-0",
+        children: /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: img.src,
+            alt: img.alt,
+            className: "absolute inset-0 w-full h-full object-cover",
+            loading: "lazy"
+          }
+        )
+      },
+      i
+    ));
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        className: cn("relative overflow-hidden", className),
+        style: {
+          maskImage: "linear-gradient(to bottom, transparent, black 8%, black 92%, transparent)",
+          WebkitMaskImage: "linear-gradient(to bottom, transparent, black 8%, black 92%, transparent)"
+        },
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4 h-full px-4 md:px-8 lg:px-12", children: [
+            /* @__PURE__ */ jsx("div", { className: "overflow-hidden", children: /* @__PURE__ */ jsxs("div", { className: "animate-marquee-down flex flex-col gap-4 [&:hover]:![animation-play-state:paused]", children: [
+              renderColumn(leftSet),
+              renderColumn(leftSet)
+            ] }) }),
+            /* @__PURE__ */ jsx("div", { className: "overflow-hidden", children: /* @__PURE__ */ jsxs("div", { className: "animate-marquee-up flex flex-col gap-4 [&:hover]:![animation-play-state:paused]", children: [
+              renderColumn(rightSet),
+              renderColumn(rightSet)
+            ] }) })
+          ] }),
+          overlay && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center pointer-events-none", children: /* @__PURE__ */ jsx("div", { className: "pointer-events-auto", children: overlay }) })
+        ]
+      }
+    );
+  }
+);
+VerticalMarquee.displayName = "VerticalMarquee";
+
+export { VerticalMarquee };

package/dist/chunk-KOO5ZXLD.js

@@ -0,0 +1,234 @@
+'use strict';
+
+var chunkADIDI7AJ_js = require('./chunk-ADIDI7AJ.js');
+var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+function CounterRow({ label, subtitle, value, min, max, onChange, ariaLabel }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-medium text-primary", children: label }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-text-muted", children: subtitle })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => onChange(Math.max(min, value - 1)),
+          disabled: value <= min,
+          "aria-label": `R\xE9duire ${ariaLabel}`,
+          className: chunkADIDI7AJ_js.cn(
+            "w-8 h-8 flex items-center justify-center rounded-full border text-primary transition-colors",
+            value <= min ? "border-gray-200 text-gray-300 cursor-not-allowed" : "border-sand-dark hover:border-secondary"
+          ),
+          children: "-"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "w-8 text-center font-medium text-primary", "aria-live": "polite", children: value }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => onChange(Math.min(max, value + 1)),
+          disabled: value >= max,
+          "aria-label": `Ajouter ${ariaLabel}`,
+          className: chunkADIDI7AJ_js.cn(
+            "w-8 h-8 flex items-center justify-center rounded-full border text-primary transition-colors",
+            value >= max ? "border-gray-200 text-gray-300 cursor-not-allowed" : "border-sand-dark hover:border-secondary"
+          ),
+          children: "+"
+        }
+      )
+    ] })
+  ] });
+}
+function ChildAgeSelect({
+  index,
+  age,
+  onChange
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-sm text-text-muted min-w-fit", children: [
+      "Enfant ",
+      index + 1
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "select",
+      {
+        value: age,
+        onChange: (e) => onChange(parseInt(e.target.value, 10)),
+        "aria-label": `\xC2ge de l'enfant ${index + 1}`,
+        className: "flex-1 px-2 py-1.5 border border-sand-dark rounded-lg text-sm text-primary bg-white focus:outline-none focus:ring-2 focus:ring-secondary focus:border-transparent",
+        children: Array.from({ length: 18 }, (_, i) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: i, children: i === 0 ? "< 1 an" : `${i} an${i > 1 ? "s" : ""}` }, i))
+      }
+    )
+  ] });
+}
+var GuestPicker = React__namespace.forwardRef(
+  ({
+    adults,
+    onAdultsChange,
+    childrenAges,
+    onChildrenAgesChange,
+    dogs,
+    onDogsChange,
+    isOpen,
+    onToggle,
+    onClose,
+    maxAdults = 10,
+    maxChildren = 6,
+    maxDogs = 5,
+    validateLabel = "Valider",
+    renderTrigger,
+    className
+  }, ref) => {
+    const containerRef = React__namespace.useRef(null);
+    React__namespace.useEffect(() => {
+      if (!isOpen) return;
+      function handleClickOutside(event) {
+        if (containerRef.current && !containerRef.current.contains(event.target)) {
+          onClose();
+        }
+      }
+      document.addEventListener("mousedown", handleClickOutside);
+      return () => document.removeEventListener("mousedown", handleClickOutside);
+    }, [isOpen, onClose]);
+    const childrenCount = childrenAges.length;
+    const handleChildrenCountChange = (newCount) => {
+      if (newCount > childrenCount) {
+        const newAges = [...childrenAges];
+        for (let i = childrenCount; i < newCount; i++) {
+          newAges.push(6);
+        }
+        onChildrenAgesChange(newAges);
+      } else if (newCount < childrenCount) {
+        onChildrenAgesChange(childrenAges.slice(0, newCount));
+      }
+    };
+    const handleChildAgeChange = (index, newAge) => {
+      const newAges = [...childrenAges];
+      newAges[index] = newAge;
+      onChildrenAgesChange(newAges);
+    };
+    const totalPeople = adults + childrenCount;
+    const summary = `${totalPeople} voyageur${totalPeople > 1 ? "s" : ""}, ${dogs} chien${dogs > 1 ? "s" : ""}`;
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: chunkADIDI7AJ_js.cn("relative", className), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: containerRef, children: [
+      renderTrigger ? renderTrigger({ summary, isOpen, onToggle }) : /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: onToggle,
+          "aria-label": "S\xE9lectionner le nombre de voyageurs et chiens",
+          "aria-expanded": isOpen,
+          className: "w-full flex items-center gap-2 px-4 py-3 border border-sand-dark rounded-xl bg-white hover:border-secondary transition-colors text-left",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("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: "text-text-muted shrink-0", 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" })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-primary flex-1", children: [
+              totalPeople,
+              " voyageur",
+              totalPeople > 1 ? "s" : ""
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("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: "text-secondary shrink-0", 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" })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-primary", children: dogs }),
+            /* @__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: chunkADIDI7AJ_js.cn("text-text-muted transition-transform", isOpen && "rotate-180"), children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m6 9 6 6 6-6" }) })
+          ]
+        }
+      ),
+      isOpen && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute top-full left-0 right-0 mt-2 bg-white rounded-xl shadow-lg border border-sand-dark z-[60] p-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            CounterRow,
+            {
+              label: "Adultes",
+              subtitle: "18 ans et plus",
+              value: adults,
+              min: 1,
+              max: maxAdults,
+              onChange: onAdultsChange,
+              ariaLabel: "le nombre d'adultes"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            CounterRow,
+            {
+              label: "Enfants",
+              subtitle: "0 \xE0 17 ans",
+              value: childrenCount,
+              min: 0,
+              max: maxChildren,
+              onChange: handleChildrenCountChange,
+              ariaLabel: "le nombre d'enfants"
+            }
+          ),
+          childrenAges.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pl-2 space-y-2 border-l-2 border-sand-dark ml-1", children: childrenAges.map((age, i) => /* @__PURE__ */ jsxRuntime.jsx(
+            ChildAgeSelect,
+            {
+              index: i,
+              age,
+              onChange: (newAge) => handleChildAgeChange(i, newAge)
+            },
+            i
+          )) }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t border-sand-dark" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            CounterRow,
+            {
+              label: "Chiens",
+              subtitle: "Vos compagnons",
+              value: dogs,
+              min: 1,
+              max: maxDogs,
+              onChange: onDogsChange,
+              ariaLabel: "le nombre de chiens"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: onClose,
+            className: "mt-4 w-full py-2.5 bg-secondary text-white rounded-lg font-medium hover:bg-secondary-dark transition-colors",
+            children: validateLabel
+          }
+        )
+      ] })
+    ] }) });
+  }
+);
+GuestPicker.displayName = "GuestPicker";
+
+exports.GuestPicker = GuestPicker;

package/dist/chunk-KQK7LFWM.mjs

@@ -0,0 +1,101 @@
+import { cn } from './chunk-IMKLN273.mjs';
+import * as React from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var SearchBar = React.forwardRef(
+  ({
+    fields,
+    onFieldClick,
+    onSearch,
+    searchLabel = "Rechercher",
+    variant = "hero",
+    className
+  }, ref) => {
+    const isCompact = variant === "compact" || variant === "sticky";
+    return /* @__PURE__ */ jsx("div", { ref, className: cn("w-full", className), children: /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn(
+          "bg-white rounded-2xl shadow-lg",
+          isCompact ? "p-2" : "p-4 md:p-6"
+        ),
+        children: /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn(
+              "grid gap-4",
+              isCompact ? `grid-cols-1 md:grid-cols-${Math.min(fields.length + 1, 5)} items-center` : `grid-cols-1 md:grid-cols-2 lg:grid-cols-${Math.min(fields.length + 1, 5)}`
+            ),
+            children: [
+              fields.map((field) => /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  className: "relative cursor-pointer",
+                  onClick: () => onFieldClick?.(field.key),
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      "label",
+                      {
+                        className: cn(
+                          "block text-sm font-medium text-primary mb-1",
+                          isCompact && "sr-only"
+                        ),
+                        children: field.label
+                      }
+                    ),
+                    /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+                      field.icon && /* @__PURE__ */ jsx("div", { className: "absolute left-3 top-1/2 -translate-y-1/2 text-text-muted", children: field.icon }),
+                      /* @__PURE__ */ jsx(
+                        "div",
+                        {
+                          className: cn(
+                            "w-full border border-gray-200 rounded-lg bg-white",
+                            "focus-within:ring-2 focus-within:ring-secondary focus-within:border-transparent",
+                            field.icon ? "pl-10 pr-4" : "px-4",
+                            isCompact ? "py-2.5" : "py-3",
+                            field.value ? "text-primary text-base font-medium" : "text-gray-400 text-base"
+                          ),
+                          children: field.value || field.placeholder
+                        }
+                      )
+                    ] })
+                  ]
+                },
+                field.key
+              )),
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: cn(
+                    !isCompact && `md:col-span-2 lg:col-span-${Math.min(fields.length + 1, 5)} flex justify-center mt-2`
+                  ),
+                  children: /* @__PURE__ */ jsxs(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: onSearch,
+                      className: cn(
+                        "inline-flex items-center justify-center gap-2 bg-secondary text-white font-semibold rounded-xl transition-colors hover:bg-secondary-dark",
+                        isCompact ? "w-full md:w-auto px-8 py-2.5 text-sm" : "px-12 py-3.5 text-base"
+                      ),
+                      children: [
+                        /* @__PURE__ */ jsxs("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", children: [
+                          /* @__PURE__ */ jsx("circle", { cx: "11", cy: "11", r: "8" }),
+                          /* @__PURE__ */ jsx("path", { d: "m21 21-4.3-4.3" })
+                        ] }),
+                        searchLabel
+                      ]
+                    }
+                  )
+                }
+              )
+            ]
+          }
+        )
+      }
+    ) });
+  }
+);
+SearchBar.displayName = "SearchBar";
+
+export { SearchBar };