@landtrustinc/design-system 1.2.44 → 1.2.46-beta.0

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, { SVGProps, HTMLAttributes, FC, PropsWithChildren, ReactNode } from 'react';
+import React__default, { SVGProps, HTMLAttributes, FC, PropsWithChildren, ReactNode, MouseEvent, KeyboardEvent } from 'react';
 import * as _emotion_styled from '@emotion/styled';
 import * as csstype from 'csstype';
 import * as styled_system from 'styled-system';
@@ -1477,6 +1477,39 @@ type ChatWidgetProps = {
 };
 declare const ChatWidget: ({ title, messages, onSubmit, placeholder, disabled, className, ariaLabel, panelWidth, expanded, defaultExpanded, onExpandedChange, isThinking, thinkingText, emptyState, containerProps, suggestedPrompts, onPromptClick, suggestedPromptsTitle, notificationCount, closeOnClickOutside, }: ChatWidgetProps) => _emotion_react_jsx_runtime.JSX.Element;
 
+type CtaCardProps = {
+    /**
+     * Card title (displayed in bold)
+     */
+    title: string;
+    /**
+     * Description text below the title
+     */
+    description: string;
+    /**
+     * Button label text
+     */
+    ctaLabel: string;
+    /**
+     * Button URL/href
+     */
+    ctaUrl: string;
+    /**
+     * Callback fired when the CTA card is displayed/rendered
+     * Useful for analytics tracking
+     */
+    onDisplay?: () => void;
+    /**
+     * Callback fired when the CTA button is clicked
+     * Useful for analytics tracking
+     */
+    onCtaClick?: () => void;
+    /**
+     * Additional CSS class names
+     */
+    className?: string;
+};
+
 type DividerProps = React__default.HTMLAttributes<HTMLHRElement> & SpaceProps & {
     /**
      * Additional CSS class names
@@ -1976,6 +2009,76 @@ type IconLabelProps = {
 };
 declare const IconLabel: ({ variant, label, iconSize, labelSize, className, ...rest }: IconLabelProps) => _emotion_react_jsx_runtime.JSX.Element;
 
+type ImageGalleryItem = {
+    /**
+     * URL of the image
+     */
+    src: string;
+    /**
+     * Alt text for the image
+     */
+    alt?: string;
+    /**
+     * Optional caption to display below the image
+     */
+    caption?: ReactNode;
+};
+type ImageGalleryModalProps = {
+    /**
+     * Unique identifier for the modal
+     */
+    id: string;
+    /**
+     * Whether the modal is open
+     */
+    isOpen: boolean;
+    /**
+     * Callback when the modal is closed
+     */
+    onClose?: (event: MouseEvent | KeyboardEvent) => void;
+    /**
+     * Array of images to display in the gallery
+     */
+    images: ImageGalleryItem[];
+    /**
+     * Initial slide index to show when modal opens
+     * @default 0
+     */
+    initialIndex?: number;
+    /**
+     * Whether to show navigation dots
+     * @default true
+     */
+    showDots?: boolean;
+    /**
+     * Whether to show navigation arrows
+     * @default true
+     */
+    showArrows?: boolean;
+    /**
+     * Whether to show image counter (e.g., "3 / 10")
+     * @default true
+     */
+    showCounter?: boolean;
+    /**
+     * Additional CSS class name
+     */
+    className?: string;
+    /**
+     * Accessible label for the gallery
+     */
+    ariaLabel?: string;
+};
+
+/**
+ * ImageGalleryModal component for displaying images in a fullscreen carousel modal.
+ * Supports keyboard navigation (arrow keys), swipe gestures, and accessibility features.
+ */
+declare const ImageGalleryModal: {
+    ({ id, isOpen, onClose, images, initialIndex, showDots, showArrows, showCounter, className, ariaLabel, }: ImageGalleryModalProps): _emotion_react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
 type InfoBoxProps = {
     /**
      * Heading text for the info box
@@ -2197,6 +2300,88 @@ type MarkdownContentProps = {
 };
 declare const MarkdownContent: React__default.FC<MarkdownContentProps>;
 
+type ModalSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';
+type ModalProps = {
+    /**
+     * Unique identifier for the modal
+     */
+    id: string;
+    /**
+     * Whether the modal is open
+     */
+    isOpen: boolean;
+    /**
+     * Callback when the modal is closed
+     */
+    onClose?: (event: MouseEvent | KeyboardEvent) => void;
+    /**
+     * Modal content
+     */
+    children?: ReactNode;
+    /**
+     * Size of the modal
+     * @default 'md'
+     */
+    size?: ModalSize;
+    /**
+     * Whether to close the modal when clicking outside
+     * @default true
+     */
+    closeOnOutsideClick?: boolean;
+    /**
+     * Whether to close the modal when pressing Escape
+     * @default true
+     */
+    closeOnEscape?: boolean;
+    /**
+     * Whether to show the close button
+     * @default true
+     */
+    showCloseButton?: boolean;
+    /**
+     * Icon variant for the close button
+     * @default 'Xmark'
+     */
+    closeButtonIcon?: IconVariantTypes$1;
+    /**
+     * Custom styles for the scroll layer (backdrop)
+     */
+    scrollLayerStyles?: Interpolation<Theme>;
+    /**
+     * Custom styles for the container
+     */
+    containerStyles?: Interpolation<Theme>;
+    /**
+     * Custom styles for the content area
+     */
+    contentStyles?: Interpolation<Theme>;
+    /**
+     * Custom styles for the close button
+     */
+    closeButtonStyles?: Interpolation<Theme>;
+    /**
+     * Additional CSS class name
+     */
+    className?: string;
+    /**
+     * Accessible label for the modal
+     */
+    ariaLabel?: string;
+    /**
+     * ID of the element that describes the modal
+     */
+    ariaDescribedBy?: string;
+};
+
+/**
+ * Modal component for displaying content in an overlay dialog.
+ * Supports keyboard navigation, focus trapping, and accessibility features.
+ */
+declare const Modal: {
+    ({ id, isOpen, onClose, children, size, closeOnOutsideClick, closeOnEscape, showCloseButton, closeButtonIcon, scrollLayerStyles: customScrollLayerStyles, containerStyles: customContainerStyles, contentStyles: customContentStyles, closeButtonStyles: customCloseButtonStyles, className, ariaLabel, ariaDescribedBy, }: ModalProps): React__default.ReactPortal | null;
+    displayName: string;
+};
+
 type NavLink = {
     /**
      * Text label for the navigation link
@@ -2697,4 +2882,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, 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, 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, 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, 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 };