@dododog/ui 0.13.1 → 0.14.1

package/dist/index.mjs

@@ -1,10 +1,11 @@
+export { Tag, tagVariants } from './chunk-WOG6V7OW.mjs';
 export { Textarea, textareaVariants } from './chunk-ZZ4EWC53.mjs';
 export { Toast, toastVariants } from './chunk-YVTUUNAX.mjs';
 export { Toggle } from './chunk-2AB5ZHY5.mjs';
 export { Tooltip } from './chunk-2MJTZ6RR.mjs';
-export { Tag, tagVariants } from './chunk-WOG6V7OW.mjs';
 export { TripHeroCard } from './chunk-LO2XNMZO.mjs';
 export { VerticalMarquee } from './chunk-JP5ZR2HI.mjs';
+export { Spinner, spinnerVariants } from './chunk-NCSFXSOZ.mjs';
 export { StatCard } from './chunk-O2W7NR33.mjs';
 export { StatTile } from './chunk-ZEPXWD6U.mjs';
 export { StatusBadge, statusBadgeVariants } from './chunk-FZ7UNXSC.mjs';
@@ -12,68 +13,67 @@ export { StayListRow } from './chunk-IVCQVBOT.mjs';
 export { Stepper } from './chunk-2ASKBL63.mjs';
 export { Switch, switchThumbVariants, switchTrackVariants } from './chunk-DMCMWOBJ.mjs';
 export { Tabs } from './chunk-VOZPGXQD.mjs';
-export { SectionHeader } from './chunk-DM76AK4A.mjs';
+export { SearchLoadingChecklist } from './chunk-SRYZ4N7T.mjs';
 export { SearchWidget } from './chunk-DUT3ABEI.mjs';
 export { SegmentedControl } from './chunk-36Y7UU32.mjs';
-export { RoomTypeCard, RoomTypeCardSkeleton } from './chunk-IGBEBAPY.mjs';
-export { Skeleton, SkeletonCircle, SkeletonImage, SkeletonText } from './chunk-PAHSQMXV.mjs';
 export { Select, selectVariants } from './chunk-333YD5QI.mjs';
+export { SectionHeader } from './chunk-DM76AK4A.mjs';
 export { Sidebar } from './chunk-MPL35D5G.mjs';
 export { SignInCallout, signInCalloutVariants } from './chunk-Z3KRMKHP.mjs';
-export { Spinner, spinnerVariants } from './chunk-NCSFXSOZ.mjs';
-export { MobileMenu } from './chunk-R4DC7XPP.mjs';
+export { Pagination } from './chunk-XQVODPHL.mjs';
+export { PriceDisplay } from './chunk-REXLQTNE.mjs';
 export { ProgressBar, progressBarVariants, progressFillVariants } from './chunk-UGYMWWKT.mjs';
+export { RadioGroup } from './chunk-F2BUMJYW.mjs';
 export { PromoBanner, promoBannerVariants } from './chunk-FNDR3WOZ.mjs';
 export { Rating } from './chunk-SGDC4IVX.mjs';
-export { PriceDisplay } from './chunk-REXLQTNE.mjs';
-export { RadioGroup } from './chunk-F2BUMJYW.mjs';
+export { RoomTypeCard, RoomTypeCardSkeleton } from './chunk-IGBEBAPY.mjs';
+export { Skeleton, SkeletonCircle, SkeletonImage, SkeletonText } from './chunk-PAHSQMXV.mjs';
 export { SearchBar } from './chunk-KQK7LFWM.mjs';
-export { SearchLoadingChecklist } from './chunk-SRYZ4N7T.mjs';
-export { ImageWithFallback } from './chunk-BUXVK2HE.mjs';
-export { Input, inputVariants } from './chunk-GRG4USTC.mjs';
+export { ImpactCard } from './chunk-IKQYFSBW.mjs';
+export { Input, inputVariants } from './chunk-JWOV5H6G.mjs';
 export { Lightbox } from './chunk-GBWVIY3C.mjs';
 export { LinkCard } from './chunk-UYDZKAGZ.mjs';
 export { LoadingOverlay } from './chunk-WVEJS2J2.mjs';
 export { MegaMenu } from './chunk-EUEM2D5M.mjs';
-export { Pagination } from './chunk-XQVODPHL.mjs';
-export { Modal } from './chunk-74B2EGKT.mjs';
+export { MobileMenu } from './chunk-R4DC7XPP.mjs';
+export { Modal } from './chunk-N5ZNXNCO.mjs';
 export { FloatingDock } from './chunk-P2SGBTKS.mjs';
-export { Footer } from './chunk-SZ3SV4SJ.mjs';
+export { Footer } from './chunk-4DHZ6MIL.mjs';
 export { GuestPicker } from './chunk-EJ7LDW7E.mjs';
 export { Header } from './chunk-PPDKQ3FF.mjs';
-export { IconBadge, iconBadgeVariants } from './chunk-I4WCNTNP.mjs';
 export { HotelCard } from './chunk-XSSRFA5O.mjs';
+export { IconBadge, iconBadgeVariants } from './chunk-I4WCNTNP.mjs';
 export { ImageGallery } from './chunk-QU6ZRLKO.mjs';
-export { ImpactCard } from './chunk-IKQYFSBW.mjs';
-import './chunk-OZULAGYL.mjs';
+export { ImageWithFallback } from './chunk-BUXVK2HE.mjs';
+export { DogCard } from './chunk-4A3AQ66D.mjs';
 export { Drawer } from './chunk-ZLF7IL3Y.mjs';
 export { DropdownMenu } from './chunk-Q7BKR6O7.mjs';
-export { DualRangeSlider } from './chunk-ERL3WXNY.mjs';
 export { EmptyState } from './chunk-OCUHCDAQ.mjs';
+export { DualRangeSlider } from './chunk-ERL3WXNY.mjs';
 export { ErrorBoundary } from './chunk-5257MWFI.mjs';
-export { FilterAccordion } from './chunk-VQVRKRSM.mjs';
 export { FilterPill } from './chunk-YKBASX5A.mjs';
-export { Carousel } from './chunk-OOPP4ES2.mjs';
+export { FilterAccordion } from './chunk-VQVRKRSM.mjs';
 export { CardList } from './chunk-RJWHPHHX.mjs';
+export { Carousel } from './chunk-OOPP4ES2.mjs';
 export { Checkbox } from './chunk-EEIPCJQ2.mjs';
-export { DatePickerInput, DateRangePicker } from './chunk-FL3GD5FJ.mjs';
 export { Counter } from './chunk-LRNSVRUN.mjs';
+export { DatePickerInput, DateRangePicker } from './chunk-FL3GD5FJ.mjs';
 export { DetailList } from './chunk-N6THLJIG.mjs';
+import './chunk-OZULAGYL.mjs';
 export { Divider } from './chunk-E4B6LXK7.mjs';
-export { DogCard } from './chunk-4A3AQ66D.mjs';
 export { Autocomplete, autocompleteInputVariants } from './chunk-B47HQHX3.mjs';
-export { Badge, badgeVariants } from './chunk-XZU2SISM.mjs';
-export { Banner, bannerVariants } from './chunk-LFIZX2S6.mjs';
 export { Avatar } from './chunk-2POGTS27.mjs';
+export { Badge, badgeVariants } from './chunk-XZU2SISM.mjs';
 export { BottomNavBar } from './chunk-UQRQZLMQ.mjs';
-export { Button, buttonVariants } from './chunk-4U5MNA3B.mjs';
+export { Banner, bannerVariants } from './chunk-LFIZX2S6.mjs';
 export { Breadcrumb, breadcrumbVariants } from './chunk-UKCH6RYL.mjs';
+export { Button, buttonVariants } from './chunk-4U5MNA3B.mjs';
 export { Card, CardContent, CardDescription, CardImage, CardTitle, cardImageVariants, cardVariants } from './chunk-V5J2XLPD.mjs';
 export { Accordion } from './chunk-NZ7GF6RF.mjs';
 export { ActiveStayCard } from './chunk-CRQ4XOCC.mjs';
 export { DOG_AVATAR_COLORS, DogAvatar, DogAvatarStack, dogAvatarColor } from './chunk-AGNY5DBW.mjs';
-export { AnchorTabs } from './chunk-M2H6QUAL.mjs';
 export { Alert } from './chunk-BQWVWK74.mjs';
+export { AnchorTabs } from './chunk-M2H6QUAL.mjs';
 import { cn } from './chunk-IMKLN273.mjs';
 export { cn } from './chunk-IMKLN273.mjs';
 import * as React from 'react';
@@ -321,6 +321,11 @@ function DogFriendlyPanel({
 function CheckIcon2({ className }) {
   return /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", className, "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { d: "M20 6 9 17l-5-5" }) });
 }
+function ChevronDownIcon({ className }) {
+  return /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className, "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { d: "m6 9 6 6 6-6" }) });
+}
+var DEFAULT_INITIAL_VISIBLE = 8;
+var DEFAULT_REVIEWS_STEP = 8;
 function formatScore(score) {
   return score.toFixed(1).replace(".", ",");
 }
@@ -336,14 +341,21 @@ function ReviewSummary({
   sources,
   subScores,
   reviews,
+  initialVisibleReviews = DEFAULT_INITIAL_VISIBLE,
+  reviewsStep = DEFAULT_REVIEWS_STEP,
+  moreReviewsLabel = "Voir plus d'avis",
   onSeeAll,
   seeAllLabel,
   emptyLabel = "Peu d'avis v\xE9rifi\xE9s pour le moment",
   className,
   ...props
 }) {
-  const hasReviews = Boolean(reviews && reviews.length > 0);
+  const totalReviews = reviews?.length ?? 0;
+  const hasReviews = totalReviews > 0;
   const isEmpty = score == null && !hasReviews;
+  const [visibleCount, setVisibleCount] = React.useState(initialVisibleReviews);
+  const visibleReviews = reviews ? reviews.slice(0, visibleCount) : [];
+  const hasMoreReviews = visibleCount < totalReviews;
   return /* @__PURE__ */ jsxs(
     "section",
     {
@@ -380,7 +392,7 @@ function ReviewSummary({
             },
             sub.label
           )) }) : null,
-          hasReviews ? /* @__PURE__ */ jsx("ul", { className: "-mx-4 flex gap-3 overflow-x-auto px-4 pb-1 [scrollbar-width:none] md:mx-0 md:px-0 [&::-webkit-scrollbar]:hidden", children: reviews.map((review, index) => /* @__PURE__ */ jsxs(
+          hasReviews ? /* @__PURE__ */ jsx("ul", { className: "-mx-4 flex gap-3 overflow-x-auto px-4 pb-1 [scrollbar-width:none] md:mx-0 md:px-0 [&::-webkit-scrollbar]:hidden", children: visibleReviews.map((review, index) => /* @__PURE__ */ jsxs(
             "li",
             {
               className: "flex w-[280px] shrink-0 flex-col rounded-2xl border border-sand-dark bg-white p-4",
@@ -417,6 +429,20 @@ function ReviewSummary({
             },
             `${review.author}-${index}`
           )) }) : null,
+          hasMoreReviews ? /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: () => setVisibleCount(
+                (current) => Math.min(current + reviewsStep, totalReviews)
+              ),
+              className: "mt-4 inline-flex w-full items-center justify-center gap-1.5 rounded-full border-[1.5px] border-primary bg-transparent px-4 py-3 text-sm font-semibold text-primary transition-colors hover:bg-primary hover:text-white",
+              children: [
+                moreReviewsLabel,
+                /* @__PURE__ */ jsx(ChevronDownIcon, { className: "h-4 w-4" })
+              ]
+            }
+          ) : null,
           onSeeAll ? /* @__PURE__ */ jsx(
             "button",
             {

package/dist/tailwind-preset.d.mts

@@ -1,6 +1,6 @@
 import { F as FontSizeValue } from './typography-BUlhEnfy.mjs';
 
-declare const dododogPreset: {
+declare const toutoutripPreset: {
     theme: {
         extend: {
             colors: {
@@ -167,4 +167,4 @@ declare const dododogPreset: {
     };
 };
 
-export { dododogPreset };
+export { toutoutripPreset };

package/dist/tailwind-preset.d.ts

@@ -1,6 +1,6 @@
 import { F as FontSizeValue } from './typography-BUlhEnfy.js';
 
-declare const dododogPreset: {
+declare const toutoutripPreset: {
     theme: {
         extend: {
             colors: {
@@ -167,4 +167,4 @@ declare const dododogPreset: {
     };
 };
 
-export { dododogPreset };
+export { toutoutripPreset };

package/dist/tailwind-preset.js

@@ -3,7 +3,7 @@
 var chunk2XH74PQR_js = require('./chunk-2XH74PQR.js');
 
 // src/tailwind-preset.ts
-var dododogPreset = {
+var toutoutripPreset = {
   theme: {
     extend: {
       colors: chunk2XH74PQR_js.colors,
@@ -16,4 +16,4 @@ var dododogPreset = {
   }
 };
 
-exports.dododogPreset = dododogPreset;
+exports.toutoutripPreset = toutoutripPreset;

package/dist/tailwind-preset.mjs

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

package/package.json

@@ -1,17 +1,17 @@
 {
   "name": "@dododog/ui",
-  "version": "0.13.1",
-  "description": "React UI component library for DodoDog — pet-friendly travel platform",
+  "version": "0.14.1",
+  "description": "React UI component library for ToutouTrip — pet-friendly travel platform",
   "sideEffects": false,
   "license": "MIT",
-  "homepage": "https://storybook.dododog.voyage",
+  "homepage": "https://storybook.toutoutrip.com",
   "keywords": [
     "react",
     "ui",
     "components",
     "tailwindcss",
     "design-system",
-    "dododog"
+    "toutoutrip"
   ],
   "files": [
     "dist",
@@ -417,25 +417,19 @@
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
-  "scripts": {
-    "build": "NODE_OPTIONS='--max-old-space-size=8192' tsup",
-    "dev": "tsup --watch",
-    "lint": "eslint . --max-warnings 0",
-    "clean": "rm -rf .turbo node_modules dist"
-  },
   "peerDependencies": {
     "react": ">=18",
     "tailwindcss": ">=3"
   },
   "devDependencies": {
-    "@dododog/eslint-config": "workspace:*",
-    "@dododog/typescript-config": "workspace:*",
     "@types/react": "^18.2.61",
     "@types/react-dom": "^18.2.19",
     "eslint": "^8.57.0",
     "react": "^18.2.0",
     "tsup": "^8.0.2",
-    "typescript": "5.5.4"
+    "typescript": "5.5.4",
+    "@toutoutrip/eslint-config": "0.0.0",
+    "@toutoutrip/typescript-config": "0.0.0"
   },
   "publishConfig": {
     "access": "public"
@@ -445,5 +439,11 @@
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "tailwind-merge": "^2.6.1"
+  },
+  "scripts": {
+    "build": "NODE_OPTIONS='--max-old-space-size=8192' tsup",
+    "dev": "tsup --watch",
+    "lint": "eslint . --max-warnings 0",
+    "clean": "rm -rf .turbo node_modules dist"
   }
-}
+}

package/dist/chunk-74B2EGKT.mjs

@@ -1,99 +0,0 @@
-import { cn } from './chunk-IMKLN273.mjs';
-import * as React from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var Modal = React.forwardRef(
-  ({ isOpen, onClose, children, title, className }, ref) => {
-    const contentRef = React.useRef(null);
-    React.useEffect(() => {
-      if (!isOpen) return;
-      const handleKeyDown = (e) => {
-        if (e.key === "Escape") onClose();
-      };
-      document.addEventListener("keydown", handleKeyDown);
-      return () => document.removeEventListener("keydown", handleKeyDown);
-    }, [isOpen, onClose]);
-    React.useEffect(() => {
-      if (!isOpen) return;
-      const prev = document.body.style.overflow;
-      document.body.style.overflow = "hidden";
-      return () => {
-        document.body.style.overflow = prev;
-      };
-    }, [isOpen]);
-    React.useEffect(() => {
-      if (!isOpen || !contentRef.current) return;
-      const focusable = contentRef.current.querySelectorAll(
-        'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
-      );
-      if (focusable.length > 0) focusable[0].focus();
-    }, [isOpen]);
-    if (!isOpen) return null;
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        ref,
-        className: "fixed inset-0 z-50 flex items-center justify-center p-4",
-        role: "dialog",
-        "aria-modal": "true",
-        "aria-label": title,
-        children: [
-          /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: "absolute inset-0 bg-black/50",
-              onClick: onClose,
-              "aria-hidden": "true"
-            }
-          ),
-          /* @__PURE__ */ jsxs(
-            "div",
-            {
-              ref: contentRef,
-              className: cn(
-                "relative bg-white rounded-2xl shadow-xl max-w-md w-full max-h-[90vh] overflow-auto",
-                className
-              ),
-              children: [
-                title && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-6 pt-6 pb-2", children: [
-                  /* @__PURE__ */ jsx("h2", { className: "text-lg font-heading font-semibold text-primary", children: title }),
-                  /* @__PURE__ */ jsx(
-                    "button",
-                    {
-                      type: "button",
-                      onClick: onClose,
-                      className: "text-text-muted hover:text-primary transition-colors",
-                      "aria-label": "Fermer",
-                      children: /* @__PURE__ */ jsxs(
-                        "svg",
-                        {
-                          xmlns: "http://www.w3.org/2000/svg",
-                          width: "20",
-                          height: "20",
-                          viewBox: "0 0 24 24",
-                          fill: "none",
-                          stroke: "currentColor",
-                          strokeWidth: "2",
-                          strokeLinecap: "round",
-                          strokeLinejoin: "round",
-                          children: [
-                            /* @__PURE__ */ jsx("path", { d: "M18 6 6 18" }),
-                            /* @__PURE__ */ jsx("path", { d: "m6 6 12 12" })
-                          ]
-                        }
-                      )
-                    }
-                  )
-                ] }),
-                /* @__PURE__ */ jsx("div", { className: cn(title ? "px-6 pb-6" : "p-6"), children })
-              ]
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-Modal.displayName = "Modal";
-
-export { Modal };