@planetaexo/design-system 0.50.0 → 0.50.1

package/dist/index.d.cts

@@ -2885,8 +2885,21 @@ interface TripPageProps {
     weather?: React.ReactNode;
     optionalExtras?: React.ReactNode;
     accommodation?: React.ReactNode;
+    /**
+     * Photos rendered inside the Accommodation accordion below the WYSIWYG
+     * body. Same shape as the main full-width `gallery` prop. When provided
+     * with `accommodation` omitted, the accordion still opens to show just
+     * the photos.
+     */
+    accommodationGallery?: PhotoGalleryPhoto[];
     whenItOperates?: React.ReactNode;
     food?: React.ReactNode;
+    /**
+     * Photos rendered inside the Food accordion below the WYSIWYG body.
+     * Same shape as the main full-width `gallery` prop. When provided with
+     * `food` omitted, the accordion still opens to show just the photos.
+     */
+    foodGallery?: PhotoGalleryPhoto[];
     termsAndConditions?: React.ReactNode;
     meetingPoints?: TripMeetingPoint[];
     /**
@@ -2955,7 +2968,7 @@ interface TripPageProps {
     features?: Record<string, boolean>;
     className?: string;
 }
-declare function TripPage({ title, tagline, destination, duration, images, videoUrl, breadcrumb, chips, highlights, howToGetThere, recommendedFor, overview, overviewHighlights, itinerary, itineraryDays, gallery, included, notIncluded, whatToBring, weather, optionalExtras, accommodation, whenItOperates, food, termsAndConditions, meetingPoints, meetingPoint, faqs, faqInitialCount, sectionIcons, labels, reviews, trustpilot, trustpilotMini, trustpilotHero, priceFrom, currency, season, departureTimes, benefits, currencyEstimates, priceInfo, onBook, bookLabel, siteHeader, uiVariant, features, className, }: TripPageProps): react_jsx_runtime.JSX.Element;
+declare function TripPage({ title, tagline, destination, duration, images, videoUrl, breadcrumb, chips, highlights, howToGetThere, recommendedFor, overview, overviewHighlights, itinerary, itineraryDays, gallery, included, notIncluded, whatToBring, weather, optionalExtras, accommodation, accommodationGallery, whenItOperates, food, foodGallery, termsAndConditions, meetingPoints, meetingPoint, faqs, faqInitialCount, sectionIcons, labels, reviews, trustpilot, trustpilotMini, trustpilotHero, priceFrom, currency, season, departureTimes, benefits, currencyEstimates, priceInfo, onBook, bookLabel, siteHeader, uiVariant, features, className, }: TripPageProps): react_jsx_runtime.JSX.Element;
 
 type ActivityCardSize = "sm" | "md" | "lg";
 interface ActivityCardProps {

package/dist/index.d.ts

@@ -2885,8 +2885,21 @@ interface TripPageProps {
     weather?: React.ReactNode;
     optionalExtras?: React.ReactNode;
     accommodation?: React.ReactNode;
+    /**
+     * Photos rendered inside the Accommodation accordion below the WYSIWYG
+     * body. Same shape as the main full-width `gallery` prop. When provided
+     * with `accommodation` omitted, the accordion still opens to show just
+     * the photos.
+     */
+    accommodationGallery?: PhotoGalleryPhoto[];
     whenItOperates?: React.ReactNode;
     food?: React.ReactNode;
+    /**
+     * Photos rendered inside the Food accordion below the WYSIWYG body.
+     * Same shape as the main full-width `gallery` prop. When provided with
+     * `food` omitted, the accordion still opens to show just the photos.
+     */
+    foodGallery?: PhotoGalleryPhoto[];
     termsAndConditions?: React.ReactNode;
     meetingPoints?: TripMeetingPoint[];
     /**
@@ -2955,7 +2968,7 @@ interface TripPageProps {
     features?: Record<string, boolean>;
     className?: string;
 }
-declare function TripPage({ title, tagline, destination, duration, images, videoUrl, breadcrumb, chips, highlights, howToGetThere, recommendedFor, overview, overviewHighlights, itinerary, itineraryDays, gallery, included, notIncluded, whatToBring, weather, optionalExtras, accommodation, whenItOperates, food, termsAndConditions, meetingPoints, meetingPoint, faqs, faqInitialCount, sectionIcons, labels, reviews, trustpilot, trustpilotMini, trustpilotHero, priceFrom, currency, season, departureTimes, benefits, currencyEstimates, priceInfo, onBook, bookLabel, siteHeader, uiVariant, features, className, }: TripPageProps): react_jsx_runtime.JSX.Element;
+declare function TripPage({ title, tagline, destination, duration, images, videoUrl, breadcrumb, chips, highlights, howToGetThere, recommendedFor, overview, overviewHighlights, itinerary, itineraryDays, gallery, included, notIncluded, whatToBring, weather, optionalExtras, accommodation, accommodationGallery, whenItOperates, food, foodGallery, termsAndConditions, meetingPoints, meetingPoint, faqs, faqInitialCount, sectionIcons, labels, reviews, trustpilot, trustpilotMini, trustpilotHero, priceFrom, currency, season, departureTimes, benefits, currencyEstimates, priceInfo, onBook, bookLabel, siteHeader, uiVariant, features, className, }: TripPageProps): react_jsx_runtime.JSX.Element;
 
 type ActivityCardSize = "sm" | "md" | "lg";
 interface ActivityCardProps {

package/dist/index.js

@@ -12857,8 +12857,10 @@ function TripPage({
   weather,
   optionalExtras,
   accommodation,
+  accommodationGallery,
   whenItOperates,
   food,
+  foodGallery,
   termsAndConditions,
   meetingPoints,
   meetingPoint,
@@ -12926,7 +12928,7 @@ function TripPage({
         { id: "included", label: (_c2 = labels == null ? void 0 : labels.whatIsIncluded) != null ? _c2 : "What is Included", show: !!(included == null ? void 0 : included.length) },
         { id: "what-to-bring", label: (_d2 = labels == null ? void 0 : labels.whatToBring) != null ? _d2 : "What to Bring", show: !!(whatToBring == null ? void 0 : whatToBring.length) },
         { id: "when-it-operates", label: (_e2 = labels == null ? void 0 : labels.whenItOperates) != null ? _e2 : "When this tour operates", show: !!whenItOperates },
-        { id: "accommodation", label: (_f2 = labels == null ? void 0 : labels.accommodation) != null ? _f2 : "Accommodation", show: !!accommodation },
+        { id: "accommodation", label: (_f2 = labels == null ? void 0 : labels.accommodation) != null ? _f2 : "Accommodation", show: !!(accommodation || (accommodationGallery == null ? void 0 : accommodationGallery.length)) },
         { id: "terms", label: (_g2 = labels == null ? void 0 : labels.terms) != null ? _g2 : "Terms", show: !!termsAndConditions },
         { id: "faq", label: (_h2 = labels == null ? void 0 : labels.faq) != null ? _h2 : "FAQ", show: !!(faqs == null ? void 0 : faqs.length) },
         { id: "reviews", label: (_i2 = labels == null ? void 0 : labels.reviews) != null ? _i2 : "Reviews", show: !!(trustpilot || (reviews == null ? void 0 : reviews.length)) }
@@ -13137,7 +13139,7 @@ function TripPage({
                   }
                 )
               ] }),
-              (howToGetThere || (whatToBring == null ? void 0 : whatToBring.length) || weather || optionalExtras || accommodation || food || (meetingPoints == null ? void 0 : meetingPoints.length) || meetingPoint || termsAndConditions || whenItOperates) && /* @__PURE__ */ jsxs(
+              (howToGetThere || (whatToBring == null ? void 0 : whatToBring.length) || weather || optionalExtras || accommodation || (accommodationGallery == null ? void 0 : accommodationGallery.length) || food || (foodGallery == null ? void 0 : foodGallery.length) || (meetingPoints == null ? void 0 : meetingPoints.length) || meetingPoint || termsAndConditions || whenItOperates) && /* @__PURE__ */ jsxs(
                 Accordion,
                 {
                   multiple: false,
@@ -13160,7 +13162,7 @@ function TripPage({
                         ]
                       }
                     ),
-                    accommodation && /* @__PURE__ */ jsxs(
+                    (accommodation || accommodationGallery && accommodationGallery.length > 0) && /* @__PURE__ */ jsxs(
                       AccordionItem,
                       {
                         value: "accommodation",
@@ -13171,11 +13173,21 @@ function TripPage({
                             (sectionIcons == null ? void 0 : sectionIcons.accommodation) ? /* @__PURE__ */ jsx("span", { className: "text-primary [&>svg]:h-5 [&>svg]:w-5", children: sectionIcons.accommodation }) : /* @__PURE__ */ jsx(BedDoubleIcon, { className: "h-5 w-5 text-primary" }),
                             (_g = labels == null ? void 0 : labels.accommodation) != null ? _g : "Accommodation"
                           ] }) }),
-                          /* @__PURE__ */ jsx(AccordionContent, { className: "pb-6", children: /* @__PURE__ */ jsx("div", { className: "text-base text-foreground leading-relaxed space-y-3 [&_strong]:font-semibold [&_a]:text-primary [&_a]:underline", children: accommodation }) })
+                          /* @__PURE__ */ jsxs(AccordionContent, { className: "pb-6", children: [
+                            accommodation && /* @__PURE__ */ jsx("div", { className: "text-base text-foreground leading-relaxed space-y-3 [&_strong]:font-semibold [&_a]:text-primary [&_a]:underline", children: accommodation }),
+                            accommodationGallery && accommodationGallery.length > 0 && /* @__PURE__ */ jsx("div", { className: cn(accommodation && "mt-6"), children: /* @__PURE__ */ jsx(
+                              PhotoGallery,
+                              {
+                                photos: accommodationGallery,
+                                variant: "gridCompact",
+                                initialVisible: 6
+                              }
+                            ) })
+                          ] })
                         ]
                       }
                     ),
-                    food && /* @__PURE__ */ jsxs(
+                    (food || foodGallery && foodGallery.length > 0) && /* @__PURE__ */ jsxs(
                       AccordionItem,
                       {
                         value: "food",
@@ -13186,7 +13198,17 @@ function TripPage({
                             (sectionIcons == null ? void 0 : sectionIcons.food) ? /* @__PURE__ */ jsx("span", { className: "text-primary [&>svg]:h-5 [&>svg]:w-5", children: sectionIcons.food }) : /* @__PURE__ */ jsx(UtensilsIcon, { className: "h-5 w-5 text-primary" }),
                             (_h = labels == null ? void 0 : labels.food) != null ? _h : "Food"
                           ] }) }),
-                          /* @__PURE__ */ jsx(AccordionContent, { className: "pb-6", children: /* @__PURE__ */ jsx("div", { className: "text-base text-foreground leading-relaxed space-y-3 [&_strong]:font-semibold [&_a]:text-primary [&_a]:underline", children: food }) })
+                          /* @__PURE__ */ jsxs(AccordionContent, { className: "pb-6", children: [
+                            food && /* @__PURE__ */ jsx("div", { className: "text-base text-foreground leading-relaxed space-y-3 [&_strong]:font-semibold [&_a]:text-primary [&_a]:underline", children: food }),
+                            foodGallery && foodGallery.length > 0 && /* @__PURE__ */ jsx("div", { className: cn(food && "mt-6"), children: /* @__PURE__ */ jsx(
+                              PhotoGallery,
+                              {
+                                photos: foodGallery,
+                                variant: "gridCompact",
+                                initialVisible: 6
+                              }
+                            ) })
+                          ] })
                         ]
                       }
                     ),