@planetaexo/design-system 0.93.0 → 0.93.1

package/dist/index.d.cts

@@ -4174,6 +4174,14 @@ interface CategoryPage2Props {
     title: string;
     intro?: React.ReactNode;
     heroImage?: string;
+    /**
+     * Responsive variants of `heroImage` for the LCP `<img>` — same
+     * `srcSet`/`sizes` contract as `TripHeader`, so phones fetch a viewport-
+     * sized cover instead of the full-width desktop one. Optional; the `<img>`
+     * falls back to the single `heroImage` src when they are absent.
+     */
+    heroImageSrcSet?: string;
+    heroImageSizes?: string;
     /**
      * Optional hero background video. Plays muted/looping over the hero with
      * `heroImage` as the instant poster (crossfades out once the video is ready).
@@ -4280,7 +4288,7 @@ interface CategoryPage2Props {
     filterLabels?: FilterPanelLabels;
     className?: string;
 }
-declare function CategoryPage2({ title, intro, heroImage, videoUrl, trustpilotMini, breadcrumb, siteHeader, heroRightSlot, popularTours, popularToursTitle, popularToursEyebrow, trips, tripsTitle, tripsEyebrow, filterGroups, sortOptions, defaultSort, tripsInitialCount, tripListingSlot, trustpilot, reviewsTitle, reviewsSubtitle, blogPosts, aboutTitle, aboutContent, blogIntro, travelGuideHref, travelGuideLabel, blogPostsTitle, blogPostsViewAllHref, faqs, faqsTitle, faqInitialCount, gallery, galleryTitle, galleryLightbox, loadMoreLabel, showLessLabel, seeMoreLabel, viewAllPostsLabel, cardLabels, filterLabels, footerBadges, footer, className, }: CategoryPage2Props): react_jsx_runtime.JSX.Element;
+declare function CategoryPage2({ title, intro, heroImage, heroImageSrcSet, heroImageSizes, videoUrl, trustpilotMini, breadcrumb, siteHeader, heroRightSlot, popularTours, popularToursTitle, popularToursEyebrow, trips, tripsTitle, tripsEyebrow, filterGroups, sortOptions, defaultSort, tripsInitialCount, tripListingSlot, trustpilot, reviewsTitle, reviewsSubtitle, blogPosts, aboutTitle, aboutContent, blogIntro, travelGuideHref, travelGuideLabel, blogPostsTitle, blogPostsViewAllHref, faqs, faqsTitle, faqInitialCount, gallery, galleryTitle, galleryLightbox, loadMoreLabel, showLessLabel, seeMoreLabel, viewAllPostsLabel, cardLabels, filterLabels, footerBadges, footer, className, }: CategoryPage2Props): react_jsx_runtime.JSX.Element;
 
 type ActivityCardSize = "sm" | "md" | "lg";
 interface ActivityCardProps {

package/dist/index.d.ts

@@ -4174,6 +4174,14 @@ interface CategoryPage2Props {
     title: string;
     intro?: React.ReactNode;
     heroImage?: string;
+    /**
+     * Responsive variants of `heroImage` for the LCP `<img>` — same
+     * `srcSet`/`sizes` contract as `TripHeader`, so phones fetch a viewport-
+     * sized cover instead of the full-width desktop one. Optional; the `<img>`
+     * falls back to the single `heroImage` src when they are absent.
+     */
+    heroImageSrcSet?: string;
+    heroImageSizes?: string;
     /**
      * Optional hero background video. Plays muted/looping over the hero with
      * `heroImage` as the instant poster (crossfades out once the video is ready).
@@ -4280,7 +4288,7 @@ interface CategoryPage2Props {
     filterLabels?: FilterPanelLabels;
     className?: string;
 }
-declare function CategoryPage2({ title, intro, heroImage, videoUrl, trustpilotMini, breadcrumb, siteHeader, heroRightSlot, popularTours, popularToursTitle, popularToursEyebrow, trips, tripsTitle, tripsEyebrow, filterGroups, sortOptions, defaultSort, tripsInitialCount, tripListingSlot, trustpilot, reviewsTitle, reviewsSubtitle, blogPosts, aboutTitle, aboutContent, blogIntro, travelGuideHref, travelGuideLabel, blogPostsTitle, blogPostsViewAllHref, faqs, faqsTitle, faqInitialCount, gallery, galleryTitle, galleryLightbox, loadMoreLabel, showLessLabel, seeMoreLabel, viewAllPostsLabel, cardLabels, filterLabels, footerBadges, footer, className, }: CategoryPage2Props): react_jsx_runtime.JSX.Element;
+declare function CategoryPage2({ title, intro, heroImage, heroImageSrcSet, heroImageSizes, videoUrl, trustpilotMini, breadcrumb, siteHeader, heroRightSlot, popularTours, popularToursTitle, popularToursEyebrow, trips, tripsTitle, tripsEyebrow, filterGroups, sortOptions, defaultSort, tripsInitialCount, tripListingSlot, trustpilot, reviewsTitle, reviewsSubtitle, blogPosts, aboutTitle, aboutContent, blogIntro, travelGuideHref, travelGuideLabel, blogPostsTitle, blogPostsViewAllHref, faqs, faqsTitle, faqInitialCount, gallery, galleryTitle, galleryLightbox, loadMoreLabel, showLessLabel, seeMoreLabel, viewAllPostsLabel, cardLabels, filterLabels, footerBadges, footer, className, }: CategoryPage2Props): react_jsx_runtime.JSX.Element;
 
 type ActivityCardSize = "sm" | "md" | "lg";
 interface ActivityCardProps {

package/dist/index.js

@@ -16430,6 +16430,8 @@ function CategoryPage2({
   title,
   intro,
   heroImage,
+  heroImageSrcSet,
+  heroImageSizes,
   videoUrl,
   trustpilotMini,
   breadcrumb,
@@ -16565,6 +16567,8 @@ function CategoryPage2({
               "img",
               {
                 src: heroImage,
+                srcSet: heroImageSrcSet,
+                sizes: heroImageSizes,
                 alt: "",
                 "aria-hidden": true,
                 fetchPriority: "high",