@landtrustinc/design-system 1.2.75 → 1.2.77

package/dist/index.d.ts

@@ -2591,6 +2591,16 @@ type NavigationProps = {
 };
 declare const Navigation: ({ onMenuToggle, className, logoVariant, logoTheme, navLinks, onAvatarClick, ...rest }: NavigationProps) => _emotion_react_jsx_runtime.JSX.Element;
 
+type PackageCardFeatureCheck = {
+    /**
+     * Feature label (matched vs unmatched styling is controlled by `matched`)
+     */
+    label: React__default.ReactNode;
+    /**
+     * When false, shows error icon and muted label; otherwise success icon and primary label
+     */
+    matched?: boolean;
+};
 type PackageCardBadge = {
     /**
      * Icon variant for the badge
@@ -2638,6 +2648,10 @@ type PackageCardProps = {
      * Additional CSS class names
      */
     className?: string;
+    /**
+     * Stacked feature rows with check/x icons (below title/price; separate from amenity `badges`)
+     */
+    featureChecks?: PackageCardFeatureCheck[];
     /**
      * Array of badges to display (features/amenities)
      */
@@ -2698,7 +2712,7 @@ type PackageCardProps = {
      */
     isLoading?: boolean;
 };
-declare const PackageCard: ({ images, title, subtitle, startingPrice, isFavorited, onFavoriteClick, onClick, className, badges, availabilityBadges, id, hasContentBackground, orientation, actions, size, isLoading, ...rest }: PackageCardProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const PackageCard: ({ images, title, subtitle, startingPrice, isFavorited, onFavoriteClick, onClick, className, featureChecks, badges, availabilityBadges, id, hasContentBackground, orientation, actions, size, isLoading, ...rest }: PackageCardProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type PackageHeaderProps = {
     /**
@@ -3129,4 +3143,4 @@ declare const Widget: React__default.FC<WidgetProps> & {
     }>;
 };
 
-export { AIResponse, type AIResponseProps, ActionMenu, type ActionMenuItem, type ActionMenuProps, AddOnBlock, type AddOnBlockProps, AvailabilityBadge, type AvailabilityBadgeProps, type AvailabilityBadgeVariant, Avatar, type AvatarProps, type AvatarSize, type AvatarType, type BaseInputProps, BottomDrawer, type BottomDrawerProps, Box, type BoxProps, Button, type ButtonProps, type ButtonVariants, BytescaleImage, type BytescaleImageProps, type CarouselPositions, ChatWidget, type ChatWidgetMessage, type ChatWidgetProps, Column, type ColumnProps, ContactLandownerButton, type ContactLandownerButtonProps, Container, CtaCard, type CtaCardProps, Divider, type DividerProps, type DotsColors, type EarlyAccessTimerConfig, type FeatureItem, FeatureList, FeatureListItem, type FeatureListItemProps, type FeatureListProps, type FeatureListSection, FieldNoteCard, type FieldNoteCardProps, FormField, type FormFieldProps, GlobalStyle, Grid, type GridBreakpoint, GridContainer, type GridContainerProps, type GridProps, Heading, type HeadingProps, HuntCard, type HuntCardProps, Icon, IconLabel, type IconLabelProps, type IconProps, type IconSize, IconSizeMap, type IconVariantTypes$1 as IconVariantTypes, type ImageGalleryItem, ImageGalleryModal, ImageGalleryModal as ImageGalleryModalComponent, type ImageGalleryModalProps, InfoBox, type InfoBoxProps, Input, type InputProps, type InputSize, type InputVariant, LandownerProfile, type LandownerProfileProps, LayoutTokens, ListingChat, type ListingChatProps, Logo, type LogoProps, type LogoTheme, type LogoVariant, MarkdownContent, type MarkdownContentProps, MessageBubble, type MessageBubbleProps, Modal, Modal as ModalComponent, type ModalProps, type ModalSize, type NavLink, Navigation, type NavigationProps, PackageCard, type PackageCardBadge, type PackageCardProps, PackageHeader, type PackageHeaderProps, ProgressBar, type ProgressBarProps, type ResponsiveValue, ReviewCard, type ReviewCardProps, Reviews, type ReviewsProps, ReviewsShowcase, ScrollingCarousel, type ScrollingCarouselProps, ScrollingCarouselStep, type ScrollingCarouselStepProps, Select, type SelectOption, type SelectProps, Spinner, type SpinnerProps, StarRating, type StarRatingProps, type SuggestedPrompt, type TFontWeight, type THeadingSize, type TTextAlign, type TTextSize, type TTextWrap, TagChip, type TagChipProps, type TagChipVariant, Text, TextArea, type TextProps, type TextareaProps, ThemeTokens, ThinkingIndicator, type ThinkingIndicatorProps, type ThinkingIndicatorSize, type ThinkingStep, type ThinkingStepStatus, ThinkingSteps, type ThinkingStepsProps, type TimeLeft, Timer, type TimerProps, Tooltip, type TooltipPosition, type TooltipProps, TopMatchingFieldNote, type TopMatchingFieldNoteProps, TopMatchingReview, type TopMatchingReviewProps, type UseBottomDrawerOptions, type UseBottomDrawerReturn, UserCard, type UserCardProps, Widget, WidgetPanel, type WidgetPanelProps, type WidgetProps, WidgetTrigger, type WidgetTriggerProps, globalStyles, styles, useBottomDrawer, useBottomDrawer as useBottomDrawerHook };
+export { AIResponse, type AIResponseProps, ActionMenu, type ActionMenuItem, type ActionMenuProps, AddOnBlock, type AddOnBlockProps, AvailabilityBadge, type AvailabilityBadgeProps, type AvailabilityBadgeVariant, Avatar, type AvatarProps, type AvatarSize, type AvatarType, type BaseInputProps, BottomDrawer, type BottomDrawerProps, Box, type BoxProps, Button, type ButtonProps, type ButtonVariants, BytescaleImage, type BytescaleImageProps, type CarouselPositions, ChatWidget, type ChatWidgetMessage, type ChatWidgetProps, Column, type ColumnProps, ContactLandownerButton, type ContactLandownerButtonProps, Container, CtaCard, type CtaCardProps, Divider, type DividerProps, type DotsColors, type EarlyAccessTimerConfig, type FeatureItem, FeatureList, FeatureListItem, type FeatureListItemProps, type FeatureListProps, type FeatureListSection, FieldNoteCard, type FieldNoteCardProps, FormField, type FormFieldProps, GlobalStyle, Grid, type GridBreakpoint, GridContainer, type GridContainerProps, type GridProps, Heading, type HeadingProps, HuntCard, type HuntCardProps, Icon, IconLabel, type IconLabelProps, type IconProps, type IconSize, IconSizeMap, type IconVariantTypes$1 as IconVariantTypes, type ImageGalleryItem, ImageGalleryModal, ImageGalleryModal as ImageGalleryModalComponent, type ImageGalleryModalProps, InfoBox, type InfoBoxProps, Input, type InputProps, type InputSize, type InputVariant, LandownerProfile, type LandownerProfileProps, LayoutTokens, ListingChat, type ListingChatProps, Logo, type LogoProps, type LogoTheme, type LogoVariant, MarkdownContent, type MarkdownContentProps, MessageBubble, type MessageBubbleProps, Modal, Modal as ModalComponent, type ModalProps, type ModalSize, type NavLink, Navigation, type NavigationProps, PackageCard, type PackageCardBadge, type PackageCardFeatureCheck, type PackageCardProps, PackageHeader, type PackageHeaderProps, ProgressBar, type ProgressBarProps, type ResponsiveValue, ReviewCard, type ReviewCardProps, Reviews, type ReviewsProps, ReviewsShowcase, ScrollingCarousel, type ScrollingCarouselProps, ScrollingCarouselStep, type ScrollingCarouselStepProps, Select, type SelectOption, type SelectProps, Spinner, type SpinnerProps, StarRating, type StarRatingProps, type SuggestedPrompt, type TFontWeight, type THeadingSize, type TTextAlign, type TTextSize, type TTextWrap, TagChip, type TagChipProps, type TagChipVariant, Text, TextArea, type TextProps, type TextareaProps, ThemeTokens, ThinkingIndicator, type ThinkingIndicatorProps, type ThinkingIndicatorSize, type ThinkingStep, type ThinkingStepStatus, ThinkingSteps, type ThinkingStepsProps, type TimeLeft, Timer, type TimerProps, Tooltip, type TooltipPosition, type TooltipProps, TopMatchingFieldNote, type TopMatchingFieldNoteProps, TopMatchingReview, type TopMatchingReviewProps, type UseBottomDrawerOptions, type UseBottomDrawerReturn, UserCard, type UserCardProps, Widget, WidgetPanel, type WidgetPanelProps, type WidgetProps, WidgetTrigger, type WidgetTriggerProps, globalStyles, styles, useBottomDrawer, useBottomDrawer as useBottomDrawerHook };

package/dist/index.js

@@ -6583,6 +6583,11 @@ var useWidgetScrollLock = (isExpanded, containerRef) => {
   (0, import_react34.useEffect)(() => {
     if (!isExpanded)
       return;
+    const isMobile = window.matchMedia(
+      `(max-width: calc(${screens.lg} - 1px))`
+    ).matches;
+    if (!isMobile)
+      return;
     const scrollY = window.scrollY;
     const html = document.documentElement;
     const originalOverflow = html.style.overflow;
@@ -11035,6 +11040,7 @@ var PackageCard = ({
   onFavoriteClick,
   onClick,
   className,
+  featureChecks,
   badges,
   availabilityBadges,
   id,
@@ -11176,7 +11182,7 @@ var PackageCard = ({
               display: "flex",
               flexDirection: "column",
               gap: "var(--spacing-1)",
-              mb: "var(--spacing-1)",
+              mb: "var(--spacing-2)",
               children: [
                 /* @__PURE__ */ (0, import_jsx_runtime266.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime266.jsx)(
                   Text_default,
@@ -11196,6 +11202,48 @@ var PackageCard = ({
               ]
             }
           ),
+          featureChecks && featureChecks.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime266.jsx)(
+            Box_default,
+            {
+              display: "flex",
+              flexDirection: "column",
+              gap: "var(--spacing-1)",
+              mb: "var(--spacing-1)",
+              width: "100%",
+              children: featureChecks.map((feature, index) => {
+                const isMatched = feature.matched !== false;
+                return /* @__PURE__ */ (0, import_jsx_runtime266.jsxs)(
+                  Box_default,
+                  {
+                    display: "flex",
+                    alignItems: "center",
+                    gap: "var(--spacing-2)",
+                    minWidth: 0,
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime266.jsx)(
+                        Icon_default,
+                        {
+                          variant: isMatched ? "Check" : "Xmark",
+                          size: "small",
+                          fill: isMatched ? "var(--text-success)" : "var(--text-error)"
+                        }
+                      ),
+                      /* @__PURE__ */ (0, import_jsx_runtime266.jsx)(
+                        Text_default,
+                        {
+                          size: "xs",
+                          fontWeight: "semibold",
+                          color: isMatched ? "var(--text-primary)" : "var(--text-disabled)",
+                          children: feature.label
+                        }
+                      )
+                    ]
+                  },
+                  `feature-check-${index}`
+                );
+              })
+            }
+          ),
           badges && badges.length > 0 && size !== "xs" && /* @__PURE__ */ (0, import_jsx_runtime266.jsx)(
             Box_default,
             {