@dododog/ui 0.10.0 → 0.11.0

package/dist/chunk-LO2XNMZO.mjs

@@ -0,0 +1,134 @@
+import { cn } from './chunk-IMKLN273.mjs';
+import * as React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function MapPinIcon({ className }) {
+  return /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className, "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx("path", { d: "M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z" }),
+    /* @__PURE__ */ jsx("circle", { cx: "12", cy: "10", r: "3" })
+  ] });
+}
+function CalendarIcon({ className }) {
+  return /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className, "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx("path", { d: "M8 2v4M16 2v4M3 10h18" }),
+    /* @__PURE__ */ jsx("rect", { x: "3", y: "4", width: "18", height: "18", rx: "2" })
+  ] });
+}
+function DogIcon({ className }) {
+  return /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className, "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx("path", { d: "M10 5.172C10 3.782 8.423 2.679 6.5 3c-2.823.47-4.113 6.006-4 7 .08.703 1.725 1.722 3.656 1 1.261-.472 1.96-1.45 2.344-2.5" }),
+    /* @__PURE__ */ jsx("path", { d: "M14.267 5.172c0-1.39 1.577-2.493 3.5-2.172 2.823.47 4.113 6.006 4 7-.08.703-1.725 1.722-3.656 1-1.261-.472-1.855-1.45-2.239-2.5" }),
+    /* @__PURE__ */ jsx("path", { d: "M8 14v.5M16 14v.5M11.25 16.25h1.5L12 17l-.75-.75Z" }),
+    /* @__PURE__ */ jsx("path", { d: "M4.42 11.247A13.152 13.152 0 0 0 4 14.556C4 18.728 7.582 21 12 21s8-2.272 8-6.444c0-1.061-.162-2.2-.493-3.309m-9.243-6.082A8.801 8.801 0 0 1 12 5c.78 0 1.5.108 2.161.306" })
+  ] });
+}
+var STATUS_STYLES = {
+  confirmed: "bg-accent/15 text-accent",
+  pending: "bg-amber-100 text-amber-700",
+  processing: "bg-sky-100 text-sky-700"
+};
+var TripHeroCard = React.forwardRef(
+  ({ trip, actions, renderImage, className, ...props }, ref) => {
+    const {
+      hotelName,
+      hotelImage,
+      city,
+      address,
+      checkinLabel,
+      checkoutLabel,
+      nights,
+      countdownLabel,
+      isSoon,
+      statusLabel,
+      statusTone = "confirmed",
+      priceLabel,
+      dogName
+    } = trip;
+    const media = /* @__PURE__ */ jsxs("div", { className: "relative aspect-[16/10] w-full overflow-hidden bg-gradient-to-br from-sand-dark to-sand md:aspect-auto md:h-full md:min-h-[15rem]", children: [
+      hotelImage ? renderImage ? renderImage({
+        src: hotelImage,
+        alt: hotelName,
+        className: "h-full w-full object-cover"
+      }) : /* @__PURE__ */ jsx("img", { src: hotelImage, alt: hotelName, className: "h-full w-full object-cover" }) : /* @__PURE__ */ jsx("div", { className: "flex h-full w-full items-center justify-center text-text-muted", children: /* @__PURE__ */ jsx(CalendarIcon, { className: "h-10 w-10" }) }),
+      /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute inset-x-0 bottom-0 h-24 bg-gradient-to-t from-black/55 to-transparent" }),
+      /* @__PURE__ */ jsxs(
+        "span",
+        {
+          className: cn(
+            "absolute bottom-3 left-3 inline-flex items-center gap-1.5 rounded-full px-3 py-1.5 text-sm font-semibold shadow-sm backdrop-blur-sm",
+            isSoon ? "bg-secondary text-white" : "bg-white/90 text-primary"
+          ),
+          children: [
+            /* @__PURE__ */ jsx(CalendarIcon, { className: "h-3.5 w-3.5" }),
+            countdownLabel
+          ]
+        }
+      )
+    ] });
+    return /* @__PURE__ */ jsx(
+      "section",
+      {
+        ref,
+        "aria-label": "Prochain s\xE9jour",
+        className: cn(
+          "overflow-hidden rounded-2xl border border-sand-dark bg-white shadow-card",
+          className
+        ),
+        ...props,
+        children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col md:flex-row", children: [
+          /* @__PURE__ */ jsx("div", { className: "md:w-2/5 md:shrink-0", children: media }),
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col gap-4 p-5", children: [
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+                /* @__PURE__ */ jsx("p", { className: "text-xs font-semibold uppercase tracking-wide text-secondary", children: "Prochain s\xE9jour" }),
+                statusLabel && /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    className: cn(
+                      "inline-flex items-center rounded-full px-2 py-0.5 text-xs font-semibold",
+                      STATUS_STYLES[statusTone]
+                    ),
+                    children: statusLabel
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsx("h2", { className: "mt-1 font-heading text-2xl font-bold text-primary", children: hotelName }),
+              (city || address) && /* @__PURE__ */ jsxs("p", { className: "mt-1 inline-flex items-center gap-1.5 text-sm text-text-secondary", children: [
+                /* @__PURE__ */ jsx(MapPinIcon, { className: "h-4 w-4 shrink-0 text-text-muted" }),
+                /* @__PURE__ */ jsx("span", { className: "truncate", children: [city, address].filter(Boolean).join(" \xB7 ") })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-x-4 gap-y-2 text-sm", children: [
+              /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5 text-primary", children: [
+                /* @__PURE__ */ jsx(CalendarIcon, { className: "h-4 w-4 text-text-muted" }),
+                /* @__PURE__ */ jsxs("span", { className: "font-medium", children: [
+                  checkinLabel,
+                  " \u2192 ",
+                  checkoutLabel
+                ] }),
+                /* @__PURE__ */ jsxs("span", { className: "text-text-muted", children: [
+                  "\xB7 ",
+                  nights,
+                  " nuit",
+                  nights > 1 ? "s" : ""
+                ] })
+              ] }),
+              dogName && /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5 text-text-secondary", children: [
+                /* @__PURE__ */ jsx(DogIcon, { className: "h-4 w-4 text-secondary" }),
+                dogName
+              ] })
+            ] }),
+            priceLabel && /* @__PURE__ */ jsxs("div", { className: "flex items-baseline gap-1.5", children: [
+              /* @__PURE__ */ jsx("span", { className: "text-sm text-text-muted", children: "Total" }),
+              /* @__PURE__ */ jsx("span", { className: "font-heading text-xl font-bold text-primary tabular-nums", children: priceLabel })
+            ] }),
+            actions && /* @__PURE__ */ jsx("div", { className: "mt-auto flex flex-wrap gap-2 pt-1", children: actions })
+          ] })
+        ] })
+      }
+    );
+  }
+);
+TripHeroCard.displayName = "TripHeroCard";
+
+export { TripHeroCard };

package/dist/chunk-OGB5LIXN.js

@@ -0,0 +1,89 @@
+'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 ChevronRightIcon({ className }) {
+  return /* @__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,
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m9 18 6-6-6-6" })
+    }
+  );
+}
+var SectionHeader = React__namespace.forwardRef(
+  ({
+    title,
+    subtitle,
+    icon,
+    actionLabel,
+    actionHref,
+    renderLink,
+    as: Heading = "h2",
+    className,
+    ...props
+  }, ref) => {
+    const linkClassName = "inline-flex items-center gap-1 rounded text-sm font-medium text-secondary transition-colors hover:text-secondary/80 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2";
+    const linkChildren = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      actionLabel,
+      /* @__PURE__ */ jsxRuntime.jsx(ChevronRightIcon, { className: "h-4 w-4" })
+    ] });
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ref,
+        className: chunkADIDI7AJ_js.cn("flex items-end justify-between gap-3", className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 items-start gap-2", children: [
+            icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mt-0.5 shrink-0 text-secondary", children: icon }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(Heading, { className: "font-heading text-xl font-semibold text-primary", children: title }),
+              subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-0.5 text-sm text-text-secondary", children: subtitle })
+            ] })
+          ] }),
+          actionLabel && actionHref && (renderLink ? renderLink({
+            href: actionHref,
+            className: linkClassName,
+            children: linkChildren
+          }) : /* @__PURE__ */ jsxRuntime.jsx("a", { href: actionHref, className: linkClassName, children: linkChildren }))
+        ]
+      }
+    );
+  }
+);
+SectionHeader.displayName = "SectionHeader";
+
+exports.SectionHeader = SectionHeader;

package/dist/chunk-ZEPXWD6U.mjs

@@ -0,0 +1,57 @@
+import { cn } from './chunk-IMKLN273.mjs';
+import * as React from 'react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+function ChevronRightIcon({ className }) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "16",
+      height: "16",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className,
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ jsx("path", { d: "m9 18 6-6-6-6" })
+    }
+  );
+}
+var StatTile = React.forwardRef(
+  ({ label, value, icon, href, hint, renderLink, className, ...props }, ref) => {
+    const body = /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("span", { className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-xl bg-sand text-secondary", children: icon }),
+      /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsx("div", { className: "flex items-baseline gap-1.5", children: /* @__PURE__ */ jsx("span", { className: "font-heading text-2xl font-bold leading-none text-primary tabular-nums", children: value }) }),
+        /* @__PURE__ */ jsx("p", { className: "mt-1 truncate text-sm font-medium text-text-secondary", children: label }),
+        hint && /* @__PURE__ */ jsx("p", { className: "truncate text-xs text-text-muted", children: hint })
+      ] }),
+      href && /* @__PURE__ */ jsx(ChevronRightIcon, { className: "h-4 w-4 shrink-0 self-center text-text-muted" })
+    ] });
+    const baseClassName = cn(
+      "flex items-center gap-3 rounded-2xl border border-sand-dark bg-white p-4",
+      className
+    );
+    if (href) {
+      const linkClassName = cn(
+        baseClassName,
+        "min-h-[44px] transition-shadow hover:shadow-md focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2"
+      );
+      const ariaLabel = `${label} : ${typeof value === "string" || typeof value === "number" ? value : ""}`.trim();
+      return /* @__PURE__ */ jsx("div", { ref, ...props, children: renderLink ? renderLink({
+        href,
+        className: linkClassName,
+        "aria-label": ariaLabel,
+        children: body
+      }) : /* @__PURE__ */ jsx("a", { href, className: linkClassName, "aria-label": ariaLabel, children: body }) });
+    }
+    return /* @__PURE__ */ jsx("div", { ref, className: baseClassName, ...props, children: body });
+  }
+);
+StatTile.displayName = "StatTile";
+
+export { StatTile };

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

@@ -0,0 +1,30 @@
+import * as React from 'react';
+
+interface SectionHeaderProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"> {
+    /** Titre de la section. */
+    title: React.ReactNode;
+    /** Sous-titre optionnel affiché sous le titre. */
+    subtitle?: React.ReactNode;
+    /** Icône décorative optionnelle rendue avant le titre. */
+    icon?: React.ReactNode;
+    /** Libellé du lien d'action (ex : "Voir tout"). */
+    actionLabel?: string;
+    /** Cible du lien d'action. */
+    actionHref?: string;
+    /** Render personnalisé du lien (ex : next/link). */
+    renderLink?: (props: {
+        href: string;
+        className: string;
+        children: React.ReactNode;
+    }) => React.ReactNode;
+    /** Niveau de titre sémantique (défaut : h2). */
+    as?: "h2" | "h3";
+}
+/**
+ * En-tête de section standard : titre (+ sous-titre / icône) à gauche,
+ * lien « Voir tout » optionnel à droite. Aligne toutes les sections du
+ * dashboard sur le même rythme visuel.
+ */
+declare const SectionHeader: React.ForwardRefExoticComponent<SectionHeaderProps & React.RefAttributes<HTMLDivElement>>;
+
+export { SectionHeader, type SectionHeaderProps };

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

@@ -0,0 +1,30 @@
+import * as React from 'react';
+
+interface SectionHeaderProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"> {
+    /** Titre de la section. */
+    title: React.ReactNode;
+    /** Sous-titre optionnel affiché sous le titre. */
+    subtitle?: React.ReactNode;
+    /** Icône décorative optionnelle rendue avant le titre. */
+    icon?: React.ReactNode;
+    /** Libellé du lien d'action (ex : "Voir tout"). */
+    actionLabel?: string;
+    /** Cible du lien d'action. */
+    actionHref?: string;
+    /** Render personnalisé du lien (ex : next/link). */
+    renderLink?: (props: {
+        href: string;
+        className: string;
+        children: React.ReactNode;
+    }) => React.ReactNode;
+    /** Niveau de titre sémantique (défaut : h2). */
+    as?: "h2" | "h3";
+}
+/**
+ * En-tête de section standard : titre (+ sous-titre / icône) à gauche,
+ * lien « Voir tout » optionnel à droite. Aligne toutes les sections du
+ * dashboard sur le même rythme visuel.
+ */
+declare const SectionHeader: React.ForwardRefExoticComponent<SectionHeaderProps & React.RefAttributes<HTMLDivElement>>;
+
+export { SectionHeader, type SectionHeaderProps };

package/dist/components/SectionHeader/index.js

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

package/dist/components/SectionHeader/index.mjs

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

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

@@ -0,0 +1,28 @@
+import * as React from 'react';
+
+interface StatTileProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "children"> {
+    /** Libellé de la tuile (ex : "Réservations à venir"). */
+    label: string;
+    /** Valeur mise en avant (ex : "3", "80 %"). */
+    value: React.ReactNode;
+    /** Icône (ReactNode, ex : lucide) rendue dans la pastille. */
+    icon: React.ReactNode;
+    /** Cible du lien — rend toute la tuile cliquable. */
+    href?: string;
+    /** Texte d'aide secondaire sous la valeur. */
+    hint?: string;
+    /** Render personnalisé du lien (ex : next/link). */
+    renderLink?: (props: {
+        href: string;
+        className: string;
+        "aria-label"?: string;
+        children: React.ReactNode;
+    }) => React.ReactNode;
+}
+/**
+ * Tuile compacte « at-a-glance » du dashboard : pastille d'icône, valeur
+ * proéminente, libellé. Toute la tuile est cliquable si `href` est fourni.
+ */
+declare const StatTile: React.ForwardRefExoticComponent<StatTileProps & React.RefAttributes<HTMLDivElement>>;
+
+export { StatTile, type StatTileProps };

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

@@ -0,0 +1,28 @@
+import * as React from 'react';
+
+interface StatTileProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "children"> {
+    /** Libellé de la tuile (ex : "Réservations à venir"). */
+    label: string;
+    /** Valeur mise en avant (ex : "3", "80 %"). */
+    value: React.ReactNode;
+    /** Icône (ReactNode, ex : lucide) rendue dans la pastille. */
+    icon: React.ReactNode;
+    /** Cible du lien — rend toute la tuile cliquable. */
+    href?: string;
+    /** Texte d'aide secondaire sous la valeur. */
+    hint?: string;
+    /** Render personnalisé du lien (ex : next/link). */
+    renderLink?: (props: {
+        href: string;
+        className: string;
+        "aria-label"?: string;
+        children: React.ReactNode;
+    }) => React.ReactNode;
+}
+/**
+ * Tuile compacte « at-a-glance » du dashboard : pastille d'icône, valeur
+ * proéminente, libellé. Toute la tuile est cliquable si `href` est fourni.
+ */
+declare const StatTile: React.ForwardRefExoticComponent<StatTileProps & React.RefAttributes<HTMLDivElement>>;
+
+export { StatTile, type StatTileProps };

package/dist/components/StatTile/index.js

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

package/dist/components/StatTile/index.mjs

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

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

@@ -0,0 +1,38 @@
+import * as React from 'react';
+
+type TripStatusTone = "confirmed" | "pending" | "processing";
+interface TripHeroData {
+    hotelName: string;
+    /** Photo de l'hôtel. Fallback dégradé si absente. */
+    hotelImage?: string | null;
+    city?: string | null;
+    address?: string | null;
+    /** Dates déjà formatées (ex : "12 juil."). */
+    checkinLabel: string;
+    checkoutLabel: string;
+    nights: number;
+    /** Compte à rebours déjà formaté (ex : "Dans 5 jours", "Aujourd'hui"). */
+    countdownLabel: string;
+    /** Met le compte à rebours en avant (séjour proche). */
+    isSoon?: boolean;
+    /** Libellé du statut (ex : "Confirmée"). */
+    statusLabel?: string | null;
+    statusTone?: TripStatusTone;
+    /** Prix total déjà formaté (ex : "1 234,00 €"). */
+    priceLabel?: string | null;
+    dogName?: string | null;
+}
+interface TripHeroCardProps extends Omit<React.HTMLAttributes<HTMLElement>, "children"> {
+    trip: TripHeroData;
+    /** Actions rapides (bon, itinéraire, annuler…) rendues sous les détails. */
+    actions?: React.ReactNode;
+    /** Render personnalisé de l'image (ex : next/image). */
+    renderImage?: (props: {
+        src: string;
+        alt: string;
+        className: string;
+    }) => React.ReactNode;
+}
+declare const TripHeroCard: React.ForwardRefExoticComponent<TripHeroCardProps & React.RefAttributes<HTMLElement>>;
+
+export { TripHeroCard, type TripHeroCardProps, type TripHeroData, type TripStatusTone };

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

@@ -0,0 +1,38 @@
+import * as React from 'react';
+
+type TripStatusTone = "confirmed" | "pending" | "processing";
+interface TripHeroData {
+    hotelName: string;
+    /** Photo de l'hôtel. Fallback dégradé si absente. */
+    hotelImage?: string | null;
+    city?: string | null;
+    address?: string | null;
+    /** Dates déjà formatées (ex : "12 juil."). */
+    checkinLabel: string;
+    checkoutLabel: string;
+    nights: number;
+    /** Compte à rebours déjà formaté (ex : "Dans 5 jours", "Aujourd'hui"). */
+    countdownLabel: string;
+    /** Met le compte à rebours en avant (séjour proche). */
+    isSoon?: boolean;
+    /** Libellé du statut (ex : "Confirmée"). */
+    statusLabel?: string | null;
+    statusTone?: TripStatusTone;
+    /** Prix total déjà formaté (ex : "1 234,00 €"). */
+    priceLabel?: string | null;
+    dogName?: string | null;
+}
+interface TripHeroCardProps extends Omit<React.HTMLAttributes<HTMLElement>, "children"> {
+    trip: TripHeroData;
+    /** Actions rapides (bon, itinéraire, annuler…) rendues sous les détails. */
+    actions?: React.ReactNode;
+    /** Render personnalisé de l'image (ex : next/image). */
+    renderImage?: (props: {
+        src: string;
+        alt: string;
+        className: string;
+    }) => React.ReactNode;
+}
+declare const TripHeroCard: React.ForwardRefExoticComponent<TripHeroCardProps & React.RefAttributes<HTMLElement>>;
+
+export { TripHeroCard, type TripHeroCardProps, type TripHeroData, type TripStatusTone };

package/dist/components/TripHeroCard/index.js

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

package/dist/components/TripHeroCard/index.mjs

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

package/dist/index.d.mts

@@ -8,6 +8,7 @@ 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 { RadioGroup, RadioGroupItemOption, RadioGroupProps } from './components/RadioGroup/index.mjs';
 export { Checkbox, CheckboxProps } from './components/Checkbox/index.mjs';
 export { Toggle, ToggleProps } from './components/Toggle/index.mjs';
@@ -68,6 +69,9 @@ export { FilterAccordion, FilterAccordionItemData, FilterAccordionProps } from '
 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 { SectionHeader, SectionHeaderProps } from './components/SectionHeader/index.mjs';
+export { StatTile, StatTileProps } from './components/StatTile/index.mjs';
+export { TripHeroCard, TripHeroCardProps, TripHeroData, TripStatusTone } from './components/TripHeroCard/index.mjs';
 export { cn } from './utils/index.mjs';
 import 'clsx';