@dododog/ui 0.7.0 → 0.8.1

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

@@ -89,20 +89,20 @@ function formatPrice(price) {
 }
 function CancellationChip({ cancellation }) {
   if (cancellation.kind === "free") {
-    return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1.5 text-xs font-medium text-emerald-700", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(CheckIcon, { className: "w-3.5 h-3.5 flex-shrink-0" }),
-      cancellation.label
+    return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-start gap-1.5 text-xs font-medium text-emerald-700", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(CheckIcon, { className: "w-3.5 h-3.5 mt-[3px] flex-shrink-0" }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { children: cancellation.label })
     ] });
   }
   if (cancellation.kind === "partial") {
-    return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1.5 text-xs font-medium text-amber-700", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(CheckIcon, { className: "w-3.5 h-3.5 flex-shrink-0" }),
-      cancellation.label
+    return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-start gap-1.5 text-xs font-medium text-amber-700", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(CheckIcon, { className: "w-3.5 h-3.5 mt-[3px] flex-shrink-0" }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { children: cancellation.label })
     ] });
   }
-  return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1.5 text-xs text-text-muted", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(NoRefundIcon, { className: "w-3.5 h-3.5 flex-shrink-0" }),
-    cancellation.label
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-start gap-1.5 text-xs text-text-muted", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(NoRefundIcon, { className: "w-3.5 h-3.5 mt-[3px] flex-shrink-0" }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { children: cancellation.label })
   ] });
 }
 function RateRow({
@@ -120,44 +120,48 @@ function RateRow({
     "div",
     {
       className: chunkADIDI7AJ_js.cn(
-        "flex items-end justify-between gap-3 py-3",
+        "py-3",
         withTopBorder && "border-t border-dashed border-sand-dark"
       ),
       children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0", children: [
           rate.mealLabel && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-[13px] font-medium text-primary", children: rate.mealLabel }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-0.5", children: /* @__PURE__ */ jsxRuntime.jsx(CancellationChip, { cancellation: rate.cancellation }) }),
-          rate.dogFeeLabel && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-1 inline-flex items-center gap-1.5 text-xs font-medium text-secondary", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(DogIcon, { className: "w-3.5 h-3.5 flex-shrink-0" }),
-            rate.dogFeeLabel
+          rate.dogFeeLabel && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-1 inline-flex items-start gap-1.5 text-xs font-medium text-secondary", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(DogIcon, { className: "w-3.5 h-3.5 mt-[1px] flex-shrink-0" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { children: rate.dogFeeLabel })
           ] })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-right flex-shrink-0", children: [
-          rate.originalTotal && rate.originalTotal > rate.totalPrice && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-[11px] text-text-muted line-through leading-none", children: formatPrice(rate.originalTotal) }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-heading text-lg font-bold text-primary leading-tight", children: formatPrice(rate.totalPrice) }),
-          rate.totalLabel && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-[11px] text-text-muted", children: rate.totalLabel }),
-          showReserveCta ? /* @__PURE__ */ jsxRuntime.jsx(
-            "button",
-            {
-              type: "button",
-              onClick: () => onReserve?.(rate.id),
-              className: "mt-1.5 text-[13px] font-semibold px-5 py-1.5 rounded-full bg-secondary text-white transition-colors hover:bg-secondary-dark focus-visible:ring-2 focus-visible:ring-secondary focus-visible:ring-offset-1",
-              children: reserveLabel
-            }
-          ) : /* @__PURE__ */ jsxRuntime.jsx(
-            "button",
-            {
-              type: "button",
-              onClick: () => onSelect?.(rate.id),
-              "aria-pressed": selected,
-              className: chunkADIDI7AJ_js.cn(
-                "mt-1.5 text-[13px] font-medium px-4 py-1.5 rounded-full transition-colors",
-                selected ? "bg-secondary text-white" : "border border-secondary text-secondary hover:bg-secondary hover:text-white"
-              ),
-              children: selected ? "S\xE9lectionn\xE9" : selectLabel
-            }
-          ),
-          showReserveCta && ctaNote && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1 text-[11px] leading-tight text-text-muted", children: ctaNote })
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-2.5 flex items-end justify-between gap-3", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0", children: [
+            rate.originalTotal && rate.originalTotal > rate.totalPrice && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-[11px] text-text-muted line-through leading-none", children: formatPrice(rate.originalTotal) }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-heading text-lg font-bold text-primary leading-tight", children: formatPrice(rate.totalPrice) }),
+            rate.totalLabel && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-0.5 text-[11px] leading-snug text-text-muted", children: rate.totalLabel })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex shrink-0 flex-col items-end", children: [
+            showReserveCta ? /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => onReserve?.(rate.id),
+                className: "text-[13px] font-semibold px-5 py-1.5 rounded-full bg-secondary text-white transition-colors hover:bg-secondary-dark focus-visible:ring-2 focus-visible:ring-secondary focus-visible:ring-offset-1",
+                children: reserveLabel
+              }
+            ) : /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => onSelect?.(rate.id),
+                "aria-pressed": selected,
+                className: chunkADIDI7AJ_js.cn(
+                  "text-[13px] font-medium px-4 py-1.5 rounded-full transition-colors",
+                  selected ? "bg-secondary text-white" : "border border-secondary text-secondary hover:bg-secondary hover:text-white"
+                ),
+                children: selected ? "S\xE9lectionn\xE9" : selectLabel
+              }
+            ),
+            showReserveCta && ctaNote && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1 max-w-[10rem] text-right text-[11px] leading-tight text-text-muted", children: ctaNote })
+          ] })
         ] })
       ]
     }

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

@@ -67,20 +67,20 @@ function formatPrice(price) {
 }
 function CancellationChip({ cancellation }) {
   if (cancellation.kind === "free") {
-    return /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5 text-xs font-medium text-emerald-700", children: [
-      /* @__PURE__ */ jsx(CheckIcon, { className: "w-3.5 h-3.5 flex-shrink-0" }),
-      cancellation.label
+    return /* @__PURE__ */ jsxs("span", { className: "inline-flex items-start gap-1.5 text-xs font-medium text-emerald-700", children: [
+      /* @__PURE__ */ jsx(CheckIcon, { className: "w-3.5 h-3.5 mt-[3px] flex-shrink-0" }),
+      /* @__PURE__ */ jsx("span", { children: cancellation.label })
     ] });
   }
   if (cancellation.kind === "partial") {
-    return /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5 text-xs font-medium text-amber-700", children: [
-      /* @__PURE__ */ jsx(CheckIcon, { className: "w-3.5 h-3.5 flex-shrink-0" }),
-      cancellation.label
+    return /* @__PURE__ */ jsxs("span", { className: "inline-flex items-start gap-1.5 text-xs font-medium text-amber-700", children: [
+      /* @__PURE__ */ jsx(CheckIcon, { className: "w-3.5 h-3.5 mt-[3px] flex-shrink-0" }),
+      /* @__PURE__ */ jsx("span", { children: cancellation.label })
     ] });
   }
-  return /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5 text-xs text-text-muted", children: [
-    /* @__PURE__ */ jsx(NoRefundIcon, { className: "w-3.5 h-3.5 flex-shrink-0" }),
-    cancellation.label
+  return /* @__PURE__ */ jsxs("span", { className: "inline-flex items-start gap-1.5 text-xs text-text-muted", children: [
+    /* @__PURE__ */ jsx(NoRefundIcon, { className: "w-3.5 h-3.5 mt-[3px] flex-shrink-0" }),
+    /* @__PURE__ */ jsx("span", { children: cancellation.label })
   ] });
 }
 function RateRow({
@@ -98,44 +98,48 @@ function RateRow({
     "div",
     {
       className: cn(
-        "flex items-end justify-between gap-3 py-3",
+        "py-3",
         withTopBorder && "border-t border-dashed border-sand-dark"
       ),
       children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
           rate.mealLabel && /* @__PURE__ */ jsx("div", { className: "text-[13px] font-medium text-primary", children: rate.mealLabel }),
           /* @__PURE__ */ jsx("div", { className: "mt-0.5", children: /* @__PURE__ */ jsx(CancellationChip, { cancellation: rate.cancellation }) }),
-          rate.dogFeeLabel && /* @__PURE__ */ jsxs("div", { className: "mt-1 inline-flex items-center gap-1.5 text-xs font-medium text-secondary", children: [
-            /* @__PURE__ */ jsx(DogIcon, { className: "w-3.5 h-3.5 flex-shrink-0" }),
-            rate.dogFeeLabel
+          rate.dogFeeLabel && /* @__PURE__ */ jsxs("div", { className: "mt-1 inline-flex items-start gap-1.5 text-xs font-medium text-secondary", children: [
+            /* @__PURE__ */ jsx(DogIcon, { className: "w-3.5 h-3.5 mt-[1px] flex-shrink-0" }),
+            /* @__PURE__ */ jsx("span", { children: rate.dogFeeLabel })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs("div", { className: "text-right flex-shrink-0", children: [
-          rate.originalTotal && rate.originalTotal > rate.totalPrice && /* @__PURE__ */ jsx("div", { className: "text-[11px] text-text-muted line-through leading-none", children: formatPrice(rate.originalTotal) }),
-          /* @__PURE__ */ jsx("div", { className: "font-heading text-lg font-bold text-primary leading-tight", children: formatPrice(rate.totalPrice) }),
-          rate.totalLabel && /* @__PURE__ */ jsx("div", { className: "text-[11px] text-text-muted", children: rate.totalLabel }),
-          showReserveCta ? /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              onClick: () => onReserve?.(rate.id),
-              className: "mt-1.5 text-[13px] font-semibold px-5 py-1.5 rounded-full bg-secondary text-white transition-colors hover:bg-secondary-dark focus-visible:ring-2 focus-visible:ring-secondary focus-visible:ring-offset-1",
-              children: reserveLabel
-            }
-          ) : /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              onClick: () => onSelect?.(rate.id),
-              "aria-pressed": selected,
-              className: cn(
-                "mt-1.5 text-[13px] font-medium px-4 py-1.5 rounded-full transition-colors",
-                selected ? "bg-secondary text-white" : "border border-secondary text-secondary hover:bg-secondary hover:text-white"
-              ),
-              children: selected ? "S\xE9lectionn\xE9" : selectLabel
-            }
-          ),
-          showReserveCta && ctaNote && /* @__PURE__ */ jsx("div", { className: "mt-1 text-[11px] leading-tight text-text-muted", children: ctaNote })
+        /* @__PURE__ */ jsxs("div", { className: "mt-2.5 flex items-end justify-between gap-3", children: [
+          /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+            rate.originalTotal && rate.originalTotal > rate.totalPrice && /* @__PURE__ */ jsx("div", { className: "text-[11px] text-text-muted line-through leading-none", children: formatPrice(rate.originalTotal) }),
+            /* @__PURE__ */ jsx("div", { className: "font-heading text-lg font-bold text-primary leading-tight", children: formatPrice(rate.totalPrice) }),
+            rate.totalLabel && /* @__PURE__ */ jsx("div", { className: "mt-0.5 text-[11px] leading-snug text-text-muted", children: rate.totalLabel })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 flex-col items-end", children: [
+            showReserveCta ? /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => onReserve?.(rate.id),
+                className: "text-[13px] font-semibold px-5 py-1.5 rounded-full bg-secondary text-white transition-colors hover:bg-secondary-dark focus-visible:ring-2 focus-visible:ring-secondary focus-visible:ring-offset-1",
+                children: reserveLabel
+              }
+            ) : /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => onSelect?.(rate.id),
+                "aria-pressed": selected,
+                className: cn(
+                  "text-[13px] font-medium px-4 py-1.5 rounded-full transition-colors",
+                  selected ? "bg-secondary text-white" : "border border-secondary text-secondary hover:bg-secondary hover:text-white"
+                ),
+                children: selected ? "S\xE9lectionn\xE9" : selectLabel
+              }
+            ),
+            showReserveCta && ctaNote && /* @__PURE__ */ jsx("div", { className: "mt-1 max-w-[10rem] text-right text-[11px] leading-tight text-text-muted", children: ctaNote })
+          ] })
         ] })
       ]
     }

package/dist/chunk-WXSBKARZ.js

@@ -0,0 +1,143 @@
+'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 _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var signInCalloutVariants = classVarianceAuthority.cva(
+  "flex flex-col gap-4 rounded-2xl border p-5 sm:flex-row sm:items-center sm:gap-5 sm:p-6",
+  {
+    variants: {
+      variant: {
+        default: "border-primary/15 bg-sand-light",
+        subtle: "border-gray-200 bg-white",
+        highlight: "border-secondary/30 bg-secondary/5"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+var ctaClasses = "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-full bg-secondary px-6 py-3 text-sm font-semibold text-white shadow-md transition-all duration-200 hover:bg-secondary-dark hover:shadow-lg active:scale-95 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-secondary focus-visible:ring-offset-2";
+var DefaultIcon = /* @__PURE__ */ jsxRuntime.jsxs(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    "aria-hidden": "true",
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M18 20a6 6 0 0 0-12 0" }),
+      /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "10", r: "4" }),
+      /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10" })
+    ]
+  }
+);
+var CheckIcon = /* @__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.5",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    className: "mt-0.5 shrink-0 text-secondary",
+    "aria-hidden": "true",
+    children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M20 6 9 17l-5-5" })
+  }
+);
+var SignInCallout = React__namespace.forwardRef(
+  ({
+    title,
+    description,
+    ctaLabel,
+    onSignIn,
+    href,
+    benefits,
+    icon,
+    variant = "default",
+    className,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ref,
+        className: chunkADIDI7AJ_js.cn(signInCalloutVariants({ variant }), className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-1 items-start gap-4", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "span",
+              {
+                className: "flex h-11 w-11 shrink-0 items-center justify-center rounded-full bg-secondary/10 text-secondary",
+                "aria-hidden": "true",
+                children: icon ?? DefaultIcon
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-base font-semibold text-primary", children: title }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1 text-sm text-gray-600", children: description }),
+              benefits && benefits.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "mt-3 flex flex-col gap-1.5", children: benefits.map((benefit, index) => /* @__PURE__ */ jsxRuntime.jsxs(
+                "li",
+                {
+                  className: "flex items-start gap-2 text-sm text-gray-700",
+                  children: [
+                    CheckIcon,
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { children: benefit })
+                  ]
+                },
+                index
+              )) })
+            ] })
+          ] }),
+          href ? /* @__PURE__ */ jsxRuntime.jsx("a", { href, className: chunkADIDI7AJ_js.cn(ctaClasses, "w-full sm:w-auto"), children: ctaLabel }) : /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              onClick: onSignIn,
+              className: chunkADIDI7AJ_js.cn(ctaClasses, "w-full sm:w-auto"),
+              children: ctaLabel
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+SignInCallout.displayName = "SignInCallout";
+
+exports.SignInCallout = SignInCallout;
+exports.signInCalloutVariants = signInCalloutVariants;

package/dist/chunk-Z3KRMKHP.mjs

@@ -0,0 +1,120 @@
+import { cn } from './chunk-IMKLN273.mjs';
+import * as React from 'react';
+import { cva } from 'class-variance-authority';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var signInCalloutVariants = cva(
+  "flex flex-col gap-4 rounded-2xl border p-5 sm:flex-row sm:items-center sm:gap-5 sm:p-6",
+  {
+    variants: {
+      variant: {
+        default: "border-primary/15 bg-sand-light",
+        subtle: "border-gray-200 bg-white",
+        highlight: "border-secondary/30 bg-secondary/5"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+var ctaClasses = "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-full bg-secondary px-6 py-3 text-sm font-semibold text-white shadow-md transition-all duration-200 hover:bg-secondary-dark hover:shadow-lg active:scale-95 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-secondary focus-visible:ring-offset-2";
+var DefaultIcon = /* @__PURE__ */ jsxs(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    "aria-hidden": "true",
+    children: [
+      /* @__PURE__ */ jsx("path", { d: "M18 20a6 6 0 0 0-12 0" }),
+      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "10", r: "4" }),
+      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" })
+    ]
+  }
+);
+var CheckIcon = /* @__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.5",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    className: "mt-0.5 shrink-0 text-secondary",
+    "aria-hidden": "true",
+    children: /* @__PURE__ */ jsx("path", { d: "M20 6 9 17l-5-5" })
+  }
+);
+var SignInCallout = React.forwardRef(
+  ({
+    title,
+    description,
+    ctaLabel,
+    onSignIn,
+    href,
+    benefits,
+    icon,
+    variant = "default",
+    className,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        className: cn(signInCalloutVariants({ variant }), className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-1 items-start gap-4", children: [
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: "flex h-11 w-11 shrink-0 items-center justify-center rounded-full bg-secondary/10 text-secondary",
+                "aria-hidden": "true",
+                children: icon ?? DefaultIcon
+              }
+            ),
+            /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+              /* @__PURE__ */ jsx("p", { className: "text-base font-semibold text-primary", children: title }),
+              /* @__PURE__ */ jsx("div", { className: "mt-1 text-sm text-gray-600", children: description }),
+              benefits && benefits.length > 0 && /* @__PURE__ */ jsx("ul", { className: "mt-3 flex flex-col gap-1.5", children: benefits.map((benefit, index) => /* @__PURE__ */ jsxs(
+                "li",
+                {
+                  className: "flex items-start gap-2 text-sm text-gray-700",
+                  children: [
+                    CheckIcon,
+                    /* @__PURE__ */ jsx("span", { children: benefit })
+                  ]
+                },
+                index
+              )) })
+            ] })
+          ] }),
+          href ? /* @__PURE__ */ jsx("a", { href, className: cn(ctaClasses, "w-full sm:w-auto"), children: ctaLabel }) : /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: onSignIn,
+              className: cn(ctaClasses, "w-full sm:w-auto"),
+              children: ctaLabel
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+SignInCallout.displayName = "SignInCallout";
+
+export { SignInCallout, signInCalloutVariants };

package/dist/components/RoomTypeCard/index.js

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

package/dist/components/RoomTypeCard/index.mjs

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

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

@@ -0,0 +1,26 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const signInCalloutVariants: (props?: ({
+    variant?: "default" | "subtle" | "highlight" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface SignInCalloutProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title">, VariantProps<typeof signInCalloutVariants> {
+    /** Titre de l'encart, ex. « Vous avez déjà un compte ? ». */
+    title: string;
+    /** Texte descriptif — chaîne ou contenu riche. */
+    description: React.ReactNode;
+    /** Libellé du bouton d'action, ex. « Se connecter ». */
+    ctaLabel: string;
+    /** Handler de clic sur le CTA (rendu comme <button>). Ignoré si `href` est fourni. */
+    onSignIn?: () => void;
+    /** Lien du CTA (rendu comme <a>). Prioritaire sur `onSignIn`. */
+    href?: string;
+    /** Liste facultative de bénéfices affichés sous la description. */
+    benefits?: string[];
+    /** Icône décorative personnalisée (par défaut : silhouette utilisateur). */
+    icon?: React.ReactNode;
+}
+declare const SignInCallout: React.ForwardRefExoticComponent<SignInCalloutProps & React.RefAttributes<HTMLDivElement>>;
+
+export { SignInCallout, type SignInCalloutProps, signInCalloutVariants };

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

@@ -0,0 +1,26 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const signInCalloutVariants: (props?: ({
+    variant?: "default" | "subtle" | "highlight" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface SignInCalloutProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title">, VariantProps<typeof signInCalloutVariants> {
+    /** Titre de l'encart, ex. « Vous avez déjà un compte ? ». */
+    title: string;
+    /** Texte descriptif — chaîne ou contenu riche. */
+    description: React.ReactNode;
+    /** Libellé du bouton d'action, ex. « Se connecter ». */
+    ctaLabel: string;
+    /** Handler de clic sur le CTA (rendu comme <button>). Ignoré si `href` est fourni. */
+    onSignIn?: () => void;
+    /** Lien du CTA (rendu comme <a>). Prioritaire sur `onSignIn`. */
+    href?: string;
+    /** Liste facultative de bénéfices affichés sous la description. */
+    benefits?: string[];
+    /** Icône décorative personnalisée (par défaut : silhouette utilisateur). */
+    icon?: React.ReactNode;
+}
+declare const SignInCallout: React.ForwardRefExoticComponent<SignInCalloutProps & React.RefAttributes<HTMLDivElement>>;
+
+export { SignInCallout, type SignInCalloutProps, signInCalloutVariants };

package/dist/components/SignInCallout/index.js

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

package/dist/components/SignInCallout/index.mjs

@@ -0,0 +1,2 @@
+export { SignInCallout, signInCalloutVariants } from '../../chunk-Z3KRMKHP.mjs';
+import '../../chunk-IMKLN273.mjs';

package/dist/index.d.mts

@@ -66,6 +66,7 @@ export { CardList, CardListProps } from './components/CardList/index.mjs';
 export { FilterAccordion, FilterAccordionItemData, FilterAccordionProps } from './components/FilterAccordion/index.mjs';
 export { RoomRate, RoomRateCancellation, RoomRateCancellationKind, RoomTypeCard, RoomTypeCardProps, RoomTypeCardSkeleton, RoomTypeCardSkeletonProps, RoomTypeData } from './components/RoomTypeCard/index.mjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
+export { SignInCallout, SignInCalloutProps, signInCalloutVariants } from './components/SignInCallout/index.mjs';
 export { cn } from './utils/index.mjs';
 import 'clsx';
 

package/dist/index.d.ts

@@ -66,6 +66,7 @@ export { CardList, CardListProps } from './components/CardList/index.js';
 export { FilterAccordion, FilterAccordionItemData, FilterAccordionProps } from './components/FilterAccordion/index.js';
 export { RoomRate, RoomRateCancellation, RoomRateCancellationKind, RoomTypeCard, RoomTypeCardProps, RoomTypeCardSkeleton, RoomTypeCardSkeletonProps, RoomTypeData } from './components/RoomTypeCard/index.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
+export { SignInCallout, SignInCalloutProps, signInCalloutVariants } from './components/SignInCallout/index.js';
 export { cn } from './utils/index.js';
 import 'clsx';
 

package/dist/index.js

@@ -1,69 +1,70 @@
 'use strict';
 
+var chunkL7OYR6U3_js = require('./chunk-L7OYR6U3.js');
 var chunkVTELEOT7_js = require('./chunk-VTELEOT7.js');
-var chunkE6ZNND75_js = require('./chunk-E6ZNND75.js');
 var chunkDTIYZ3TQ_js = require('./chunk-DTIYZ3TQ.js');
 var chunkN3JU7JS7_js = require('./chunk-N3JU7JS7.js');
+var chunkE6ZNND75_js = require('./chunk-E6ZNND75.js');
 var chunkXHRDPJTF_js = require('./chunk-XHRDPJTF.js');
 var chunkTT7L3ZU7_js = require('./chunk-TT7L3ZU7.js');
 var chunkDFXXGKMI_js = require('./chunk-DFXXGKMI.js');
+var chunkDS4LM7OS_js = require('./chunk-DS4LM7OS.js');
 var chunk3VU6TPAT_js = require('./chunk-3VU6TPAT.js');
 var chunkI4S3R6C6_js = require('./chunk-I4S3R6C6.js');
 var chunk762LQMWP_js = require('./chunk-762LQMWP.js');
 var chunk7IJOHVNJ_js = require('./chunk-7IJOHVNJ.js');
-var chunkL7OYR6U3_js = require('./chunk-L7OYR6U3.js');
 var chunkGXKON34B_js = require('./chunk-GXKON34B.js');
 var chunkTZHT7NZU_js = require('./chunk-TZHT7NZU.js');
-var chunkS26SN3WK_js = require('./chunk-S26SN3WK.js');
+var chunk3JM2X4I2_js = require('./chunk-3JM2X4I2.js');
 var chunkHS3MAW3G_js = require('./chunk-HS3MAW3G.js');
 var chunkQWDKSY6Y_js = require('./chunk-QWDKSY6Y.js');
 var chunk3R7PT3JG_js = require('./chunk-3R7PT3JG.js');
-var chunkDS4LM7OS_js = require('./chunk-DS4LM7OS.js');
+var chunkWXSBKARZ_js = require('./chunk-WXSBKARZ.js');
 var chunkNCU5PY34_js = require('./chunk-NCU5PY34.js');
+var chunkTE4WHZ4Q_js = require('./chunk-TE4WHZ4Q.js');
 var chunkHN6B4TAW_js = require('./chunk-HN6B4TAW.js');
-var chunkW7DZZS6L_js = require('./chunk-W7DZZS6L.js');
 var chunkKZSGVMUG_js = require('./chunk-KZSGVMUG.js');
-var chunkNBDPT3XQ_js = require('./chunk-NBDPT3XQ.js');
 var chunkSCGN5H6D_js = require('./chunk-SCGN5H6D.js');
+var chunkNBDPT3XQ_js = require('./chunk-NBDPT3XQ.js');
 var chunkB4LR4H6R_js = require('./chunk-B4LR4H6R.js');
-var chunkPG4I4NWO_js = require('./chunk-PG4I4NWO.js');
 var chunkPRDIS2VR_js = require('./chunk-PRDIS2VR.js');
+var chunkPG4I4NWO_js = require('./chunk-PG4I4NWO.js');
 var chunkIRKM5UF4_js = require('./chunk-IRKM5UF4.js');
 var chunkECVKFE6U_js = require('./chunk-ECVKFE6U.js');
 var chunkYN4HPIRC_js = require('./chunk-YN4HPIRC.js');
 var chunkMKOKWME3_js = require('./chunk-MKOKWME3.js');
 var chunkDLOHAW74_js = require('./chunk-DLOHAW74.js');
-var chunk77WKG2D7_js = require('./chunk-77WKG2D7.js');
 var chunkU3XWNFHH_js = require('./chunk-U3XWNFHH.js');
-var chunkTE4WHZ4Q_js = require('./chunk-TE4WHZ4Q.js');
+var chunk77WKG2D7_js = require('./chunk-77WKG2D7.js');
+var chunkW7DZZS6L_js = require('./chunk-W7DZZS6L.js');
 var chunkTDGU5Y2P_js = require('./chunk-TDGU5Y2P.js');
-var chunkIEHX4DU6_js = require('./chunk-IEHX4DU6.js');
 var chunkS5TLUDNM_js = require('./chunk-S5TLUDNM.js');
+var chunkIEHX4DU6_js = require('./chunk-IEHX4DU6.js');
 var chunk7W3TFPIF_js = require('./chunk-7W3TFPIF.js');
-var chunkTJDHGNMR_js = require('./chunk-TJDHGNMR.js');
 var chunkS732LTPT_js = require('./chunk-S732LTPT.js');
+var chunkTJDHGNMR_js = require('./chunk-TJDHGNMR.js');
 var chunkC4RZBOKH_js = require('./chunk-C4RZBOKH.js');
 var chunkKOO5ZXLD_js = require('./chunk-KOO5ZXLD.js');
 var chunkP7GAKOCX_js = require('./chunk-P7GAKOCX.js');
-var chunkT4AT3YCT_js = require('./chunk-T4AT3YCT.js');
 var chunkIJIUUBFT_js = require('./chunk-IJIUUBFT.js');
-var chunkE24VNM6S_js = require('./chunk-E24VNM6S.js');
+var chunkT4AT3YCT_js = require('./chunk-T4AT3YCT.js');
 var chunkAIA3NHCK_js = require('./chunk-AIA3NHCK.js');
+var chunkE24VNM6S_js = require('./chunk-E24VNM6S.js');
 var chunkXXC2YD3D_js = require('./chunk-XXC2YD3D.js');
 var chunkVWFY24XF_js = require('./chunk-VWFY24XF.js');
 var chunkT5FLQQP6_js = require('./chunk-T5FLQQP6.js');
-var chunkWBRVUWGC_js = require('./chunk-WBRVUWGC.js');
 var chunkNHB2TI2B_js = require('./chunk-NHB2TI2B.js');
-var chunkPND5YKFN_js = require('./chunk-PND5YKFN.js');
+var chunkZ5S7LHMY_js = require('./chunk-Z5S7LHMY.js');
 var chunk6EG6EAHW_js = require('./chunk-6EG6EAHW.js');
-var chunkYZTVHCLK_js = require('./chunk-YZTVHCLK.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 chunkMCF3EQTV_js = require('./chunk-MCF3EQTV.js');
+var chunkWBRVUWGC_js = require('./chunk-WBRVUWGC.js');
 var chunkWXEZA6NE_js = require('./chunk-WXEZA6NE.js');
 var chunkEY4ZIR3P_js = require('./chunk-EY4ZIR3P.js');
-var chunkZ5S7LHMY_js = require('./chunk-Z5S7LHMY.js');
 var chunkADIDI7AJ_js = require('./chunk-ADIDI7AJ.js');
 var React = require('react');
 var classVarianceAuthority = require('class-variance-authority');
@@ -484,6 +485,14 @@ function MobileBookingBar({
   );
 }
 
+Object.defineProperty(exports, "Textarea", {
+  enumerable: true,
+  get: function () { return chunkL7OYR6U3_js.Textarea; }
+});
+Object.defineProperty(exports, "textareaVariants", {
+  enumerable: true,
+  get: function () { return chunkL7OYR6U3_js.textareaVariants; }
+});
 Object.defineProperty(exports, "Toast", {
   enumerable: true,
   get: function () { return chunkVTELEOT7_js.Toast; }
@@ -492,10 +501,6 @@ Object.defineProperty(exports, "toastVariants", {
   enumerable: true,
   get: function () { return chunkVTELEOT7_js.toastVariants; }
 });
-Object.defineProperty(exports, "Tooltip", {
-  enumerable: true,
-  get: function () { return chunkE6ZNND75_js.Tooltip; }
-});
 Object.defineProperty(exports, "Toggle", {
   enumerable: true,
   get: function () { return chunkDTIYZ3TQ_js.Toggle; }
@@ -504,6 +509,10 @@ Object.defineProperty(exports, "VerticalMarquee", {
   enumerable: true,
   get: function () { return chunkN3JU7JS7_js.VerticalMarquee; }
 });
+Object.defineProperty(exports, "Tooltip", {
+  enumerable: true,
+  get: function () { return chunkE6ZNND75_js.Tooltip; }
+});
 Object.defineProperty(exports, "Spinner", {
   enumerable: true,
   get: function () { return chunkXHRDPJTF_js.Spinner; }
@@ -524,6 +533,10 @@ Object.defineProperty(exports, "statusBadgeVariants", {
   enumerable: true,
   get: function () { return chunkDFXXGKMI_js.statusBadgeVariants; }
 });
+Object.defineProperty(exports, "Sidebar", {
+  enumerable: true,
+  get: function () { return chunkDS4LM7OS_js.Sidebar; }
+});
 Object.defineProperty(exports, "Stepper", {
   enumerable: true,
   get: function () { return chunk3VU6TPAT_js.Stepper; }
@@ -552,14 +565,6 @@ Object.defineProperty(exports, "tagVariants", {
   enumerable: true,
   get: function () { return chunk7IJOHVNJ_js.tagVariants; }
 });
-Object.defineProperty(exports, "Textarea", {
-  enumerable: true,
-  get: function () { return chunkL7OYR6U3_js.Textarea; }
-});
-Object.defineProperty(exports, "textareaVariants", {
-  enumerable: true,
-  get: function () { return chunkL7OYR6U3_js.textareaVariants; }
-});
 Object.defineProperty(exports, "RadioGroup", {
   enumerable: true,
   get: function () { return chunkGXKON34B_js.RadioGroup; }
@@ -570,11 +575,11 @@ Object.defineProperty(exports, "Rating", {
 });
 Object.defineProperty(exports, "RoomTypeCard", {
   enumerable: true,
-  get: function () { return chunkS26SN3WK_js.RoomTypeCard; }
+  get: function () { return chunk3JM2X4I2_js.RoomTypeCard; }
 });
 Object.defineProperty(exports, "RoomTypeCardSkeleton", {
   enumerable: true,
-  get: function () { return chunkS26SN3WK_js.RoomTypeCardSkeleton; }
+  get: function () { return chunk3JM2X4I2_js.RoomTypeCardSkeleton; }
 });
 Object.defineProperty(exports, "SearchBar", {
   enumerable: true,
@@ -592,9 +597,13 @@ Object.defineProperty(exports, "selectVariants", {
   enumerable: true,
   get: function () { return chunk3R7PT3JG_js.selectVariants; }
 });
-Object.defineProperty(exports, "Sidebar", {
+Object.defineProperty(exports, "SignInCallout", {
   enumerable: true,
-  get: function () { return chunkDS4LM7OS_js.Sidebar; }
+  get: function () { return chunkWXSBKARZ_js.SignInCallout; }
+});
+Object.defineProperty(exports, "signInCalloutVariants", {
+  enumerable: true,
+  get: function () { return chunkWXSBKARZ_js.signInCalloutVariants; }
 });
 Object.defineProperty(exports, "Skeleton", {
   enumerable: true,
@@ -612,30 +621,38 @@ Object.defineProperty(exports, "SkeletonText", {
   enumerable: true,
   get: function () { return chunkNCU5PY34_js.SkeletonText; }
 });
-Object.defineProperty(exports, "MegaMenu", {
+Object.defineProperty(exports, "LoadingOverlay", {
   enumerable: true,
-  get: function () { return chunkHN6B4TAW_js.MegaMenu; }
+  get: function () { return chunkTE4WHZ4Q_js.LoadingOverlay; }
 });
-Object.defineProperty(exports, "LinkCard", {
+Object.defineProperty(exports, "MegaMenu", {
   enumerable: true,
-  get: function () { return chunkW7DZZS6L_js.LinkCard; }
+  get: function () { return chunkHN6B4TAW_js.MegaMenu; }
 });
 Object.defineProperty(exports, "MobileMenu", {
   enumerable: true,
   get: function () { return chunkKZSGVMUG_js.MobileMenu; }
 });
-Object.defineProperty(exports, "Modal", {
-  enumerable: true,
-  get: function () { return chunkNBDPT3XQ_js.Modal; }
-});
 Object.defineProperty(exports, "Pagination", {
   enumerable: true,
   get: function () { return chunkSCGN5H6D_js.Pagination; }
 });
+Object.defineProperty(exports, "Modal", {
+  enumerable: true,
+  get: function () { return chunkNBDPT3XQ_js.Modal; }
+});
 Object.defineProperty(exports, "PriceDisplay", {
   enumerable: true,
   get: function () { return chunkB4LR4H6R_js.PriceDisplay; }
 });
+Object.defineProperty(exports, "PromoBanner", {
+  enumerable: true,
+  get: function () { return chunkPRDIS2VR_js.PromoBanner; }
+});
+Object.defineProperty(exports, "promoBannerVariants", {
+  enumerable: true,
+  get: function () { return chunkPRDIS2VR_js.promoBannerVariants; }
+});
 Object.defineProperty(exports, "ProgressBar", {
   enumerable: true,
   get: function () { return chunkPG4I4NWO_js.ProgressBar; }
@@ -648,14 +665,6 @@ Object.defineProperty(exports, "progressFillVariants", {
   enumerable: true,
   get: function () { return chunkPG4I4NWO_js.progressFillVariants; }
 });
-Object.defineProperty(exports, "PromoBanner", {
-  enumerable: true,
-  get: function () { return chunkPRDIS2VR_js.PromoBanner; }
-});
-Object.defineProperty(exports, "promoBannerVariants", {
-  enumerable: true,
-  get: function () { return chunkPRDIS2VR_js.promoBannerVariants; }
-});
 Object.defineProperty(exports, "Header", {
   enumerable: true,
   get: function () { return chunkIRKM5UF4_js.Header; }
@@ -680,6 +689,10 @@ Object.defineProperty(exports, "ImageWithFallback", {
   enumerable: true,
   get: function () { return chunkDLOHAW74_js.ImageWithFallback; }
 });
+Object.defineProperty(exports, "Lightbox", {
+  enumerable: true,
+  get: function () { return chunkU3XWNFHH_js.Lightbox; }
+});
 Object.defineProperty(exports, "Input", {
   enumerable: true,
   get: function () { return chunk77WKG2D7_js.Input; }
@@ -688,38 +701,34 @@ Object.defineProperty(exports, "inputVariants", {
   enumerable: true,
   get: function () { return chunk77WKG2D7_js.inputVariants; }
 });
-Object.defineProperty(exports, "Lightbox", {
-  enumerable: true,
-  get: function () { return chunkU3XWNFHH_js.Lightbox; }
-});
-Object.defineProperty(exports, "LoadingOverlay", {
+Object.defineProperty(exports, "LinkCard", {
   enumerable: true,
-  get: function () { return chunkTE4WHZ4Q_js.LoadingOverlay; }
+  get: function () { return chunkW7DZZS6L_js.LinkCard; }
 });
 Object.defineProperty(exports, "DualRangeSlider", {
   enumerable: true,
   get: function () { return chunkTDGU5Y2P_js.DualRangeSlider; }
 });
-Object.defineProperty(exports, "EmptyState", {
-  enumerable: true,
-  get: function () { return chunkIEHX4DU6_js.EmptyState; }
-});
 Object.defineProperty(exports, "ErrorBoundary", {
   enumerable: true,
   get: function () { return chunkS5TLUDNM_js.ErrorBoundary; }
 });
-Object.defineProperty(exports, "FilterAccordion", {
+Object.defineProperty(exports, "EmptyState", {
   enumerable: true,
-  get: function () { return chunk7W3TFPIF_js.FilterAccordion; }
+  get: function () { return chunkIEHX4DU6_js.EmptyState; }
 });
-Object.defineProperty(exports, "FilterPill", {
+Object.defineProperty(exports, "FilterAccordion", {
   enumerable: true,
-  get: function () { return chunkTJDHGNMR_js.FilterPill; }
+  get: function () { return chunk7W3TFPIF_js.FilterAccordion; }
 });
 Object.defineProperty(exports, "FloatingDock", {
   enumerable: true,
   get: function () { return chunkS732LTPT_js.FloatingDock; }
 });
+Object.defineProperty(exports, "FilterPill", {
+  enumerable: true,
+  get: function () { return chunkTJDHGNMR_js.FilterPill; }
+});
 Object.defineProperty(exports, "Footer", {
   enumerable: true,
   get: function () { return chunkC4RZBOKH_js.Footer; }
@@ -732,17 +741,13 @@ Object.defineProperty(exports, "Carousel", {
   enumerable: true,
   get: function () { return chunkP7GAKOCX_js.Carousel; }
 });
-Object.defineProperty(exports, "Counter", {
-  enumerable: true,
-  get: function () { return chunkT4AT3YCT_js.Counter; }
-});
 Object.defineProperty(exports, "Checkbox", {
   enumerable: true,
   get: function () { return chunkIJIUUBFT_js.Checkbox; }
 });
-Object.defineProperty(exports, "DetailList", {
+Object.defineProperty(exports, "Counter", {
   enumerable: true,
-  get: function () { return chunkE24VNM6S_js.DetailList; }
+  get: function () { return chunkT4AT3YCT_js.Counter; }
 });
 Object.defineProperty(exports, "DatePickerInput", {
   enumerable: true,
@@ -752,6 +757,10 @@ Object.defineProperty(exports, "DateRangePicker", {
   enumerable: true,
   get: function () { return chunkAIA3NHCK_js.DateRangePicker; }
 });
+Object.defineProperty(exports, "DetailList", {
+  enumerable: true,
+  get: function () { return chunkE24VNM6S_js.DetailList; }
+});
 Object.defineProperty(exports, "Divider", {
   enumerable: true,
   get: function () { return chunkXXC2YD3D_js.Divider; }
@@ -764,10 +773,6 @@ Object.defineProperty(exports, "DropdownMenu", {
   enumerable: true,
   get: function () { return chunkT5FLQQP6_js.DropdownMenu; }
 });
-Object.defineProperty(exports, "Alert", {
-  enumerable: true,
-  get: function () { return chunkWBRVUWGC_js.Alert; }
-});
 Object.defineProperty(exports, "Autocomplete", {
   enumerable: true,
   get: function () { return chunkNHB2TI2B_js.Autocomplete; }
@@ -776,9 +781,13 @@ Object.defineProperty(exports, "autocompleteInputVariants", {
   enumerable: true,
   get: function () { return chunkNHB2TI2B_js.autocompleteInputVariants; }
 });
-Object.defineProperty(exports, "BottomNavBar", {
+Object.defineProperty(exports, "Badge", {
   enumerable: true,
-  get: function () { return chunkPND5YKFN_js.BottomNavBar; }
+  get: function () { return chunkZ5S7LHMY_js.Badge; }
+});
+Object.defineProperty(exports, "badgeVariants", {
+  enumerable: true,
+  get: function () { return chunkZ5S7LHMY_js.badgeVariants; }
 });
 Object.defineProperty(exports, "Banner", {
   enumerable: true,
@@ -788,13 +797,9 @@ Object.defineProperty(exports, "bannerVariants", {
   enumerable: true,
   get: function () { return chunk6EG6EAHW_js.bannerVariants; }
 });
-Object.defineProperty(exports, "Button", {
-  enumerable: true,
-  get: function () { return chunkYZTVHCLK_js.Button; }
-});
-Object.defineProperty(exports, "buttonVariants", {
+Object.defineProperty(exports, "BottomNavBar", {
   enumerable: true,
-  get: function () { return chunkYZTVHCLK_js.buttonVariants; }
+  get: function () { return chunkPND5YKFN_js.BottomNavBar; }
 });
 Object.defineProperty(exports, "Breadcrumb", {
   enumerable: true,
@@ -804,6 +809,14 @@ Object.defineProperty(exports, "breadcrumbVariants", {
   enumerable: true,
   get: function () { return chunkH3JNRTAI_js.breadcrumbVariants; }
 });
+Object.defineProperty(exports, "Button", {
+  enumerable: true,
+  get: function () { return chunkYZTVHCLK_js.Button; }
+});
+Object.defineProperty(exports, "buttonVariants", {
+  enumerable: true,
+  get: function () { return chunkYZTVHCLK_js.buttonVariants; }
+});
 Object.defineProperty(exports, "Card", {
   enumerable: true,
   get: function () { return chunkZAUYE2EI_js.Card; }
@@ -840,6 +853,10 @@ Object.defineProperty(exports, "Accordion", {
   enumerable: true,
   get: function () { return chunkMCF3EQTV_js.Accordion; }
 });
+Object.defineProperty(exports, "Alert", {
+  enumerable: true,
+  get: function () { return chunkWBRVUWGC_js.Alert; }
+});
 Object.defineProperty(exports, "AnchorTabs", {
   enumerable: true,
   get: function () { return chunkWXEZA6NE_js.AnchorTabs; }
@@ -848,14 +865,6 @@ Object.defineProperty(exports, "Avatar", {
   enumerable: true,
   get: function () { return chunkEY4ZIR3P_js.Avatar; }
 });
-Object.defineProperty(exports, "Badge", {
-  enumerable: true,
-  get: function () { return chunkZ5S7LHMY_js.Badge; }
-});
-Object.defineProperty(exports, "badgeVariants", {
-  enumerable: true,
-  get: function () { return chunkZ5S7LHMY_js.badgeVariants; }
-});
 Object.defineProperty(exports, "cn", {
   enumerable: true,
   get: function () { return chunkADIDI7AJ_js.cn; }

package/dist/index.mjs

@@ -1,67 +1,68 @@
+export { Textarea, textareaVariants } from './chunk-ZZ4EWC53.mjs';
 export { Toast, toastVariants } from './chunk-YVTUUNAX.mjs';
-export { Tooltip } from './chunk-2MJTZ6RR.mjs';
 export { Toggle } from './chunk-2AB5ZHY5.mjs';
 export { VerticalMarquee } from './chunk-JP5ZR2HI.mjs';
+export { Tooltip } from './chunk-2MJTZ6RR.mjs';
 export { Spinner, spinnerVariants } from './chunk-NCSFXSOZ.mjs';
 export { StatCard } from './chunk-O2W7NR33.mjs';
 export { StatusBadge, statusBadgeVariants } from './chunk-FZ7UNXSC.mjs';
+export { Sidebar } from './chunk-MPL35D5G.mjs';
 export { Stepper } from './chunk-2ASKBL63.mjs';
 export { Switch, switchThumbVariants, switchTrackVariants } from './chunk-DMCMWOBJ.mjs';
 export { Tabs } from './chunk-VOZPGXQD.mjs';
 export { Tag, tagVariants } from './chunk-WOG6V7OW.mjs';
-export { Textarea, textareaVariants } from './chunk-ZZ4EWC53.mjs';
 export { RadioGroup } from './chunk-F2BUMJYW.mjs';
 export { Rating } from './chunk-SGDC4IVX.mjs';
-export { RoomTypeCard, RoomTypeCardSkeleton } from './chunk-QTW2FJUJ.mjs';
+export { RoomTypeCard, RoomTypeCardSkeleton } from './chunk-BFGRWOQM.mjs';
 export { SearchBar } from './chunk-KQK7LFWM.mjs';
 export { SegmentedControl } from './chunk-36Y7UU32.mjs';
 export { Select, selectVariants } from './chunk-333YD5QI.mjs';
-export { Sidebar } from './chunk-MPL35D5G.mjs';
+export { SignInCallout, signInCalloutVariants } from './chunk-Z3KRMKHP.mjs';
 export { Skeleton, SkeletonCircle, SkeletonImage, SkeletonText } from './chunk-PAHSQMXV.mjs';
+export { LoadingOverlay } from './chunk-WVEJS2J2.mjs';
 export { MegaMenu } from './chunk-EUEM2D5M.mjs';
-export { LinkCard } from './chunk-UYDZKAGZ.mjs';
 export { MobileMenu } from './chunk-R4DC7XPP.mjs';
-export { Modal } from './chunk-74B2EGKT.mjs';
 export { Pagination } from './chunk-XQVODPHL.mjs';
+export { Modal } from './chunk-74B2EGKT.mjs';
 export { PriceDisplay } from './chunk-REXLQTNE.mjs';
-export { ProgressBar, progressBarVariants, progressFillVariants } from './chunk-UGYMWWKT.mjs';
 export { PromoBanner, promoBannerVariants } from './chunk-FNDR3WOZ.mjs';
+export { ProgressBar, progressBarVariants, progressFillVariants } from './chunk-UGYMWWKT.mjs';
 export { Header } from './chunk-PPDKQ3FF.mjs';
 export { HotelCard } from './chunk-XSSRFA5O.mjs';
 export { IconBadge, iconBadgeVariants } from './chunk-I4WCNTNP.mjs';
 export { ImageGallery } from './chunk-QU6ZRLKO.mjs';
 export { ImageWithFallback } from './chunk-BUXVK2HE.mjs';
-export { Input, inputVariants } from './chunk-GRG4USTC.mjs';
 export { Lightbox } from './chunk-GBWVIY3C.mjs';
-export { LoadingOverlay } from './chunk-WVEJS2J2.mjs';
+export { Input, inputVariants } from './chunk-GRG4USTC.mjs';
+export { LinkCard } from './chunk-UYDZKAGZ.mjs';
 export { DualRangeSlider } from './chunk-ERL3WXNY.mjs';
-export { EmptyState } from './chunk-OCUHCDAQ.mjs';
 export { ErrorBoundary } from './chunk-5257MWFI.mjs';
+export { EmptyState } from './chunk-OCUHCDAQ.mjs';
 export { FilterAccordion } from './chunk-VQVRKRSM.mjs';
-export { FilterPill } from './chunk-YKBASX5A.mjs';
 export { FloatingDock } from './chunk-PBDPZTHK.mjs';
+export { FilterPill } from './chunk-YKBASX5A.mjs';
 export { Footer } from './chunk-SZ3SV4SJ.mjs';
 export { GuestPicker } from './chunk-EJ7LDW7E.mjs';
 export { Carousel } from './chunk-OOPP4ES2.mjs';
-export { Counter } from './chunk-LRNSVRUN.mjs';
 export { Checkbox } from './chunk-EEIPCJQ2.mjs';
-export { DetailList } from './chunk-N6THLJIG.mjs';
+export { Counter } from './chunk-LRNSVRUN.mjs';
 export { DatePickerInput, DateRangePicker } from './chunk-FL3GD5FJ.mjs';
+export { DetailList } from './chunk-N6THLJIG.mjs';
 export { Divider } from './chunk-E4B6LXK7.mjs';
 export { Drawer } from './chunk-ZLF7IL3Y.mjs';
 export { DropdownMenu } from './chunk-Q7BKR6O7.mjs';
-export { Alert } from './chunk-BQWVWK74.mjs';
 export { Autocomplete, autocompleteInputVariants } from './chunk-B47HQHX3.mjs';
-export { BottomNavBar } from './chunk-UQRQZLMQ.mjs';
+export { Badge, badgeVariants } from './chunk-XZU2SISM.mjs';
 export { Banner, bannerVariants } from './chunk-LFIZX2S6.mjs';
-export { Button, buttonVariants } from './chunk-4U5MNA3B.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 { Accordion } from './chunk-NZ7GF6RF.mjs';
+export { Alert } from './chunk-BQWVWK74.mjs';
 export { AnchorTabs } from './chunk-M2H6QUAL.mjs';
 export { Avatar } from './chunk-2POGTS27.mjs';
-export { Badge, badgeVariants } from './chunk-XZU2SISM.mjs';
 import { cn } from './chunk-IMKLN273.mjs';
 export { cn } from './chunk-IMKLN273.mjs';
 import * as React from 'react';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dododog/ui",
-  "version": "0.7.0",
+  "version": "0.8.1",
   "description": "React UI component library for DodoDog — pet-friendly travel platform",
   "sideEffects": false,
   "license": "MIT",
@@ -278,6 +278,11 @@
       "import": "./dist/components/Sidebar/index.mjs",
       "require": "./dist/components/Sidebar/index.js"
     },
+    "./sign-in-callout": {
+      "types": "./dist/components/SignInCallout/index.d.ts",
+      "import": "./dist/components/SignInCallout/index.mjs",
+      "require": "./dist/components/SignInCallout/index.js"
+    },
     "./skeleton": {
       "types": "./dist/components/Skeleton/index.d.ts",
       "import": "./dist/components/Skeleton/index.mjs",