@landtrustinc/design-system 1.2.27-beta.7 → 1.2.28

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import * as _emotion_utils from '@emotion/utils';
 import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
 import * as React$1 from 'react';
-import React__default, { FC, PropsWithChildren, HTMLAttributes, SVGProps, ReactNode } from 'react';
+import React__default, { SVGProps, FC, PropsWithChildren, HTMLAttributes, ReactNode } from 'react';
 import * as _emotion_styled from '@emotion/styled';
 import * as csstype from 'csstype';
 import * as styled_system from 'styled-system';
@@ -527,220 +527,6 @@ declare namespace styles {
   export { styles_ThemeTokens as ThemeTokens, styles_borderRadius as borderRadius, styles_boxShadow as boxShadow, styles_breakpoints as breakpoints, styles_colors as colors, styles_fontSizes as fontSizes, styles_fontWeights as fontWeights, styles_fonts as fonts, styles_headingSizes as headingSizes, styles_lineHeights as lineHeights, styles_media as media, styles_opacity as opacity, styles_screens as screens, styles_sizes as sizes, styles_space as space, styles_textShadow as textShadow, styles_transition as transition, styles_zIndex as zIndex };
 }
 
-type AIResponseProps = {
-    /**
-     * Optional title for the AI response
-     */
-    title?: string;
-    /**
-     * Whether to show the title heading
-     * @default true
-     */
-    showTitle?: boolean;
-    /**
-     * Whether to show disclaimer text
-     */
-    showDisclaimer?: boolean;
-    /**
-     * Whether to show helpful feedback question
-     */
-    showHelpfulQuestion?: boolean;
-    /**
-     * Additional CSS class names
-     */
-    className?: string;
-    /**
-     * Content to display in the response
-     */
-    children?: React__default.ReactNode;
-    /**
-     * Callback when user clicks "Yes" for helpful feedback
-     */
-    onHelpfulYes?: () => void;
-    /**
-     * Callback when user clicks "No" for helpful feedback
-     */
-    onHelpfulNo?: () => void;
-    /**
-     * Visual variant of the response
-     */
-    variant?: 'default' | 'error';
-    /**
-     * Callback for retry button in error state
-     */
-    onErrorRetry?: () => void;
-    /**
-     * Debounce time for helpful feedback in milliseconds
-     */
-    helpfulDebounceMs?: number;
-    /**
-     * Enable markdown rendering for children content.
-     * When true, children should be a string containing markdown.
-     * @default false
-     */
-    markdown?: boolean;
-    /**
-     * Whether to enable code copy functionality in markdown code blocks
-     * @default true
-     */
-    enableCodeCopy?: boolean;
-};
-declare const AIResponse: ({ title, showTitle, showDisclaimer, showHelpfulQuestion, className, children, onHelpfulYes, onHelpfulNo, variant, onErrorRetry, helpfulDebounceMs, markdown, enableCodeCopy, }: AIResponseProps) => _emotion_react_jsx_runtime.JSX.Element;
-
-type ContactLandownerButtonProps = {
-    /**
-     * Listing ID for the property
-     */
-    listingId: string;
-    /**
-     * Slug for the property (e.g., "delore-place")
-     */
-    slug: string;
-    /**
-     * Custom button text
-     * @default "Contact Landowner"
-     */
-    buttonText?: string;
-    /**
-     * Additional CSS class names
-     */
-    className?: string;
-};
-declare const ContactLandownerButton: FC<ContactLandownerButtonProps>;
-
-type TopMatchingFieldNoteProps = {
-    /**
-     * Name of the field note author(s)
-     */
-    author: string;
-    /**
-     * Date the field note was posted (e.g., "1d ago")
-     */
-    datePosted: string;
-    /**
-     * Field note content text
-     */
-    content?: string;
-    /**
-     * Array of image URLs to display (can be JSON string or array)
-     */
-    images: string[] | string;
-    /**
-     * Title for the top matching field note section
-     * @default "Top matching field note"
-     */
-    title?: string;
-    /**
-     * Additional CSS class names
-     */
-    className?: string;
-    /**
-     * Children content (used when rendering from markdown)
-     */
-    children?: React__default.ReactNode;
-};
-declare const TopMatchingFieldNote: FC<TopMatchingFieldNoteProps>;
-
-type TopMatchingReviewProps = {
-    /**
-     * Name of the review author
-     */
-    author: string;
-    /**
-     * Date the review was posted (e.g., "Aug 25, 2025")
-     */
-    datePosted: string;
-    /**
-     * Rating from 1-5 (can be string or number)
-     */
-    rating: number | string;
-    /**
-     * Review content text
-     */
-    content?: string;
-    /**
-     * Title for the top matching review section
-     * @default "Top matching review"
-     */
-    title?: string;
-    /**
-     * Additional CSS class names
-     */
-    className?: string;
-    /**
-     * Children content (used when rendering from markdown)
-     */
-    children?: React__default.ReactNode;
-};
-declare const TopMatchingReview: FC<TopMatchingReviewProps>;
-
-type AvailabilityBadgeVariant = 'primary' | 'error' | 'action' | 'warning' | 'neutral';
-
-type AvailabilityBadgeProps = {
-    /**
-     * Visual variant of the badge
-     */
-    variant: AvailabilityBadgeVariant;
-    /**
-     * Additional CSS class names
-     */
-    className?: string;
-    /**
-     * Content to display in the badge
-     */
-    children?: React.ReactNode;
-};
-declare const AvailabilityBadge: FC<PropsWithChildren<AvailabilityBadgeProps>>;
-
-type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-type AvatarType = 'image' | 'text';
-type AvatarProps = {
-    /**
-     * Type of avatar - image or text initials
-     */
-    type?: AvatarType;
-    /**
-     * Source URL of the avatar image (required for type="image")
-     */
-    src?: string;
-    /**
-     * Text to generate initials from (required for type="text")
-     */
-    text?: string;
-    /**
-     * Alt text for the avatar
-     */
-    alt: string;
-    /**
-     * Size of the avatar
-     */
-    size?: AvatarSize;
-    /**
-     * Additional CSS class names
-     */
-    className?: string;
-};
-declare const Avatar: FC<AvatarProps>;
-
-type BoxProps = HTMLAttributes<HTMLDivElement> & BorderProps & SpaceProps & ColorProps & FlexboxProps & GridProps$1 & LayoutProps & PositionProps & TypographyProps & WidthProps & {
-    children?: React.ReactNode;
-    gap?: unknown;
-    className?: string;
-};
-declare const Box: _emotion_styled.StyledComponent<{
-    theme?: _emotion_react.Theme | undefined;
-    as?: React$1.ElementType<any, keyof React$1.JSX.IntrinsicElements> | undefined;
-} & HTMLAttributes<HTMLDivElement> & BorderProps<Required<styled_system.Theme<styled_system.TLengthStyledSystem>>, csstype.Property.Border<styled_system.TLengthStyledSystem>> & SpaceProps<Required<styled_system.Theme<styled_system.TLengthStyledSystem>>, string | number | symbol> & ColorProps<Required<styled_system.Theme<styled_system.TLengthStyledSystem>>, string | number | symbol> & FlexboxProps<Required<styled_system.Theme<styled_system.TLengthStyledSystem>>> & GridProps$1<Required<styled_system.Theme<styled_system.TLengthStyledSystem>>> & LayoutProps<Required<styled_system.Theme<styled_system.TLengthStyledSystem>>> & PositionProps<Required<styled_system.Theme<styled_system.TLengthStyledSystem>>> & TypographyProps<Required<styled_system.Theme<styled_system.TLengthStyledSystem>>> & WidthProps<Required<styled_system.Theme<styled_system.TLengthStyledSystem>>, csstype.Property.Width<styled_system.TLengthStyledSystem>> & {
-    children?: React.ReactNode;
-    gap?: unknown;
-    className?: string | undefined;
-}, React$1.DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-
-type Props = BoxProps & {
-    isFullWidth?: boolean;
-};
-declare const Container: ({ children, className, isFullWidth, ...props }: Props) => _emotion_react_jsx_runtime.JSX.Element;
-
 declare const SvgAiMagic: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
 
 declare const SvgAmenitity: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
@@ -1171,6 +957,265 @@ type IconProps = {
 };
 declare const Icon: ({ variant, size, className, setAutoHeight, fill, ...rest }: IconProps) => _emotion_react_jsx_runtime.JSX.Element | null;
 
+type ActionMenuItem = {
+    /**
+     * Label for the action
+     */
+    label: string;
+    /**
+     * Icon to display next to the label (optional)
+     */
+    icon?: IconVariantTypes$1;
+    /**
+     * Click handler for the action
+     */
+    onClick: () => void;
+    /**
+     * Whether this is a destructive action (will be styled in red)
+     */
+    danger?: boolean;
+    /**
+     * Whether the action is disabled
+     */
+    disabled?: boolean;
+    /**
+     * Tooltip to show on hover (optional)
+     */
+    tooltip?: string;
+};
+type ActionMenuProps = {
+    /**
+     * Array of action items to display in the menu
+     */
+    actions: (ActionMenuItem | 'divider')[];
+    /**
+     * Tooltip content for the trigger button
+     */
+    triggerTooltip?: string;
+    /**
+     * Additional CSS class names
+     */
+    className?: string;
+    /**
+     * ARIA label for the trigger button
+     */
+    ariaLabel?: string;
+};
+declare const ActionMenu: {
+    ({ actions, triggerTooltip, className, ariaLabel, }: ActionMenuProps): _emotion_react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+type AIResponseProps = {
+    /**
+     * Optional title for the AI response
+     */
+    title?: string;
+    /**
+     * Whether to show the title heading
+     * @default true
+     */
+    showTitle?: boolean;
+    /**
+     * Whether to show disclaimer text
+     */
+    showDisclaimer?: boolean;
+    /**
+     * Whether to show helpful feedback question
+     */
+    showHelpfulQuestion?: boolean;
+    /**
+     * Additional CSS class names
+     */
+    className?: string;
+    /**
+     * Content to display in the response
+     */
+    children?: React__default.ReactNode;
+    /**
+     * Callback when user clicks "Yes" for helpful feedback
+     */
+    onHelpfulYes?: () => void;
+    /**
+     * Callback when user clicks "No" for helpful feedback
+     */
+    onHelpfulNo?: () => void;
+    /**
+     * Visual variant of the response
+     */
+    variant?: 'default' | 'error';
+    /**
+     * Callback for retry button in error state
+     */
+    onErrorRetry?: () => void;
+    /**
+     * Debounce time for helpful feedback in milliseconds
+     */
+    helpfulDebounceMs?: number;
+    /**
+     * Enable markdown rendering for children content.
+     * When true, children should be a string containing markdown.
+     * @default false
+     */
+    markdown?: boolean;
+    /**
+     * Whether to enable code copy functionality in markdown code blocks
+     * @default true
+     */
+    enableCodeCopy?: boolean;
+};
+declare const AIResponse: ({ title, showTitle, showDisclaimer, showHelpfulQuestion, className, children, onHelpfulYes, onHelpfulNo, variant, onErrorRetry, helpfulDebounceMs, markdown, enableCodeCopy, }: AIResponseProps) => _emotion_react_jsx_runtime.JSX.Element;
+
+type ContactLandownerButtonProps = {
+    /**
+     * URL to navigate to when the button is clicked
+     */
+    url: string;
+    /**
+     * Custom button text
+     * @default "Contact Landowner"
+     */
+    buttonText?: string;
+    /**
+     * Additional CSS class names
+     */
+    className?: string;
+};
+declare const ContactLandownerButton: FC<ContactLandownerButtonProps>;
+
+type TopMatchingFieldNoteProps = {
+    /**
+     * Name of the field note author(s)
+     */
+    author: string;
+    /**
+     * Date the field note was posted (e.g., "1d ago")
+     */
+    datePosted: string;
+    /**
+     * Field note content text
+     */
+    content?: string;
+    /**
+     * Array of image URLs to display (can be JSON string or array)
+     */
+    images: string[] | string;
+    /**
+     * Title for the top matching field note section
+     * @default "Top matching field note"
+     */
+    title?: string;
+    /**
+     * Additional CSS class names
+     */
+    className?: string;
+    /**
+     * Children content (used when rendering from markdown)
+     */
+    children?: React__default.ReactNode;
+};
+declare const TopMatchingFieldNote: FC<TopMatchingFieldNoteProps>;
+
+type TopMatchingReviewProps = {
+    /**
+     * Name of the review author
+     */
+    author: string;
+    /**
+     * Date the review was posted (e.g., "Aug 25, 2025")
+     */
+    datePosted: string;
+    /**
+     * Rating from 1-5 (can be string or number)
+     */
+    rating: number | string;
+    /**
+     * Review content text
+     */
+    content?: string;
+    /**
+     * Title for the top matching review section
+     * @default "Top matching review"
+     */
+    title?: string;
+    /**
+     * Additional CSS class names
+     */
+    className?: string;
+    /**
+     * Children content (used when rendering from markdown)
+     */
+    children?: React__default.ReactNode;
+};
+declare const TopMatchingReview: FC<TopMatchingReviewProps>;
+
+type AvailabilityBadgeVariant = 'primary' | 'error' | 'action' | 'warning' | 'neutral';
+
+type AvailabilityBadgeProps = {
+    /**
+     * Visual variant of the badge
+     */
+    variant: AvailabilityBadgeVariant;
+    /**
+     * Additional CSS class names
+     */
+    className?: string;
+    /**
+     * Content to display in the badge
+     */
+    children?: React.ReactNode;
+};
+declare const AvailabilityBadge: FC<PropsWithChildren<AvailabilityBadgeProps>>;
+
+type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+type AvatarType = 'image' | 'text';
+type AvatarProps = {
+    /**
+     * Type of avatar - image or text initials
+     */
+    type?: AvatarType;
+    /**
+     * Source URL of the avatar image (required for type="image")
+     */
+    src?: string;
+    /**
+     * Text to generate initials from (required for type="text")
+     */
+    text?: string;
+    /**
+     * Alt text for the avatar
+     */
+    alt: string;
+    /**
+     * Size of the avatar
+     */
+    size?: AvatarSize;
+    /**
+     * Additional CSS class names
+     */
+    className?: string;
+};
+declare const Avatar: FC<AvatarProps>;
+
+type BoxProps = HTMLAttributes<HTMLDivElement> & BorderProps & SpaceProps & ColorProps & FlexboxProps & GridProps$1 & LayoutProps & PositionProps & TypographyProps & WidthProps & {
+    children?: React.ReactNode;
+    gap?: unknown;
+    className?: string;
+};
+declare const Box: _emotion_styled.StyledComponent<{
+    theme?: _emotion_react.Theme | undefined;
+    as?: React$1.ElementType<any, keyof React$1.JSX.IntrinsicElements> | undefined;
+} & HTMLAttributes<HTMLDivElement> & BorderProps<Required<styled_system.Theme<styled_system.TLengthStyledSystem>>, csstype.Property.Border<styled_system.TLengthStyledSystem>> & SpaceProps<Required<styled_system.Theme<styled_system.TLengthStyledSystem>>, string | number | symbol> & ColorProps<Required<styled_system.Theme<styled_system.TLengthStyledSystem>>, string | number | symbol> & FlexboxProps<Required<styled_system.Theme<styled_system.TLengthStyledSystem>>> & GridProps$1<Required<styled_system.Theme<styled_system.TLengthStyledSystem>>> & LayoutProps<Required<styled_system.Theme<styled_system.TLengthStyledSystem>>> & PositionProps<Required<styled_system.Theme<styled_system.TLengthStyledSystem>>> & TypographyProps<Required<styled_system.Theme<styled_system.TLengthStyledSystem>>> & WidthProps<Required<styled_system.Theme<styled_system.TLengthStyledSystem>>, csstype.Property.Width<styled_system.TLengthStyledSystem>> & {
+    children?: React.ReactNode;
+    gap?: unknown;
+    className?: string | undefined;
+}, React$1.DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+
+type Props = BoxProps & {
+    isFullWidth?: boolean;
+};
+declare const Container: ({ children, className, isFullWidth, ...props }: Props) => _emotion_react_jsx_runtime.JSX.Element;
+
 type ButtonVariants = 'primary' | 'secondary' | 'tertiary' | 'plus' | 'simple' | 'text' | 'topo';
 
 type ButtonAndAnchorProps = React__default.HTMLProps<HTMLButtonElement> & React__default.HTMLProps<HTMLAnchorElement>;
@@ -2124,8 +2169,13 @@ type PackageCardProps = {
      * - 'horizontal': Image on left, content on right
      */
     orientation?: 'vertical' | 'horizontal';
+    /**
+     * Array of action items to display in the action menu (three-dot menu)
+     * When provided, displays an action menu in the top-right corner
+     */
+    actions?: (ActionMenuItem | 'divider')[];
 };
-declare const PackageCard: ({ images, title, subtitle, startingPrice, isFavorited, onFavoriteClick, onClick, className, badges, availabilityBadges, id, hasContentBackground, orientation, ...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, ...rest }: PackageCardProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type PackageHeaderProps = {
     /**
@@ -2352,6 +2402,34 @@ type TagChipProps = HTMLAttributes<HTMLSpanElement> & {
 };
 declare const TagChip: FC<PropsWithChildren<TagChipProps>>;
 
+type TooltipPosition = 'top' | 'bottom' | 'left' | 'right';
+type TooltipProps = {
+    /**
+     * Content to display in the tooltip
+     */
+    content: React__default.ReactNode;
+    /**
+     * Position of the tooltip relative to the children
+     */
+    position?: TooltipPosition;
+    /**
+     * Child element that triggers the tooltip
+     */
+    children: React__default.ReactNode;
+    /**
+     * Additional CSS class names
+     */
+    className?: string;
+    /**
+     * Delay in ms before showing tooltip (default: 200)
+     */
+    delay?: number;
+};
+declare const Tooltip: {
+    ({ content, position, children, className, delay, }: TooltipProps): _emotion_react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
 type UserCardProps = {
     avatarSrc?: string;
     title: string;
@@ -2438,4 +2516,4 @@ declare const Widget: React__default.FC<WidgetProps> & {
     }>;
 };
 
-export { AIResponse, type AIResponseProps, AvailabilityBadge, type AvailabilityBadgeProps, type AvailabilityBadgeVariant, Avatar, type AvatarProps, type AvatarSize, type AvatarType, type BaseInputProps, Box, type BoxProps, Button, type ButtonProps, type ButtonVariants, type CarouselPositions, ChatWidget, type ChatWidgetMessage, type ChatWidgetProps, Column, type ColumnProps, ContactLandownerButton, type ContactLandownerButtonProps, Container, Divider, type DividerProps, type DotsColors, 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, 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, type NavLink, Navigation, type NavigationProps, PackageCard, type PackageCardBadge, type PackageCardProps, PackageHeader, type PackageHeaderProps, 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, 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, AvailabilityBadge, type AvailabilityBadgeProps, type AvailabilityBadgeVariant, Avatar, type AvatarProps, type AvatarSize, type AvatarType, type BaseInputProps, Box, type BoxProps, Button, type ButtonProps, type ButtonVariants, type CarouselPositions, ChatWidget, type ChatWidgetMessage, type ChatWidgetProps, Column, type ColumnProps, ContactLandownerButton, type ContactLandownerButtonProps, Container, Divider, type DividerProps, type DotsColors, 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, 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, type NavLink, Navigation, type NavigationProps, PackageCard, type PackageCardBadge, type PackageCardProps, PackageHeader, type PackageHeaderProps, 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, 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 };