@dododog/ui 0.9.1 → 0.10.0

package/dist/chunk-6KW7ZSKR.js

@@ -0,0 +1,211 @@
+'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 DEFAULT_STEPS = [
+  { id: "analyse", label: "Analyse de votre recherche" },
+  { id: "destination", label: "Exploration de la destination" },
+  { id: "selection", label: "S\xE9lection des h\xE9bergements dog-friendly" },
+  { id: "finalisation", label: "Finalisation des r\xE9sultats" }
+];
+var DEFAULT_TITLE = "Pr\xE9paration des r\xE9sultats de votre recherche";
+function DogIcon({ className }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      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: "M11.25 16.25h1.5L12 17z" }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M16 14v.5" }),
+        /* @__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.444a11.702 11.702 0 0 0-.493-3.309" }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8 14v.5" }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8.5 8.5c-.384 1.05-1.083 2.028-2.344 2.5-1.931.722-3.576-.297-3.656-1-.113-.994 1.177-6.53 4-7 1.923-.321 3.651.845 3.651 2.235A7.497 7.497 0 0 1 14 5.277c0-1.39 1.844-2.598 3.767-2.277 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" })
+      ]
+    }
+  );
+}
+function CheckIcon({ className }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "3",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className,
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M20 6 9 17l-5-5" })
+    }
+  );
+}
+var SearchLoadingChecklist = React__namespace.forwardRef(
+  ({
+    active = true,
+    title = DEFAULT_TITLE,
+    steps = DEFAULT_STEPS,
+    stepDurationMs = 750,
+    variant = "fixed",
+    className,
+    ...props
+  }, ref) => {
+    const [completedThrough, setCompletedThrough] = React__namespace.useState(0);
+    const lastStepIndex = Math.max(0, steps.length - 1);
+    React__namespace.useEffect(() => {
+      if (!active) {
+        setCompletedThrough(0);
+        return;
+      }
+      if (completedThrough >= lastStepIndex) {
+        return;
+      }
+      const timer = setTimeout(() => {
+        setCompletedThrough(
+          (current) => Math.min(current + 1, lastStepIndex)
+        );
+      }, stepDurationMs);
+      return () => {
+        clearTimeout(timer);
+      };
+    }, [active, completedThrough, lastStepIndex, stepDurationMs]);
+    if (!active) return null;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref,
+        role: "status",
+        "aria-live": "polite",
+        "aria-busy": "true",
+        className: chunkADIDI7AJ_js.cn(
+          variant === "fixed" ? "fixed" : "absolute",
+          "inset-0 z-50 flex items-center justify-center bg-white/80 backdrop-blur-sm px-4",
+          className
+        ),
+        ...props,
+        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full max-w-md rounded-2xl border border-sand-dark bg-white p-6 shadow-xl sm:p-8", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "relative flex h-16 w-16 items-center justify-center", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "span",
+              {
+                className: "absolute inset-0 animate-spin rounded-full border-2 border-secondary/20 border-t-secondary",
+                "aria-hidden": "true"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(DogIcon, { className: "h-8 w-8 animate-pulse text-secondary" })
+          ] }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "mt-5 text-center text-lg font-semibold text-text-primary", children: title }),
+          /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "mt-6 space-y-3", children: steps.map((step, index) => {
+            const isCompleted = index < completedThrough;
+            const isCurrent = index === completedThrough;
+            return /* @__PURE__ */ jsxRuntime.jsxs(
+              "li",
+              {
+                className: "flex items-center gap-3",
+                "aria-current": isCurrent ? "step" : void 0,
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "span",
+                    {
+                      className: chunkADIDI7AJ_js.cn(
+                        "flex h-6 w-6 flex-shrink-0 items-center justify-center rounded-full border transition-colors duration-300",
+                        isCompleted && "border-secondary bg-secondary text-white",
+                        isCurrent && "border-secondary bg-secondary/10 text-secondary",
+                        !isCompleted && !isCurrent && "border-gray-300 bg-white text-gray-300"
+                      ),
+                      children: isCompleted ? /* @__PURE__ */ jsxRuntime.jsx(CheckIcon, { className: "h-3.5 w-3.5" }) : isCurrent ? /* @__PURE__ */ jsxRuntime.jsxs(
+                        "svg",
+                        {
+                          className: "h-3.5 w-3.5 animate-spin",
+                          xmlns: "http://www.w3.org/2000/svg",
+                          fill: "none",
+                          viewBox: "0 0 24 24",
+                          "aria-hidden": "true",
+                          children: [
+                            /* @__PURE__ */ jsxRuntime.jsx(
+                              "circle",
+                              {
+                                className: "opacity-25",
+                                cx: "12",
+                                cy: "12",
+                                r: "10",
+                                stroke: "currentColor",
+                                strokeWidth: "4"
+                              }
+                            ),
+                            /* @__PURE__ */ jsxRuntime.jsx(
+                              "path",
+                              {
+                                className: "opacity-75",
+                                fill: "currentColor",
+                                d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"
+                              }
+                            )
+                          ]
+                        }
+                      ) : /* @__PURE__ */ jsxRuntime.jsx(
+                        "span",
+                        {
+                          className: "h-1.5 w-1.5 rounded-full bg-current",
+                          "aria-hidden": "true"
+                        }
+                      )
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "span",
+                    {
+                      className: chunkADIDI7AJ_js.cn(
+                        "text-sm transition-colors duration-300",
+                        isCompleted && "font-medium text-text-primary",
+                        isCurrent && "font-medium text-text-primary",
+                        !isCompleted && !isCurrent && "text-text-secondary"
+                      ),
+                      children: step.label
+                    }
+                  )
+                ]
+              },
+              step.id
+            );
+          }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-6 text-center text-xs text-text-secondary", children: "Cela peut prendre quelques instants, nous v\xE9rifions les meilleures disponibilit\xE9s pour vous et votre chien." })
+        ] })
+      }
+    );
+  }
+);
+SearchLoadingChecklist.displayName = "SearchLoadingChecklist";
+
+exports.SearchLoadingChecklist = SearchLoadingChecklist;

package/dist/{chunk-BFGRWOQM.mjs → chunk-IGBEBAPY.mjs}

@@ -57,6 +57,12 @@ function GalleryIcon({ className }) {
     /* @__PURE__ */ jsx("path", { d: "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21" })
   ] });
 }
+function CardIcon({ 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: "20", height: "14", x: "2", y: "5", rx: "2" }),
+    /* @__PURE__ */ jsx("path", { d: "M2 10h20" })
+  ] });
+}
 function formatPrice(price) {
   return new Intl.NumberFormat("fr-FR", {
     style: "currency",
@@ -94,6 +100,8 @@ function RateRow({
   withTopBorder
 }) {
   const showReserveCta = selected && !!onReserve;
+  const [showDetails, setShowDetails] = React.useState(false);
+  const hasDetails = (rate.details?.length ?? 0) > 0 || (rate.amenities?.length ?? 0) > 0;
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -104,10 +112,66 @@ function RateRow({
       children: [
         /* @__PURE__ */ jsxs("div", { className: "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.bedding || rate.paymentLabel) && /* @__PURE__ */ jsxs("div", { className: "mt-1 flex flex-wrap items-center gap-x-3 gap-y-1", children: [
+            rate.bedding && /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5 text-xs text-text-secondary", children: [
+              /* @__PURE__ */ jsx(BedIcon, { className: "w-3.5 h-3.5 flex-shrink-0" }),
+              rate.bedding
+            ] }),
+            rate.paymentLabel && /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 rounded-full bg-amber-50 px-2 py-0.5 text-[11px] font-medium text-amber-700", children: [
+              /* @__PURE__ */ jsx(CardIcon, { className: "w-3 h-3 flex-shrink-0" }),
+              rate.paymentLabel
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "mt-1", children: /* @__PURE__ */ jsx(CancellationChip, { cancellation: rate.cancellation }) }),
           rate.dogFeeLabel && /* @__PURE__ */ jsxs("div", { className: "mt-1 inline-flex items-start gap-1.5 text-xs font-medium text-secondary", children: [
             /* @__PURE__ */ jsx(DogIcon, { className: "w-3.5 h-3.5 mt-[1px] flex-shrink-0" }),
             /* @__PURE__ */ jsx("span", { children: rate.dogFeeLabel })
+          ] }),
+          hasDetails && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("div", { className: "mt-1.5", children: /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                onClick: () => setShowDetails((v) => !v),
+                "aria-expanded": showDetails,
+                className: "inline-flex items-center gap-1 text-[12px] font-medium text-secondary",
+                children: [
+                  /* @__PURE__ */ jsx(
+                    ChevronDownIcon,
+                    {
+                      className: cn(
+                        "w-3.5 h-3.5 transition-transform",
+                        showDetails && "rotate-180"
+                      )
+                    }
+                  ),
+                  showDetails ? "Masquer le d\xE9tail" : "Voir le d\xE9tail"
+                ]
+              }
+            ) }),
+            showDetails && /* @__PURE__ */ jsxs("div", { className: "mt-2 rounded-lg bg-sand-light px-3 py-2.5", children: [
+              rate.details && rate.details.length > 0 && /* @__PURE__ */ jsx("dl", { className: "space-y-1.5", children: rate.details.map((d, i) => /* @__PURE__ */ jsxs("div", { className: "text-xs leading-snug", children: [
+                /* @__PURE__ */ jsx("dt", { className: "font-medium text-text-secondary", children: d.label }),
+                /* @__PURE__ */ jsx("dd", { className: "text-text-muted", children: d.value })
+              ] }, i)) }),
+              rate.amenities && rate.amenities.length > 0 && /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: cn(
+                    "flex flex-wrap gap-1.5",
+                    rate.details && rate.details.length > 0 && "mt-2.5"
+                  ),
+                  children: rate.amenities.map((a, i) => /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      className: "rounded-full bg-white px-2 py-1 text-[11px] text-text-muted",
+                      children: a
+                    },
+                    i
+                  ))
+                }
+              )
+            ] })
           ] })
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "mt-2.5 flex items-end justify-between gap-3", children: [

package/dist/{chunk-3JM2X4I2.js → chunk-KFQILIZO.js}

@@ -79,6 +79,12 @@ function GalleryIcon({ className }) {
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21" })
   ] });
 }
+function CardIcon({ 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: "20", height: "14", x: "2", y: "5", rx: "2" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M2 10h20" })
+  ] });
+}
 function formatPrice(price) {
   return new Intl.NumberFormat("fr-FR", {
     style: "currency",
@@ -116,6 +122,8 @@ function RateRow({
   withTopBorder
 }) {
   const showReserveCta = selected && !!onReserve;
+  const [showDetails, setShowDetails] = React__namespace.useState(false);
+  const hasDetails = (rate.details?.length ?? 0) > 0 || (rate.amenities?.length ?? 0) > 0;
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -126,10 +134,66 @@ function RateRow({
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "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.bedding || rate.paymentLabel) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-1 flex flex-wrap items-center gap-x-3 gap-y-1", children: [
+            rate.bedding && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1.5 text-xs text-text-secondary", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(BedIcon, { className: "w-3.5 h-3.5 flex-shrink-0" }),
+              rate.bedding
+            ] }),
+            rate.paymentLabel && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1 rounded-full bg-amber-50 px-2 py-0.5 text-[11px] font-medium text-amber-700", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(CardIcon, { className: "w-3 h-3 flex-shrink-0" }),
+              rate.paymentLabel
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1", children: /* @__PURE__ */ jsxRuntime.jsx(CancellationChip, { cancellation: rate.cancellation }) }),
           rate.dogFeeLabel && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-1 inline-flex items-start gap-1.5 text-xs font-medium text-secondary", children: [
             /* @__PURE__ */ jsxRuntime.jsx(DogIcon, { className: "w-3.5 h-3.5 mt-[1px] flex-shrink-0" }),
             /* @__PURE__ */ jsxRuntime.jsx("span", { children: rate.dogFeeLabel })
+          ] }),
+          hasDetails && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1.5", children: /* @__PURE__ */ jsxRuntime.jsxs(
+              "button",
+              {
+                type: "button",
+                onClick: () => setShowDetails((v) => !v),
+                "aria-expanded": showDetails,
+                className: "inline-flex items-center gap-1 text-[12px] font-medium text-secondary",
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    ChevronDownIcon,
+                    {
+                      className: chunkADIDI7AJ_js.cn(
+                        "w-3.5 h-3.5 transition-transform",
+                        showDetails && "rotate-180"
+                      )
+                    }
+                  ),
+                  showDetails ? "Masquer le d\xE9tail" : "Voir le d\xE9tail"
+                ]
+              }
+            ) }),
+            showDetails && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-2 rounded-lg bg-sand-light px-3 py-2.5", children: [
+              rate.details && rate.details.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("dl", { className: "space-y-1.5", children: rate.details.map((d, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-xs leading-snug", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "font-medium text-text-secondary", children: d.label }),
+                /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "text-text-muted", children: d.value })
+              ] }, i)) }),
+              rate.amenities && rate.amenities.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
+                {
+                  className: chunkADIDI7AJ_js.cn(
+                    "flex flex-wrap gap-1.5",
+                    rate.details && rate.details.length > 0 && "mt-2.5"
+                  ),
+                  children: rate.amenities.map((a, i) => /* @__PURE__ */ jsxRuntime.jsx(
+                    "span",
+                    {
+                      className: "rounded-full bg-white px-2 py-1 text-[11px] text-text-muted",
+                      children: a
+                    },
+                    i
+                  ))
+                }
+              )
+            ] })
           ] })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-2.5 flex items-end justify-between gap-3", children: [

package/dist/chunk-SRYZ4N7T.mjs

@@ -0,0 +1,189 @@
+import { cn } from './chunk-IMKLN273.mjs';
+import * as React from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var DEFAULT_STEPS = [
+  { id: "analyse", label: "Analyse de votre recherche" },
+  { id: "destination", label: "Exploration de la destination" },
+  { id: "selection", label: "S\xE9lection des h\xE9bergements dog-friendly" },
+  { id: "finalisation", label: "Finalisation des r\xE9sultats" }
+];
+var DEFAULT_TITLE = "Pr\xE9paration des r\xE9sultats de votre recherche";
+function DogIcon({ className }) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className,
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ jsx("path", { d: "M11.25 16.25h1.5L12 17z" }),
+        /* @__PURE__ */ jsx("path", { d: "M16 14v.5" }),
+        /* @__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.444a11.702 11.702 0 0 0-.493-3.309" }),
+        /* @__PURE__ */ jsx("path", { d: "M8 14v.5" }),
+        /* @__PURE__ */ jsx("path", { d: "M8.5 8.5c-.384 1.05-1.083 2.028-2.344 2.5-1.931.722-3.576-.297-3.656-1-.113-.994 1.177-6.53 4-7 1.923-.321 3.651.845 3.651 2.235A7.497 7.497 0 0 1 14 5.277c0-1.39 1.844-2.598 3.767-2.277 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" })
+      ]
+    }
+  );
+}
+function CheckIcon({ className }) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "3",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className,
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ jsx("path", { d: "M20 6 9 17l-5-5" })
+    }
+  );
+}
+var SearchLoadingChecklist = React.forwardRef(
+  ({
+    active = true,
+    title = DEFAULT_TITLE,
+    steps = DEFAULT_STEPS,
+    stepDurationMs = 750,
+    variant = "fixed",
+    className,
+    ...props
+  }, ref) => {
+    const [completedThrough, setCompletedThrough] = React.useState(0);
+    const lastStepIndex = Math.max(0, steps.length - 1);
+    React.useEffect(() => {
+      if (!active) {
+        setCompletedThrough(0);
+        return;
+      }
+      if (completedThrough >= lastStepIndex) {
+        return;
+      }
+      const timer = setTimeout(() => {
+        setCompletedThrough(
+          (current) => Math.min(current + 1, lastStepIndex)
+        );
+      }, stepDurationMs);
+      return () => {
+        clearTimeout(timer);
+      };
+    }, [active, completedThrough, lastStepIndex, stepDurationMs]);
+    if (!active) return null;
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        role: "status",
+        "aria-live": "polite",
+        "aria-busy": "true",
+        className: cn(
+          variant === "fixed" ? "fixed" : "absolute",
+          "inset-0 z-50 flex items-center justify-center bg-white/80 backdrop-blur-sm px-4",
+          className
+        ),
+        ...props,
+        children: /* @__PURE__ */ jsxs("div", { className: "w-full max-w-md rounded-2xl border border-sand-dark bg-white p-6 shadow-xl sm:p-8", children: [
+          /* @__PURE__ */ jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsxs("span", { className: "relative flex h-16 w-16 items-center justify-center", children: [
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: "absolute inset-0 animate-spin rounded-full border-2 border-secondary/20 border-t-secondary",
+                "aria-hidden": "true"
+              }
+            ),
+            /* @__PURE__ */ jsx(DogIcon, { className: "h-8 w-8 animate-pulse text-secondary" })
+          ] }) }),
+          /* @__PURE__ */ jsx("h2", { className: "mt-5 text-center text-lg font-semibold text-text-primary", children: title }),
+          /* @__PURE__ */ jsx("ul", { className: "mt-6 space-y-3", children: steps.map((step, index) => {
+            const isCompleted = index < completedThrough;
+            const isCurrent = index === completedThrough;
+            return /* @__PURE__ */ jsxs(
+              "li",
+              {
+                className: "flex items-center gap-3",
+                "aria-current": isCurrent ? "step" : void 0,
+                children: [
+                  /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      className: cn(
+                        "flex h-6 w-6 flex-shrink-0 items-center justify-center rounded-full border transition-colors duration-300",
+                        isCompleted && "border-secondary bg-secondary text-white",
+                        isCurrent && "border-secondary bg-secondary/10 text-secondary",
+                        !isCompleted && !isCurrent && "border-gray-300 bg-white text-gray-300"
+                      ),
+                      children: isCompleted ? /* @__PURE__ */ jsx(CheckIcon, { className: "h-3.5 w-3.5" }) : isCurrent ? /* @__PURE__ */ jsxs(
+                        "svg",
+                        {
+                          className: "h-3.5 w-3.5 animate-spin",
+                          xmlns: "http://www.w3.org/2000/svg",
+                          fill: "none",
+                          viewBox: "0 0 24 24",
+                          "aria-hidden": "true",
+                          children: [
+                            /* @__PURE__ */ jsx(
+                              "circle",
+                              {
+                                className: "opacity-25",
+                                cx: "12",
+                                cy: "12",
+                                r: "10",
+                                stroke: "currentColor",
+                                strokeWidth: "4"
+                              }
+                            ),
+                            /* @__PURE__ */ jsx(
+                              "path",
+                              {
+                                className: "opacity-75",
+                                fill: "currentColor",
+                                d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"
+                              }
+                            )
+                          ]
+                        }
+                      ) : /* @__PURE__ */ jsx(
+                        "span",
+                        {
+                          className: "h-1.5 w-1.5 rounded-full bg-current",
+                          "aria-hidden": "true"
+                        }
+                      )
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      className: cn(
+                        "text-sm transition-colors duration-300",
+                        isCompleted && "font-medium text-text-primary",
+                        isCurrent && "font-medium text-text-primary",
+                        !isCompleted && !isCurrent && "text-text-secondary"
+                      ),
+                      children: step.label
+                    }
+                  )
+                ]
+              },
+              step.id
+            );
+          }) }),
+          /* @__PURE__ */ jsx("p", { className: "mt-6 text-center text-xs text-text-secondary", children: "Cela peut prendre quelques instants, nous v\xE9rifions les meilleures disponibilit\xE9s pour vous et votre chien." })
+        ] })
+      }
+    );
+  }
+);
+SearchLoadingChecklist.displayName = "SearchLoadingChecklist";
+
+export { SearchLoadingChecklist };

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

@@ -6,6 +6,11 @@ interface RoomRateCancellation {
     /** Texte explicite, ex: "Annulation gratuite avant le 10 août" ou "Non remboursable" */
     label: string;
 }
+/** Ligne d'information affichée dans le panneau déplié « Voir le détail ». */
+interface RoomRateDetail {
+    label: string;
+    value: string;
+}
 interface RoomRate {
     id: string;
     /** ex: "Sans petit-déjeuner", "Petit-déjeuner inclus" */
@@ -21,6 +26,25 @@ interface RoomRate {
     totalLabel?: string;
     /** Frais chien explicite, ex: "Chien inclus : +16 €" */
     dogFeeLabel?: string;
+    /**
+     * Literie de CETTE formule, ex: "1 grand lit double", "2 lits simples".
+     * Principal différenciateur entre deux formules d'un même type de chambre —
+     * affiché en clair sur la ligne compacte.
+     */
+    bedding?: string;
+    /**
+     * Mode de paiement, ex: "À régler sur place". Affiché en petit encart
+     * quand il distingue la formule (souvent ce qui explique un écart de prix).
+     */
+    paymentLabel?: string;
+    /** Équipements propres à la formule, affichés dans le panneau déplié. */
+    amenities?: string[];
+    /**
+     * Détails additionnels (annulation précise, salle de bain, paiement…) révélés
+     * au clic sur « Voir le détail ». Quand non vide, le bouton apparaît et borne
+     * la hauteur de la carte tant que le voyageur ne déplie pas.
+     */
+    details?: RoomRateDetail[];
 }
 interface RoomTypeData {
     name: string;
@@ -99,4 +123,4 @@ interface RoomTypeCardSkeletonProps extends React.HTMLAttributes<HTMLDivElement>
  */
 declare const RoomTypeCardSkeleton: React.ForwardRefExoticComponent<RoomTypeCardSkeletonProps & React.RefAttributes<HTMLDivElement>>;
 
-export { type RoomRate, type RoomRateCancellation, type RoomRateCancellationKind, RoomTypeCard, type RoomTypeCardProps, RoomTypeCardSkeleton, type RoomTypeCardSkeletonProps, type RoomTypeData };
+export { type RoomRate, type RoomRateCancellation, type RoomRateCancellationKind, type RoomRateDetail, RoomTypeCard, type RoomTypeCardProps, RoomTypeCardSkeleton, type RoomTypeCardSkeletonProps, type RoomTypeData };

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

@@ -6,6 +6,11 @@ interface RoomRateCancellation {
     /** Texte explicite, ex: "Annulation gratuite avant le 10 août" ou "Non remboursable" */
     label: string;
 }
+/** Ligne d'information affichée dans le panneau déplié « Voir le détail ». */
+interface RoomRateDetail {
+    label: string;
+    value: string;
+}
 interface RoomRate {
     id: string;
     /** ex: "Sans petit-déjeuner", "Petit-déjeuner inclus" */
@@ -21,6 +26,25 @@ interface RoomRate {
     totalLabel?: string;
     /** Frais chien explicite, ex: "Chien inclus : +16 €" */
     dogFeeLabel?: string;
+    /**
+     * Literie de CETTE formule, ex: "1 grand lit double", "2 lits simples".
+     * Principal différenciateur entre deux formules d'un même type de chambre —
+     * affiché en clair sur la ligne compacte.
+     */
+    bedding?: string;
+    /**
+     * Mode de paiement, ex: "À régler sur place". Affiché en petit encart
+     * quand il distingue la formule (souvent ce qui explique un écart de prix).
+     */
+    paymentLabel?: string;
+    /** Équipements propres à la formule, affichés dans le panneau déplié. */
+    amenities?: string[];
+    /**
+     * Détails additionnels (annulation précise, salle de bain, paiement…) révélés
+     * au clic sur « Voir le détail ». Quand non vide, le bouton apparaît et borne
+     * la hauteur de la carte tant que le voyageur ne déplie pas.
+     */
+    details?: RoomRateDetail[];
 }
 interface RoomTypeData {
     name: string;
@@ -99,4 +123,4 @@ interface RoomTypeCardSkeletonProps extends React.HTMLAttributes<HTMLDivElement>
  */
 declare const RoomTypeCardSkeleton: React.ForwardRefExoticComponent<RoomTypeCardSkeletonProps & React.RefAttributes<HTMLDivElement>>;
 
-export { type RoomRate, type RoomRateCancellation, type RoomRateCancellationKind, RoomTypeCard, type RoomTypeCardProps, RoomTypeCardSkeleton, type RoomTypeCardSkeletonProps, type RoomTypeData };
+export { type RoomRate, type RoomRateCancellation, type RoomRateCancellationKind, type RoomRateDetail, RoomTypeCard, type RoomTypeCardProps, RoomTypeCardSkeleton, type RoomTypeCardSkeletonProps, type RoomTypeData };

package/dist/components/RoomTypeCard/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunk3JM2X4I2_js = require('../../chunk-3JM2X4I2.js');
+var chunkKFQILIZO_js = require('../../chunk-KFQILIZO.js');
 require('../../chunk-NCU5PY34.js');
 require('../../chunk-ADIDI7AJ.js');
 
@@ -8,9 +8,9 @@ require('../../chunk-ADIDI7AJ.js');
 
 Object.defineProperty(exports, "RoomTypeCard", {
   enumerable: true,
-  get: function () { return chunk3JM2X4I2_js.RoomTypeCard; }
+  get: function () { return chunkKFQILIZO_js.RoomTypeCard; }
 });
 Object.defineProperty(exports, "RoomTypeCardSkeleton", {
   enumerable: true,
-  get: function () { return chunk3JM2X4I2_js.RoomTypeCardSkeleton; }
+  get: function () { return chunkKFQILIZO_js.RoomTypeCardSkeleton; }
 });

package/dist/components/RoomTypeCard/index.mjs

@@ -1,3 +1,3 @@
-export { RoomTypeCard, RoomTypeCardSkeleton } from '../../chunk-BFGRWOQM.mjs';
+export { RoomTypeCard, RoomTypeCardSkeleton } from '../../chunk-IGBEBAPY.mjs';
 import '../../chunk-PAHSQMXV.mjs';
 import '../../chunk-IMKLN273.mjs';

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

@@ -0,0 +1,37 @@
+import * as React from 'react';
+
+interface SearchLoadingStep {
+    /** Identifiant stable de l'étape */
+    id: string;
+    /** Libellé affiché à l'utilisateur */
+    label: string;
+}
+interface SearchLoadingChecklistProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"> {
+    /**
+     * Indique si la recherche réelle est en cours. Quand `false`, l'overlay
+     * disparaît immédiatement, même si toutes les étapes ne sont pas cochées.
+     * Défaut : `true`.
+     */
+    active?: boolean;
+    /** Titre rassurant affiché au-dessus de la check-list. */
+    title?: string;
+    /**
+     * Étapes affichées. Par défaut, les 4 étapes standard de la recherche
+     * dog-friendly.
+     */
+    steps?: SearchLoadingStep[];
+    /**
+     * Durée cosmétique (ms) de chaque étape avant de se cocher. Purement
+     * visuel : n'a aucun effet sur la fin réelle du chargement. Défaut : 750.
+     */
+    stepDurationMs?: number;
+    /**
+     * Mise en page de l'overlay :
+     * - `fixed` : plein écran (position fixe) — défaut.
+     * - `absolute` : rempli le conteneur positionné parent.
+     */
+    variant?: "fixed" | "absolute";
+}
+declare const SearchLoadingChecklist: React.ForwardRefExoticComponent<SearchLoadingChecklistProps & React.RefAttributes<HTMLDivElement>>;
+
+export { SearchLoadingChecklist, type SearchLoadingChecklistProps, type SearchLoadingStep };

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

@@ -0,0 +1,37 @@
+import * as React from 'react';
+
+interface SearchLoadingStep {
+    /** Identifiant stable de l'étape */
+    id: string;
+    /** Libellé affiché à l'utilisateur */
+    label: string;
+}
+interface SearchLoadingChecklistProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"> {
+    /**
+     * Indique si la recherche réelle est en cours. Quand `false`, l'overlay
+     * disparaît immédiatement, même si toutes les étapes ne sont pas cochées.
+     * Défaut : `true`.
+     */
+    active?: boolean;
+    /** Titre rassurant affiché au-dessus de la check-list. */
+    title?: string;
+    /**
+     * Étapes affichées. Par défaut, les 4 étapes standard de la recherche
+     * dog-friendly.
+     */
+    steps?: SearchLoadingStep[];
+    /**
+     * Durée cosmétique (ms) de chaque étape avant de se cocher. Purement
+     * visuel : n'a aucun effet sur la fin réelle du chargement. Défaut : 750.
+     */
+    stepDurationMs?: number;
+    /**
+     * Mise en page de l'overlay :
+     * - `fixed` : plein écran (position fixe) — défaut.
+     * - `absolute` : rempli le conteneur positionné parent.
+     */
+    variant?: "fixed" | "absolute";
+}
+declare const SearchLoadingChecklist: React.ForwardRefExoticComponent<SearchLoadingChecklistProps & React.RefAttributes<HTMLDivElement>>;
+
+export { SearchLoadingChecklist, type SearchLoadingChecklistProps, type SearchLoadingStep };

package/dist/components/SearchLoadingChecklist/index.js

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

package/dist/components/SearchLoadingChecklist/index.mjs

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

package/dist/index.d.mts

@@ -60,11 +60,12 @@ export { IconBadge, IconBadgeProps, iconBadgeVariants } from './components/IconB
 export { PriceDisplay, PriceDisplayProps } from './components/PriceDisplay/index.mjs';
 export { DetailItem, DetailList, DetailListProps } from './components/DetailList/index.mjs';
 export { LoadingOverlay, LoadingOverlayProps } from './components/LoadingOverlay/index.mjs';
+export { SearchLoadingChecklist, SearchLoadingChecklistProps, SearchLoadingStep } from './components/SearchLoadingChecklist/index.mjs';
 export { Switch, SwitchProps, switchThumbVariants, switchTrackVariants } from './components/Switch/index.mjs';
 export { DualRangeSlider, DualRangeSliderProps } from './components/DualRangeSlider/index.mjs';
 export { CardList, CardListProps } from './components/CardList/index.mjs';
 export { FilterAccordion, FilterAccordionItemData, FilterAccordionProps } from './components/FilterAccordion/index.mjs';
-export { RoomRate, RoomRateCancellation, RoomRateCancellationKind, RoomTypeCard, RoomTypeCardProps, RoomTypeCardSkeleton, RoomTypeCardSkeletonProps, RoomTypeData } from './components/RoomTypeCard/index.mjs';
+export { RoomRate, RoomRateCancellation, RoomRateCancellationKind, RoomRateDetail, RoomTypeCard, RoomTypeCardProps, RoomTypeCardSkeleton, RoomTypeCardSkeletonProps, RoomTypeData } from './components/RoomTypeCard/index.mjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 export { SignInCallout, SignInCalloutProps, signInCalloutVariants } from './components/SignInCallout/index.mjs';
 export { cn } from './utils/index.mjs';

package/dist/index.d.ts

@@ -60,11 +60,12 @@ export { IconBadge, IconBadgeProps, iconBadgeVariants } from './components/IconB
 export { PriceDisplay, PriceDisplayProps } from './components/PriceDisplay/index.js';
 export { DetailItem, DetailList, DetailListProps } from './components/DetailList/index.js';
 export { LoadingOverlay, LoadingOverlayProps } from './components/LoadingOverlay/index.js';
+export { SearchLoadingChecklist, SearchLoadingChecklistProps, SearchLoadingStep } from './components/SearchLoadingChecklist/index.js';
 export { Switch, SwitchProps, switchThumbVariants, switchTrackVariants } from './components/Switch/index.js';
 export { DualRangeSlider, DualRangeSliderProps } from './components/DualRangeSlider/index.js';
 export { CardList, CardListProps } from './components/CardList/index.js';
 export { FilterAccordion, FilterAccordionItemData, FilterAccordionProps } from './components/FilterAccordion/index.js';
-export { RoomRate, RoomRateCancellation, RoomRateCancellationKind, RoomTypeCard, RoomTypeCardProps, RoomTypeCardSkeleton, RoomTypeCardSkeletonProps, RoomTypeData } from './components/RoomTypeCard/index.js';
+export { RoomRate, RoomRateCancellation, RoomRateCancellationKind, RoomRateDetail, RoomTypeCard, RoomTypeCardProps, RoomTypeCardSkeleton, RoomTypeCardSkeletonProps, RoomTypeData } from './components/RoomTypeCard/index.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 export { SignInCallout, SignInCalloutProps, signInCalloutVariants } from './components/SignInCallout/index.js';
 export { cn } from './utils/index.js';

package/dist/index.js

@@ -1,26 +1,27 @@
 'use strict';
 
+var chunk7IJOHVNJ_js = require('./chunk-7IJOHVNJ.js');
 var chunkL7OYR6U3_js = require('./chunk-L7OYR6U3.js');
 var chunkVTELEOT7_js = require('./chunk-VTELEOT7.js');
+var chunkDTIYZ3TQ_js = require('./chunk-DTIYZ3TQ.js');
 var chunkE6ZNND75_js = require('./chunk-E6ZNND75.js');
 var chunkN3JU7JS7_js = require('./chunk-N3JU7JS7.js');
-var chunkDTIYZ3TQ_js = require('./chunk-DTIYZ3TQ.js');
+var chunkWXSBKARZ_js = require('./chunk-WXSBKARZ.js');
 var chunkXHRDPJTF_js = require('./chunk-XHRDPJTF.js');
 var chunkTT7L3ZU7_js = require('./chunk-TT7L3ZU7.js');
 var chunkDFXXGKMI_js = require('./chunk-DFXXGKMI.js');
 var chunk3VU6TPAT_js = require('./chunk-3VU6TPAT.js');
 var chunkI4S3R6C6_js = require('./chunk-I4S3R6C6.js');
 var chunk762LQMWP_js = require('./chunk-762LQMWP.js');
-var chunk7IJOHVNJ_js = require('./chunk-7IJOHVNJ.js');
 var chunkGXKON34B_js = require('./chunk-GXKON34B.js');
 var chunkTZHT7NZU_js = require('./chunk-TZHT7NZU.js');
-var chunk3JM2X4I2_js = require('./chunk-3JM2X4I2.js');
+var chunkKFQILIZO_js = require('./chunk-KFQILIZO.js');
 var chunkNCU5PY34_js = require('./chunk-NCU5PY34.js');
 var chunkHS3MAW3G_js = require('./chunk-HS3MAW3G.js');
+var chunk6KW7ZSKR_js = require('./chunk-6KW7ZSKR.js');
 var chunkQWDKSY6Y_js = require('./chunk-QWDKSY6Y.js');
 var chunk3R7PT3JG_js = require('./chunk-3R7PT3JG.js');
 var chunkDS4LM7OS_js = require('./chunk-DS4LM7OS.js');
-var chunkWXSBKARZ_js = require('./chunk-WXSBKARZ.js');
 var chunkTE4WHZ4Q_js = require('./chunk-TE4WHZ4Q.js');
 var chunkHN6B4TAW_js = require('./chunk-HN6B4TAW.js');
 var chunkKZSGVMUG_js = require('./chunk-KZSGVMUG.js');
@@ -37,8 +38,8 @@ var chunkDLOHAW74_js = require('./chunk-DLOHAW74.js');
 var chunk77WKG2D7_js = require('./chunk-77WKG2D7.js');
 var chunkU3XWNFHH_js = require('./chunk-U3XWNFHH.js');
 var chunkW7DZZS6L_js = require('./chunk-W7DZZS6L.js');
-var chunkIEHX4DU6_js = require('./chunk-IEHX4DU6.js');
 var chunkTDGU5Y2P_js = require('./chunk-TDGU5Y2P.js');
+var chunkIEHX4DU6_js = require('./chunk-IEHX4DU6.js');
 var chunkS5TLUDNM_js = require('./chunk-S5TLUDNM.js');
 var chunk7W3TFPIF_js = require('./chunk-7W3TFPIF.js');
 var chunkTJDHGNMR_js = require('./chunk-TJDHGNMR.js');
@@ -53,18 +54,18 @@ var chunkE24VNM6S_js = require('./chunk-E24VNM6S.js');
 var chunkXXC2YD3D_js = require('./chunk-XXC2YD3D.js');
 var chunkVWFY24XF_js = require('./chunk-VWFY24XF.js');
 var chunkT5FLQQP6_js = require('./chunk-T5FLQQP6.js');
-var chunkNHB2TI2B_js = require('./chunk-NHB2TI2B.js');
+var chunkEY4ZIR3P_js = require('./chunk-EY4ZIR3P.js');
+var chunkZ5S7LHMY_js = require('./chunk-Z5S7LHMY.js');
 var chunk6EG6EAHW_js = require('./chunk-6EG6EAHW.js');
 var chunkPND5YKFN_js = require('./chunk-PND5YKFN.js');
-var chunkZ5S7LHMY_js = require('./chunk-Z5S7LHMY.js');
+var chunkH3JNRTAI_js = require('./chunk-H3JNRTAI.js');
 var chunkYZTVHCLK_js = require('./chunk-YZTVHCLK.js');
 var chunkZAUYE2EI_js = require('./chunk-ZAUYE2EI.js');
-var chunkH3JNRTAI_js = require('./chunk-H3JNRTAI.js');
 var chunkMY6BYO5F_js = require('./chunk-MY6BYO5F.js');
 var chunkMCF3EQTV_js = require('./chunk-MCF3EQTV.js');
-var chunkWXEZA6NE_js = require('./chunk-WXEZA6NE.js');
-var chunkEY4ZIR3P_js = require('./chunk-EY4ZIR3P.js');
 var chunkWBRVUWGC_js = require('./chunk-WBRVUWGC.js');
+var chunkWXEZA6NE_js = require('./chunk-WXEZA6NE.js');
+var chunkNHB2TI2B_js = require('./chunk-NHB2TI2B.js');
 var chunkADIDI7AJ_js = require('./chunk-ADIDI7AJ.js');
 var React = require('react');
 var classVarianceAuthority = require('class-variance-authority');
@@ -485,6 +486,14 @@ function MobileBookingBar({
   );
 }
 
+Object.defineProperty(exports, "Tag", {
+  enumerable: true,
+  get: function () { return chunk7IJOHVNJ_js.Tag; }
+});
+Object.defineProperty(exports, "tagVariants", {
+  enumerable: true,
+  get: function () { return chunk7IJOHVNJ_js.tagVariants; }
+});
 Object.defineProperty(exports, "Textarea", {
   enumerable: true,
   get: function () { return chunkL7OYR6U3_js.Textarea; }
@@ -501,6 +510,10 @@ Object.defineProperty(exports, "toastVariants", {
   enumerable: true,
   get: function () { return chunkVTELEOT7_js.toastVariants; }
 });
+Object.defineProperty(exports, "Toggle", {
+  enumerable: true,
+  get: function () { return chunkDTIYZ3TQ_js.Toggle; }
+});
 Object.defineProperty(exports, "Tooltip", {
   enumerable: true,
   get: function () { return chunkE6ZNND75_js.Tooltip; }
@@ -509,9 +522,13 @@ Object.defineProperty(exports, "VerticalMarquee", {
   enumerable: true,
   get: function () { return chunkN3JU7JS7_js.VerticalMarquee; }
 });
-Object.defineProperty(exports, "Toggle", {
+Object.defineProperty(exports, "SignInCallout", {
   enumerable: true,
-  get: function () { return chunkDTIYZ3TQ_js.Toggle; }
+  get: function () { return chunkWXSBKARZ_js.SignInCallout; }
+});
+Object.defineProperty(exports, "signInCalloutVariants", {
+  enumerable: true,
+  get: function () { return chunkWXSBKARZ_js.signInCalloutVariants; }
 });
 Object.defineProperty(exports, "Spinner", {
   enumerable: true,
@@ -553,14 +570,6 @@ Object.defineProperty(exports, "Tabs", {
   enumerable: true,
   get: function () { return chunk762LQMWP_js.Tabs; }
 });
-Object.defineProperty(exports, "Tag", {
-  enumerable: true,
-  get: function () { return chunk7IJOHVNJ_js.Tag; }
-});
-Object.defineProperty(exports, "tagVariants", {
-  enumerable: true,
-  get: function () { return chunk7IJOHVNJ_js.tagVariants; }
-});
 Object.defineProperty(exports, "RadioGroup", {
   enumerable: true,
   get: function () { return chunkGXKON34B_js.RadioGroup; }
@@ -571,11 +580,11 @@ Object.defineProperty(exports, "Rating", {
 });
 Object.defineProperty(exports, "RoomTypeCard", {
   enumerable: true,
-  get: function () { return chunk3JM2X4I2_js.RoomTypeCard; }
+  get: function () { return chunkKFQILIZO_js.RoomTypeCard; }
 });
 Object.defineProperty(exports, "RoomTypeCardSkeleton", {
   enumerable: true,
-  get: function () { return chunk3JM2X4I2_js.RoomTypeCardSkeleton; }
+  get: function () { return chunkKFQILIZO_js.RoomTypeCardSkeleton; }
 });
 Object.defineProperty(exports, "Skeleton", {
   enumerable: true,
@@ -597,6 +606,10 @@ Object.defineProperty(exports, "SearchBar", {
   enumerable: true,
   get: function () { return chunkHS3MAW3G_js.SearchBar; }
 });
+Object.defineProperty(exports, "SearchLoadingChecklist", {
+  enumerable: true,
+  get: function () { return chunk6KW7ZSKR_js.SearchLoadingChecklist; }
+});
 Object.defineProperty(exports, "SegmentedControl", {
   enumerable: true,
   get: function () { return chunkQWDKSY6Y_js.SegmentedControl; }
@@ -613,14 +626,6 @@ Object.defineProperty(exports, "Sidebar", {
   enumerable: true,
   get: function () { return chunkDS4LM7OS_js.Sidebar; }
 });
-Object.defineProperty(exports, "SignInCallout", {
-  enumerable: true,
-  get: function () { return chunkWXSBKARZ_js.SignInCallout; }
-});
-Object.defineProperty(exports, "signInCalloutVariants", {
-  enumerable: true,
-  get: function () { return chunkWXSBKARZ_js.signInCalloutVariants; }
-});
 Object.defineProperty(exports, "LoadingOverlay", {
   enumerable: true,
   get: function () { return chunkTE4WHZ4Q_js.LoadingOverlay; }
@@ -705,14 +710,14 @@ Object.defineProperty(exports, "LinkCard", {
   enumerable: true,
   get: function () { return chunkW7DZZS6L_js.LinkCard; }
 });
-Object.defineProperty(exports, "EmptyState", {
-  enumerable: true,
-  get: function () { return chunkIEHX4DU6_js.EmptyState; }
-});
 Object.defineProperty(exports, "DualRangeSlider", {
   enumerable: true,
   get: function () { return chunkTDGU5Y2P_js.DualRangeSlider; }
 });
+Object.defineProperty(exports, "EmptyState", {
+  enumerable: true,
+  get: function () { return chunkIEHX4DU6_js.EmptyState; }
+});
 Object.defineProperty(exports, "ErrorBoundary", {
   enumerable: true,
   get: function () { return chunkS5TLUDNM_js.ErrorBoundary; }
@@ -773,13 +778,17 @@ Object.defineProperty(exports, "DropdownMenu", {
   enumerable: true,
   get: function () { return chunkT5FLQQP6_js.DropdownMenu; }
 });
-Object.defineProperty(exports, "Autocomplete", {
+Object.defineProperty(exports, "Avatar", {
   enumerable: true,
-  get: function () { return chunkNHB2TI2B_js.Autocomplete; }
+  get: function () { return chunkEY4ZIR3P_js.Avatar; }
 });
-Object.defineProperty(exports, "autocompleteInputVariants", {
+Object.defineProperty(exports, "Badge", {
   enumerable: true,
-  get: function () { return chunkNHB2TI2B_js.autocompleteInputVariants; }
+  get: function () { return chunkZ5S7LHMY_js.Badge; }
+});
+Object.defineProperty(exports, "badgeVariants", {
+  enumerable: true,
+  get: function () { return chunkZ5S7LHMY_js.badgeVariants; }
 });
 Object.defineProperty(exports, "Banner", {
   enumerable: true,
@@ -793,13 +802,13 @@ Object.defineProperty(exports, "BottomNavBar", {
   enumerable: true,
   get: function () { return chunkPND5YKFN_js.BottomNavBar; }
 });
-Object.defineProperty(exports, "Badge", {
+Object.defineProperty(exports, "Breadcrumb", {
   enumerable: true,
-  get: function () { return chunkZ5S7LHMY_js.Badge; }
+  get: function () { return chunkH3JNRTAI_js.Breadcrumb; }
 });
-Object.defineProperty(exports, "badgeVariants", {
+Object.defineProperty(exports, "breadcrumbVariants", {
   enumerable: true,
-  get: function () { return chunkZ5S7LHMY_js.badgeVariants; }
+  get: function () { return chunkH3JNRTAI_js.breadcrumbVariants; }
 });
 Object.defineProperty(exports, "Button", {
   enumerable: true,
@@ -837,14 +846,6 @@ Object.defineProperty(exports, "cardVariants", {
   enumerable: true,
   get: function () { return chunkZAUYE2EI_js.cardVariants; }
 });
-Object.defineProperty(exports, "Breadcrumb", {
-  enumerable: true,
-  get: function () { return chunkH3JNRTAI_js.Breadcrumb; }
-});
-Object.defineProperty(exports, "breadcrumbVariants", {
-  enumerable: true,
-  get: function () { return chunkH3JNRTAI_js.breadcrumbVariants; }
-});
 Object.defineProperty(exports, "CardList", {
   enumerable: true,
   get: function () { return chunkMY6BYO5F_js.CardList; }
@@ -853,17 +854,21 @@ Object.defineProperty(exports, "Accordion", {
   enumerable: true,
   get: function () { return chunkMCF3EQTV_js.Accordion; }
 });
+Object.defineProperty(exports, "Alert", {
+  enumerable: true,
+  get: function () { return chunkWBRVUWGC_js.Alert; }
+});
 Object.defineProperty(exports, "AnchorTabs", {
   enumerable: true,
   get: function () { return chunkWXEZA6NE_js.AnchorTabs; }
 });
-Object.defineProperty(exports, "Avatar", {
+Object.defineProperty(exports, "Autocomplete", {
   enumerable: true,
-  get: function () { return chunkEY4ZIR3P_js.Avatar; }
+  get: function () { return chunkNHB2TI2B_js.Autocomplete; }
 });
-Object.defineProperty(exports, "Alert", {
+Object.defineProperty(exports, "autocompleteInputVariants", {
   enumerable: true,
-  get: function () { return chunkWBRVUWGC_js.Alert; }
+  get: function () { return chunkNHB2TI2B_js.autocompleteInputVariants; }
 });
 Object.defineProperty(exports, "cn", {
   enumerable: true,

package/dist/index.mjs

@@ -1,24 +1,25 @@
+export { Tag, tagVariants } from './chunk-WOG6V7OW.mjs';
 export { Textarea, textareaVariants } from './chunk-ZZ4EWC53.mjs';
 export { Toast, toastVariants } from './chunk-YVTUUNAX.mjs';
+export { Toggle } from './chunk-2AB5ZHY5.mjs';
 export { Tooltip } from './chunk-2MJTZ6RR.mjs';
 export { VerticalMarquee } from './chunk-JP5ZR2HI.mjs';
-export { Toggle } from './chunk-2AB5ZHY5.mjs';
+export { SignInCallout, signInCalloutVariants } from './chunk-Z3KRMKHP.mjs';
 export { Spinner, spinnerVariants } from './chunk-NCSFXSOZ.mjs';
 export { StatCard } from './chunk-O2W7NR33.mjs';
 export { StatusBadge, statusBadgeVariants } from './chunk-FZ7UNXSC.mjs';
 export { Stepper } from './chunk-2ASKBL63.mjs';
 export { Switch, switchThumbVariants, switchTrackVariants } from './chunk-DMCMWOBJ.mjs';
 export { Tabs } from './chunk-VOZPGXQD.mjs';
-export { Tag, tagVariants } from './chunk-WOG6V7OW.mjs';
 export { RadioGroup } from './chunk-F2BUMJYW.mjs';
 export { Rating } from './chunk-SGDC4IVX.mjs';
-export { RoomTypeCard, RoomTypeCardSkeleton } from './chunk-BFGRWOQM.mjs';
+export { RoomTypeCard, RoomTypeCardSkeleton } from './chunk-IGBEBAPY.mjs';
 export { Skeleton, SkeletonCircle, SkeletonImage, SkeletonText } from './chunk-PAHSQMXV.mjs';
 export { SearchBar } from './chunk-KQK7LFWM.mjs';
+export { SearchLoadingChecklist } from './chunk-SRYZ4N7T.mjs';
 export { SegmentedControl } from './chunk-36Y7UU32.mjs';
 export { Select, selectVariants } from './chunk-333YD5QI.mjs';
 export { Sidebar } from './chunk-MPL35D5G.mjs';
-export { SignInCallout, signInCalloutVariants } from './chunk-Z3KRMKHP.mjs';
 export { LoadingOverlay } from './chunk-WVEJS2J2.mjs';
 export { MegaMenu } from './chunk-EUEM2D5M.mjs';
 export { MobileMenu } from './chunk-R4DC7XPP.mjs';
@@ -35,8 +36,8 @@ export { ImageWithFallback } from './chunk-BUXVK2HE.mjs';
 export { Input, inputVariants } from './chunk-GRG4USTC.mjs';
 export { Lightbox } from './chunk-GBWVIY3C.mjs';
 export { LinkCard } from './chunk-UYDZKAGZ.mjs';
-export { EmptyState } from './chunk-OCUHCDAQ.mjs';
 export { DualRangeSlider } from './chunk-ERL3WXNY.mjs';
+export { EmptyState } from './chunk-OCUHCDAQ.mjs';
 export { ErrorBoundary } from './chunk-5257MWFI.mjs';
 export { FilterAccordion } from './chunk-VQVRKRSM.mjs';
 export { FilterPill } from './chunk-YKBASX5A.mjs';
@@ -51,18 +52,18 @@ export { DetailList } from './chunk-N6THLJIG.mjs';
 export { Divider } from './chunk-E4B6LXK7.mjs';
 export { Drawer } from './chunk-ZLF7IL3Y.mjs';
 export { DropdownMenu } from './chunk-Q7BKR6O7.mjs';
-export { Autocomplete, autocompleteInputVariants } from './chunk-B47HQHX3.mjs';
+export { Avatar } from './chunk-2POGTS27.mjs';
+export { Badge, badgeVariants } from './chunk-XZU2SISM.mjs';
 export { Banner, bannerVariants } from './chunk-LFIZX2S6.mjs';
 export { BottomNavBar } from './chunk-UQRQZLMQ.mjs';
-export { Badge, badgeVariants } from './chunk-XZU2SISM.mjs';
+export { Breadcrumb, breadcrumbVariants } from './chunk-UKCH6RYL.mjs';
 export { Button, buttonVariants } from './chunk-4U5MNA3B.mjs';
 export { Card, CardContent, CardDescription, CardImage, CardTitle, cardImageVariants, cardVariants } from './chunk-V5J2XLPD.mjs';
-export { Breadcrumb, breadcrumbVariants } from './chunk-UKCH6RYL.mjs';
 export { CardList } from './chunk-RJWHPHHX.mjs';
 export { Accordion } from './chunk-NZ7GF6RF.mjs';
-export { AnchorTabs } from './chunk-M2H6QUAL.mjs';
-export { Avatar } from './chunk-2POGTS27.mjs';
 export { Alert } from './chunk-BQWVWK74.mjs';
+export { AnchorTabs } from './chunk-M2H6QUAL.mjs';
+export { Autocomplete, autocompleteInputVariants } from './chunk-B47HQHX3.mjs';
 import { cn } from './chunk-IMKLN273.mjs';
 export { cn } from './chunk-IMKLN273.mjs';
 import * as React from 'react';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dododog/ui",
-  "version": "0.9.1",
+  "version": "0.10.0",
   "description": "React UI component library for DodoDog — pet-friendly travel platform",
   "sideEffects": false,
   "license": "MIT",
@@ -263,6 +263,11 @@
       "import": "./dist/components/SearchBar/index.mjs",
       "require": "./dist/components/SearchBar/index.js"
     },
+    "./search-loading-checklist": {
+      "types": "./dist/components/SearchLoadingChecklist/index.d.ts",
+      "import": "./dist/components/SearchLoadingChecklist/index.mjs",
+      "require": "./dist/components/SearchLoadingChecklist/index.js"
+    },
     "./segmented-control": {
       "types": "./dist/components/SegmentedControl/index.d.ts",
       "import": "./dist/components/SegmentedControl/index.mjs",
@@ -367,25 +372,19 @@
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
-  "scripts": {
-    "build": "NODE_OPTIONS='--max-old-space-size=8192' tsup",
-    "dev": "tsup --watch",
-    "lint": "eslint . --max-warnings 0",
-    "clean": "rm -rf .turbo node_modules dist"
-  },
   "peerDependencies": {
     "react": ">=18",
     "tailwindcss": ">=3"
   },
   "devDependencies": {
-    "@dododog/eslint-config": "workspace:*",
-    "@dododog/typescript-config": "workspace:*",
     "@types/react": "^18.2.61",
     "@types/react-dom": "^18.2.19",
     "eslint": "^8.57.0",
     "react": "^18.2.0",
     "tsup": "^8.0.2",
-    "typescript": "5.5.4"
+    "typescript": "5.5.4",
+    "@dododog/eslint-config": "0.0.0",
+    "@dododog/typescript-config": "0.0.0"
   },
   "publishConfig": {
     "access": "public"
@@ -395,5 +394,11 @@
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "tailwind-merge": "^2.6.1"
+  },
+  "scripts": {
+    "build": "NODE_OPTIONS='--max-old-space-size=8192' tsup",
+    "dev": "tsup --watch",
+    "lint": "eslint . --max-warnings 0",
+    "clean": "rm -rf .turbo node_modules dist"
   }
-}
+}