@dododog/ui 0.10.1 → 0.12.0

package/dist/chunk-NKD7FXZR.mjs

@@ -0,0 +1,77 @@
+import { DogAvatarStack } from './chunk-AGNY5DBW.mjs';
+import { cn } from './chunk-IMKLN273.mjs';
+import * as React from 'react';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+function MapPinIcon({ size = 14 }) {
+  return /* @__PURE__ */ jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "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 ChevronRightIcon() {
+  return /* @__PURE__ */ jsx("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { d: "M9 18l6-6-6-6" }) });
+}
+var DEFAULT_GRADIENT = "linear-gradient(135deg,#f5a083,#f27c54)";
+var StayListRow = React.forwardRef(
+  ({
+    hotelName,
+    location,
+    priceLabel,
+    nightsLabel,
+    thumbnailUrl,
+    thumbnailGradient = DEFAULT_GRADIENT,
+    badge,
+    badgeTone = "free",
+    dogs = [],
+    href,
+    className,
+    renderImage,
+    renderLink
+  }, ref) => {
+    const rowClass = cn(
+      "group flex items-center gap-3 px-4 py-3.5 transition-colors hover:bg-sand-light md:gap-4 md:px-[18px] md:py-[15px]",
+      href && "cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-inset focus-visible:ring-offset-0",
+      className
+    );
+    const body = /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: "relative h-[54px] w-[54px] shrink-0 overflow-hidden rounded-[13px] md:h-16 md:w-16 md:rounded-[14px]",
+          style: thumbnailUrl ? void 0 : { background: thumbnailGradient },
+          children: [
+            thumbnailUrl && (renderImage ? renderImage({ src: thumbnailUrl, alt: hotelName, className: "h-full w-full object-cover" }) : /* @__PURE__ */ jsx("img", { src: thumbnailUrl, alt: hotelName, className: "h-full w-full object-cover" })),
+            badge && /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: cn(
+                  "absolute bottom-1 left-1 rounded-full bg-white/90 px-1.5 py-0.5 text-[9px] font-bold",
+                  badgeTone === "free" ? "text-accent-dark" : "text-secondary-dark"
+                ),
+                children: badge
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsx("div", { className: "truncate text-sm font-bold text-primary md:text-[15px]", children: hotelName }),
+        location && /* @__PURE__ */ jsxs("div", { className: "mt-0.5 inline-flex items-center gap-1.5 text-[12.5px] text-text-secondary md:text-[13px]", children: [
+          /* @__PURE__ */ jsx(MapPinIcon, {}),
+          /* @__PURE__ */ jsx("span", { className: "truncate", children: location })
+        ] })
+      ] }),
+      dogs.length > 0 && /* @__PURE__ */ jsx("div", { className: "hidden md:block", children: /* @__PURE__ */ jsx(DogAvatarStack, { dogs, size: 26 }) }),
+      priceLabel && /* @__PURE__ */ jsxs("div", { className: "shrink-0 text-right md:w-[78px]", children: [
+        /* @__PURE__ */ jsx("div", { className: "font-heading text-[15px] font-bold text-primary md:text-base", children: priceLabel }),
+        nightsLabel && /* @__PURE__ */ jsx("div", { className: "text-[11px] text-text-secondary", children: nightsLabel })
+      ] }),
+      href && /* @__PURE__ */ jsx("span", { className: "hidden text-sand-dark transition-colors group-hover:text-text-secondary md:block", children: /* @__PURE__ */ jsx(ChevronRightIcon, {}) })
+    ] });
+    return /* @__PURE__ */ jsx("div", { ref, children: href ? renderLink ? renderLink({ href, className: rowClass, "aria-label": hotelName, children: body }) : /* @__PURE__ */ jsx("a", { href, className: rowClass, "aria-label": hotelName, children: body }) : /* @__PURE__ */ jsx("div", { className: rowClass, children: body }) });
+  }
+);
+StayListRow.displayName = "StayListRow";
+
+export { StayListRow };

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-OZULAGYL.mjs

@@ -0,0 +1 @@
+

package/dist/chunk-SEHALSKW.js

@@ -0,0 +1,130 @@
+'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 PinIcon() {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "17", height: "17", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z" }),
+    /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "10", r: "3" })
+  ] });
+}
+function CalendarIcon() {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8 2v4" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M16 2v4" }),
+    /* @__PURE__ */ jsxRuntime.jsx("rect", { width: "18", height: "18", x: "3", y: "4", rx: "2" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3 10h18" })
+  ] });
+}
+function DogIcon() {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "17", height: "17", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M10 5.172C10 3.782 8.423 2.679 6.5 3c-2.823.47-4.113 6.006-4 7 .08.703 1.725 1.722 3.656 1 1.261-.472 1.96-1.45 2.344-2.5" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M14.267 5.172c0-1.39 1.577-2.493 3.5-2.172 2.823.47 4.113 6.006 4 7-.08.703-1.725 1.722-3.656 1-1.261-.472-1.855-1.45-2.239-2.5" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8 14v.5" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M16 14v.5" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "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.309" })
+  ] });
+}
+function ChevronDownIcon() {
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m6 9 6 6 6-6" }) });
+}
+function SearchIcon() {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "11", cy: "11", r: "7" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m21 21-4.3-4.3" })
+  ] });
+}
+var fieldClass = "flex items-center gap-2.5 rounded-[14px] border border-sand-dark/70 bg-sand-light px-3.5 py-3";
+var fieldLabelClass = "text-[10px] font-semibold uppercase tracking-[0.04em] text-text-secondary";
+var fieldValueClass = "text-sm font-medium text-primary";
+var SearchWidget = React__namespace.forwardRef(
+  ({
+    title = "Trouver un s\xE9jour",
+    destination = "O\xF9 partez-vous ?",
+    arrivalLabel = "Ajouter",
+    departureLabel = "Ajouter",
+    travelersLabel = "2 adultes \xB7 2 chiens",
+    actionLabel = "Rechercher",
+    href = "/search",
+    renderLink,
+    className,
+    ...props
+  }, ref) => {
+    const btnClass = "flex min-h-[44px] w-full items-center justify-center gap-2 rounded-full bg-secondary px-4 py-3 text-sm font-semibold text-white shadow-[0_8px_18px_-8px_rgba(242,124,84,0.7)] transition-colors hover:bg-secondary-dark focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2";
+    const btnChildren = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(SearchIcon, {}),
+      actionLabel
+    ] });
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ref,
+        className: chunkADIDI7AJ_js.cn(
+          "rounded-[22px] border border-sand-dark bg-white p-[18px] shadow-[0_8px_22px_-14px_rgba(29,34,48,0.22)] md:p-5",
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "mb-3.5 font-heading text-base font-bold text-primary", children: title }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkADIDI7AJ_js.cn(fieldClass, "mb-2.5"), children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-secondary", children: /* @__PURE__ */ jsxRuntime.jsx(PinIcon, {}) }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: fieldLabelClass, children: "Destination" }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: fieldValueClass, children: destination })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-2.5 flex gap-2.5", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkADIDI7AJ_js.cn(fieldClass, "flex-1"), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: fieldLabelClass, children: "Arriv\xE9e" }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-0.5 flex items-center gap-1.5 text-text-secondary", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(CalendarIcon, {}),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[13px] font-medium text-primary", children: arrivalLabel })
+              ] })
+            ] }) }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkADIDI7AJ_js.cn(fieldClass, "flex-1"), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: fieldLabelClass, children: "D\xE9part" }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-0.5 flex items-center gap-1.5 text-text-secondary", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(CalendarIcon, {}),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[13px] font-medium text-primary", children: departureLabel })
+              ] })
+            ] }) })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkADIDI7AJ_js.cn(fieldClass, "mb-3.5"), children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-accent", children: /* @__PURE__ */ jsxRuntime.jsx(DogIcon, {}) }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: fieldLabelClass, children: "Voyageurs" }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: fieldValueClass, children: travelersLabel })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-text-secondary", children: /* @__PURE__ */ jsxRuntime.jsx(ChevronDownIcon, {}) })
+          ] }),
+          renderLink ? renderLink({ href, className: btnClass, children: btnChildren }) : /* @__PURE__ */ jsxRuntime.jsx("a", { href, className: btnClass, children: btnChildren })
+        ]
+      }
+    );
+  }
+);
+SearchWidget.displayName = "SearchWidget";
+
+exports.SearchWidget = SearchWidget;

package/dist/chunk-VNURXHKK.js

@@ -0,0 +1,2 @@
+'use strict';
+

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

@@ -0,0 +1,36 @@
+import * as React from 'react';
+import { DogAvatarStackDog } from '../DogAvatar/index.mjs';
+
+interface ActiveStayCardProps extends Omit<React.HTMLAttributes<HTMLElement>, "children"> {
+    statusLabel?: string;
+    /** Badge politique chien (ex. "Chien gratuit · max 3"). */
+    petBadge?: string | null;
+    hotelName: string;
+    location?: string | null;
+    priceLabel?: string | null;
+    /** Note sous le prix (ex. "taxes et frais inclus", "3 nuits"). */
+    priceNote?: string | null;
+    checkinLabel: string;
+    checkoutLabel: string;
+    /** Libellé compact mobile (ex. "1 jour · 11/05"). */
+    countdownLabel?: string | null;
+    dogs?: DogAvatarStackDog[];
+    imageUrl?: string | null;
+    primaryActionLabel?: string;
+    primaryActionHref?: string;
+    /** Actions secondaires (desktop) : ex. « Contacter l'hôte ». */
+    secondaryActions?: React.ReactNode;
+    renderImage?: (props: {
+        src: string;
+        alt: string;
+        className: string;
+    }) => React.ReactNode;
+    renderLink?: (props: {
+        href: string;
+        className: string;
+        children: React.ReactNode;
+    }) => React.ReactNode;
+}
+declare const ActiveStayCard: React.ForwardRefExoticComponent<ActiveStayCardProps & React.RefAttributes<HTMLElement>>;
+
+export { ActiveStayCard, type ActiveStayCardProps };

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

@@ -0,0 +1,36 @@
+import * as React from 'react';
+import { DogAvatarStackDog } from '../DogAvatar/index.js';
+
+interface ActiveStayCardProps extends Omit<React.HTMLAttributes<HTMLElement>, "children"> {
+    statusLabel?: string;
+    /** Badge politique chien (ex. "Chien gratuit · max 3"). */
+    petBadge?: string | null;
+    hotelName: string;
+    location?: string | null;
+    priceLabel?: string | null;
+    /** Note sous le prix (ex. "taxes et frais inclus", "3 nuits"). */
+    priceNote?: string | null;
+    checkinLabel: string;
+    checkoutLabel: string;
+    /** Libellé compact mobile (ex. "1 jour · 11/05"). */
+    countdownLabel?: string | null;
+    dogs?: DogAvatarStackDog[];
+    imageUrl?: string | null;
+    primaryActionLabel?: string;
+    primaryActionHref?: string;
+    /** Actions secondaires (desktop) : ex. « Contacter l'hôte ». */
+    secondaryActions?: React.ReactNode;
+    renderImage?: (props: {
+        src: string;
+        alt: string;
+        className: string;
+    }) => React.ReactNode;
+    renderLink?: (props: {
+        href: string;
+        className: string;
+        children: React.ReactNode;
+    }) => React.ReactNode;
+}
+declare const ActiveStayCard: React.ForwardRefExoticComponent<ActiveStayCardProps & React.RefAttributes<HTMLElement>>;
+
+export { ActiveStayCard, type ActiveStayCardProps };

package/dist/components/ActiveStayCard/index.js

@@ -0,0 +1,12 @@
+'use strict';
+
+var chunkG3LZ32WA_js = require('../../chunk-G3LZ32WA.js');
+require('../../chunk-HB2XJOBZ.js');
+require('../../chunk-ADIDI7AJ.js');
+
+
+
+Object.defineProperty(exports, "ActiveStayCard", {
+  enumerable: true,
+  get: function () { return chunkG3LZ32WA_js.ActiveStayCard; }
+});

package/dist/components/ActiveStayCard/index.mjs

@@ -0,0 +1,3 @@
+export { ActiveStayCard } from '../../chunk-CRQ4XOCC.mjs';
+import '../../chunk-AGNY5DBW.mjs';
+import '../../chunk-IMKLN273.mjs';

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

@@ -0,0 +1,37 @@
+import * as React from 'react';
+
+/** Palette déterministe des avatars chiens (décoratif). */
+declare const DOG_AVATAR_COLORS: readonly ["#f27c54", "#00bfb3", "#e0a458", "#c96f4a", "#7ba05b"];
+/** Couleur déterministe à partir du nom (repli quand `color` n'est pas fourni). */
+declare function dogAvatarColor(name: string): string;
+interface DogAvatarProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "color"> {
+    /** Nom du chien (accessibilité + couleur de repli). */
+    name: string;
+    /** Couleur du cercle ; sinon dérivée du nom. */
+    color?: string;
+    /** Diamètre en px (défaut 46). */
+    size?: number;
+    /** Couleur de l'anneau (bordure), ex. pour les piles superposées. */
+    ringColor?: string;
+}
+/** Avatar chien : glyphe blanc sur cercle coloré. */
+declare const DogAvatar: React.ForwardRefExoticComponent<DogAvatarProps & React.RefAttributes<HTMLDivElement>>;
+interface DogAvatarStackDog {
+    name: string;
+    color?: string;
+}
+interface DogAvatarStackProps extends React.HTMLAttributes<HTMLDivElement> {
+    dogs: DogAvatarStackDog[];
+    /** Diamètre de chaque avatar (défaut 26). */
+    size?: number;
+    /** Nombre max affiché avant « +N » (défaut 4). */
+    max?: number;
+    /** Chevauchement en px (défaut 8). */
+    overlap?: number;
+    /** Couleur de l'anneau autour de chaque avatar (défaut blanc). */
+    ringColor?: string;
+}
+/** Pile d'avatars chiens superposés, avec pastille « +N » si dépassement. */
+declare const DogAvatarStack: React.ForwardRefExoticComponent<DogAvatarStackProps & React.RefAttributes<HTMLDivElement>>;
+
+export { DOG_AVATAR_COLORS, DogAvatar, type DogAvatarProps, DogAvatarStack, type DogAvatarStackDog, type DogAvatarStackProps, dogAvatarColor };

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

@@ -0,0 +1,37 @@
+import * as React from 'react';
+
+/** Palette déterministe des avatars chiens (décoratif). */
+declare const DOG_AVATAR_COLORS: readonly ["#f27c54", "#00bfb3", "#e0a458", "#c96f4a", "#7ba05b"];
+/** Couleur déterministe à partir du nom (repli quand `color` n'est pas fourni). */
+declare function dogAvatarColor(name: string): string;
+interface DogAvatarProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "color"> {
+    /** Nom du chien (accessibilité + couleur de repli). */
+    name: string;
+    /** Couleur du cercle ; sinon dérivée du nom. */
+    color?: string;
+    /** Diamètre en px (défaut 46). */
+    size?: number;
+    /** Couleur de l'anneau (bordure), ex. pour les piles superposées. */
+    ringColor?: string;
+}
+/** Avatar chien : glyphe blanc sur cercle coloré. */
+declare const DogAvatar: React.ForwardRefExoticComponent<DogAvatarProps & React.RefAttributes<HTMLDivElement>>;
+interface DogAvatarStackDog {
+    name: string;
+    color?: string;
+}
+interface DogAvatarStackProps extends React.HTMLAttributes<HTMLDivElement> {
+    dogs: DogAvatarStackDog[];
+    /** Diamètre de chaque avatar (défaut 26). */
+    size?: number;
+    /** Nombre max affiché avant « +N » (défaut 4). */
+    max?: number;
+    /** Chevauchement en px (défaut 8). */
+    overlap?: number;
+    /** Couleur de l'anneau autour de chaque avatar (défaut blanc). */
+    ringColor?: string;
+}
+/** Pile d'avatars chiens superposés, avec pastille « +N » si dépassement. */
+declare const DogAvatarStack: React.ForwardRefExoticComponent<DogAvatarStackProps & React.RefAttributes<HTMLDivElement>>;
+
+export { DOG_AVATAR_COLORS, DogAvatar, type DogAvatarProps, DogAvatarStack, type DogAvatarStackDog, type DogAvatarStackProps, dogAvatarColor };

package/dist/components/DogAvatar/index.js

@@ -0,0 +1,24 @@
+'use strict';
+
+require('../../chunk-VNURXHKK.js');
+var chunkHB2XJOBZ_js = require('../../chunk-HB2XJOBZ.js');
+require('../../chunk-ADIDI7AJ.js');
+
+
+
+Object.defineProperty(exports, "DOG_AVATAR_COLORS", {
+  enumerable: true,
+  get: function () { return chunkHB2XJOBZ_js.DOG_AVATAR_COLORS; }
+});
+Object.defineProperty(exports, "DogAvatar", {
+  enumerable: true,
+  get: function () { return chunkHB2XJOBZ_js.DogAvatar; }
+});
+Object.defineProperty(exports, "DogAvatarStack", {
+  enumerable: true,
+  get: function () { return chunkHB2XJOBZ_js.DogAvatarStack; }
+});
+Object.defineProperty(exports, "dogAvatarColor", {
+  enumerable: true,
+  get: function () { return chunkHB2XJOBZ_js.dogAvatarColor; }
+});

package/dist/components/DogAvatar/index.mjs

@@ -0,0 +1,3 @@
+import '../../chunk-OZULAGYL.mjs';
+export { DOG_AVATAR_COLORS, DogAvatar, DogAvatarStack, dogAvatarColor } from '../../chunk-AGNY5DBW.mjs';
+import '../../chunk-IMKLN273.mjs';

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

@@ -0,0 +1,12 @@
+import * as React from 'react';
+
+interface ImpactCardProps extends React.HTMLAttributes<HTMLDivElement> {
+    badgeLabel?: string;
+    /** Valeur mise en avant (ex. "24 € reversés"). */
+    amountLabel: string;
+    description?: string;
+}
+/** Carte « impact » sombre : engagement solidaire lié aux réservations. */
+declare const ImpactCard: React.ForwardRefExoticComponent<ImpactCardProps & React.RefAttributes<HTMLDivElement>>;
+
+export { ImpactCard, type ImpactCardProps };

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

@@ -0,0 +1,12 @@
+import * as React from 'react';
+
+interface ImpactCardProps extends React.HTMLAttributes<HTMLDivElement> {
+    badgeLabel?: string;
+    /** Valeur mise en avant (ex. "24 € reversés"). */
+    amountLabel: string;
+    description?: string;
+}
+/** Carte « impact » sombre : engagement solidaire lié aux réservations. */
+declare const ImpactCard: React.ForwardRefExoticComponent<ImpactCardProps & React.RefAttributes<HTMLDivElement>>;
+
+export { ImpactCard, type ImpactCardProps };

package/dist/components/ImpactCard/index.js

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

package/dist/components/ImpactCard/index.mjs

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

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

@@ -0,0 +1,20 @@
+import * as React from 'react';
+
+interface SearchWidgetProps extends React.HTMLAttributes<HTMLDivElement> {
+    title?: string;
+    destination?: string;
+    arrivalLabel?: string;
+    departureLabel?: string;
+    travelersLabel?: string;
+    actionLabel?: string;
+    href?: string;
+    renderLink?: (props: {
+        href: string;
+        className: string;
+        children: React.ReactNode;
+    }) => React.ReactNode;
+}
+/** Carte de recherche compacte du dashboard (renvoie vers la recherche). */
+declare const SearchWidget: React.ForwardRefExoticComponent<SearchWidgetProps & React.RefAttributes<HTMLDivElement>>;
+
+export { SearchWidget, type SearchWidgetProps };

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

@@ -0,0 +1,20 @@
+import * as React from 'react';
+
+interface SearchWidgetProps extends React.HTMLAttributes<HTMLDivElement> {
+    title?: string;
+    destination?: string;
+    arrivalLabel?: string;
+    departureLabel?: string;
+    travelersLabel?: string;
+    actionLabel?: string;
+    href?: string;
+    renderLink?: (props: {
+        href: string;
+        className: string;
+        children: React.ReactNode;
+    }) => React.ReactNode;
+}
+/** Carte de recherche compacte du dashboard (renvoie vers la recherche). */
+declare const SearchWidget: React.ForwardRefExoticComponent<SearchWidgetProps & React.RefAttributes<HTMLDivElement>>;
+
+export { SearchWidget, type SearchWidgetProps };