@dododog/ui 0.9.2 → 0.10.1

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/DogCard/index.d.mts

@@ -0,0 +1,44 @@
+import * as React from 'react';
+
+interface DogCardData {
+    name: string;
+    /** Photo personnelle du chien (prioritaire). */
+    photoUrl?: string | null;
+    /** Image de la race, utilisée en repli quand `photoUrl` est absente. */
+    breedImageUrl?: string | null;
+    /** Libellé de taille déjà traduit ("Petit", "Grand"…). */
+    sizeLabel?: string | null;
+    /** Libellé de sexe déjà traduit ("Mâle", "Femelle"). */
+    sexLabel?: string | null;
+    /** Nom de la race. */
+    breed?: string | null;
+    /** Âge déjà formaté ("6 ans", "8 mois"). */
+    ageLabel?: string | null;
+    /** Poids déjà formaté ("32 kg"). */
+    weightLabel?: string | null;
+    /** Chien principal du foyer. */
+    isPrimary?: boolean;
+    /** Lien vers le passeport du chien. */
+    href?: string;
+}
+interface DogCardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "children"> {
+    dog: DogCardData;
+    /** Actions (éditer / supprimer) rendues par le consommateur en pied de carte. */
+    actions?: React.ReactNode;
+    /** Render personnalisé de l'image (ex : next/image). */
+    renderImage?: (props: {
+        src: string;
+        alt: string;
+        className: string;
+    }) => React.ReactNode;
+    /** Render personnalisé du lien (ex : next/link). */
+    renderLink?: (props: {
+        href: string;
+        className: string;
+        children: React.ReactNode;
+        "aria-label"?: string;
+    }) => React.ReactNode;
+}
+declare const DogCard: React.ForwardRefExoticComponent<DogCardProps & React.RefAttributes<HTMLDivElement>>;
+
+export { DogCard, type DogCardData, type DogCardProps };

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

@@ -0,0 +1,44 @@
+import * as React from 'react';
+
+interface DogCardData {
+    name: string;
+    /** Photo personnelle du chien (prioritaire). */
+    photoUrl?: string | null;
+    /** Image de la race, utilisée en repli quand `photoUrl` est absente. */
+    breedImageUrl?: string | null;
+    /** Libellé de taille déjà traduit ("Petit", "Grand"…). */
+    sizeLabel?: string | null;
+    /** Libellé de sexe déjà traduit ("Mâle", "Femelle"). */
+    sexLabel?: string | null;
+    /** Nom de la race. */
+    breed?: string | null;
+    /** Âge déjà formaté ("6 ans", "8 mois"). */
+    ageLabel?: string | null;
+    /** Poids déjà formaté ("32 kg"). */
+    weightLabel?: string | null;
+    /** Chien principal du foyer. */
+    isPrimary?: boolean;
+    /** Lien vers le passeport du chien. */
+    href?: string;
+}
+interface DogCardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "children"> {
+    dog: DogCardData;
+    /** Actions (éditer / supprimer) rendues par le consommateur en pied de carte. */
+    actions?: React.ReactNode;
+    /** Render personnalisé de l'image (ex : next/image). */
+    renderImage?: (props: {
+        src: string;
+        alt: string;
+        className: string;
+    }) => React.ReactNode;
+    /** Render personnalisé du lien (ex : next/link). */
+    renderLink?: (props: {
+        href: string;
+        className: string;
+        children: React.ReactNode;
+        "aria-label"?: string;
+    }) => React.ReactNode;
+}
+declare const DogCard: React.ForwardRefExoticComponent<DogCardProps & React.RefAttributes<HTMLDivElement>>;
+
+export { DogCard, type DogCardData, type DogCardProps };

package/dist/components/DogCard/index.js

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

package/dist/components/DogCard/index.mjs

@@ -0,0 +1,2 @@
+export { DogCard } from '../../chunk-4A3AQ66D.mjs';
+import '../../chunk-IMKLN273.mjs';

package/dist/components/RoomTypeCard/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkSATQIPV5_js = require('../../chunk-SATQIPV5.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 chunkSATQIPV5_js.RoomTypeCard; }
+  get: function () { return chunkKFQILIZO_js.RoomTypeCard; }
 });
 Object.defineProperty(exports, "RoomTypeCardSkeleton", {
   enumerable: true,
-  get: function () { return chunkSATQIPV5_js.RoomTypeCardSkeleton; }
+  get: function () { return chunkKFQILIZO_js.RoomTypeCardSkeleton; }
 });

package/dist/components/RoomTypeCard/index.mjs

@@ -1,3 +1,3 @@
-export { RoomTypeCard, RoomTypeCardSkeleton } from '../../chunk-ZEHZPS2P.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

@@ -8,6 +8,8 @@ export { Select, SelectOption, SelectProps, selectVariants } from './components/
 export { Breadcrumb, BreadcrumbItem, BreadcrumbProps, breadcrumbVariants } from './components/Breadcrumb/index.mjs';
 export { ImageWithFallback, ImageWithFallbackProps } from './components/ImageWithFallback/index.mjs';
 export { HotelCard, HotelCardData, HotelCardProps } from './components/HotelCard/index.mjs';
+export { DogCard, DogCardData, DogCardProps } from './components/DogCard/index.mjs';
+export { SearchLoadingChecklist, SearchLoadingChecklistProps, SearchLoadingStep } from './components/SearchLoadingChecklist/index.mjs';
 export { RadioGroup, RadioGroupItemOption, RadioGroupProps } from './components/RadioGroup/index.mjs';
 export { Checkbox, CheckboxProps } from './components/Checkbox/index.mjs';
 export { Toggle, ToggleProps } from './components/Toggle/index.mjs';

package/dist/index.d.ts

@@ -8,6 +8,8 @@ export { Select, SelectOption, SelectProps, selectVariants } from './components/
 export { Breadcrumb, BreadcrumbItem, BreadcrumbProps, breadcrumbVariants } from './components/Breadcrumb/index.js';
 export { ImageWithFallback, ImageWithFallbackProps } from './components/ImageWithFallback/index.js';
 export { HotelCard, HotelCardData, HotelCardProps } from './components/HotelCard/index.js';
+export { DogCard, DogCardData, DogCardProps } from './components/DogCard/index.js';
+export { SearchLoadingChecklist, SearchLoadingChecklistProps, SearchLoadingStep } from './components/SearchLoadingChecklist/index.js';
 export { RadioGroup, RadioGroupItemOption, RadioGroupProps } from './components/RadioGroup/index.js';
 export { Checkbox, CheckboxProps } from './components/Checkbox/index.js';
 export { Toggle, ToggleProps } from './components/Toggle/index.js';