@dododog/ui 0.3.0 → 0.5.0

package/dist/chunk-5A3MVRZJ.js

@@ -0,0 +1,109 @@
+'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 AnchorTabs = React__namespace.forwardRef(
+  ({ items, className, ariaLabel = "Navigation dans la fiche", offsetTop = 96, onActiveChange }, ref) => {
+    const [activeKey, setActiveKey] = React__namespace.useState(items[0]?.key ?? "");
+    React__namespace.useEffect(() => {
+      if (items.length === 0) return;
+      const ids = items.map((i) => i.key);
+      let raf = 0;
+      const update = () => {
+        raf = 0;
+        let current = ids[0];
+        let bestTop = -Infinity;
+        for (const id of ids) {
+          const el = document.getElementById(id);
+          if (!el) continue;
+          const top = el.getBoundingClientRect().top - offsetTop;
+          if (top <= 1 && top > bestTop) {
+            bestTop = top;
+            current = id;
+          }
+        }
+        setActiveKey((prev) => prev === current ? prev : current);
+      };
+      const onScroll = () => {
+        if (raf) return;
+        raf = window.requestAnimationFrame(update);
+      };
+      update();
+      window.addEventListener("scroll", onScroll, { passive: true });
+      window.addEventListener("resize", onScroll);
+      return () => {
+        window.removeEventListener("scroll", onScroll);
+        window.removeEventListener("resize", onScroll);
+        if (raf) window.cancelAnimationFrame(raf);
+      };
+    }, [items, offsetTop]);
+    React__namespace.useEffect(() => {
+      if (activeKey) onActiveChange?.(activeKey);
+    }, [activeKey, onActiveChange]);
+    const handleClick = (event, key) => {
+      const el = typeof document !== "undefined" ? document.getElementById(key) : null;
+      if (!el) return;
+      event.preventDefault();
+      const y = el.getBoundingClientRect().top + window.scrollY - offsetTop;
+      const prefersReducedMotion = typeof window !== "undefined" && typeof window.matchMedia === "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+      window.scrollTo({ top: y, behavior: prefersReducedMotion ? "auto" : "smooth" });
+      setActiveKey(key);
+    };
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "nav",
+      {
+        ref,
+        "aria-label": ariaLabel,
+        className: chunkADIDI7AJ_js.cn(
+          "flex items-stretch gap-1 overflow-x-auto border-b border-sand-dark bg-white",
+          className
+        ),
+        children: items.map((item) => {
+          const isActive = item.key === activeKey;
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            "a",
+            {
+              href: `#${item.key}`,
+              "aria-current": isActive ? "location" : void 0,
+              onClick: (event) => handleClick(event, item.key),
+              className: chunkADIDI7AJ_js.cn(
+                // Cible tactile >= 44px (min-h-[44px] + flex centré) ; transition
+                // limitée aux couleurs (150-300ms, sans reflow) ; press feedback
+                // via opacité (transform/opacity, aucun layout shift).
+                "flex min-h-[44px] items-center whitespace-nowrap border-b-2 px-4 text-sm outline-none transition-colors duration-200 -mb-px active:opacity-70 focus-visible:ring-2 focus-visible:ring-secondary focus-visible:ring-offset-2",
+                isActive ? "border-secondary font-semibold text-primary" : "border-transparent font-medium text-text-secondary hover:border-gray-300 hover:text-primary"
+              ),
+              children: item.label
+            },
+            item.key
+          );
+        })
+      }
+    );
+  }
+);
+AnchorTabs.displayName = "AnchorTabs";
+
+exports.AnchorTabs = AnchorTabs;

package/dist/chunk-PU4CWOWU.mjs

@@ -0,0 +1,87 @@
+import { cn } from './chunk-IMKLN273.mjs';
+import * as React from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var AnchorTabs = React.forwardRef(
+  ({ items, className, ariaLabel = "Navigation dans la fiche", offsetTop = 96, onActiveChange }, ref) => {
+    const [activeKey, setActiveKey] = React.useState(items[0]?.key ?? "");
+    React.useEffect(() => {
+      if (items.length === 0) return;
+      const ids = items.map((i) => i.key);
+      let raf = 0;
+      const update = () => {
+        raf = 0;
+        let current = ids[0];
+        let bestTop = -Infinity;
+        for (const id of ids) {
+          const el = document.getElementById(id);
+          if (!el) continue;
+          const top = el.getBoundingClientRect().top - offsetTop;
+          if (top <= 1 && top > bestTop) {
+            bestTop = top;
+            current = id;
+          }
+        }
+        setActiveKey((prev) => prev === current ? prev : current);
+      };
+      const onScroll = () => {
+        if (raf) return;
+        raf = window.requestAnimationFrame(update);
+      };
+      update();
+      window.addEventListener("scroll", onScroll, { passive: true });
+      window.addEventListener("resize", onScroll);
+      return () => {
+        window.removeEventListener("scroll", onScroll);
+        window.removeEventListener("resize", onScroll);
+        if (raf) window.cancelAnimationFrame(raf);
+      };
+    }, [items, offsetTop]);
+    React.useEffect(() => {
+      if (activeKey) onActiveChange?.(activeKey);
+    }, [activeKey, onActiveChange]);
+    const handleClick = (event, key) => {
+      const el = typeof document !== "undefined" ? document.getElementById(key) : null;
+      if (!el) return;
+      event.preventDefault();
+      const y = el.getBoundingClientRect().top + window.scrollY - offsetTop;
+      const prefersReducedMotion = typeof window !== "undefined" && typeof window.matchMedia === "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+      window.scrollTo({ top: y, behavior: prefersReducedMotion ? "auto" : "smooth" });
+      setActiveKey(key);
+    };
+    return /* @__PURE__ */ jsx(
+      "nav",
+      {
+        ref,
+        "aria-label": ariaLabel,
+        className: cn(
+          "flex items-stretch gap-1 overflow-x-auto border-b border-sand-dark bg-white",
+          className
+        ),
+        children: items.map((item) => {
+          const isActive = item.key === activeKey;
+          return /* @__PURE__ */ jsx(
+            "a",
+            {
+              href: `#${item.key}`,
+              "aria-current": isActive ? "location" : void 0,
+              onClick: (event) => handleClick(event, item.key),
+              className: cn(
+                // Cible tactile >= 44px (min-h-[44px] + flex centré) ; transition
+                // limitée aux couleurs (150-300ms, sans reflow) ; press feedback
+                // via opacité (transform/opacity, aucun layout shift).
+                "flex min-h-[44px] items-center whitespace-nowrap border-b-2 px-4 text-sm outline-none transition-colors duration-200 -mb-px active:opacity-70 focus-visible:ring-2 focus-visible:ring-secondary focus-visible:ring-offset-2",
+                isActive ? "border-secondary font-semibold text-primary" : "border-transparent font-medium text-text-secondary hover:border-gray-300 hover:text-primary"
+              ),
+              children: item.label
+            },
+            item.key
+          );
+        })
+      }
+    );
+  }
+);
+AnchorTabs.displayName = "AnchorTabs";
+
+export { AnchorTabs };

package/dist/{chunk-XH2MVC4W.mjs → chunk-QJDKVDK2.mjs}

@@ -87,9 +87,13 @@ function RateRow({
   rate,
   selected,
   onSelect,
+  onReserve,
   selectLabel,
+  reserveLabel,
+  ctaNote,
   withTopBorder
 }) {
+  const showReserveCta = selected && !!onReserve;
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -110,7 +114,15 @@ function RateRow({
           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 }),
-          /* @__PURE__ */ jsx(
+          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",
@@ -122,7 +134,8 @@ function RateRow({
               ),
               children: selected ? "S\xE9lectionn\xE9" : selectLabel
             }
-          )
+          ),
+          showReserveCta && ctaNote && /* @__PURE__ */ jsx("div", { className: "mt-1 text-[11px] leading-tight text-text-muted", children: ctaNote })
         ] })
       ]
     }
@@ -134,6 +147,9 @@ var RoomTypeCard = React.forwardRef(
     rates,
     selectedRateId,
     onSelectRate,
+    onReserveRate,
+    reserveLabel = "R\xE9server",
+    ctaNote,
     initialVisibleRates = 2,
     selectLabel = "Choisir",
     variant = "default",
@@ -266,7 +282,10 @@ var RoomTypeCard = React.forwardRef(
                   rate,
                   selected: rate.id === selectedRateId,
                   onSelect: onSelectRate,
+                  onReserve: onReserveRate,
                   selectLabel,
+                  reserveLabel,
+                  ctaNote,
                   withTopBorder: i > 0
                 },
                 rate.id

package/dist/{chunk-36JNXXGH.js → chunk-YDTBGEAB.js}

@@ -109,9 +109,13 @@ function RateRow({
   rate,
   selected,
   onSelect,
+  onReserve,
   selectLabel,
+  reserveLabel,
+  ctaNote,
   withTopBorder
 }) {
+  const showReserveCta = selected && !!onReserve;
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -132,7 +136,15 @@ function RateRow({
           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 }),
-          /* @__PURE__ */ jsxRuntime.jsx(
+          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",
@@ -144,7 +156,8 @@ function RateRow({
               ),
               children: selected ? "S\xE9lectionn\xE9" : selectLabel
             }
-          )
+          ),
+          showReserveCta && ctaNote && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1 text-[11px] leading-tight text-text-muted", children: ctaNote })
         ] })
       ]
     }
@@ -156,6 +169,9 @@ var RoomTypeCard = React__namespace.forwardRef(
     rates,
     selectedRateId,
     onSelectRate,
+    onReserveRate,
+    reserveLabel = "R\xE9server",
+    ctaNote,
     initialVisibleRates = 2,
     selectLabel = "Choisir",
     variant = "default",
@@ -288,7 +304,10 @@ var RoomTypeCard = React__namespace.forwardRef(
                   rate,
                   selected: rate.id === selectedRateId,
                   onSelect: onSelectRate,
+                  onReserve: onReserveRate,
                   selectLabel,
+                  reserveLabel,
+                  ctaNote,
                   withTopBorder: i > 0
                 },
                 rate.id

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

@@ -0,0 +1,41 @@
+import * as React from 'react';
+
+interface AnchorTabItem {
+    /**
+     * Identifiant de la section cible : doit correspondre à l'attribut `id` de
+     * l'élément de section dans le DOM (le lien pointe sur `#{key}`).
+     */
+    key: string;
+    /** Libellé affiché de l'onglet. */
+    label: string;
+}
+interface AnchorTabsProps {
+    /** Onglets d'ancrage, dans l'ordre d'apparition des sections. */
+    items: AnchorTabItem[];
+    /** Classes supplémentaires appliquées à la barre `<nav>`. */
+    className?: string;
+    /** Libellé ARIA de la navigation. */
+    ariaLabel?: string;
+    /**
+     * Décalage (px) réservé en haut de page pour le scroll-spy ET le défilement
+     * au clic (barre sticky / header). Défaut : 96.
+     */
+    offsetTop?: number;
+    /** Notifié à chaque changement de section active (scroll ou clic). */
+    onActiveChange?: (key: string) => void;
+}
+/**
+ * Barre d'onglets d'ancrage (desktop) avec scroll-spy.
+ *
+ * Présente une rangée de liens `<a href="#{key}">` ; l'onglet dont la section
+ * est actuellement en haut du viewport (au-delà de `offsetTop`) est souligné.
+ * Le composant observe le défilement de la fenêtre (via `requestAnimationFrame`)
+ * pour déterminer la section courante et défile en douceur au clic.
+ *
+ * Les sections cibles doivent porter l'`id` correspondant à chaque `key`. Le
+ * positionnement (sticky, largeur, visibilité responsive) reste à la charge de
+ * l'appelant via `className`.
+ */
+declare const AnchorTabs: React.ForwardRefExoticComponent<AnchorTabsProps & React.RefAttributes<HTMLElement>>;
+
+export { type AnchorTabItem, AnchorTabs, type AnchorTabsProps };

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

@@ -0,0 +1,41 @@
+import * as React from 'react';
+
+interface AnchorTabItem {
+    /**
+     * Identifiant de la section cible : doit correspondre à l'attribut `id` de
+     * l'élément de section dans le DOM (le lien pointe sur `#{key}`).
+     */
+    key: string;
+    /** Libellé affiché de l'onglet. */
+    label: string;
+}
+interface AnchorTabsProps {
+    /** Onglets d'ancrage, dans l'ordre d'apparition des sections. */
+    items: AnchorTabItem[];
+    /** Classes supplémentaires appliquées à la barre `<nav>`. */
+    className?: string;
+    /** Libellé ARIA de la navigation. */
+    ariaLabel?: string;
+    /**
+     * Décalage (px) réservé en haut de page pour le scroll-spy ET le défilement
+     * au clic (barre sticky / header). Défaut : 96.
+     */
+    offsetTop?: number;
+    /** Notifié à chaque changement de section active (scroll ou clic). */
+    onActiveChange?: (key: string) => void;
+}
+/**
+ * Barre d'onglets d'ancrage (desktop) avec scroll-spy.
+ *
+ * Présente une rangée de liens `<a href="#{key}">` ; l'onglet dont la section
+ * est actuellement en haut du viewport (au-delà de `offsetTop`) est souligné.
+ * Le composant observe le défilement de la fenêtre (via `requestAnimationFrame`)
+ * pour déterminer la section courante et défile en douceur au clic.
+ *
+ * Les sections cibles doivent porter l'`id` correspondant à chaque `key`. Le
+ * positionnement (sticky, largeur, visibilité responsive) reste à la charge de
+ * l'appelant via `className`.
+ */
+declare const AnchorTabs: React.ForwardRefExoticComponent<AnchorTabsProps & React.RefAttributes<HTMLElement>>;
+
+export { type AnchorTabItem, AnchorTabs, type AnchorTabsProps };

package/dist/components/AnchorTabs/index.js

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

package/dist/components/AnchorTabs/index.mjs

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

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

@@ -53,6 +53,16 @@ interface RoomTypeCardProps extends React.HTMLAttributes<HTMLDivElement> {
     /** id de la formule actuellement sélectionnée */
     selectedRateId?: string;
     onSelectRate?: (rateId: string) => void;
+    /**
+     * Callback de réservation directe (pattern Expedia) : quand fourni, la formule
+     * sélectionnée affiche un bouton PLEIN « Réserver » qui l'appelle. Absent →
+     * comportement historique préservé (bouton « Sélectionné », API additive).
+     */
+    onReserveRate?: (rateId: string) => void;
+    /** Libellé du CTA de réservation directe (défaut « Réserver »). */
+    reserveLabel?: string;
+    /** Note grise sous le CTA « Réserver » (ex: « Le montant ne vous sera pas encore facturé »). */
+    ctaNote?: string;
     /** Nombre de formules visibles avant le bouton "X autres formules" (défaut 2) */
     initialVisibleRates?: number;
     selectLabel?: string;

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

@@ -53,6 +53,16 @@ interface RoomTypeCardProps extends React.HTMLAttributes<HTMLDivElement> {
     /** id de la formule actuellement sélectionnée */
     selectedRateId?: string;
     onSelectRate?: (rateId: string) => void;
+    /**
+     * Callback de réservation directe (pattern Expedia) : quand fourni, la formule
+     * sélectionnée affiche un bouton PLEIN « Réserver » qui l'appelle. Absent →
+     * comportement historique préservé (bouton « Sélectionné », API additive).
+     */
+    onReserveRate?: (rateId: string) => void;
+    /** Libellé du CTA de réservation directe (défaut « Réserver »). */
+    reserveLabel?: string;
+    /** Note grise sous le CTA « Réserver » (ex: « Le montant ne vous sera pas encore facturé »). */
+    ctaNote?: string;
     /** Nombre de formules visibles avant le bouton "X autres formules" (défaut 2) */
     initialVisibleRates?: number;
     selectLabel?: string;

package/dist/components/RoomTypeCard/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunk36JNXXGH_js = require('../../chunk-36JNXXGH.js');
+var chunkYDTBGEAB_js = require('../../chunk-YDTBGEAB.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 chunk36JNXXGH_js.RoomTypeCard; }
+  get: function () { return chunkYDTBGEAB_js.RoomTypeCard; }
 });
 Object.defineProperty(exports, "RoomTypeCardSkeleton", {
   enumerable: true,
-  get: function () { return chunk36JNXXGH_js.RoomTypeCardSkeleton; }
+  get: function () { return chunkYDTBGEAB_js.RoomTypeCardSkeleton; }
 });

package/dist/components/RoomTypeCard/index.mjs

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

package/dist/index.d.mts

@@ -25,6 +25,7 @@ export { FloatingDock, FloatingDockItem, FloatingDockProps } from './components/
 export { SegmentedControl, SegmentedControlOption, SegmentedControlProps } from './components/SegmentedControl/index.mjs';
 export { Drawer, DrawerProps } from './components/Drawer/index.mjs';
 export { TabItem, Tabs, TabsProps } from './components/Tabs/index.mjs';
+export { AnchorTabItem, AnchorTabs, AnchorTabsProps } from './components/AnchorTabs/index.mjs';
 export { FilterPill, FilterPillProps } from './components/FilterPill/index.mjs';
 export { Avatar, AvatarProps } from './components/Avatar/index.mjs';
 export { Tooltip, TooltipProps } from './components/Tooltip/index.mjs';

package/dist/index.d.ts

@@ -25,6 +25,7 @@ export { FloatingDock, FloatingDockItem, FloatingDockProps } from './components/
 export { SegmentedControl, SegmentedControlOption, SegmentedControlProps } from './components/SegmentedControl/index.js';
 export { Drawer, DrawerProps } from './components/Drawer/index.js';
 export { TabItem, Tabs, TabsProps } from './components/Tabs/index.js';
+export { AnchorTabItem, AnchorTabs, AnchorTabsProps } from './components/AnchorTabs/index.js';
 export { FilterPill, FilterPillProps } from './components/FilterPill/index.js';
 export { Avatar, AvatarProps } from './components/Avatar/index.js';
 export { Tooltip, TooltipProps } from './components/Tooltip/index.js';

package/dist/index.js

@@ -1,8 +1,10 @@
 'use strict';
 
+var chunkVTELEOT7_js = require('./chunk-VTELEOT7.js');
 var chunkDTIYZ3TQ_js = require('./chunk-DTIYZ3TQ.js');
 var chunkE6ZNND75_js = require('./chunk-E6ZNND75.js');
 var chunkN3JU7JS7_js = require('./chunk-N3JU7JS7.js');
+var chunkXHRDPJTF_js = require('./chunk-XHRDPJTF.js');
 var chunkTT7L3ZU7_js = require('./chunk-TT7L3ZU7.js');
 var chunkDFXXGKMI_js = require('./chunk-DFXXGKMI.js');
 var chunk3VU6TPAT_js = require('./chunk-3VU6TPAT.js');
@@ -10,15 +12,15 @@ 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 chunkVTELEOT7_js = require('./chunk-VTELEOT7.js');
+var chunkGXKON34B_js = require('./chunk-GXKON34B.js');
 var chunkTZHT7NZU_js = require('./chunk-TZHT7NZU.js');
-var chunk36JNXXGH_js = require('./chunk-36JNXXGH.js');
+var chunkYDTBGEAB_js = require('./chunk-YDTBGEAB.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 chunkNCU5PY34_js = require('./chunk-NCU5PY34.js');
-var chunkXHRDPJTF_js = require('./chunk-XHRDPJTF.js');
+var chunkTE4WHZ4Q_js = require('./chunk-TE4WHZ4Q.js');
 var chunkHN6B4TAW_js = require('./chunk-HN6B4TAW.js');
 var chunkKZSGVMUG_js = require('./chunk-KZSGVMUG.js');
 var chunkNBDPT3XQ_js = require('./chunk-NBDPT3XQ.js');
@@ -26,7 +28,7 @@ var chunkSCGN5H6D_js = require('./chunk-SCGN5H6D.js');
 var chunk6ASRTUXO_js = require('./chunk-6ASRTUXO.js');
 var chunkPG4I4NWO_js = require('./chunk-PG4I4NWO.js');
 var chunkPRDIS2VR_js = require('./chunk-PRDIS2VR.js');
-var chunkGXKON34B_js = require('./chunk-GXKON34B.js');
+var chunkIRKM5UF4_js = require('./chunk-IRKM5UF4.js');
 var chunkODUY7NXD_js = require('./chunk-ODUY7NXD.js');
 var chunkYN4HPIRC_js = require('./chunk-YN4HPIRC.js');
 var chunkMKOKWME3_js = require('./chunk-MKOKWME3.js');
@@ -34,7 +36,7 @@ var chunkDLOHAW74_js = require('./chunk-DLOHAW74.js');
 var chunk77WKG2D7_js = require('./chunk-77WKG2D7.js');
 var chunkU3XWNFHH_js = require('./chunk-U3XWNFHH.js');
 var chunkW7DZZS6L_js = require('./chunk-W7DZZS6L.js');
-var chunkTE4WHZ4Q_js = require('./chunk-TE4WHZ4Q.js');
+var chunkTDGU5Y2P_js = require('./chunk-TDGU5Y2P.js');
 var chunkIEHX4DU6_js = require('./chunk-IEHX4DU6.js');
 var chunkS5TLUDNM_js = require('./chunk-S5TLUDNM.js');
 var chunk7W3TFPIF_js = require('./chunk-7W3TFPIF.js');
@@ -42,27 +44,26 @@ var chunkN2Q4Z2FU_js = require('./chunk-N2Q4Z2FU.js');
 var chunkS732LTPT_js = require('./chunk-S732LTPT.js');
 var chunkC4RZBOKH_js = require('./chunk-C4RZBOKH.js');
 var chunkKOO5ZXLD_js = require('./chunk-KOO5ZXLD.js');
-var chunkIRKM5UF4_js = require('./chunk-IRKM5UF4.js');
 var chunkP7GAKOCX_js = require('./chunk-P7GAKOCX.js');
+var chunkIJIUUBFT_js = require('./chunk-IJIUUBFT.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 chunkTDGU5Y2P_js = require('./chunk-TDGU5Y2P.js');
+var chunk5A3MVRZJ_js = require('./chunk-5A3MVRZJ.js');
 var chunkZ5S7LHMY_js = require('./chunk-Z5S7LHMY.js');
-var chunkPND5YKFN_js = require('./chunk-PND5YKFN.js');
 var chunk6EG6EAHW_js = require('./chunk-6EG6EAHW.js');
+var chunkPND5YKFN_js = require('./chunk-PND5YKFN.js');
 var chunkH3JNRTAI_js = require('./chunk-H3JNRTAI.js');
 var chunkYZTVHCLK_js = require('./chunk-YZTVHCLK.js');
-var chunkMY6BYO5F_js = require('./chunk-MY6BYO5F.js');
 var chunkZAUYE2EI_js = require('./chunk-ZAUYE2EI.js');
-var chunkIJIUUBFT_js = require('./chunk-IJIUUBFT.js');
-var chunkMCF3EQTV_js = require('./chunk-MCF3EQTV.js');
+var chunkMY6BYO5F_js = require('./chunk-MY6BYO5F.js');
 var chunkWBRVUWGC_js = require('./chunk-WBRVUWGC.js');
-var chunkEY4ZIR3P_js = require('./chunk-EY4ZIR3P.js');
+var chunkMCF3EQTV_js = require('./chunk-MCF3EQTV.js');
 var chunkNHB2TI2B_js = require('./chunk-NHB2TI2B.js');
+var chunkEY4ZIR3P_js = require('./chunk-EY4ZIR3P.js');
 var chunkADIDI7AJ_js = require('./chunk-ADIDI7AJ.js');
 var React = require('react');
 var classVarianceAuthority = require('class-variance-authority');
@@ -483,6 +484,14 @@ function MobileBookingBar({
   );
 }
 
+Object.defineProperty(exports, "Toast", {
+  enumerable: true,
+  get: function () { return chunkVTELEOT7_js.Toast; }
+});
+Object.defineProperty(exports, "toastVariants", {
+  enumerable: true,
+  get: function () { return chunkVTELEOT7_js.toastVariants; }
+});
 Object.defineProperty(exports, "Toggle", {
   enumerable: true,
   get: function () { return chunkDTIYZ3TQ_js.Toggle; }
@@ -495,6 +504,14 @@ Object.defineProperty(exports, "VerticalMarquee", {
   enumerable: true,
   get: function () { return chunkN3JU7JS7_js.VerticalMarquee; }
 });
+Object.defineProperty(exports, "Spinner", {
+  enumerable: true,
+  get: function () { return chunkXHRDPJTF_js.Spinner; }
+});
+Object.defineProperty(exports, "spinnerVariants", {
+  enumerable: true,
+  get: function () { return chunkXHRDPJTF_js.spinnerVariants; }
+});
 Object.defineProperty(exports, "StatCard", {
   enumerable: true,
   get: function () { return chunkTT7L3ZU7_js.StatCard; }
@@ -543,13 +560,9 @@ Object.defineProperty(exports, "textareaVariants", {
   enumerable: true,
   get: function () { return chunkL7OYR6U3_js.textareaVariants; }
 });
-Object.defineProperty(exports, "Toast", {
-  enumerable: true,
-  get: function () { return chunkVTELEOT7_js.Toast; }
-});
-Object.defineProperty(exports, "toastVariants", {
+Object.defineProperty(exports, "RadioGroup", {
   enumerable: true,
-  get: function () { return chunkVTELEOT7_js.toastVariants; }
+  get: function () { return chunkGXKON34B_js.RadioGroup; }
 });
 Object.defineProperty(exports, "Rating", {
   enumerable: true,
@@ -557,11 +570,11 @@ Object.defineProperty(exports, "Rating", {
 });
 Object.defineProperty(exports, "RoomTypeCard", {
   enumerable: true,
-  get: function () { return chunk36JNXXGH_js.RoomTypeCard; }
+  get: function () { return chunkYDTBGEAB_js.RoomTypeCard; }
 });
 Object.defineProperty(exports, "RoomTypeCardSkeleton", {
   enumerable: true,
-  get: function () { return chunk36JNXXGH_js.RoomTypeCardSkeleton; }
+  get: function () { return chunkYDTBGEAB_js.RoomTypeCardSkeleton; }
 });
 Object.defineProperty(exports, "SearchBar", {
   enumerable: true,
@@ -599,13 +612,9 @@ Object.defineProperty(exports, "SkeletonText", {
   enumerable: true,
   get: function () { return chunkNCU5PY34_js.SkeletonText; }
 });
-Object.defineProperty(exports, "Spinner", {
-  enumerable: true,
-  get: function () { return chunkXHRDPJTF_js.Spinner; }
-});
-Object.defineProperty(exports, "spinnerVariants", {
+Object.defineProperty(exports, "LoadingOverlay", {
   enumerable: true,
-  get: function () { return chunkXHRDPJTF_js.spinnerVariants; }
+  get: function () { return chunkTE4WHZ4Q_js.LoadingOverlay; }
 });
 Object.defineProperty(exports, "MegaMenu", {
   enumerable: true,
@@ -647,9 +656,9 @@ Object.defineProperty(exports, "promoBannerVariants", {
   enumerable: true,
   get: function () { return chunkPRDIS2VR_js.promoBannerVariants; }
 });
-Object.defineProperty(exports, "RadioGroup", {
+Object.defineProperty(exports, "Header", {
   enumerable: true,
-  get: function () { return chunkGXKON34B_js.RadioGroup; }
+  get: function () { return chunkIRKM5UF4_js.Header; }
 });
 Object.defineProperty(exports, "HotelCard", {
   enumerable: true,
@@ -687,9 +696,9 @@ Object.defineProperty(exports, "LinkCard", {
   enumerable: true,
   get: function () { return chunkW7DZZS6L_js.LinkCard; }
 });
-Object.defineProperty(exports, "LoadingOverlay", {
+Object.defineProperty(exports, "DualRangeSlider", {
   enumerable: true,
-  get: function () { return chunkTE4WHZ4Q_js.LoadingOverlay; }
+  get: function () { return chunkTDGU5Y2P_js.DualRangeSlider; }
 });
 Object.defineProperty(exports, "EmptyState", {
   enumerable: true,
@@ -719,14 +728,14 @@ Object.defineProperty(exports, "GuestPicker", {
   enumerable: true,
   get: function () { return chunkKOO5ZXLD_js.GuestPicker; }
 });
-Object.defineProperty(exports, "Header", {
-  enumerable: true,
-  get: function () { return chunkIRKM5UF4_js.Header; }
-});
 Object.defineProperty(exports, "Carousel", {
   enumerable: true,
   get: function () { return chunkP7GAKOCX_js.Carousel; }
 });
+Object.defineProperty(exports, "Checkbox", {
+  enumerable: true,
+  get: function () { return chunkIJIUUBFT_js.Checkbox; }
+});
 Object.defineProperty(exports, "Counter", {
   enumerable: true,
   get: function () { return chunkT4AT3YCT_js.Counter; }
@@ -755,9 +764,9 @@ Object.defineProperty(exports, "DropdownMenu", {
   enumerable: true,
   get: function () { return chunkT5FLQQP6_js.DropdownMenu; }
 });
-Object.defineProperty(exports, "DualRangeSlider", {
+Object.defineProperty(exports, "AnchorTabs", {
   enumerable: true,
-  get: function () { return chunkTDGU5Y2P_js.DualRangeSlider; }
+  get: function () { return chunk5A3MVRZJ_js.AnchorTabs; }
 });
 Object.defineProperty(exports, "Badge", {
   enumerable: true,
@@ -767,10 +776,6 @@ Object.defineProperty(exports, "badgeVariants", {
   enumerable: true,
   get: function () { return chunkZ5S7LHMY_js.badgeVariants; }
 });
-Object.defineProperty(exports, "BottomNavBar", {
-  enumerable: true,
-  get: function () { return chunkPND5YKFN_js.BottomNavBar; }
-});
 Object.defineProperty(exports, "Banner", {
   enumerable: true,
   get: function () { return chunk6EG6EAHW_js.Banner; }
@@ -779,6 +784,10 @@ Object.defineProperty(exports, "bannerVariants", {
   enumerable: true,
   get: function () { return chunk6EG6EAHW_js.bannerVariants; }
 });
+Object.defineProperty(exports, "BottomNavBar", {
+  enumerable: true,
+  get: function () { return chunkPND5YKFN_js.BottomNavBar; }
+});
 Object.defineProperty(exports, "Breadcrumb", {
   enumerable: true,
   get: function () { return chunkH3JNRTAI_js.Breadcrumb; }
@@ -795,10 +804,6 @@ Object.defineProperty(exports, "buttonVariants", {
   enumerable: true,
   get: function () { return chunkYZTVHCLK_js.buttonVariants; }
 });
-Object.defineProperty(exports, "CardList", {
-  enumerable: true,
-  get: function () { return chunkMY6BYO5F_js.CardList; }
-});
 Object.defineProperty(exports, "Card", {
   enumerable: true,
   get: function () { return chunkZAUYE2EI_js.Card; }
@@ -827,21 +832,17 @@ Object.defineProperty(exports, "cardVariants", {
   enumerable: true,
   get: function () { return chunkZAUYE2EI_js.cardVariants; }
 });
-Object.defineProperty(exports, "Checkbox", {
-  enumerable: true,
-  get: function () { return chunkIJIUUBFT_js.Checkbox; }
-});
-Object.defineProperty(exports, "Accordion", {
+Object.defineProperty(exports, "CardList", {
   enumerable: true,
-  get: function () { return chunkMCF3EQTV_js.Accordion; }
+  get: function () { return chunkMY6BYO5F_js.CardList; }
 });
 Object.defineProperty(exports, "Alert", {
   enumerable: true,
   get: function () { return chunkWBRVUWGC_js.Alert; }
 });
-Object.defineProperty(exports, "Avatar", {
+Object.defineProperty(exports, "Accordion", {
   enumerable: true,
-  get: function () { return chunkEY4ZIR3P_js.Avatar; }
+  get: function () { return chunkMCF3EQTV_js.Accordion; }
 });
 Object.defineProperty(exports, "Autocomplete", {
   enumerable: true,
@@ -851,6 +852,10 @@ Object.defineProperty(exports, "autocompleteInputVariants", {
   enumerable: true,
   get: function () { return chunkNHB2TI2B_js.autocompleteInputVariants; }
 });
+Object.defineProperty(exports, "Avatar", {
+  enumerable: true,
+  get: function () { return chunkEY4ZIR3P_js.Avatar; }
+});
 Object.defineProperty(exports, "cn", {
   enumerable: true,
   get: function () { return chunkADIDI7AJ_js.cn; }

package/dist/index.mjs

@@ -1,6 +1,8 @@
+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';
@@ -8,15 +10,15 @@ export { Switch, switchThumbVariants, switchTrackVariants } from './chunk-DMCMWO
 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 { RadioGroup } from './chunk-F2BUMJYW.mjs';
 export { Rating } from './chunk-SGDC4IVX.mjs';
-export { RoomTypeCard, RoomTypeCardSkeleton } from './chunk-XH2MVC4W.mjs';
+export { RoomTypeCard, RoomTypeCardSkeleton } from './chunk-QJDKVDK2.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 { LoadingOverlay } from './chunk-WVEJS2J2.mjs';
 export { MegaMenu } from './chunk-EUEM2D5M.mjs';
 export { MobileMenu } from './chunk-R4DC7XPP.mjs';
 export { Modal } from './chunk-74B2EGKT.mjs';
@@ -24,7 +26,7 @@ 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 { Header } from './chunk-PPDKQ3FF.mjs';
 export { HotelCard } from './chunk-PXHZ4CXG.mjs';
 export { IconBadge, iconBadgeVariants } from './chunk-I4WCNTNP.mjs';
 export { ImageGallery } from './chunk-QU6ZRLKO.mjs';
@@ -32,7 +34,7 @@ export { ImageWithFallback } from './chunk-BUXVK2HE.mjs';
 export { Input, inputVariants } from './chunk-GRG4USTC.mjs';
 export { Lightbox } from './chunk-GBWVIY3C.mjs';
 export { LinkCard } from './chunk-UYDZKAGZ.mjs';
-export { LoadingOverlay } from './chunk-WVEJS2J2.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';
@@ -40,27 +42,26 @@ export { FilterPill } from './chunk-TNWMTKNR.mjs';
 export { FloatingDock } from './chunk-PBDPZTHK.mjs';
 export { Footer } from './chunk-SZ3SV4SJ.mjs';
 export { GuestPicker } from './chunk-EJ7LDW7E.mjs';
-export { Header } from './chunk-PPDKQ3FF.mjs';
 export { Carousel } from './chunk-OOPP4ES2.mjs';
+export { Checkbox } from './chunk-EEIPCJQ2.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 { DualRangeSlider } from './chunk-ERL3WXNY.mjs';
+export { AnchorTabs } from './chunk-PU4CWOWU.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 { Button, buttonVariants } from './chunk-4U5MNA3B.mjs';
-export { CardList } from './chunk-RJWHPHHX.mjs';
 export { Card, CardContent, CardDescription, CardImage, CardTitle, cardImageVariants, cardVariants } from './chunk-V5J2XLPD.mjs';
-export { Checkbox } from './chunk-EEIPCJQ2.mjs';
-export { Accordion } from './chunk-NZ7GF6RF.mjs';
+export { CardList } from './chunk-RJWHPHHX.mjs';
 export { Alert } from './chunk-BQWVWK74.mjs';
-export { Avatar } from './chunk-2POGTS27.mjs';
+export { Accordion } from './chunk-NZ7GF6RF.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';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dododog/ui",
-  "version": "0.3.0",
+  "version": "0.5.0",
   "description": "React UI component library for DodoDog — pet-friendly travel platform",
   "sideEffects": false,
   "license": "MIT",
@@ -28,6 +28,11 @@
       "import": "./dist/components/Accordion/index.mjs",
       "require": "./dist/components/Accordion/index.js"
     },
+    "./anchor-tabs": {
+      "types": "./dist/components/AnchorTabs/index.d.ts",
+      "import": "./dist/components/AnchorTabs/index.mjs",
+      "require": "./dist/components/AnchorTabs/index.js"
+    },
     "./alert": {
       "types": "./dist/components/Alert/index.d.ts",
       "import": "./dist/components/Alert/index.mjs",