@dododog/ui 0.6.2 → 0.6.4

package/dist/{chunk-6ASRTUXO.js → chunk-B4LR4H6R.js}

@@ -28,8 +28,8 @@ function formatPrice(price, currency) {
   return new Intl.NumberFormat("fr-FR", {
     style: "currency",
     currency,
-    minimumFractionDigits: 0,
-    maximumFractionDigits: 0
+    minimumFractionDigits: 2,
+    maximumFractionDigits: 2
   }).format(price);
 }
 var PriceDisplay = React__namespace.forwardRef(

package/dist/{chunk-ODUY7NXD.js → chunk-ECVKFE6U.js}

@@ -53,8 +53,8 @@ function formatPrice(price) {
   return new Intl.NumberFormat("fr-FR", {
     style: "currency",
     currency: "EUR",
-    minimumFractionDigits: 0,
-    maximumFractionDigits: 0
+    minimumFractionDigits: 2,
+    maximumFractionDigits: 2
   }).format(price);
 }
 var HotelCard = React__namespace.forwardRef(

package/dist/{chunk-MKUUHYGQ.mjs → chunk-M2H6QUAL.mjs}

@@ -11,7 +11,8 @@ var AnchorTabs = React.forwardRef(
     onActiveChange,
     pinWhileSectionsVisible = false,
     pinTop = 72,
-    containerClassName
+    containerClassName,
+    variant = "underline"
   }, ref) => {
     const [activeKey, setActiveKey] = React.useState(items[0]?.key ?? "");
     const [pinned, setPinned] = React.useState(false);
@@ -90,7 +91,10 @@ var AnchorTabs = React.forwardRef(
             ref,
             "aria-label": ariaLabel,
             className: cn(
-              "flex items-stretch gap-1 overflow-x-auto border-b border-sand-dark bg-white",
+              variant === "pills" ? (
+                // Pills : chips posées sur le fond de page, sans carte ni séparateur.
+                "flex items-center gap-2 overflow-x-auto"
+              ) : "flex items-stretch gap-1 overflow-x-auto border-b border-sand-dark bg-white",
               isPinned && "z-40 shadow-sm",
               className
             ),
@@ -107,8 +111,14 @@ var AnchorTabs = React.forwardRef(
                     // 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"
+                    "flex min-h-[44px] items-center whitespace-nowrap px-4 text-sm outline-none transition-colors duration-200 active:opacity-70 focus-visible:ring-2 focus-visible:ring-secondary focus-visible:ring-offset-2",
+                    variant === "pills" ? cn(
+                      "rounded-full border",
+                      isActive ? "border-primary bg-primary font-semibold text-white" : "border-gray-200 bg-white font-medium text-text-secondary hover:border-gray-300 hover:text-primary"
+                    ) : cn(
+                      "-mb-px border-b-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
                 },

package/dist/{chunk-DGEXT7PN.mjs → chunk-REXLQTNE.mjs}

@@ -6,8 +6,8 @@ function formatPrice(price, currency) {
   return new Intl.NumberFormat("fr-FR", {
     style: "currency",
     currency,
-    minimumFractionDigits: 0,
-    maximumFractionDigits: 0
+    minimumFractionDigits: 2,
+    maximumFractionDigits: 2
   }).format(price);
 }
 var PriceDisplay = React.forwardRef(

package/dist/{chunk-2J73BRC5.js → chunk-WXEZA6NE.js}

@@ -33,7 +33,8 @@ var AnchorTabs = React__namespace.forwardRef(
     onActiveChange,
     pinWhileSectionsVisible = false,
     pinTop = 72,
-    containerClassName
+    containerClassName,
+    variant = "underline"
   }, ref) => {
     const [activeKey, setActiveKey] = React__namespace.useState(items[0]?.key ?? "");
     const [pinned, setPinned] = React__namespace.useState(false);
@@ -112,7 +113,10 @@ var AnchorTabs = React__namespace.forwardRef(
             ref,
             "aria-label": ariaLabel,
             className: chunkADIDI7AJ_js.cn(
-              "flex items-stretch gap-1 overflow-x-auto border-b border-sand-dark bg-white",
+              variant === "pills" ? (
+                // Pills : chips posées sur le fond de page, sans carte ni séparateur.
+                "flex items-center gap-2 overflow-x-auto"
+              ) : "flex items-stretch gap-1 overflow-x-auto border-b border-sand-dark bg-white",
               isPinned && "z-40 shadow-sm",
               className
             ),
@@ -129,8 +133,14 @@ var AnchorTabs = React__namespace.forwardRef(
                     // 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"
+                    "flex min-h-[44px] items-center whitespace-nowrap px-4 text-sm outline-none transition-colors duration-200 active:opacity-70 focus-visible:ring-2 focus-visible:ring-secondary focus-visible:ring-offset-2",
+                    variant === "pills" ? chunkADIDI7AJ_js.cn(
+                      "rounded-full border",
+                      isActive ? "border-primary bg-primary font-semibold text-white" : "border-gray-200 bg-white font-medium text-text-secondary hover:border-gray-300 hover:text-primary"
+                    ) : chunkADIDI7AJ_js.cn(
+                      "-mb-px border-b-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
                 },

package/dist/{chunk-PXHZ4CXG.mjs → chunk-XSSRFA5O.mjs}

@@ -31,8 +31,8 @@ function formatPrice(price) {
   return new Intl.NumberFormat("fr-FR", {
     style: "currency",
     currency: "EUR",
-    minimumFractionDigits: 0,
-    maximumFractionDigits: 0
+    minimumFractionDigits: 2,
+    maximumFractionDigits: 2
   }).format(price);
 }
 var HotelCard = React.forwardRef(

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

@@ -34,6 +34,13 @@ interface AnchorTabsProps {
     pinTop?: number;
     /** Classes du conteneur/sentinelle (ex. `hidden lg:block`). */
     containerClassName?: string;
+    /**
+     * Présentation de la barre :
+     * - `underline` (défaut) : rangée d'onglets sur fond blanc, actif souligné ;
+     * - `pills` : chips arrondies posées sur le fond de page (pattern
+     *   FilterPill) — actif rempli `primary`, inactifs en pill blanche bordée.
+     */
+    variant?: "underline" | "pills";
 }
 /**
  * Barre d'onglets d'ancrage (desktop) avec scroll-spy.

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

@@ -34,6 +34,13 @@ interface AnchorTabsProps {
     pinTop?: number;
     /** Classes du conteneur/sentinelle (ex. `hidden lg:block`). */
     containerClassName?: string;
+    /**
+     * Présentation de la barre :
+     * - `underline` (défaut) : rangée d'onglets sur fond blanc, actif souligné ;
+     * - `pills` : chips arrondies posées sur le fond de page (pattern
+     *   FilterPill) — actif rempli `primary`, inactifs en pill blanche bordée.
+     */
+    variant?: "underline" | "pills";
 }
 /**
  * Barre d'onglets d'ancrage (desktop) avec scroll-spy.

package/dist/components/AnchorTabs/index.js

@@ -1,11 +1,11 @@
 'use strict';
 
-var chunk2J73BRC5_js = require('../../chunk-2J73BRC5.js');
+var chunkWXEZA6NE_js = require('../../chunk-WXEZA6NE.js');
 require('../../chunk-ADIDI7AJ.js');
 
 
 
 Object.defineProperty(exports, "AnchorTabs", {
   enumerable: true,
-  get: function () { return chunk2J73BRC5_js.AnchorTabs; }
+  get: function () { return chunkWXEZA6NE_js.AnchorTabs; }
 });

package/dist/components/AnchorTabs/index.mjs

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

package/dist/components/HotelCard/index.js

@@ -1,11 +1,11 @@
 'use strict';
 
-var chunkODUY7NXD_js = require('../../chunk-ODUY7NXD.js');
+var chunkECVKFE6U_js = require('../../chunk-ECVKFE6U.js');
 require('../../chunk-ADIDI7AJ.js');
 
 
 
 Object.defineProperty(exports, "HotelCard", {
   enumerable: true,
-  get: function () { return chunkODUY7NXD_js.HotelCard; }
+  get: function () { return chunkECVKFE6U_js.HotelCard; }
 });

package/dist/components/HotelCard/index.mjs

@@ -1,2 +1,2 @@
-export { HotelCard } from '../../chunk-PXHZ4CXG.mjs';
+export { HotelCard } from '../../chunk-XSSRFA5O.mjs';
 import '../../chunk-IMKLN273.mjs';

package/dist/components/PriceDisplay/index.js

@@ -1,11 +1,11 @@
 'use strict';
 
-var chunk6ASRTUXO_js = require('../../chunk-6ASRTUXO.js');
+var chunkB4LR4H6R_js = require('../../chunk-B4LR4H6R.js');
 require('../../chunk-ADIDI7AJ.js');
 
 
 
 Object.defineProperty(exports, "PriceDisplay", {
   enumerable: true,
-  get: function () { return chunk6ASRTUXO_js.PriceDisplay; }
+  get: function () { return chunkB4LR4H6R_js.PriceDisplay; }
 });

package/dist/components/PriceDisplay/index.mjs

@@ -1,2 +1,2 @@
-export { PriceDisplay } from '../../chunk-DGEXT7PN.mjs';
+export { PriceDisplay } from '../../chunk-REXLQTNE.mjs';
 import '../../chunk-IMKLN273.mjs';

package/dist/index.js

@@ -25,23 +25,23 @@ var chunkHN6B4TAW_js = require('./chunk-HN6B4TAW.js');
 var chunkKZSGVMUG_js = require('./chunk-KZSGVMUG.js');
 var chunkNBDPT3XQ_js = require('./chunk-NBDPT3XQ.js');
 var chunkSCGN5H6D_js = require('./chunk-SCGN5H6D.js');
-var chunk6ASRTUXO_js = require('./chunk-6ASRTUXO.js');
+var chunkB4LR4H6R_js = require('./chunk-B4LR4H6R.js');
 var chunkPG4I4NWO_js = require('./chunk-PG4I4NWO.js');
 var chunkPRDIS2VR_js = require('./chunk-PRDIS2VR.js');
-var chunkODUY7NXD_js = require('./chunk-ODUY7NXD.js');
 var chunkIRKM5UF4_js = require('./chunk-IRKM5UF4.js');
+var chunkECVKFE6U_js = require('./chunk-ECVKFE6U.js');
 var chunkYN4HPIRC_js = require('./chunk-YN4HPIRC.js');
 var chunkMKOKWME3_js = require('./chunk-MKOKWME3.js');
 var chunkDLOHAW74_js = require('./chunk-DLOHAW74.js');
 var chunk77WKG2D7_js = require('./chunk-77WKG2D7.js');
 var chunkU3XWNFHH_js = require('./chunk-U3XWNFHH.js');
 var chunkW7DZZS6L_js = require('./chunk-W7DZZS6L.js');
-var chunkIEHX4DU6_js = require('./chunk-IEHX4DU6.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 chunkS732LTPT_js = require('./chunk-S732LTPT.js');
 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 chunkP7GAKOCX_js = require('./chunk-P7GAKOCX.js');
@@ -50,8 +50,8 @@ 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 chunkT5FLQQP6_js = require('./chunk-T5FLQQP6.js');
 var chunkVWFY24XF_js = require('./chunk-VWFY24XF.js');
+var chunkT5FLQQP6_js = require('./chunk-T5FLQQP6.js');
 var chunkEY4ZIR3P_js = require('./chunk-EY4ZIR3P.js');
 var chunkZ5S7LHMY_js = require('./chunk-Z5S7LHMY.js');
 var chunk6EG6EAHW_js = require('./chunk-6EG6EAHW.js');
@@ -62,7 +62,7 @@ var chunkZAUYE2EI_js = require('./chunk-ZAUYE2EI.js');
 var chunkMY6BYO5F_js = require('./chunk-MY6BYO5F.js');
 var chunkMCF3EQTV_js = require('./chunk-MCF3EQTV.js');
 var chunkWBRVUWGC_js = require('./chunk-WBRVUWGC.js');
-var chunk2J73BRC5_js = require('./chunk-2J73BRC5.js');
+var chunkWXEZA6NE_js = require('./chunk-WXEZA6NE.js');
 var chunkNHB2TI2B_js = require('./chunk-NHB2TI2B.js');
 var chunkADIDI7AJ_js = require('./chunk-ADIDI7AJ.js');
 var React = require('react');
@@ -634,7 +634,7 @@ Object.defineProperty(exports, "Pagination", {
 });
 Object.defineProperty(exports, "PriceDisplay", {
   enumerable: true,
-  get: function () { return chunk6ASRTUXO_js.PriceDisplay; }
+  get: function () { return chunkB4LR4H6R_js.PriceDisplay; }
 });
 Object.defineProperty(exports, "ProgressBar", {
   enumerable: true,
@@ -656,14 +656,14 @@ Object.defineProperty(exports, "promoBannerVariants", {
   enumerable: true,
   get: function () { return chunkPRDIS2VR_js.promoBannerVariants; }
 });
-Object.defineProperty(exports, "HotelCard", {
-  enumerable: true,
-  get: function () { return chunkODUY7NXD_js.HotelCard; }
-});
 Object.defineProperty(exports, "Header", {
   enumerable: true,
   get: function () { return chunkIRKM5UF4_js.Header; }
 });
+Object.defineProperty(exports, "HotelCard", {
+  enumerable: true,
+  get: function () { return chunkECVKFE6U_js.HotelCard; }
+});
 Object.defineProperty(exports, "IconBadge", {
   enumerable: true,
   get: function () { return chunkYN4HPIRC_js.IconBadge; }
@@ -696,14 +696,14 @@ Object.defineProperty(exports, "LinkCard", {
   enumerable: true,
   get: function () { return chunkW7DZZS6L_js.LinkCard; }
 });
-Object.defineProperty(exports, "EmptyState", {
-  enumerable: true,
-  get: function () { return chunkIEHX4DU6_js.EmptyState; }
-});
 Object.defineProperty(exports, "DualRangeSlider", {
   enumerable: true,
   get: function () { return chunkTDGU5Y2P_js.DualRangeSlider; }
 });
+Object.defineProperty(exports, "EmptyState", {
+  enumerable: true,
+  get: function () { return chunkIEHX4DU6_js.EmptyState; }
+});
 Object.defineProperty(exports, "ErrorBoundary", {
   enumerable: true,
   get: function () { return chunkS5TLUDNM_js.ErrorBoundary; }
@@ -712,14 +712,14 @@ Object.defineProperty(exports, "FilterAccordion", {
   enumerable: true,
   get: function () { return chunk7W3TFPIF_js.FilterAccordion; }
 });
-Object.defineProperty(exports, "FloatingDock", {
-  enumerable: true,
-  get: function () { return chunkS732LTPT_js.FloatingDock; }
-});
 Object.defineProperty(exports, "FilterPill", {
   enumerable: true,
   get: function () { return chunkN2Q4Z2FU_js.FilterPill; }
 });
+Object.defineProperty(exports, "FloatingDock", {
+  enumerable: true,
+  get: function () { return chunkS732LTPT_js.FloatingDock; }
+});
 Object.defineProperty(exports, "Footer", {
   enumerable: true,
   get: function () { return chunkC4RZBOKH_js.Footer; }
@@ -756,14 +756,14 @@ Object.defineProperty(exports, "Divider", {
   enumerable: true,
   get: function () { return chunkXXC2YD3D_js.Divider; }
 });
-Object.defineProperty(exports, "DropdownMenu", {
-  enumerable: true,
-  get: function () { return chunkT5FLQQP6_js.DropdownMenu; }
-});
 Object.defineProperty(exports, "Drawer", {
   enumerable: true,
   get: function () { return chunkVWFY24XF_js.Drawer; }
 });
+Object.defineProperty(exports, "DropdownMenu", {
+  enumerable: true,
+  get: function () { return chunkT5FLQQP6_js.DropdownMenu; }
+});
 Object.defineProperty(exports, "Avatar", {
   enumerable: true,
   get: function () { return chunkEY4ZIR3P_js.Avatar; }
@@ -846,7 +846,7 @@ Object.defineProperty(exports, "Alert", {
 });
 Object.defineProperty(exports, "AnchorTabs", {
   enumerable: true,
-  get: function () { return chunk2J73BRC5_js.AnchorTabs; }
+  get: function () { return chunkWXEZA6NE_js.AnchorTabs; }
 });
 Object.defineProperty(exports, "Autocomplete", {
   enumerable: true,

package/dist/index.mjs

@@ -23,23 +23,23 @@ export { MegaMenu } from './chunk-EUEM2D5M.mjs';
 export { MobileMenu } from './chunk-R4DC7XPP.mjs';
 export { Modal } from './chunk-74B2EGKT.mjs';
 export { Pagination } from './chunk-XQVODPHL.mjs';
-export { PriceDisplay } from './chunk-DGEXT7PN.mjs';
+export { PriceDisplay } from './chunk-REXLQTNE.mjs';
 export { ProgressBar, progressBarVariants, progressFillVariants } from './chunk-UGYMWWKT.mjs';
 export { PromoBanner, promoBannerVariants } from './chunk-FNDR3WOZ.mjs';
-export { HotelCard } from './chunk-PXHZ4CXG.mjs';
 export { Header } from './chunk-PPDKQ3FF.mjs';
+export { HotelCard } from './chunk-XSSRFA5O.mjs';
 export { IconBadge, iconBadgeVariants } from './chunk-I4WCNTNP.mjs';
 export { ImageGallery } from './chunk-QU6ZRLKO.mjs';
 export { ImageWithFallback } from './chunk-BUXVK2HE.mjs';
 export { Input, inputVariants } from './chunk-GRG4USTC.mjs';
 export { Lightbox } from './chunk-GBWVIY3C.mjs';
 export { LinkCard } from './chunk-UYDZKAGZ.mjs';
-export { EmptyState } from './chunk-OCUHCDAQ.mjs';
 export { DualRangeSlider } from './chunk-ERL3WXNY.mjs';
+export { EmptyState } from './chunk-OCUHCDAQ.mjs';
 export { ErrorBoundary } from './chunk-5257MWFI.mjs';
 export { FilterAccordion } from './chunk-VQVRKRSM.mjs';
-export { FloatingDock } from './chunk-PBDPZTHK.mjs';
 export { FilterPill } from './chunk-TNWMTKNR.mjs';
+export { FloatingDock } from './chunk-PBDPZTHK.mjs';
 export { Footer } from './chunk-SZ3SV4SJ.mjs';
 export { GuestPicker } from './chunk-EJ7LDW7E.mjs';
 export { Carousel } from './chunk-OOPP4ES2.mjs';
@@ -48,8 +48,8 @@ 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 { DropdownMenu } from './chunk-Q7BKR6O7.mjs';
 export { Drawer } from './chunk-ZLF7IL3Y.mjs';
+export { DropdownMenu } from './chunk-Q7BKR6O7.mjs';
 export { Avatar } from './chunk-2POGTS27.mjs';
 export { Badge, badgeVariants } from './chunk-XZU2SISM.mjs';
 export { Banner, bannerVariants } from './chunk-LFIZX2S6.mjs';
@@ -60,7 +60,7 @@ export { Card, CardContent, CardDescription, CardImage, CardTitle, cardImageVari
 export { CardList } from './chunk-RJWHPHHX.mjs';
 export { Accordion } from './chunk-NZ7GF6RF.mjs';
 export { Alert } from './chunk-BQWVWK74.mjs';
-export { AnchorTabs } from './chunk-MKUUHYGQ.mjs';
+export { AnchorTabs } from './chunk-M2H6QUAL.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.6.2",
+  "version": "0.6.4",
   "description": "React UI component library for DodoDog — pet-friendly travel platform",
   "sideEffects": false,
   "license": "MIT",