@dododog/ui 0.1.0 → 0.2.0

package/dist/chunk-FNDR3WOZ.mjs

@@ -0,0 +1,220 @@
+import { cn } from './chunk-IMKLN273.mjs';
+import React, { useState, useEffect, useCallback } from 'react';
+import { cva } from 'class-variance-authority';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+var promoBannerVariants = cva(
+  "w-full px-4 py-2.5 text-sm",
+  {
+    variants: {
+      variant: {
+        promo: "bg-secondary text-white",
+        alert: "bg-amber-400 text-amber-950",
+        maintenance: "bg-red-600 text-white",
+        info: "bg-blue-600 text-white"
+      }
+    },
+    defaultVariants: {
+      variant: "info"
+    }
+  }
+);
+function useCountdown(targetDate) {
+  const computeTimeLeft = useCallback(() => {
+    const diff = new Date(targetDate).getTime() - Date.now();
+    if (diff <= 0) return { days: 0, hours: 0, minutes: 0, seconds: 0, isExpired: true };
+    return {
+      days: Math.floor(diff / 864e5),
+      hours: Math.floor(diff % 864e5 / 36e5),
+      minutes: Math.floor(diff % 36e5 / 6e4),
+      seconds: Math.floor(diff % 6e4 / 1e3),
+      isExpired: false
+    };
+  }, [targetDate]);
+  const [timeLeft, setTimeLeft] = useState(computeTimeLeft);
+  useEffect(() => {
+    const id = setInterval(() => setTimeLeft(computeTimeLeft()), 1e3);
+    return () => clearInterval(id);
+  }, [computeTimeLeft]);
+  return timeLeft;
+}
+function useEmailForm(onSubmit) {
+  const [value, setValue] = useState("");
+  const [isLoading, setIsLoading] = useState(false);
+  const [isSuccess, setIsSuccess] = useState(false);
+  const [error, setError] = useState(null);
+  const EMAIL_RE = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    setError(null);
+    if (!EMAIL_RE.test(value)) {
+      setError("Email invalide");
+      return;
+    }
+    setIsLoading(true);
+    try {
+      await onSubmit(value);
+      setIsSuccess(true);
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Erreur");
+    } finally {
+      setIsLoading(false);
+    }
+  };
+  return { value, setValue, isLoading, isSuccess, error, handleSubmit };
+}
+function useDismiss(storageKey) {
+  const [isDismissed, setIsDismissed] = useState(false);
+  useEffect(() => {
+    if (!storageKey) return;
+    try {
+      if (localStorage.getItem(storageKey) === "1") setIsDismissed(true);
+    } catch {
+    }
+  }, [storageKey]);
+  const dismiss = useCallback(() => {
+    setIsDismissed(true);
+    if (!storageKey) return;
+    try {
+      localStorage.setItem(storageKey, "1");
+    } catch {
+    }
+  }, [storageKey]);
+  return { isDismissed, dismiss };
+}
+var variantIcons = {
+  promo: /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor", className: "size-5 shrink-0", children: /* @__PURE__ */ jsx("path", { fillRule: "evenodd", d: "M5 2a2 2 0 0 0-2 2v1a1 1 0 0 0 0 2v1a1 1 0 0 0 0 2v1a1 1 0 0 0 0 2v1a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-1a1 1 0 0 0 0-2v-1a1 1 0 0 0 0-2V7a1 1 0 0 0 0-2V4a2 2 0 0 0-2-2H5Z", clipRule: "evenodd" }) }),
+  alert: /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor", className: "size-5 shrink-0", children: /* @__PURE__ */ jsx("path", { fillRule: "evenodd", d: "M8.485 2.495c.673-1.167 2.357-1.167 3.03 0l6.28 10.875c.673 1.167-.17 2.625-1.516 2.625H3.72c-1.347 0-2.189-1.458-1.515-2.625L8.485 2.495ZM10 6a.75.75 0 0 1 .75.75v3.5a.75.75 0 0 1-1.5 0v-3.5A.75.75 0 0 1 10 6Zm0 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z", clipRule: "evenodd" }) }),
+  maintenance: /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor", className: "size-5 shrink-0", children: /* @__PURE__ */ jsx("path", { fillRule: "evenodd", d: "M8.157 2.176a1.5 1.5 0 0 1 1.858-.062l.106.09 1.769 1.768a15.07 15.07 0 0 1 4.138 4.138l1.768 1.769a1.5 1.5 0 0 1 .028 1.964l-.09.106-1.768 1.769a15.07 15.07 0 0 1-4.138 4.138l-1.769 1.768a1.5 1.5 0 0 1-1.964.028l-.106-.09-1.769-1.768a15.07 15.07 0 0 1-4.138-4.138l-1.768-1.769a1.5 1.5 0 0 1-.028-1.964l.09-.106 1.768-1.769a15.07 15.07 0 0 1 4.138-4.138l1.769-1.768ZM10 9a1 1 0 1 0 0 2 1 1 0 0 0 0-2Z", clipRule: "evenodd" }) }),
+  info: /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor", className: "size-5 shrink-0", children: /* @__PURE__ */ jsx("path", { fillRule: "evenodd", d: "M18 10a8 8 0 1 1-16 0 8 8 0 0 1 16 0Zm-7-4a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM9 9a.75.75 0 0 0 0 1.5h.253a.25.25 0 0 1 .244.304l-.459 2.066A1.75 1.75 0 0 0 10.747 15H11a.75.75 0 0 0 0-1.5h-.253a.25.25 0 0 1-.244-.304l.459-2.066A1.75 1.75 0 0 0 9.253 9H9Z", clipRule: "evenodd" }) })
+};
+function CountdownBlock({
+  targetDate,
+  label,
+  expiredLabel
+}) {
+  const { days, hours, minutes, seconds, isExpired } = useCountdown(targetDate);
+  if (isExpired) {
+    return /* @__PURE__ */ jsx("span", { className: "font-medium", children: expiredLabel ?? "Expir\xE9" });
+  }
+  const pad = (n) => String(n).padStart(2, "0");
+  return /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5", children: [
+    label && /* @__PURE__ */ jsx("span", { children: label }),
+    /* @__PURE__ */ jsxs("span", { className: "font-mono tabular-nums font-semibold", children: [
+      days > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+        days,
+        "j\xA0"
+      ] }),
+      pad(hours),
+      ":",
+      pad(minutes),
+      ":",
+      pad(seconds)
+    ] })
+  ] });
+}
+function EmailFormBlock({
+  onSubmit,
+  placeholder,
+  submitLabel,
+  successMessage
+}) {
+  const { value, setValue, isLoading, isSuccess, error, handleSubmit } = useEmailForm(onSubmit);
+  if (isSuccess) {
+    return /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1.5 font-medium", children: [
+      /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor", className: "size-4", children: /* @__PURE__ */ jsx("path", { fillRule: "evenodd", d: "M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z", clipRule: "evenodd" }) }),
+      successMessage ?? "Inscrit !"
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        type: "email",
+        value,
+        onChange: (e) => setValue(e.target.value),
+        placeholder: placeholder ?? "votre@email.com",
+        "aria-label": "Email",
+        className: cn(
+          "rounded px-2.5 py-1 text-sm text-gray-900 placeholder:text-gray-400 outline-none",
+          error && "ring-2 ring-red-300"
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "submit",
+        disabled: isLoading,
+        className: "rounded bg-white/20 px-3 py-1 text-sm font-medium hover:bg-white/30 transition-colors disabled:opacity-50",
+        children: isLoading ? "\u2026" : submitLabel ?? "OK"
+      }
+    ),
+    error && /* @__PURE__ */ jsx("span", { className: "text-xs opacity-80", children: error })
+  ] });
+}
+var PromoBanner = React.forwardRef(
+  ({
+    variant = "info",
+    promo,
+    alert,
+    countdown,
+    email,
+    storageKey,
+    className,
+    renderLink,
+    ...props
+  }, ref) => {
+    const { isDismissed, dismiss } = useDismiss(storageKey);
+    if (isDismissed) return null;
+    const LinkComponent = renderLink ?? DefaultLink;
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        role: "banner",
+        className: cn(promoBannerVariants({ variant }), className),
+        ...props,
+        children: /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-7xl flex items-center justify-between gap-3 flex-wrap md:flex-nowrap", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 flex-wrap md:flex-nowrap flex-1", children: [
+            variantIcons[variant ?? "info"],
+            alert && /* @__PURE__ */ jsx("span", { className: "font-medium", children: alert.message }),
+            promo && /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx("span", { children: promo.message }),
+              promo.cta && /* @__PURE__ */ jsx(
+                LinkComponent,
+                {
+                  href: promo.cta.href,
+                  className: "underline underline-offset-2 font-semibold hover:opacity-80 transition-opacity",
+                  children: promo.cta.label
+                }
+              )
+            ] }),
+            countdown && /* @__PURE__ */ jsx(CountdownBlock, { ...countdown }),
+            email && /* @__PURE__ */ jsx(EmailFormBlock, { ...email })
+          ] }),
+          storageKey && /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: dismiss,
+              "aria-label": "Fermer",
+              className: "shrink-0 rounded p-0.5 hover:bg-white/20 transition-colors",
+              children: /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor", className: "size-4", children: /* @__PURE__ */ jsx("path", { d: "M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z" }) })
+            }
+          )
+        ] })
+      }
+    );
+  }
+);
+PromoBanner.displayName = "PromoBanner";
+function DefaultLink({
+  href,
+  className,
+  children
+}) {
+  return /* @__PURE__ */ jsx("a", { href, className, children });
+}
+
+export { PromoBanner, promoBannerVariants };

package/dist/{chunk-7LJS5LNR.js → chunk-NWLJ7VQF.js}

@@ -158,6 +158,7 @@ var DateRangePicker = React__namespace.forwardRef(
     const [calendarMonth, setCalendarMonth] = React__namespace.useState(() => checkIn || /* @__PURE__ */ new Date());
     const [activeDateField, setActiveDateField] = React__namespace.useState("arrival");
     const [isMobile, setIsMobile] = React__namespace.useState(false);
+    const [isNarrow, setIsNarrow] = React__namespace.useState(false);
     const internalRef = React__namespace.useRef(null);
     const setRefs = React__namespace.useCallback(
       (node) => {
@@ -174,6 +175,12 @@ var DateRangePicker = React__namespace.forwardRef(
       mq.addEventListener("change", handler);
       return () => mq.removeEventListener("change", handler);
     }, []);
+    React__namespace.useEffect(() => {
+      const checkNarrow = () => setIsNarrow(window.innerWidth < minWidth + 64);
+      checkNarrow();
+      window.addEventListener("resize", checkNarrow);
+      return () => window.removeEventListener("resize", checkNarrow);
+    }, [minWidth]);
     React__namespace.useEffect(() => {
       if (isOpen) {
         setActiveDateField("arrival");
@@ -335,6 +342,7 @@ var DateRangePicker = React__namespace.forwardRef(
       center: "left-1/2 -translate-x-1/2",
       right: "right-0"
     };
+    const singleMonth = isNarrow;
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
@@ -343,15 +351,16 @@ var DateRangePicker = React__namespace.forwardRef(
           "absolute top-full mt-2 bg-white rounded-3xl shadow-2xl border z-[60] p-8 pb-10",
           positionClasses[position]
         ),
-        style: { minWidth: `${minWidth}px` },
+        style: singleMonth ? { width: "100%", maxWidth: "400px" } : { minWidth: `${minWidth}px` },
         children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between mb-4", children: [
             /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: () => setCalendarMonth(addMonths(calendarMonth, -1)), className: "p-2 hover:bg-gray-100 rounded-full transition-colors", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "text-gray-600", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m15 18-6-6 6-6" }) }) }),
+            singleMonth && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "font-semibold text-lg text-primary capitalize", children: formatMonthYear(calendarMonth) }),
             /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: () => setCalendarMonth(addMonths(calendarMonth, 1)), className: "p-2 hover:bg-gray-100 rounded-full transition-colors", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "text-gray-600", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m9 18 6-6-6-6" }) }) })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-12", children: [
-            renderMonth(calendarMonth),
-            renderMonth(addMonths(calendarMonth, 1))
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: singleMonth ? "" : "flex gap-12", children: [
+            renderMonth(calendarMonth, singleMonth),
+            !singleMonth && renderMonth(addMonths(calendarMonth, 1))
           ] }),
           (checkIn || checkOut) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-right mt-4 pt-4 border-t border-gray-100", children: /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: clearDates, className: "text-sm text-primary underline hover:text-secondary transition-colors", children: "Effacer les dates" }) })
         ]

package/dist/chunk-PRDIS2VR.js

@@ -0,0 +1,227 @@
+'use strict';
+
+var chunkADIDI7AJ_js = require('./chunk-ADIDI7AJ.js');
+var React = require('react');
+var classVarianceAuthority = require('class-variance-authority');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+var promoBannerVariants = classVarianceAuthority.cva(
+  "w-full px-4 py-2.5 text-sm",
+  {
+    variants: {
+      variant: {
+        promo: "bg-secondary text-white",
+        alert: "bg-amber-400 text-amber-950",
+        maintenance: "bg-red-600 text-white",
+        info: "bg-blue-600 text-white"
+      }
+    },
+    defaultVariants: {
+      variant: "info"
+    }
+  }
+);
+function useCountdown(targetDate) {
+  const computeTimeLeft = React.useCallback(() => {
+    const diff = new Date(targetDate).getTime() - Date.now();
+    if (diff <= 0) return { days: 0, hours: 0, minutes: 0, seconds: 0, isExpired: true };
+    return {
+      days: Math.floor(diff / 864e5),
+      hours: Math.floor(diff % 864e5 / 36e5),
+      minutes: Math.floor(diff % 36e5 / 6e4),
+      seconds: Math.floor(diff % 6e4 / 1e3),
+      isExpired: false
+    };
+  }, [targetDate]);
+  const [timeLeft, setTimeLeft] = React.useState(computeTimeLeft);
+  React.useEffect(() => {
+    const id = setInterval(() => setTimeLeft(computeTimeLeft()), 1e3);
+    return () => clearInterval(id);
+  }, [computeTimeLeft]);
+  return timeLeft;
+}
+function useEmailForm(onSubmit) {
+  const [value, setValue] = React.useState("");
+  const [isLoading, setIsLoading] = React.useState(false);
+  const [isSuccess, setIsSuccess] = React.useState(false);
+  const [error, setError] = React.useState(null);
+  const EMAIL_RE = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    setError(null);
+    if (!EMAIL_RE.test(value)) {
+      setError("Email invalide");
+      return;
+    }
+    setIsLoading(true);
+    try {
+      await onSubmit(value);
+      setIsSuccess(true);
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Erreur");
+    } finally {
+      setIsLoading(false);
+    }
+  };
+  return { value, setValue, isLoading, isSuccess, error, handleSubmit };
+}
+function useDismiss(storageKey) {
+  const [isDismissed, setIsDismissed] = React.useState(false);
+  React.useEffect(() => {
+    if (!storageKey) return;
+    try {
+      if (localStorage.getItem(storageKey) === "1") setIsDismissed(true);
+    } catch {
+    }
+  }, [storageKey]);
+  const dismiss = React.useCallback(() => {
+    setIsDismissed(true);
+    if (!storageKey) return;
+    try {
+      localStorage.setItem(storageKey, "1");
+    } catch {
+    }
+  }, [storageKey]);
+  return { isDismissed, dismiss };
+}
+var variantIcons = {
+  promo: /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor", className: "size-5 shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx("path", { fillRule: "evenodd", d: "M5 2a2 2 0 0 0-2 2v1a1 1 0 0 0 0 2v1a1 1 0 0 0 0 2v1a1 1 0 0 0 0 2v1a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-1a1 1 0 0 0 0-2v-1a1 1 0 0 0 0-2V7a1 1 0 0 0 0-2V4a2 2 0 0 0-2-2H5Z", clipRule: "evenodd" }) }),
+  alert: /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor", className: "size-5 shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx("path", { fillRule: "evenodd", d: "M8.485 2.495c.673-1.167 2.357-1.167 3.03 0l6.28 10.875c.673 1.167-.17 2.625-1.516 2.625H3.72c-1.347 0-2.189-1.458-1.515-2.625L8.485 2.495ZM10 6a.75.75 0 0 1 .75.75v3.5a.75.75 0 0 1-1.5 0v-3.5A.75.75 0 0 1 10 6Zm0 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z", clipRule: "evenodd" }) }),
+  maintenance: /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor", className: "size-5 shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx("path", { fillRule: "evenodd", d: "M8.157 2.176a1.5 1.5 0 0 1 1.858-.062l.106.09 1.769 1.768a15.07 15.07 0 0 1 4.138 4.138l1.768 1.769a1.5 1.5 0 0 1 .028 1.964l-.09.106-1.768 1.769a15.07 15.07 0 0 1-4.138 4.138l-1.769 1.768a1.5 1.5 0 0 1-1.964.028l-.106-.09-1.769-1.768a15.07 15.07 0 0 1-4.138-4.138l-1.768-1.769a1.5 1.5 0 0 1-.028-1.964l.09-.106 1.768-1.769a15.07 15.07 0 0 1 4.138-4.138l1.769-1.768ZM10 9a1 1 0 1 0 0 2 1 1 0 0 0 0-2Z", clipRule: "evenodd" }) }),
+  info: /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor", className: "size-5 shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx("path", { fillRule: "evenodd", d: "M18 10a8 8 0 1 1-16 0 8 8 0 0 1 16 0Zm-7-4a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM9 9a.75.75 0 0 0 0 1.5h.253a.25.25 0 0 1 .244.304l-.459 2.066A1.75 1.75 0 0 0 10.747 15H11a.75.75 0 0 0 0-1.5h-.253a.25.25 0 0 1-.244-.304l.459-2.066A1.75 1.75 0 0 0 9.253 9H9Z", clipRule: "evenodd" }) })
+};
+function CountdownBlock({
+  targetDate,
+  label,
+  expiredLabel
+}) {
+  const { days, hours, minutes, seconds, isExpired } = useCountdown(targetDate);
+  if (isExpired) {
+    return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: expiredLabel ?? "Expir\xE9" });
+  }
+  const pad = (n) => String(n).padStart(2, "0");
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1.5", children: [
+    label && /* @__PURE__ */ jsxRuntime.jsx("span", { children: label }),
+    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-mono tabular-nums font-semibold", children: [
+      days > 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        days,
+        "j\xA0"
+      ] }),
+      pad(hours),
+      ":",
+      pad(minutes),
+      ":",
+      pad(seconds)
+    ] })
+  ] });
+}
+function EmailFormBlock({
+  onSubmit,
+  placeholder,
+  submitLabel,
+  successMessage
+}) {
+  const { value, setValue, isLoading, isSuccess, error, handleSubmit } = useEmailForm(onSubmit);
+  if (isSuccess) {
+    return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-1.5 font-medium", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor", className: "size-4", children: /* @__PURE__ */ jsxRuntime.jsx("path", { fillRule: "evenodd", d: "M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z", clipRule: "evenodd" }) }),
+      successMessage ?? "Inscrit !"
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit: handleSubmit, className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "input",
+      {
+        type: "email",
+        value,
+        onChange: (e) => setValue(e.target.value),
+        placeholder: placeholder ?? "votre@email.com",
+        "aria-label": "Email",
+        className: chunkADIDI7AJ_js.cn(
+          "rounded px-2.5 py-1 text-sm text-gray-900 placeholder:text-gray-400 outline-none",
+          error && "ring-2 ring-red-300"
+        )
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "submit",
+        disabled: isLoading,
+        className: "rounded bg-white/20 px-3 py-1 text-sm font-medium hover:bg-white/30 transition-colors disabled:opacity-50",
+        children: isLoading ? "\u2026" : submitLabel ?? "OK"
+      }
+    ),
+    error && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs opacity-80", children: error })
+  ] });
+}
+var PromoBanner = React__default.default.forwardRef(
+  ({
+    variant = "info",
+    promo,
+    alert,
+    countdown,
+    email,
+    storageKey,
+    className,
+    renderLink,
+    ...props
+  }, ref) => {
+    const { isDismissed, dismiss } = useDismiss(storageKey);
+    if (isDismissed) return null;
+    const LinkComponent = renderLink ?? DefaultLink;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref,
+        role: "banner",
+        className: chunkADIDI7AJ_js.cn(promoBannerVariants({ variant }), className),
+        ...props,
+        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto max-w-7xl flex items-center justify-between gap-3 flex-wrap md:flex-nowrap", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 flex-wrap md:flex-nowrap flex-1", children: [
+            variantIcons[variant ?? "info"],
+            alert && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: alert.message }),
+            promo && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-2", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { children: promo.message }),
+              promo.cta && /* @__PURE__ */ jsxRuntime.jsx(
+                LinkComponent,
+                {
+                  href: promo.cta.href,
+                  className: "underline underline-offset-2 font-semibold hover:opacity-80 transition-opacity",
+                  children: promo.cta.label
+                }
+              )
+            ] }),
+            countdown && /* @__PURE__ */ jsxRuntime.jsx(CountdownBlock, { ...countdown }),
+            email && /* @__PURE__ */ jsxRuntime.jsx(EmailFormBlock, { ...email })
+          ] }),
+          storageKey && /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              onClick: dismiss,
+              "aria-label": "Fermer",
+              className: "shrink-0 rounded p-0.5 hover:bg-white/20 transition-colors",
+              children: /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor", className: "size-4", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z" }) })
+            }
+          )
+        ] })
+      }
+    );
+  }
+);
+PromoBanner.displayName = "PromoBanner";
+function DefaultLink({
+  href,
+  className,
+  children
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("a", { href, className, children });
+}
+
+exports.PromoBanner = PromoBanner;
+exports.promoBannerVariants = promoBannerVariants;

package/dist/{chunk-CNWUOKCY.mjs → chunk-RQGC6RPI.mjs}

@@ -136,6 +136,7 @@ var DateRangePicker = React.forwardRef(
     const [calendarMonth, setCalendarMonth] = React.useState(() => checkIn || /* @__PURE__ */ new Date());
     const [activeDateField, setActiveDateField] = React.useState("arrival");
     const [isMobile, setIsMobile] = React.useState(false);
+    const [isNarrow, setIsNarrow] = React.useState(false);
     const internalRef = React.useRef(null);
     const setRefs = React.useCallback(
       (node) => {
@@ -152,6 +153,12 @@ var DateRangePicker = React.forwardRef(
       mq.addEventListener("change", handler);
       return () => mq.removeEventListener("change", handler);
     }, []);
+    React.useEffect(() => {
+      const checkNarrow = () => setIsNarrow(window.innerWidth < minWidth + 64);
+      checkNarrow();
+      window.addEventListener("resize", checkNarrow);
+      return () => window.removeEventListener("resize", checkNarrow);
+    }, [minWidth]);
     React.useEffect(() => {
       if (isOpen) {
         setActiveDateField("arrival");
@@ -313,6 +320,7 @@ var DateRangePicker = React.forwardRef(
       center: "left-1/2 -translate-x-1/2",
       right: "right-0"
     };
+    const singleMonth = isNarrow;
     return /* @__PURE__ */ jsxs(
       "div",
       {
@@ -321,15 +329,16 @@ var DateRangePicker = React.forwardRef(
           "absolute top-full mt-2 bg-white rounded-3xl shadow-2xl border z-[60] p-8 pb-10",
           positionClasses[position]
         ),
-        style: { minWidth: `${minWidth}px` },
+        style: singleMonth ? { width: "100%", maxWidth: "400px" } : { minWidth: `${minWidth}px` },
         children: [
           /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-4", children: [
             /* @__PURE__ */ jsx("button", { onClick: () => setCalendarMonth(addMonths(calendarMonth, -1)), className: "p-2 hover:bg-gray-100 rounded-full transition-colors", children: /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "text-gray-600", children: /* @__PURE__ */ jsx("path", { d: "m15 18-6-6 6-6" }) }) }),
+            singleMonth && /* @__PURE__ */ jsx("h3", { className: "font-semibold text-lg text-primary capitalize", children: formatMonthYear(calendarMonth) }),
             /* @__PURE__ */ jsx("button", { onClick: () => setCalendarMonth(addMonths(calendarMonth, 1)), className: "p-2 hover:bg-gray-100 rounded-full transition-colors", children: /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "text-gray-600", children: /* @__PURE__ */ jsx("path", { d: "m9 18 6-6-6-6" }) }) })
           ] }),
-          /* @__PURE__ */ jsxs("div", { className: "flex gap-12", children: [
-            renderMonth(calendarMonth),
-            renderMonth(addMonths(calendarMonth, 1))
+          /* @__PURE__ */ jsxs("div", { className: singleMonth ? "" : "flex gap-12", children: [
+            renderMonth(calendarMonth, singleMonth),
+            !singleMonth && renderMonth(addMonths(calendarMonth, 1))
           ] }),
           (checkIn || checkOut) && /* @__PURE__ */ jsx("div", { className: "text-right mt-4 pt-4 border-t border-gray-100", children: /* @__PURE__ */ jsx("button", { onClick: clearDates, className: "text-sm text-primary underline hover:text-secondary transition-colors", children: "Effacer les dates" }) })
         ]

package/dist/components/DateRangePicker/index.js

@@ -1,15 +1,15 @@
 'use strict';
 
-var chunk7LJS5LNR_js = require('../../chunk-7LJS5LNR.js');
+var chunkNWLJ7VQF_js = require('../../chunk-NWLJ7VQF.js');
 require('../../chunk-ADIDI7AJ.js');
 
 
 
 Object.defineProperty(exports, "DatePickerInput", {
   enumerable: true,
-  get: function () { return chunk7LJS5LNR_js.DatePickerInput; }
+  get: function () { return chunkNWLJ7VQF_js.DatePickerInput; }
 });
 Object.defineProperty(exports, "DateRangePicker", {
   enumerable: true,
-  get: function () { return chunk7LJS5LNR_js.DateRangePicker; }
+  get: function () { return chunkNWLJ7VQF_js.DateRangePicker; }
 });

package/dist/components/DateRangePicker/index.mjs

@@ -1,2 +1,2 @@
-export { DatePickerInput, DateRangePicker } from '../../chunk-CNWUOKCY.mjs';
+export { DatePickerInput, DateRangePicker } from '../../chunk-RQGC6RPI.mjs';
 import '../../chunk-IMKLN273.mjs';

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

@@ -0,0 +1,39 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import React__default from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const promoBannerVariants: (props?: ({
+    variant?: "alert" | "info" | "promo" | "maintenance" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface PromoBannerProps extends Omit<React__default.HTMLAttributes<HTMLDivElement>, "children">, VariantProps<typeof promoBannerVariants> {
+    promo?: {
+        message: string;
+        cta?: {
+            label: string;
+            href: string;
+        };
+    };
+    alert?: {
+        message: string;
+    };
+    countdown?: {
+        targetDate: string;
+        label?: string;
+        expiredLabel?: string;
+    };
+    email?: {
+        placeholder?: string;
+        submitLabel?: string;
+        onSubmit: (email: string) => Promise<void>;
+        successMessage?: string;
+    };
+    storageKey?: string;
+    renderLink?: (props: {
+        href: string;
+        className?: string;
+        children: React__default.ReactNode;
+    }) => React__default.ReactNode;
+}
+declare const PromoBanner: React__default.ForwardRefExoticComponent<PromoBannerProps & React__default.RefAttributes<HTMLDivElement>>;
+
+export { PromoBanner, type PromoBannerProps, promoBannerVariants };

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

@@ -0,0 +1,39 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import React__default from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const promoBannerVariants: (props?: ({
+    variant?: "alert" | "info" | "promo" | "maintenance" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface PromoBannerProps extends Omit<React__default.HTMLAttributes<HTMLDivElement>, "children">, VariantProps<typeof promoBannerVariants> {
+    promo?: {
+        message: string;
+        cta?: {
+            label: string;
+            href: string;
+        };
+    };
+    alert?: {
+        message: string;
+    };
+    countdown?: {
+        targetDate: string;
+        label?: string;
+        expiredLabel?: string;
+    };
+    email?: {
+        placeholder?: string;
+        submitLabel?: string;
+        onSubmit: (email: string) => Promise<void>;
+        successMessage?: string;
+    };
+    storageKey?: string;
+    renderLink?: (props: {
+        href: string;
+        className?: string;
+        children: React__default.ReactNode;
+    }) => React__default.ReactNode;
+}
+declare const PromoBanner: React__default.ForwardRefExoticComponent<PromoBannerProps & React__default.RefAttributes<HTMLDivElement>>;
+
+export { PromoBanner, type PromoBannerProps, promoBannerVariants };

package/dist/components/PromoBanner/index.js

@@ -0,0 +1,15 @@
+'use strict';
+
+var chunkPRDIS2VR_js = require('../../chunk-PRDIS2VR.js');
+require('../../chunk-ADIDI7AJ.js');
+
+
+
+Object.defineProperty(exports, "PromoBanner", {
+  enumerable: true,
+  get: function () { return chunkPRDIS2VR_js.PromoBanner; }
+});
+Object.defineProperty(exports, "promoBannerVariants", {
+  enumerable: true,
+  get: function () { return chunkPRDIS2VR_js.promoBannerVariants; }
+});

package/dist/components/PromoBanner/index.mjs

@@ -0,0 +1,2 @@
+export { PromoBanner, promoBannerVariants } from '../../chunk-FNDR3WOZ.mjs';
+import '../../chunk-IMKLN273.mjs';

package/dist/index.d.mts

@@ -42,6 +42,7 @@ export { Toast, ToastProps, toastVariants } from './components/Toast/index.mjs';
 export { Pagination, PaginationProps } from './components/Pagination/index.mjs';
 export { Tag, TagProps, tagVariants } from './components/Tag/index.mjs';
 export { DropdownMenu, DropdownMenuItem, DropdownMenuProps } from './components/DropdownMenu/index.mjs';
+export { PromoBanner, PromoBannerProps, promoBannerVariants } from './components/PromoBanner/index.mjs';
 export { ProgressBar, ProgressBarProps, progressBarVariants, progressFillVariants } from './components/ProgressBar/index.mjs';
 export { Carousel, CarouselProps } from './components/Carousel/index.mjs';
 export { StatusBadge, StatusBadgeProps, statusBadgeVariants } from './components/StatusBadge/index.mjs';

package/dist/index.d.ts

@@ -42,6 +42,7 @@ export { Toast, ToastProps, toastVariants } from './components/Toast/index.js';
 export { Pagination, PaginationProps } from './components/Pagination/index.js';
 export { Tag, TagProps, tagVariants } from './components/Tag/index.js';
 export { DropdownMenu, DropdownMenuItem, DropdownMenuProps } from './components/DropdownMenu/index.js';
+export { PromoBanner, PromoBannerProps, promoBannerVariants } from './components/PromoBanner/index.js';
 export { ProgressBar, ProgressBarProps, progressBarVariants, progressFillVariants } from './components/ProgressBar/index.js';
 export { Carousel, CarouselProps } from './components/Carousel/index.js';
 export { StatusBadge, StatusBadgeProps, statusBadgeVariants } from './components/StatusBadge/index.js';

package/dist/index.js

@@ -1,5 +1,7 @@
 'use strict';
 
+var chunkN3JU7JS7_js = require('./chunk-N3JU7JS7.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');
@@ -7,22 +9,21 @@ 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 chunkQWDKSY6Y_js = require('./chunk-QWDKSY6Y.js');
 var chunk3R7PT3JG_js = require('./chunk-3R7PT3JG.js');
+var chunkTZHT7NZU_js = require('./chunk-TZHT7NZU.js');
 var chunkDS4LM7OS_js = require('./chunk-DS4LM7OS.js');
 var chunkNCU5PY34_js = require('./chunk-NCU5PY34.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 chunkKZSGVMUG_js = require('./chunk-KZSGVMUG.js');
 var chunkNBDPT3XQ_js = require('./chunk-NBDPT3XQ.js');
 var chunkSCGN5H6D_js = require('./chunk-SCGN5H6D.js');
 var chunk6ASRTUXO_js = require('./chunk-6ASRTUXO.js');
 var chunkPG4I4NWO_js = require('./chunk-PG4I4NWO.js');
+var chunkPRDIS2VR_js = require('./chunk-PRDIS2VR.js');
 var chunkGXKON34B_js = require('./chunk-GXKON34B.js');
-var chunkTZHT7NZU_js = require('./chunk-TZHT7NZU.js');
 var chunkHS3MAW3G_js = require('./chunk-HS3MAW3G.js');
 var chunkYN4HPIRC_js = require('./chunk-YN4HPIRC.js');
 var chunkMKOKWME3_js = require('./chunk-MKOKWME3.js');
@@ -32,7 +33,7 @@ var chunkU3XWNFHH_js = require('./chunk-U3XWNFHH.js');
 var chunkW7DZZS6L_js = require('./chunk-W7DZZS6L.js');
 var chunkTE4WHZ4Q_js = require('./chunk-TE4WHZ4Q.js');
 var chunkHN6B4TAW_js = require('./chunk-HN6B4TAW.js');
-var chunkIEHX4DU6_js = require('./chunk-IEHX4DU6.js');
+var chunkTDGU5Y2P_js = require('./chunk-TDGU5Y2P.js');
 var chunkS5TLUDNM_js = require('./chunk-S5TLUDNM.js');
 var chunk7W3TFPIF_js = require('./chunk-7W3TFPIF.js');
 var chunkN2Q4Z2FU_js = require('./chunk-N2Q4Z2FU.js');
@@ -40,30 +41,38 @@ var chunkC4RZBOKH_js = require('./chunk-C4RZBOKH.js');
 var chunkKOO5ZXLD_js = require('./chunk-KOO5ZXLD.js');
 var chunkIRKM5UF4_js = require('./chunk-IRKM5UF4.js');
 var chunkODUY7NXD_js = require('./chunk-ODUY7NXD.js');
-var chunkIJIUUBFT_js = require('./chunk-IJIUUBFT.js');
 var chunk3BPC4LNH_js = require('./chunk-3BPC4LNH.js');
-var chunk7LJS5LNR_js = require('./chunk-7LJS5LNR.js');
+var chunkNWLJ7VQF_js = require('./chunk-NWLJ7VQF.js');
+var chunkIJIUUBFT_js = require('./chunk-IJIUUBFT.js');
 var chunkYSJAEDMG_js = require('./chunk-YSJAEDMG.js');
 var chunkXXC2YD3D_js = require('./chunk-XXC2YD3D.js');
-var chunkVWFY24XF_js = require('./chunk-VWFY24XF.js');
 var chunkT5FLQQP6_js = require('./chunk-T5FLQQP6.js');
-var chunkTDGU5Y2P_js = require('./chunk-TDGU5Y2P.js');
+var chunkVWFY24XF_js = require('./chunk-VWFY24XF.js');
+var chunkIEHX4DU6_js = require('./chunk-IEHX4DU6.js');
 var chunkZ5S7LHMY_js = require('./chunk-Z5S7LHMY.js');
 var chunk6EG6EAHW_js = require('./chunk-6EG6EAHW.js');
 var chunkPND5YKFN_js = require('./chunk-PND5YKFN.js');
 var chunkH3JNRTAI_js = require('./chunk-H3JNRTAI.js');
 var chunkYZTVHCLK_js = require('./chunk-YZTVHCLK.js');
-var chunkZAUYE2EI_js = require('./chunk-ZAUYE2EI.js');
-var chunkMY6BYO5F_js = require('./chunk-MY6BYO5F.js');
 var chunkP7GAKOCX_js = require('./chunk-P7GAKOCX.js');
+var chunkMY6BYO5F_js = require('./chunk-MY6BYO5F.js');
+var chunkZAUYE2EI_js = require('./chunk-ZAUYE2EI.js');
 var chunkMCF3EQTV_js = require('./chunk-MCF3EQTV.js');
 var chunkWBRVUWGC_js = require('./chunk-WBRVUWGC.js');
-var chunkEY4ZIR3P_js = require('./chunk-EY4ZIR3P.js');
 var chunkNHB2TI2B_js = require('./chunk-NHB2TI2B.js');
+var chunkEY4ZIR3P_js = require('./chunk-EY4ZIR3P.js');
 var chunkADIDI7AJ_js = require('./chunk-ADIDI7AJ.js');
 
 
 
+Object.defineProperty(exports, "VerticalMarquee", {
+  enumerable: true,
+  get: function () { return chunkN3JU7JS7_js.VerticalMarquee; }
+});
+Object.defineProperty(exports, "Stepper", {
+  enumerable: true,
+  get: function () { return chunk3VU6TPAT_js.Stepper; }
+});
 Object.defineProperty(exports, "Switch", {
   enumerable: true,
   get: function () { return chunkI4S3R6C6_js.Switch; }
@@ -112,10 +121,6 @@ Object.defineProperty(exports, "Tooltip", {
   enumerable: true,
   get: function () { return chunkE6ZNND75_js.Tooltip; }
 });
-Object.defineProperty(exports, "VerticalMarquee", {
-  enumerable: true,
-  get: function () { return chunkN3JU7JS7_js.VerticalMarquee; }
-});
 Object.defineProperty(exports, "SegmentedControl", {
   enumerable: true,
   get: function () { return chunkQWDKSY6Y_js.SegmentedControl; }
@@ -128,6 +133,10 @@ Object.defineProperty(exports, "selectVariants", {
   enumerable: true,
   get: function () { return chunk3R7PT3JG_js.selectVariants; }
 });
+Object.defineProperty(exports, "Rating", {
+  enumerable: true,
+  get: function () { return chunkTZHT7NZU_js.Rating; }
+});
 Object.defineProperty(exports, "Sidebar", {
   enumerable: true,
   get: function () { return chunkDS4LM7OS_js.Sidebar; }
@@ -168,10 +177,6 @@ Object.defineProperty(exports, "statusBadgeVariants", {
   enumerable: true,
   get: function () { return chunkDFXXGKMI_js.statusBadgeVariants; }
 });
-Object.defineProperty(exports, "Stepper", {
-  enumerable: true,
-  get: function () { return chunk3VU6TPAT_js.Stepper; }
-});
 Object.defineProperty(exports, "MobileMenu", {
   enumerable: true,
   get: function () { return chunkKZSGVMUG_js.MobileMenu; }
@@ -200,13 +205,17 @@ Object.defineProperty(exports, "progressFillVariants", {
   enumerable: true,
   get: function () { return chunkPG4I4NWO_js.progressFillVariants; }
 });
-Object.defineProperty(exports, "RadioGroup", {
+Object.defineProperty(exports, "PromoBanner", {
   enumerable: true,
-  get: function () { return chunkGXKON34B_js.RadioGroup; }
+  get: function () { return chunkPRDIS2VR_js.PromoBanner; }
 });
-Object.defineProperty(exports, "Rating", {
+Object.defineProperty(exports, "promoBannerVariants", {
   enumerable: true,
-  get: function () { return chunkTZHT7NZU_js.Rating; }
+  get: function () { return chunkPRDIS2VR_js.promoBannerVariants; }
+});
+Object.defineProperty(exports, "RadioGroup", {
+  enumerable: true,
+  get: function () { return chunkGXKON34B_js.RadioGroup; }
 });
 Object.defineProperty(exports, "SearchBar", {
   enumerable: true,
@@ -252,9 +261,9 @@ Object.defineProperty(exports, "MegaMenu", {
   enumerable: true,
   get: function () { return chunkHN6B4TAW_js.MegaMenu; }
 });
-Object.defineProperty(exports, "EmptyState", {
+Object.defineProperty(exports, "DualRangeSlider", {
   enumerable: true,
-  get: function () { return chunkIEHX4DU6_js.EmptyState; }
+  get: function () { return chunkTDGU5Y2P_js.DualRangeSlider; }
 });
 Object.defineProperty(exports, "ErrorBoundary", {
   enumerable: true,
@@ -284,21 +293,21 @@ Object.defineProperty(exports, "HotelCard", {
   enumerable: true,
   get: function () { return chunkODUY7NXD_js.HotelCard; }
 });
-Object.defineProperty(exports, "Checkbox", {
-  enumerable: true,
-  get: function () { return chunkIJIUUBFT_js.Checkbox; }
-});
 Object.defineProperty(exports, "Counter", {
   enumerable: true,
   get: function () { return chunk3BPC4LNH_js.Counter; }
 });
 Object.defineProperty(exports, "DatePickerInput", {
   enumerable: true,
-  get: function () { return chunk7LJS5LNR_js.DatePickerInput; }
+  get: function () { return chunkNWLJ7VQF_js.DatePickerInput; }
 });
 Object.defineProperty(exports, "DateRangePicker", {
   enumerable: true,
-  get: function () { return chunk7LJS5LNR_js.DateRangePicker; }
+  get: function () { return chunkNWLJ7VQF_js.DateRangePicker; }
+});
+Object.defineProperty(exports, "Checkbox", {
+  enumerable: true,
+  get: function () { return chunkIJIUUBFT_js.Checkbox; }
 });
 Object.defineProperty(exports, "DetailList", {
   enumerable: true,
@@ -308,17 +317,17 @@ Object.defineProperty(exports, "Divider", {
   enumerable: true,
   get: function () { return chunkXXC2YD3D_js.Divider; }
 });
-Object.defineProperty(exports, "Drawer", {
-  enumerable: true,
-  get: function () { return chunkVWFY24XF_js.Drawer; }
-});
 Object.defineProperty(exports, "DropdownMenu", {
   enumerable: true,
   get: function () { return chunkT5FLQQP6_js.DropdownMenu; }
 });
-Object.defineProperty(exports, "DualRangeSlider", {
+Object.defineProperty(exports, "Drawer", {
   enumerable: true,
-  get: function () { return chunkTDGU5Y2P_js.DualRangeSlider; }
+  get: function () { return chunkVWFY24XF_js.Drawer; }
+});
+Object.defineProperty(exports, "EmptyState", {
+  enumerable: true,
+  get: function () { return chunkIEHX4DU6_js.EmptyState; }
 });
 Object.defineProperty(exports, "Badge", {
   enumerable: true,
@@ -356,6 +365,14 @@ Object.defineProperty(exports, "buttonVariants", {
   enumerable: true,
   get: function () { return chunkYZTVHCLK_js.buttonVariants; }
 });
+Object.defineProperty(exports, "Carousel", {
+  enumerable: true,
+  get: function () { return chunkP7GAKOCX_js.Carousel; }
+});
+Object.defineProperty(exports, "CardList", {
+  enumerable: true,
+  get: function () { return chunkMY6BYO5F_js.CardList; }
+});
 Object.defineProperty(exports, "Card", {
   enumerable: true,
   get: function () { return chunkZAUYE2EI_js.Card; }
@@ -384,14 +401,6 @@ Object.defineProperty(exports, "cardVariants", {
   enumerable: true,
   get: function () { return chunkZAUYE2EI_js.cardVariants; }
 });
-Object.defineProperty(exports, "CardList", {
-  enumerable: true,
-  get: function () { return chunkMY6BYO5F_js.CardList; }
-});
-Object.defineProperty(exports, "Carousel", {
-  enumerable: true,
-  get: function () { return chunkP7GAKOCX_js.Carousel; }
-});
 Object.defineProperty(exports, "Accordion", {
   enumerable: true,
   get: function () { return chunkMCF3EQTV_js.Accordion; }
@@ -400,10 +409,6 @@ Object.defineProperty(exports, "Alert", {
   enumerable: true,
   get: function () { return chunkWBRVUWGC_js.Alert; }
 });
-Object.defineProperty(exports, "Avatar", {
-  enumerable: true,
-  get: function () { return chunkEY4ZIR3P_js.Avatar; }
-});
 Object.defineProperty(exports, "Autocomplete", {
   enumerable: true,
   get: function () { return chunkNHB2TI2B_js.Autocomplete; }
@@ -412,6 +417,10 @@ Object.defineProperty(exports, "autocompleteInputVariants", {
   enumerable: true,
   get: function () { return chunkNHB2TI2B_js.autocompleteInputVariants; }
 });
+Object.defineProperty(exports, "Avatar", {
+  enumerable: true,
+  get: function () { return chunkEY4ZIR3P_js.Avatar; }
+});
 Object.defineProperty(exports, "cn", {
   enumerable: true,
   get: function () { return chunkADIDI7AJ_js.cn; }

package/dist/index.mjs

@@ -1,3 +1,5 @@
+export { VerticalMarquee } from './chunk-JP5ZR2HI.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';
@@ -5,22 +7,21 @@ 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 { SegmentedControl } from './chunk-36Y7UU32.mjs';
 export { Select, selectVariants } from './chunk-333YD5QI.mjs';
+export { Rating } from './chunk-SGDC4IVX.mjs';
 export { Sidebar } from './chunk-MPL35D5G.mjs';
 export { Skeleton, SkeletonCircle, SkeletonImage, SkeletonText } from './chunk-PAHSQMXV.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 { MobileMenu } from './chunk-R4DC7XPP.mjs';
 export { Modal } from './chunk-74B2EGKT.mjs';
 export { Pagination } from './chunk-XQVODPHL.mjs';
 export { PriceDisplay } from './chunk-DGEXT7PN.mjs';
 export { ProgressBar, progressBarVariants, progressFillVariants } from './chunk-UGYMWWKT.mjs';
+export { PromoBanner, promoBannerVariants } from './chunk-FNDR3WOZ.mjs';
 export { RadioGroup } from './chunk-F2BUMJYW.mjs';
-export { Rating } from './chunk-SGDC4IVX.mjs';
 export { SearchBar } from './chunk-KQK7LFWM.mjs';
 export { IconBadge, iconBadgeVariants } from './chunk-I4WCNTNP.mjs';
 export { ImageGallery } from './chunk-QU6ZRLKO.mjs';
@@ -30,7 +31,7 @@ export { Lightbox } from './chunk-GBWVIY3C.mjs';
 export { LinkCard } from './chunk-UYDZKAGZ.mjs';
 export { LoadingOverlay } from './chunk-WVEJS2J2.mjs';
 export { MegaMenu } from './chunk-EUEM2D5M.mjs';
-export { EmptyState } from './chunk-OCUHCDAQ.mjs';
+export { DualRangeSlider } from './chunk-ERL3WXNY.mjs';
 export { ErrorBoundary } from './chunk-5257MWFI.mjs';
 export { FilterAccordion } from './chunk-VQVRKRSM.mjs';
 export { FilterPill } from './chunk-TNWMTKNR.mjs';
@@ -38,24 +39,24 @@ export { Footer } from './chunk-SZ3SV4SJ.mjs';
 export { GuestPicker } from './chunk-EJ7LDW7E.mjs';
 export { Header } from './chunk-PPDKQ3FF.mjs';
 export { HotelCard } from './chunk-PXHZ4CXG.mjs';
-export { Checkbox } from './chunk-EEIPCJQ2.mjs';
 export { Counter } from './chunk-TNGW36OC.mjs';
-export { DatePickerInput, DateRangePicker } from './chunk-CNWUOKCY.mjs';
+export { DatePickerInput, DateRangePicker } from './chunk-RQGC6RPI.mjs';
+export { Checkbox } from './chunk-EEIPCJQ2.mjs';
 export { DetailList } from './chunk-76DZXGKJ.mjs';
 export { Divider } from './chunk-E4B6LXK7.mjs';
-export { Drawer } from './chunk-ZLF7IL3Y.mjs';
 export { DropdownMenu } from './chunk-Q7BKR6O7.mjs';
-export { DualRangeSlider } from './chunk-ERL3WXNY.mjs';
+export { Drawer } from './chunk-ZLF7IL3Y.mjs';
+export { EmptyState } from './chunk-OCUHCDAQ.mjs';
 export { Badge, badgeVariants } from './chunk-XZU2SISM.mjs';
 export { Banner, bannerVariants } from './chunk-LFIZX2S6.mjs';
 export { BottomNavBar } from './chunk-UQRQZLMQ.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 { CardList } from './chunk-RJWHPHHX.mjs';
 export { Carousel } from './chunk-OOPP4ES2.mjs';
+export { CardList } from './chunk-RJWHPHHX.mjs';
+export { Card, CardContent, CardDescription, CardImage, CardTitle, cardImageVariants, cardVariants } from './chunk-V5J2XLPD.mjs';
 export { Accordion } from './chunk-NZ7GF6RF.mjs';
 export { Alert } from './chunk-BQWVWK74.mjs';
-export { Avatar } from './chunk-2POGTS27.mjs';
 export { Autocomplete, autocompleteInputVariants } from './chunk-B47HQHX3.mjs';
+export { Avatar } from './chunk-2POGTS27.mjs';
 export { cn } from './chunk-IMKLN273.mjs';

package/package.json

@@ -1,15 +1,10 @@
 {
   "name": "@dododog/ui",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "React UI component library for DodoDog — pet-friendly travel platform",
   "sideEffects": false,
   "license": "MIT",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/DodoDog-Voyage/Website.git",
-    "directory": "packages/ui"
-  },
-  "homepage": "https://github.com/DodoDog-Voyage/Website/tree/main/packages/ui#readme",
+  "homepage": "https://storybook.dododog.voyage",
   "keywords": [
     "react",
     "ui",
@@ -228,6 +223,11 @@
       "import": "./dist/components/PriceDisplay/index.mjs",
       "require": "./dist/components/PriceDisplay/index.js"
     },
+    "./promo-banner": {
+      "types": "./dist/components/PromoBanner/index.d.ts",
+      "import": "./dist/components/PromoBanner/index.mjs",
+      "require": "./dist/components/PromoBanner/index.js"
+    },
     "./progress-bar": {
       "types": "./dist/components/ProgressBar/index.d.ts",
       "import": "./dist/components/ProgressBar/index.mjs",