@dododog/ui 0.8.0 → 0.9.0

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

@@ -0,0 +1,138 @@
+import { cn } from './chunk-IMKLN273.mjs';
+import * as React from 'react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+var FloatingDock = React.forwardRef(
+  ({ items, className, ariaLabel = "Navigation rapide", onNavigate }, ref) => {
+    const [openKey, setOpenKey] = React.useState(null);
+    const navRef = React.useRef(null);
+    const setNavRef = React.useCallback(
+      (node) => {
+        navRef.current = node;
+        if (typeof ref === "function") ref(node);
+        else if (ref) ref.current = node;
+      },
+      [ref]
+    );
+    React.useEffect(() => {
+      if (!openKey) return;
+      const onPointerDown = (e) => {
+        if (navRef.current && !navRef.current.contains(e.target)) {
+          setOpenKey(null);
+        }
+      };
+      const onKeyDown = (e) => {
+        if (e.key === "Escape") setOpenKey(null);
+      };
+      document.addEventListener("pointerdown", onPointerDown);
+      document.addEventListener("keydown", onKeyDown);
+      return () => {
+        document.removeEventListener("pointerdown", onPointerDown);
+        document.removeEventListener("keydown", onKeyDown);
+      };
+    }, [openKey]);
+    return /* @__PURE__ */ jsx(
+      "nav",
+      {
+        ref: setNavRef,
+        "aria-label": ariaLabel,
+        className: cn(
+          "inline-flex items-center gap-1 rounded-full border border-black/5 bg-white/95 px-2 py-2 shadow-[0_8px_30px_rgba(0,0,0,0.12)] backdrop-blur",
+          className
+        ),
+        children: items.map((item) => {
+          const subItems = item.menuItems ?? [];
+          const hasMenu = subItems.length > 0;
+          const isOpen = openKey === item.key;
+          const content = /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("span", { className: "shrink-0", "aria-hidden": "true", children: item.icon }),
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: cn(
+                  "overflow-hidden whitespace-nowrap text-sm font-medium transition-all duration-300",
+                  item.isActive ? "ml-2 max-w-[8rem] opacity-100" : "ml-0 max-w-0 opacity-0"
+                ),
+                children: item.label
+              }
+            )
+          ] });
+          const triggerClass = cn(
+            "flex min-h-[44px] items-center justify-center rounded-full outline-none transition-colors focus-visible:ring-2 focus-visible:ring-secondary focus-visible:ring-offset-2",
+            item.isActive ? "bg-secondary px-4 text-white" : "w-11 text-primary/70 hover:bg-secondary/5 hover:text-secondary"
+          );
+          if (hasMenu) {
+            return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+              isOpen && /* @__PURE__ */ jsx(
+                "div",
+                {
+                  role: "menu",
+                  "aria-label": item.label,
+                  className: "absolute bottom-full left-1/2 z-10 mb-3 w-56 -translate-x-1/2 overflow-hidden rounded-2xl border border-black/5 bg-white shadow-[0_8px_30px_rgba(0,0,0,0.18)]",
+                  children: subItems.map((sub) => /* @__PURE__ */ jsxs(
+                    "a",
+                    {
+                      href: sub.href,
+                      role: "menuitem",
+                      "aria-current": sub.isActive ? "page" : void 0,
+                      onClick: (event) => {
+                        if (onNavigate) {
+                          event.preventDefault();
+                          onNavigate(sub);
+                        }
+                        setOpenKey(null);
+                      },
+                      className: cn(
+                        "flex items-center gap-3 px-4 py-3 text-sm outline-none transition-colors focus-visible:bg-secondary/10",
+                        sub.isActive ? "bg-secondary/10 font-semibold text-secondary" : "text-primary/80 hover:bg-secondary/5 hover:text-secondary"
+                      ),
+                      children: [
+                        /* @__PURE__ */ jsx("span", { className: "shrink-0", "aria-hidden": "true", children: sub.icon }),
+                        /* @__PURE__ */ jsx("span", { className: "whitespace-nowrap", children: sub.label })
+                      ]
+                    },
+                    sub.key
+                  ))
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  "aria-label": item.label,
+                  "aria-haspopup": "menu",
+                  "aria-expanded": isOpen,
+                  title: item.label,
+                  onClick: () => {
+                    setOpenKey(isOpen ? null : item.key);
+                  },
+                  className: triggerClass,
+                  children: content
+                }
+              )
+            ] }, item.key);
+          }
+          return /* @__PURE__ */ jsx(
+            "a",
+            {
+              href: item.href,
+              "aria-label": item.label,
+              "aria-current": item.isActive ? "page" : void 0,
+              title: item.label,
+              onClick: onNavigate ? (event) => {
+                event.preventDefault();
+                onNavigate(item);
+              } : void 0,
+              className: triggerClass,
+              children: content
+            },
+            item.key
+          );
+        })
+      }
+    );
+  }
+);
+FloatingDock.displayName = "FloatingDock";
+
+export { FloatingDock };

package/dist/chunk-ZCQJN4IT.js

@@ -0,0 +1,160 @@
+'use strict';
+
+var chunkADIDI7AJ_js = require('./chunk-ADIDI7AJ.js');
+var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var FloatingDock = React__namespace.forwardRef(
+  ({ items, className, ariaLabel = "Navigation rapide", onNavigate }, ref) => {
+    const [openKey, setOpenKey] = React__namespace.useState(null);
+    const navRef = React__namespace.useRef(null);
+    const setNavRef = React__namespace.useCallback(
+      (node) => {
+        navRef.current = node;
+        if (typeof ref === "function") ref(node);
+        else if (ref) ref.current = node;
+      },
+      [ref]
+    );
+    React__namespace.useEffect(() => {
+      if (!openKey) return;
+      const onPointerDown = (e) => {
+        if (navRef.current && !navRef.current.contains(e.target)) {
+          setOpenKey(null);
+        }
+      };
+      const onKeyDown = (e) => {
+        if (e.key === "Escape") setOpenKey(null);
+      };
+      document.addEventListener("pointerdown", onPointerDown);
+      document.addEventListener("keydown", onKeyDown);
+      return () => {
+        document.removeEventListener("pointerdown", onPointerDown);
+        document.removeEventListener("keydown", onKeyDown);
+      };
+    }, [openKey]);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "nav",
+      {
+        ref: setNavRef,
+        "aria-label": ariaLabel,
+        className: chunkADIDI7AJ_js.cn(
+          "inline-flex items-center gap-1 rounded-full border border-black/5 bg-white/95 px-2 py-2 shadow-[0_8px_30px_rgba(0,0,0,0.12)] backdrop-blur",
+          className
+        ),
+        children: items.map((item) => {
+          const subItems = item.menuItems ?? [];
+          const hasMenu = subItems.length > 0;
+          const isOpen = openKey === item.key;
+          const content = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0", "aria-hidden": "true", children: item.icon }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "span",
+              {
+                className: chunkADIDI7AJ_js.cn(
+                  "overflow-hidden whitespace-nowrap text-sm font-medium transition-all duration-300",
+                  item.isActive ? "ml-2 max-w-[8rem] opacity-100" : "ml-0 max-w-0 opacity-0"
+                ),
+                children: item.label
+              }
+            )
+          ] });
+          const triggerClass = chunkADIDI7AJ_js.cn(
+            "flex min-h-[44px] items-center justify-center rounded-full outline-none transition-colors focus-visible:ring-2 focus-visible:ring-secondary focus-visible:ring-offset-2",
+            item.isActive ? "bg-secondary px-4 text-white" : "w-11 text-primary/70 hover:bg-secondary/5 hover:text-secondary"
+          );
+          if (hasMenu) {
+            return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
+              isOpen && /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
+                {
+                  role: "menu",
+                  "aria-label": item.label,
+                  className: "absolute bottom-full left-1/2 z-10 mb-3 w-56 -translate-x-1/2 overflow-hidden rounded-2xl border border-black/5 bg-white shadow-[0_8px_30px_rgba(0,0,0,0.18)]",
+                  children: subItems.map((sub) => /* @__PURE__ */ jsxRuntime.jsxs(
+                    "a",
+                    {
+                      href: sub.href,
+                      role: "menuitem",
+                      "aria-current": sub.isActive ? "page" : void 0,
+                      onClick: (event) => {
+                        if (onNavigate) {
+                          event.preventDefault();
+                          onNavigate(sub);
+                        }
+                        setOpenKey(null);
+                      },
+                      className: chunkADIDI7AJ_js.cn(
+                        "flex items-center gap-3 px-4 py-3 text-sm outline-none transition-colors focus-visible:bg-secondary/10",
+                        sub.isActive ? "bg-secondary/10 font-semibold text-secondary" : "text-primary/80 hover:bg-secondary/5 hover:text-secondary"
+                      ),
+                      children: [
+                        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0", "aria-hidden": "true", children: sub.icon }),
+                        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "whitespace-nowrap", children: sub.label })
+                      ]
+                    },
+                    sub.key
+                  ))
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  type: "button",
+                  "aria-label": item.label,
+                  "aria-haspopup": "menu",
+                  "aria-expanded": isOpen,
+                  title: item.label,
+                  onClick: () => {
+                    setOpenKey(isOpen ? null : item.key);
+                  },
+                  className: triggerClass,
+                  children: content
+                }
+              )
+            ] }, item.key);
+          }
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            "a",
+            {
+              href: item.href,
+              "aria-label": item.label,
+              "aria-current": item.isActive ? "page" : void 0,
+              title: item.label,
+              onClick: onNavigate ? (event) => {
+                event.preventDefault();
+                onNavigate(item);
+              } : void 0,
+              className: triggerClass,
+              children: content
+            },
+            item.key
+          );
+        })
+      }
+    );
+  }
+);
+FloatingDock.displayName = "FloatingDock";
+
+exports.FloatingDock = FloatingDock;

package/dist/components/FloatingDock/index.js

@@ -1,11 +1,11 @@
 'use strict';
 
-var chunkS732LTPT_js = require('../../chunk-S732LTPT.js');
+var chunkZCQJN4IT_js = require('../../chunk-ZCQJN4IT.js');
 require('../../chunk-ADIDI7AJ.js');
 
 
 
 Object.defineProperty(exports, "FloatingDock", {
   enumerable: true,
-  get: function () { return chunkS732LTPT_js.FloatingDock; }
+  get: function () { return chunkZCQJN4IT_js.FloatingDock; }
 });

package/dist/components/FloatingDock/index.mjs

@@ -1,2 +1,2 @@
-export { FloatingDock } from '../../chunk-PBDPZTHK.mjs';
+export { FloatingDock } from '../../chunk-P2SGBTKS.mjs';
 import '../../chunk-IMKLN273.mjs';

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';