@dododog/ui 0.3.0 → 0.4.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/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/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,7 +12,7 @@ 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 chunkHS3MAW3G_js = require('./chunk-HS3MAW3G.js');
@@ -18,7 +20,7 @@ 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,42 +28,41 @@ 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 chunkODUY7NXD_js = require('./chunk-ODUY7NXD.js');
+var chunkIRKM5UF4_js = require('./chunk-IRKM5UF4.js');
 var chunkYN4HPIRC_js = require('./chunk-YN4HPIRC.js');
+var chunkODUY7NXD_js = require('./chunk-ODUY7NXD.js');
 var chunkMKOKWME3_js = require('./chunk-MKOKWME3.js');
 var chunkDLOHAW74_js = require('./chunk-DLOHAW74.js');
-var chunk77WKG2D7_js = require('./chunk-77WKG2D7.js');
 var chunkU3XWNFHH_js = require('./chunk-U3XWNFHH.js');
+var chunk77WKG2D7_js = require('./chunk-77WKG2D7.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');
-var chunkN2Q4Z2FU_js = require('./chunk-N2Q4Z2FU.js');
 var chunkS732LTPT_js = require('./chunk-S732LTPT.js');
+var chunkN2Q4Z2FU_js = require('./chunk-N2Q4Z2FU.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 chunkT4AT3YCT_js = require('./chunk-T4AT3YCT.js');
-var chunkAIA3NHCK_js = require('./chunk-AIA3NHCK.js');
+var chunkIJIUUBFT_js = require('./chunk-IJIUUBFT.js');
 var chunkE24VNM6S_js = require('./chunk-E24VNM6S.js');
 var chunkXXC2YD3D_js = require('./chunk-XXC2YD3D.js');
+var chunkAIA3NHCK_js = require('./chunk-AIA3NHCK.js');
+var chunkT4AT3YCT_js = require('./chunk-T4AT3YCT.js');
 var chunkVWFY24XF_js = require('./chunk-VWFY24XF.js');
 var chunkT5FLQQP6_js = require('./chunk-T5FLQQP6.js');
-var chunkTDGU5Y2P_js = require('./chunk-TDGU5Y2P.js');
+var chunkEY4ZIR3P_js = require('./chunk-EY4ZIR3P.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 chunkMY6BYO5F_js = require('./chunk-MY6BYO5F.js');
 var chunkMCF3EQTV_js = require('./chunk-MCF3EQTV.js');
 var chunkWBRVUWGC_js = require('./chunk-WBRVUWGC.js');
-var chunkEY4ZIR3P_js = require('./chunk-EY4ZIR3P.js');
+var chunk5A3MVRZJ_js = require('./chunk-5A3MVRZJ.js');
 var chunkNHB2TI2B_js = require('./chunk-NHB2TI2B.js');
 var chunkADIDI7AJ_js = require('./chunk-ADIDI7AJ.js');
 var React = require('react');
@@ -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,
@@ -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,13 +656,9 @@ Object.defineProperty(exports, "promoBannerVariants", {
   enumerable: true,
   get: function () { return chunkPRDIS2VR_js.promoBannerVariants; }
 });
-Object.defineProperty(exports, "RadioGroup", {
-  enumerable: true,
-  get: function () { return chunkGXKON34B_js.RadioGroup; }
-});
-Object.defineProperty(exports, "HotelCard", {
+Object.defineProperty(exports, "Header", {
   enumerable: true,
-  get: function () { return chunkODUY7NXD_js.HotelCard; }
+  get: function () { return chunkIRKM5UF4_js.Header; }
 });
 Object.defineProperty(exports, "IconBadge", {
   enumerable: true,
@@ -663,6 +668,10 @@ Object.defineProperty(exports, "iconBadgeVariants", {
   enumerable: true,
   get: function () { return chunkYN4HPIRC_js.iconBadgeVariants; }
 });
+Object.defineProperty(exports, "HotelCard", {
+  enumerable: true,
+  get: function () { return chunkODUY7NXD_js.HotelCard; }
+});
 Object.defineProperty(exports, "ImageGallery", {
   enumerable: true,
   get: function () { return chunkMKOKWME3_js.ImageGallery; }
@@ -671,6 +680,10 @@ Object.defineProperty(exports, "ImageWithFallback", {
   enumerable: true,
   get: function () { return chunkDLOHAW74_js.ImageWithFallback; }
 });
+Object.defineProperty(exports, "Lightbox", {
+  enumerable: true,
+  get: function () { return chunkU3XWNFHH_js.Lightbox; }
+});
 Object.defineProperty(exports, "Input", {
   enumerable: true,
   get: function () { return chunk77WKG2D7_js.Input; }
@@ -679,17 +692,13 @@ Object.defineProperty(exports, "inputVariants", {
   enumerable: true,
   get: function () { return chunk77WKG2D7_js.inputVariants; }
 });
-Object.defineProperty(exports, "Lightbox", {
-  enumerable: true,
-  get: function () { return chunkU3XWNFHH_js.Lightbox; }
-});
 Object.defineProperty(exports, "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,
@@ -703,14 +712,14 @@ Object.defineProperty(exports, "FilterAccordion", {
   enumerable: true,
   get: function () { return chunk7W3TFPIF_js.FilterAccordion; }
 });
-Object.defineProperty(exports, "FilterPill", {
-  enumerable: true,
-  get: function () { return chunkN2Q4Z2FU_js.FilterPill; }
-});
 Object.defineProperty(exports, "FloatingDock", {
   enumerable: true,
   get: function () { return chunkS732LTPT_js.FloatingDock; }
 });
+Object.defineProperty(exports, "FilterPill", {
+  enumerable: true,
+  get: function () { return chunkN2Q4Z2FU_js.FilterPill; }
+});
 Object.defineProperty(exports, "Footer", {
   enumerable: true,
   get: function () { return chunkC4RZBOKH_js.Footer; }
@@ -719,17 +728,21 @@ 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, "Counter", {
+Object.defineProperty(exports, "Checkbox", {
   enumerable: true,
-  get: function () { return chunkT4AT3YCT_js.Counter; }
+  get: function () { return chunkIJIUUBFT_js.Checkbox; }
+});
+Object.defineProperty(exports, "DetailList", {
+  enumerable: true,
+  get: function () { return chunkE24VNM6S_js.DetailList; }
+});
+Object.defineProperty(exports, "Divider", {
+  enumerable: true,
+  get: function () { return chunkXXC2YD3D_js.Divider; }
 });
 Object.defineProperty(exports, "DatePickerInput", {
   enumerable: true,
@@ -739,13 +752,9 @@ Object.defineProperty(exports, "DateRangePicker", {
   enumerable: true,
   get: function () { return chunkAIA3NHCK_js.DateRangePicker; }
 });
-Object.defineProperty(exports, "DetailList", {
-  enumerable: true,
-  get: function () { return chunkE24VNM6S_js.DetailList; }
-});
-Object.defineProperty(exports, "Divider", {
+Object.defineProperty(exports, "Counter", {
   enumerable: true,
-  get: function () { return chunkXXC2YD3D_js.Divider; }
+  get: function () { return chunkT4AT3YCT_js.Counter; }
 });
 Object.defineProperty(exports, "Drawer", {
   enumerable: true,
@@ -755,9 +764,9 @@ Object.defineProperty(exports, "DropdownMenu", {
   enumerable: true,
   get: function () { return chunkT5FLQQP6_js.DropdownMenu; }
 });
-Object.defineProperty(exports, "DualRangeSlider", {
+Object.defineProperty(exports, "Avatar", {
   enumerable: true,
-  get: function () { return chunkTDGU5Y2P_js.DualRangeSlider; }
+  get: function () { return chunkEY4ZIR3P_js.Avatar; }
 });
 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,9 +832,9 @@ Object.defineProperty(exports, "cardVariants", {
   enumerable: true,
   get: function () { return chunkZAUYE2EI_js.cardVariants; }
 });
-Object.defineProperty(exports, "Checkbox", {
+Object.defineProperty(exports, "CardList", {
   enumerable: true,
-  get: function () { return chunkIJIUUBFT_js.Checkbox; }
+  get: function () { return chunkMY6BYO5F_js.CardList; }
 });
 Object.defineProperty(exports, "Accordion", {
   enumerable: true,
@@ -839,9 +844,9 @@ Object.defineProperty(exports, "Alert", {
   enumerable: true,
   get: function () { return chunkWBRVUWGC_js.Alert; }
 });
-Object.defineProperty(exports, "Avatar", {
+Object.defineProperty(exports, "AnchorTabs", {
   enumerable: true,
-  get: function () { return chunkEY4ZIR3P_js.Avatar; }
+  get: function () { return chunk5A3MVRZJ_js.AnchorTabs; }
 });
 Object.defineProperty(exports, "Autocomplete", {
   enumerable: true,

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,7 +10,7 @@ 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 { SearchBar } from './chunk-KQK7LFWM.mjs';
@@ -16,7 +18,7 @@ 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,42 +26,41 @@ 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 { HotelCard } from './chunk-PXHZ4CXG.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 { DualRangeSlider } from './chunk-ERL3WXNY.mjs';
 export { EmptyState } from './chunk-OCUHCDAQ.mjs';
 export { ErrorBoundary } from './chunk-5257MWFI.mjs';
 export { FilterAccordion } from './chunk-VQVRKRSM.mjs';
-export { FilterPill } from './chunk-TNWMTKNR.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 { Carousel } from './chunk-OOPP4ES2.mjs';
-export { Counter } from './chunk-LRNSVRUN.mjs';
-export { DatePickerInput, DateRangePicker } from './chunk-FL3GD5FJ.mjs';
+export { Checkbox } from './chunk-EEIPCJQ2.mjs';
 export { DetailList } from './chunk-N6THLJIG.mjs';
 export { Divider } from './chunk-E4B6LXK7.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 { DualRangeSlider } from './chunk-ERL3WXNY.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 { 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 { CardList } from './chunk-RJWHPHHX.mjs';
 export { Accordion } from './chunk-NZ7GF6RF.mjs';
 export { Alert } from './chunk-BQWVWK74.mjs';
-export { Avatar } from './chunk-2POGTS27.mjs';
+export { AnchorTabs } from './chunk-PU4CWOWU.mjs';
 export { Autocomplete, autocompleteInputVariants } from './chunk-B47HQHX3.mjs';
 import { cn } from './chunk-IMKLN273.mjs';
 export { cn } from './chunk-IMKLN273.mjs';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dododog/ui",
-  "version": "0.3.0",
+  "version": "0.4.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",