@landtrustinc/design-system 1.2.51-beta.3 → 1.2.52

package/dist/index.d.ts

@@ -1034,6 +1034,68 @@ type AddOnBlockProps = Omit<HTMLAttributes<HTMLDivElement>, 'onClick'> & {
 };
 declare const AddOnBlock: FC<AddOnBlockProps>;
 
+type PackageCardItem = {
+    /**
+     * Unique identifier for the package
+     */
+    id: string;
+    /**
+     * Array of image URLs to display
+     */
+    images: string[];
+    /**
+     * Main title of the package
+     */
+    title: string;
+    /**
+     * Subtitle or description (e.g., location)
+     */
+    subtitle: string;
+    /**
+     * Starting price text (e.g., "$1,250")
+     */
+    startingPrice?: string;
+    /**
+     * URL to navigate to when the card is clicked (external link)
+     */
+    url?: string;
+};
+type PackageCardsProps = {
+    /**
+     * Title for the package cards section
+     * @default "Related Packages"
+     */
+    title?: string;
+    /**
+     * Array of package card data (can be JSON string or array)
+     */
+    packages: PackageCardItem[] | string;
+    /**
+     * Width of each package card
+     * @default "200px"
+     */
+    itemWidth?: string;
+    /**
+     * Gap between package cards
+     * @default "var(--spacing-4)"
+     */
+    gap?: string;
+    /**
+     * Callback fired when the component is displayed
+     * Useful for analytics tracking
+     */
+    onDisplay?: () => void;
+    /**
+     * Callback fired when a package card is clicked
+     */
+    onPackageClick?: (packageItem: PackageCardItem) => void;
+    /**
+     * Additional CSS class names
+     */
+    className?: string;
+};
+declare const PackageCards: FC<PackageCardsProps>;
+
 type AIResponseProps = {
     /**
      * Optional title for the AI response
@@ -1096,8 +1158,17 @@ type AIResponseProps = {
      * Useful for analytics tracking (e.g., GTM events).
      */
     onContactLandownerDisplay?: () => void;
+    /**
+     * Callback fired when a PackageCards component is displayed in the response.
+     * Useful for analytics tracking (e.g., GTM events).
+     */
+    onPackageCardsDisplay?: () => void;
+    /**
+     * Callback fired when a package card is clicked in the PackageCards component.
+     */
+    onPackageCardClick?: (packageItem: PackageCardItem) => void;
 };
-declare const AIResponse: ({ title, showTitle, showDisclaimer, showHelpfulQuestion, className, children, onHelpfulYes, onHelpfulNo, variant, onErrorRetry, helpfulDebounceMs, markdown, enableCodeCopy, onContactLandownerDisplay, }: AIResponseProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const AIResponse: ({ title, showTitle, showDisclaimer, showHelpfulQuestion, className, children, onHelpfulYes, onHelpfulNo, variant, onErrorRetry, helpfulDebounceMs, markdown, enableCodeCopy, onContactLandownerDisplay, onPackageCardsDisplay, onPackageCardClick, }: AIResponseProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type ContactLandownerButtonProps = {
     /**
@@ -2541,8 +2612,14 @@ type PackageCardProps = {
      * When provided, displays an action menu in the top-right corner
      */
     actions?: (ActionMenuItem | 'divider')[];
+    /**
+     * Size variant of the card (default: 'md')
+     * - 'xs': Compact size with square photo, no badges, smaller text
+     * - 'md': Default size
+     */
+    size?: 'xs' | 'md';
 };
-declare const PackageCard: ({ images, title, subtitle, startingPrice, isFavorited, onFavoriteClick, onClick, className, badges, availabilityBadges, id, hasContentBackground, orientation, actions, ...rest }: PackageCardProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const PackageCard: ({ images, title, subtitle, startingPrice, isFavorited, onFavoriteClick, onClick, className, badges, availabilityBadges, id, hasContentBackground, orientation, actions, size, ...rest }: PackageCardProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type PackageHeaderProps = {
     /**
@@ -2665,6 +2742,10 @@ type ScrollingCarouselStepProps = {
      * Click handler for the step
      */
     onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
+    /**
+     * Fixed width for the step (automatically provided by parent)
+     */
+    itemWidth?: string;
 };
 type ScrollingCarouselProps = {
     /**
@@ -2730,15 +2811,25 @@ type ScrollingCarouselProps = {
      * Unique identifier for the carousel (required for DOM queries)
      */
     id: string;
+    /**
+     * Fixed width for each carousel item (e.g., '200px', '300px')
+     * When set, overrides the default 100% width to show multiple items
+     */
+    itemWidth?: string;
+    /**
+     * Gap between carousel items (CSS value, e.g., 'var(--spacing-4)', '16px')
+     * @default '0'
+     */
+    gap?: string;
 };
 
 declare const ScrollingCarouselStep: {
-    ({ children, index, className, parentId, onClick, }: ScrollingCarouselStepProps): _emotion_react_jsx_runtime.JSX.Element;
+    ({ children, index, className, parentId, onClick, itemWidth, }: ScrollingCarouselStepProps): _emotion_react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
 declare const ScrollingCarousel: {
-    ({ className, children, showButtons, showDots, dotsColor, numberOfDots, buttonsPosition, customLeftButton, infiniteScroll, customBackIcon, customNextIcon, showNavigationOnHover, id, current, }: ScrollingCarouselProps): _emotion_react_jsx_runtime.JSX.Element;
+    ({ className, children, showButtons, showDots, dotsColor, numberOfDots, buttonsPosition, customLeftButton, infiniteScroll, customBackIcon, customNextIcon, showNavigationOnHover, id, current, itemWidth, gap, }: ScrollingCarouselProps): _emotion_react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
@@ -2903,4 +2994,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, 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, type TimeLeft, Timer, type TimerProps, Tooltip, type TooltipPosition, type TooltipProps, TopMatchingFieldNote, type TopMatchingFieldNoteProps, TopMatchingReview, type TopMatchingReviewProps, UserCard, type UserCardProps, Widget, WidgetPanel, type WidgetPanelProps, type WidgetProps, WidgetTrigger, type WidgetTriggerProps, globalStyles, styles };
+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, 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 PackageCardItem, type PackageCardProps, PackageCards, type PackageCardsProps, 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, type TimeLeft, Timer, type TimerProps, Tooltip, type TooltipPosition, type TooltipProps, TopMatchingFieldNote, type TopMatchingFieldNoteProps, TopMatchingReview, type TopMatchingReviewProps, UserCard, type UserCardProps, Widget, WidgetPanel, type WidgetPanelProps, type WidgetProps, WidgetTrigger, type WidgetTriggerProps, globalStyles, styles };