@dododog/ui 0.2.1 → 0.4.0

package/dist/index.mjs

@@ -1,62 +1,466 @@
+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 { 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 { 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 { Toast, toastVariants } from './chunk-YVTUUNAX.mjs';
-export { Toggle } from './chunk-2AB5ZHY5.mjs';
-export { Tooltip } from './chunk-2MJTZ6RR.mjs';
+export { RadioGroup } from './chunk-F2BUMJYW.mjs';
+export { Rating } from './chunk-SGDC4IVX.mjs';
+export { RoomTypeCard, RoomTypeCardSkeleton } from './chunk-XH2MVC4W.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 { 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 { LoadingOverlay } from './chunk-WVEJS2J2.mjs';
+export { MegaMenu } from './chunk-EUEM2D5M.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 { Header } from './chunk-PPDKQ3FF.mjs';
 export { IconBadge, iconBadgeVariants } from './chunk-I4WCNTNP.mjs';
+export { HotelCard } from './chunk-PXHZ4CXG.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 { Input, inputVariants } from './chunk-GRG4USTC.mjs';
 export { LinkCard } from './chunk-UYDZKAGZ.mjs';
-export { LoadingOverlay } from './chunk-WVEJS2J2.mjs';
-export { MegaMenu } from './chunk-EUEM2D5M.mjs';
+export { DualRangeSlider } from './chunk-ERL3WXNY.mjs';
 export { EmptyState } from './chunk-OCUHCDAQ.mjs';
 export { ErrorBoundary } from './chunk-5257MWFI.mjs';
 export { FilterAccordion } from './chunk-VQVRKRSM.mjs';
+export { FloatingDock } from './chunk-PBDPZTHK.mjs';
 export { FilterPill } from './chunk-TNWMTKNR.mjs';
 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 { Carousel } from './chunk-OOPP4ES2.mjs';
 export { Checkbox } from './chunk-EEIPCJQ2.mjs';
-export { Counter } from './chunk-TNGW36OC.mjs';
-export { DatePickerInput, DateRangePicker } from './chunk-RQGC6RPI.mjs';
-export { DetailList } from './chunk-76DZXGKJ.mjs';
-export { Drawer } from './chunk-ZLF7IL3Y.mjs';
+export { DetailList } from './chunk-N6THLJIG.mjs';
 export { Divider } from './chunk-E4B6LXK7.mjs';
-export { DualRangeSlider } from './chunk-ERL3WXNY.mjs';
+export { DatePickerInput, DateRangePicker } from './chunk-FL3GD5FJ.mjs';
+export { Counter } from './chunk-LRNSVRUN.mjs';
+export { Drawer } from './chunk-ZLF7IL3Y.mjs';
 export { DropdownMenu } from './chunk-Q7BKR6O7.mjs';
+export { Avatar } from './chunk-2POGTS27.mjs';
 export { Badge, badgeVariants } from './chunk-XZU2SISM.mjs';
-export { BottomNavBar } from './chunk-UQRQZLMQ.mjs';
 export { Banner, bannerVariants } from './chunk-LFIZX2S6.mjs';
+export { BottomNavBar } from './chunk-UQRQZLMQ.mjs';
 export { Breadcrumb, breadcrumbVariants } from './chunk-UKCH6RYL.mjs';
-export { Card, CardContent, CardDescription, CardImage, CardTitle, cardImageVariants, cardVariants } from './chunk-V5J2XLPD.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 { Accordion } from './chunk-NZ7GF6RF.mjs';
 export { Alert } from './chunk-BQWVWK74.mjs';
+export { AnchorTabs } from './chunk-PU4CWOWU.mjs';
 export { Autocomplete, autocompleteInputVariants } from './chunk-B47HQHX3.mjs';
-export { Avatar } from './chunk-2POGTS27.mjs';
+import { cn } from './chunk-IMKLN273.mjs';
 export { cn } from './chunk-IMKLN273.mjs';
+import * as React from 'react';
+import { cva } from 'class-variance-authority';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+var searchFieldVariants = cva(
+  "w-full border bg-white transition-all text-primary placeholder:text-text-muted",
+  {
+    variants: {
+      size: {
+        md: "pl-11 pr-11 py-3 text-sm rounded-xl",
+        lg: "pl-12 pr-12 py-4 text-base rounded-2xl",
+        xl: "pl-14 pr-14 py-5 text-lg rounded-2xl"
+      },
+      variant: {
+        default: "border-gray-200 focus:border-secondary focus:outline-none focus:ring-2 focus:ring-secondary/30",
+        hero: "border-white/20 bg-white/10 text-white placeholder:text-white/50 focus:bg-white/20 focus:outline-none focus:ring-2 focus:ring-white/30 focus:border-white/40 backdrop-blur-sm"
+      }
+    },
+    defaultVariants: {
+      size: "lg",
+      variant: "default"
+    }
+  }
+);
+var iconSizeMap = {
+  md: 18,
+  lg: 20,
+  xl: 22
+};
+var iconPositionMap = {
+  md: "left-3.5",
+  lg: "left-4",
+  xl: "left-4.5"
+};
+var clearPositionMap = {
+  md: "right-3",
+  lg: "right-3.5",
+  xl: "right-4"
+};
+var SearchIcon = ({ size = 20 }) => /* @__PURE__ */ jsxs(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    "aria-hidden": "true",
+    children: [
+      /* @__PURE__ */ jsx("circle", { cx: "11", cy: "11", r: "8" }),
+      /* @__PURE__ */ jsx("path", { d: "m21 21-4.3-4.3" })
+    ]
+  }
+);
+var ClearIcon = () => /* @__PURE__ */ jsxs(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "16",
+    height: "16",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    "aria-hidden": "true",
+    children: [
+      /* @__PURE__ */ jsx("path", { d: "M18 6 6 18" }),
+      /* @__PURE__ */ jsx("path", { d: "m6 6 12 12" })
+    ]
+  }
+);
+var SearchField = React.forwardRef(
+  ({
+    className,
+    containerClassName,
+    size,
+    variant,
+    value,
+    onClear,
+    resultCount,
+    resultLabel,
+    ...props
+  }, ref) => {
+    const hasValue = typeof value === "string" && value.length > 0;
+    const resolvedSize = size ?? "lg";
+    const iconSize = iconSizeMap[resolvedSize] ?? 20;
+    const iconPosition = iconPositionMap[resolvedSize] ?? "left-4";
+    const clearPosition = clearPositionMap[resolvedSize] ?? "right-3.5";
+    const isHero = variant === "hero";
+    const iconColor = isHero ? "text-white/60" : "text-text-muted";
+    const clearColor = isHero ? "text-white/60 hover:text-white" : "text-text-muted hover:text-primary";
+    const countColor = isHero ? "text-white/50" : "text-text-muted";
+    return /* @__PURE__ */ jsxs("div", { className: cn("w-full", containerClassName), children: [
+      /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              "absolute top-1/2 -translate-y-1/2 pointer-events-none",
+              iconPosition,
+              iconColor
+            ),
+            children: /* @__PURE__ */ jsx(SearchIcon, { size: iconSize })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            ref,
+            type: "text",
+            role: "searchbox",
+            className: cn(
+              searchFieldVariants({ size, variant }),
+              className
+            ),
+            value,
+            ...props
+          }
+        ),
+        hasValue && onClear && /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: onClear,
+            className: cn(
+              "absolute top-1/2 -translate-y-1/2 p-1.5 rounded-lg transition-colors",
+              clearPosition,
+              clearColor
+            ),
+            "aria-label": "Effacer la recherche",
+            children: /* @__PURE__ */ jsx(ClearIcon, {})
+          }
+        )
+      ] }),
+      hasValue && resultCount != null && resultLabel && /* @__PURE__ */ jsxs(
+        "p",
+        {
+          className: cn("mt-2 text-sm", countColor),
+          "aria-live": "polite",
+          "aria-atomic": "true",
+          children: [
+            resultCount,
+            " ",
+            resultLabel
+          ]
+        }
+      )
+    ] });
+  }
+);
+SearchField.displayName = "SearchField";
+function PawIcon({ className }) {
+  return /* @__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", className, "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx("path", { d: "M10 5.172C10 3.782 8.423 2.679 6.5 3c-2.823.47-4.113 6.006-4 7 .08.703 1.725 1.722 3.656 1 1.261-.472 1.96-1.45 2.344-2.5" }),
+    /* @__PURE__ */ jsx("path", { d: "M14.267 5.172c0-1.39 1.577-2.493 3.5-2.172 2.823.47 4.113 6.006 4 7-.08.703-1.725 1.722-3.656 1-1.261-.472-1.855-1.45-2.239-2.5" }),
+    /* @__PURE__ */ jsx("path", { d: "M8 14v.5" }),
+    /* @__PURE__ */ jsx("path", { d: "M16 14v.5" }),
+    /* @__PURE__ */ jsx("path", { d: "M11.25 16.25h1.5L12 17l-.75-.75Z" }),
+    /* @__PURE__ */ jsx("path", { d: "M4.42 11.247A13.152 13.152 0 0 0 4 14.556C4 18.728 7.582 21 12 21s8-2.272 8-6.444c0-1.061-.162-2.2-.493-3.309m-9.243-6.082A8.801 8.801 0 0 1 12 5c.78 0 1.5.108 2.161.306" })
+  ] });
+}
+function CheckIcon({ className }) {
+  return /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "17", height: "17", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", className, "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { d: "M20 6 9 17l-5-5" }) });
+}
+var MD_COLS = {
+  1: "md:grid-cols-1",
+  2: "md:grid-cols-2",
+  3: "md:grid-cols-3",
+  4: "md:grid-cols-4"
+};
+function DogFriendlyPanel({
+  title = "Voyager avec votre chien",
+  confirmed = false,
+  confirmedLabel = "Confirm\xE9 par l'\xE9tablissement",
+  unconfirmedLabel = "Informations \xE0 confirmer",
+  stats,
+  perks,
+  className,
+  ...props
+}) {
+  const mdCols = MD_COLS[Math.min(stats.length, 4)] ?? "md:grid-cols-4";
+  return /* @__PURE__ */ jsxs(
+    "section",
+    {
+      className: cn(
+        "rounded-2xl border border-secondary/25 bg-gradient-to-b from-secondary/[0.06] to-transparent p-4 md:p-6",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxs("header", { className: "mb-4 flex items-center gap-3", children: [
+          /* @__PURE__ */ jsx("span", { className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-xl bg-secondary text-white", children: /* @__PURE__ */ jsx(PawIcon, { className: "h-6 w-6" }) }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("h3", { className: "font-heading text-lg font-bold leading-tight text-primary", children: title }),
+            /* @__PURE__ */ jsxs(
+              "p",
+              {
+                className: cn(
+                  "mt-0.5 inline-flex items-center gap-1 text-xs font-medium",
+                  confirmed ? "text-accent-dark" : "text-text-muted"
+                ),
+                children: [
+                  confirmed ? /* @__PURE__ */ jsx(CheckIcon, { className: "h-3.5 w-3.5" }) : null,
+                  confirmed ? confirmedLabel : unconfirmedLabel
+                ]
+              }
+            )
+          ] })
+        ] }),
+        stats.length > 0 ? /* @__PURE__ */ jsx("div", { className: cn("mb-3 grid grid-cols-2 gap-2.5", mdCols), children: stats.map((stat) => /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "rounded-xl border border-secondary/15 bg-white px-3 py-2.5",
+            children: [
+              /* @__PURE__ */ jsx("div", { className: "mb-0.5 text-[11px] uppercase tracking-wide text-text-muted", children: stat.label }),
+              /* @__PURE__ */ jsx("div", { className: "text-sm font-semibold text-primary", children: stat.value }),
+              stat.note ? /* @__PURE__ */ jsx("div", { className: "text-xs text-text-secondary", children: stat.note }) : null
+            ]
+          },
+          stat.label
+        )) }) : null,
+        perks && perks.length > 0 ? /* @__PURE__ */ jsx("ul", { className: "flex flex-col gap-2 md:grid md:grid-cols-3 md:gap-x-7 md:gap-y-2.5", children: perks.map((perk) => /* @__PURE__ */ jsxs(
+          "li",
+          {
+            className: "flex items-center gap-2.5 text-sm text-primary",
+            children: [
+              /* @__PURE__ */ jsx(CheckIcon, { className: "h-[17px] w-[17px] shrink-0 text-accent" }),
+              perk
+            ]
+          },
+          perk
+        )) }) : null
+      ]
+    }
+  );
+}
+function CheckIcon2({ className }) {
+  return /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", className, "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { d: "M20 6 9 17l-5-5" }) });
+}
+function formatScore(score) {
+  return score.toFixed(1).replace(".", ",");
+}
+function scoreBadgeClass(score) {
+  return score >= 8 ? "bg-primary" : "bg-rating-mid";
+}
+function ReviewSummary({
+  score,
+  scoreLabel,
+  count,
+  title = "Avis des voyageurs",
+  countLabel = "avis v\xE9rifi\xE9s",
+  sources,
+  subScores,
+  reviews,
+  onSeeAll,
+  seeAllLabel,
+  emptyLabel = "Peu d'avis v\xE9rifi\xE9s pour le moment",
+  className,
+  ...props
+}) {
+  const hasReviews = Boolean(reviews && reviews.length > 0);
+  const isEmpty = score == null && !hasReviews;
+  return /* @__PURE__ */ jsxs(
+    "section",
+    {
+      className: cn(
+        "border-y border-sand-dark bg-surface-2 px-4 py-6 md:px-6 md:py-8",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("h2", { className: "mb-3 font-heading text-2xl font-bold tracking-tight text-primary", children: title }),
+        isEmpty ? /* @__PURE__ */ jsx("p", { className: "text-sm text-text-secondary", children: emptyLabel }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+          score != null ? /* @__PURE__ */ jsxs("div", { className: "mb-1 flex items-baseline gap-2", children: [
+            /* @__PURE__ */ jsx("span", { className: "font-heading text-4xl font-bold leading-none text-primary", children: formatScore(score) }),
+            /* @__PURE__ */ jsx("span", { className: "text-lg font-medium text-text-muted", children: "/ 10" })
+          ] }) : null,
+          scoreLabel ? /* @__PURE__ */ jsx("div", { className: "font-heading text-lg font-bold text-primary", children: scoreLabel }) : null,
+          count != null ? /* @__PURE__ */ jsxs("div", { className: "mb-4 mt-1 text-sm text-text-secondary", children: [
+            count.toLocaleString("fr-FR"),
+            " ",
+            countLabel,
+            sources && sources.length > 0 ? /* @__PURE__ */ jsxs("span", { className: "text-text-muted", children: [
+              " \xB7 ",
+              sources.join(" \xB7 ")
+            ] }) : null
+          ] }) : null,
+          subScores && subScores.length > 0 ? /* @__PURE__ */ jsx("div", { className: "mb-5 flex border-y border-sand-dark", children: subScores.map((sub) => /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: "flex-1 border-l border-sand-dark px-1 py-3 text-center first:border-l-0",
+              children: [
+                /* @__PURE__ */ jsx("div", { className: "font-heading text-lg font-bold text-primary", children: formatScore(sub.value) }),
+                /* @__PURE__ */ jsx("div", { className: "mt-0.5 text-xs text-text-secondary", children: sub.label })
+              ]
+            },
+            sub.label
+          )) }) : null,
+          hasReviews ? /* @__PURE__ */ jsx("ul", { className: "-mx-4 flex gap-3 overflow-x-auto px-4 pb-1 [scrollbar-width:none] md:mx-0 md:px-0 [&::-webkit-scrollbar]:hidden", children: reviews.map((review, index) => /* @__PURE__ */ jsxs(
+            "li",
+            {
+              className: "flex w-[280px] shrink-0 flex-col rounded-2xl border border-sand-dark bg-white p-4",
+              children: [
+                /* @__PURE__ */ jsxs("div", { className: "mb-2 inline-flex items-center gap-2", children: [
+                  /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      className: cn(
+                        "rounded-lg px-2 py-1 text-xs font-bold text-white",
+                        scoreBadgeClass(review.score)
+                      ),
+                      children: formatScore(review.score)
+                    }
+                  ),
+                  /* @__PURE__ */ jsx("span", { className: "text-sm font-bold text-primary", children: review.scoreLabel })
+                ] }),
+                /* @__PURE__ */ jsx("p", { className: "m-0 text-sm leading-relaxed text-primary", children: review.text }),
+                /* @__PURE__ */ jsxs("div", { className: "mt-3.5", children: [
+                  /* @__PURE__ */ jsx("div", { className: "text-sm font-semibold text-primary", children: review.author }),
+                  review.meta ? /* @__PURE__ */ jsx("div", { className: "text-xs text-text-muted", children: review.meta }) : null,
+                  /* @__PURE__ */ jsxs("div", { className: "mt-1.5 flex flex-wrap items-center gap-x-2.5 gap-y-1", children: [
+                    review.verified ? /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 text-xs text-accent-dark", children: [
+                      /* @__PURE__ */ jsx(CheckIcon2, { className: "h-3 w-3" }),
+                      "Avis v\xE9rifi\xE9"
+                    ] }) : null,
+                    review.translatedFrom ? /* @__PURE__ */ jsxs("span", { className: "text-xs italic text-text-muted", children: [
+                      "Traduit de ",
+                      review.translatedFrom
+                    ] }) : null
+                  ] })
+                ] })
+              ]
+            },
+            `${review.author}-${index}`
+          )) }) : null,
+          onSeeAll ? /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: onSeeAll,
+              className: "mt-4 w-full rounded-full border-[1.5px] border-primary bg-transparent px-4 py-3 text-sm font-semibold text-primary transition-colors hover:bg-primary hover:text-white",
+              children: seeAllLabel ?? (count != null ? `Afficher les ${count.toLocaleString("fr-FR")} avis` : "Afficher tous les avis")
+            }
+          ) : null
+        ] })
+      ]
+    }
+  );
+}
+function MobileBookingBar({
+  price,
+  meta,
+  reassurance,
+  ctaLabel = "R\xE9server",
+  onReserve,
+  disabled = false,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "sticky bottom-0 z-50 flex items-center justify-between gap-3 border-t border-sand-dark bg-white/95 px-4 pt-3 shadow-[0_-4px_20px_rgba(29,34,48,0.08)] backdrop-blur pb-[calc(env(safe-area-inset-bottom)+0.75rem)]",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-baseline gap-1.5", children: [
+            /* @__PURE__ */ jsx("span", { className: "font-heading text-xl font-bold text-primary", children: price }),
+            meta ? /* @__PURE__ */ jsx("span", { className: "truncate text-xs text-text-muted", children: meta }) : null
+          ] }),
+          reassurance ? /* @__PURE__ */ jsx("div", { className: "text-[11px] text-text-muted", children: reassurance }) : null
+        ] }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: onReserve,
+            disabled,
+            className: cn(
+              "shrink-0 rounded-full px-6 py-3 text-[15px] font-semibold text-white transition-colors",
+              disabled ? "cursor-not-allowed bg-text-muted" : "bg-secondary shadow-[0_4px_12px_rgba(242,124,84,0.35)] hover:bg-secondary-dark"
+            ),
+            children: ctaLabel
+          }
+        )
+      ]
+    }
+  );
+}
+
+export { DogFriendlyPanel, MobileBookingBar, ReviewSummary, SearchField, searchFieldVariants };

package/dist/tailwind-preset.d.mts

@@ -29,6 +29,17 @@ declare const dododogPreset: {
                     readonly secondary: "#6b7280";
                     readonly muted: "#9ca3af";
                 };
+                readonly ink: {
+                    readonly DEFAULT: "#1d2230";
+                    readonly soft: "#3b4559";
+                };
+                readonly surface: {
+                    readonly 1: "#fdfcf9";
+                    readonly 2: "#f7f3ec";
+                };
+                readonly positive: "#047857";
+                readonly danger: "#a8473b";
+                readonly "rating-mid": "#f5b301";
                 readonly white: "#ffffff";
                 readonly black: "#000000";
             };

package/dist/tailwind-preset.d.ts

@@ -29,6 +29,17 @@ declare const dododogPreset: {
                     readonly secondary: "#6b7280";
                     readonly muted: "#9ca3af";
                 };
+                readonly ink: {
+                    readonly DEFAULT: "#1d2230";
+                    readonly soft: "#3b4559";
+                };
+                readonly surface: {
+                    readonly 1: "#fdfcf9";
+                    readonly 2: "#f7f3ec";
+                };
+                readonly positive: "#047857";
+                readonly danger: "#a8473b";
+                readonly "rating-mid": "#f5b301";
                 readonly white: "#ffffff";
                 readonly black: "#000000";
             };

package/dist/tailwind-preset.js

@@ -1,17 +1,17 @@
 'use strict';
 
-var chunkOK3E73OK_js = require('./chunk-OK3E73OK.js');
+var chunk2XH74PQR_js = require('./chunk-2XH74PQR.js');
 
 // src/tailwind-preset.ts
 var dododogPreset = {
   theme: {
     extend: {
-      colors: chunkOK3E73OK_js.colors,
-      fontFamily: chunkOK3E73OK_js.fontFamily,
-      fontSize: chunkOK3E73OK_js.fontSize,
-      boxShadow: chunkOK3E73OK_js.boxShadow,
-      keyframes: chunkOK3E73OK_js.keyframes,
-      animation: chunkOK3E73OK_js.animation
+      colors: chunk2XH74PQR_js.colors,
+      fontFamily: chunk2XH74PQR_js.fontFamily,
+      fontSize: chunk2XH74PQR_js.fontSize,
+      boxShadow: chunk2XH74PQR_js.boxShadow,
+      keyframes: chunk2XH74PQR_js.keyframes,
+      animation: chunk2XH74PQR_js.animation
     }
   }
 };

package/dist/tailwind-preset.mjs

@@ -1,4 +1,4 @@
-import { animation, keyframes, boxShadow, fontSize, fontFamily, colors } from './chunk-KVVXKSMQ.mjs';
+import { animation, keyframes, boxShadow, fontSize, fontFamily, colors } from './chunk-7JYJ7ICL.mjs';
 
 // src/tailwind-preset.ts
 var dododogPreset = {

package/dist/tokens/index.d.mts

@@ -26,6 +26,17 @@ declare const colors: {
         readonly secondary: "#6b7280";
         readonly muted: "#9ca3af";
     };
+    readonly ink: {
+        readonly DEFAULT: "#1d2230";
+        readonly soft: "#3b4559";
+    };
+    readonly surface: {
+        readonly 1: "#fdfcf9";
+        readonly 2: "#f7f3ec";
+    };
+    readonly positive: "#047857";
+    readonly danger: "#a8473b";
+    readonly "rating-mid": "#f5b301";
     readonly white: "#ffffff";
     readonly black: "#000000";
 };

package/dist/tokens/index.d.ts

@@ -26,6 +26,17 @@ declare const colors: {
         readonly secondary: "#6b7280";
         readonly muted: "#9ca3af";
     };
+    readonly ink: {
+        readonly DEFAULT: "#1d2230";
+        readonly soft: "#3b4559";
+    };
+    readonly surface: {
+        readonly 1: "#fdfcf9";
+        readonly 2: "#f7f3ec";
+    };
+    readonly positive: "#047857";
+    readonly danger: "#a8473b";
+    readonly "rating-mid": "#f5b301";
     readonly white: "#ffffff";
     readonly black: "#000000";
 };

package/dist/tokens/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkOK3E73OK_js = require('../chunk-OK3E73OK.js');
+var chunk2XH74PQR_js = require('../chunk-2XH74PQR.js');
 
 // src/tokens/spacing.ts
 var spacing = {
@@ -54,31 +54,31 @@ var borderRadius = {
 
 Object.defineProperty(exports, "animation", {
   enumerable: true,
-  get: function () { return chunkOK3E73OK_js.animation; }
+  get: function () { return chunk2XH74PQR_js.animation; }
 });
 Object.defineProperty(exports, "boxShadow", {
   enumerable: true,
-  get: function () { return chunkOK3E73OK_js.boxShadow; }
+  get: function () { return chunk2XH74PQR_js.boxShadow; }
 });
 Object.defineProperty(exports, "colors", {
   enumerable: true,
-  get: function () { return chunkOK3E73OK_js.colors; }
+  get: function () { return chunk2XH74PQR_js.colors; }
 });
 Object.defineProperty(exports, "fontFamily", {
   enumerable: true,
-  get: function () { return chunkOK3E73OK_js.fontFamily; }
+  get: function () { return chunk2XH74PQR_js.fontFamily; }
 });
 Object.defineProperty(exports, "fontSize", {
   enumerable: true,
-  get: function () { return chunkOK3E73OK_js.fontSize; }
+  get: function () { return chunk2XH74PQR_js.fontSize; }
 });
 Object.defineProperty(exports, "keyframes", {
   enumerable: true,
-  get: function () { return chunkOK3E73OK_js.keyframes; }
+  get: function () { return chunk2XH74PQR_js.keyframes; }
 });
 Object.defineProperty(exports, "typography", {
   enumerable: true,
-  get: function () { return chunkOK3E73OK_js.typography; }
+  get: function () { return chunk2XH74PQR_js.typography; }
 });
 exports.borderRadius = borderRadius;
 exports.spacing = spacing;

package/dist/tokens/index.mjs

@@ -1,4 +1,4 @@
-export { animation, boxShadow, colors, fontFamily, fontSize, keyframes, typography } from '../chunk-KVVXKSMQ.mjs';
+export { animation, boxShadow, colors, fontFamily, fontSize, keyframes, typography } from '../chunk-7JYJ7ICL.mjs';
 
 // src/tokens/spacing.ts
 var spacing = {