@landtrustinc/design-system 1.1.7 → 1.2.0

package/dist/index.d.ts

@@ -568,23 +568,23 @@ type AIResponseProps = {
 };
 declare const AIResponse: ({ title, showDisclaimer, showHelpfulQuestion, className, children, onHelpfulYes, onHelpfulNo, variant, onErrorRetry, helpfulDebounceMs, }: AIResponseProps) => _emotion_react_jsx_runtime.JSX.Element;
 
-type AvailabilityChipVariant = 'primary' | 'error' | 'action' | 'warning' | 'neutral';
+type AvailabilityBadgeVariant = 'primary' | 'error' | 'action' | 'warning' | 'neutral';
 
-type AvailabilityChipProps = {
+type AvailabilityBadgeProps = {
     /**
-     * Visual variant of the chip
+     * Visual variant of the badge
      */
-    variant: AvailabilityChipVariant;
+    variant: AvailabilityBadgeVariant;
     /**
      * Additional CSS class names
      */
     className?: string;
     /**
-     * Content to display in the chip
+     * Content to display in the badge
      */
     children?: React.ReactNode;
 };
-declare const AvailabilityChip: FC<PropsWithChildren<AvailabilityChipProps>>;
+declare const AvailabilityBadge: FC<PropsWithChildren<AvailabilityBadgeProps>>;
 
 type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 type AvatarType = 'image' | 'text';
@@ -1027,10 +1027,15 @@ declare namespace Icons {
   export { SvgAiMagic as AiMagic, SvgAmenitity as Amenitity, SvgAngleDownSharp as AngleDownSharp, SvgAngleLeft as AngleLeft, SvgAngleRight as AngleRight, SvgAngleUp as AngleUp, SvgAntelope as Antelope, SvgArchery as Archery, SvgArrowCircleLeft as ArrowCircleLeft, SvgArrowCircleRight as ArrowCircleRight, SvgArrowDownWideShort as ArrowDownWideShort, SvgArrowRotateLeft as ArrowRotateLeft, SvgArrowUpFromSquare as ArrowUpFromSquare, SvgArrowUpRightFromSquare as ArrowUpRightFromSquare, SvgArrowsLeftRight as ArrowsLeftRight, SvgArtLure as ArtLure, SvgBadgeDark as BadgeDark, SvgBan as Ban, SvgBars as Bars, SvgBathSolid as BathSolid, SvgBear as Bear, SvgBedSolid as BedSolid, SvgBell as Bell, SvgBellSlash as BellSlash, SvgBellSolid as BellSolid, SvgBinoculars as Binoculars, SvgBoltSolid as BoltSolid, SvgBowArrowSharp as BowArrowSharp, SvgBowArrowSharpSolid as BowArrowSharpSolid, SvgBowFishing as BowFishing, SvgBoxArchive as BoxArchive, SvgCabin as Cabin, SvgCabinSolid as CabinSolid, SvgCalendar as Calendar, SvgCameraRetro as CameraRetro, SvgCampfire as Campfire, SvgCanoe as Canoe, SvgCaravanSimple as CaravanSimple, SvgCaravanSimpleSolid as CaravanSimpleSolid, SvgCheck as Check, SvgCircleCheck as CircleCheck, SvgCircleInfo as CircleInfo, SvgCircleXmark as CircleXmark, SvgClimbing as Climbing, SvgClock as Clock, SvgClockSolid as ClockSolid, SvgConversationalSearchAi as ConversationalSearchAi, SvgCopy as Copy, SvgCoyote as Coyote, SvgCurveLine as CurveLine, SvgDogLeashed as DogLeashed, SvgDownCarrot as DownCarrot, SvgDuck as Duck, SvgElk as Elk, SvgEllipsis as Ellipsis, SvgEnvelope as Envelope, SvgEye as Eye, SvgEyeSlash as EyeSlash, SvgFacebook as Facebook, SvgFacebookCircle as FacebookCircle, SvgFacebookSquare as FacebookSquare, SvgFarm as Farm, SvgFarmSolid as FarmSolid, SvgFilter as Filter, SvgFishingRod as FishingRod, SvgFishingRodSolid as FishingRodSolid, SvgFlagSplash as FlagSplash, SvgFlyFishing as FlyFishing, SvgFood as Food, SvgFossil as Fossil, SvgGameCam as GameCam, SvgGameFeeder as GameFeeder, SvgGridSolid as GridSolid, SvgGrillHotSolid as GrillHotSolid, SvgGroundBlind as GroundBlind, SvgHandsUsd as HandsUsd, SvgHeart as Heart, SvgHeartSolid as HeartSolid, SvgHorseSaddle as HorseSaddle, SvgHouse as House, SvgHouseCircleCheck as HouseCircleCheck, SvgHouseSolid as HouseSolid, SvgIconCalendar as IconCalendar, SvgIconCalendarFilled as IconCalendarFilled, SvgIconComment as IconComment, SvgIconCommentFilled as IconCommentFilled, SvgIconDashboardGuage as IconDashboardGuage, SvgIconDeleteTrash as IconDeleteTrash, SvgIconFieldNotesUpdates as IconFieldNotesUpdates, SvgIconHamburgerMenuFilledSmall as IconHamburgerMenuFilledSmall, SvgIconHamburgerMenuSmall as IconHamburgerMenuSmall, SvgIconHeart as IconHeart, SvgIconHeartFilled as IconHeartFilled, SvgIconHeartSmall as IconHeartSmall, SvgIconHelp as IconHelp, SvgIconInfoI as IconInfoI, SvgIconInquire as IconInquire, SvgIconLodge as IconLodge, SvgIconLodgeFilled as IconLodgeFilled, SvgIconLogout as IconLogout, SvgIconMapPinLocation2 as IconMapPinLocation2, SvgIconMapPinLocationRegular as IconMapPinLocationRegular, SvgIconProfileGuests as IconProfileGuests, SvgIconSearch as IconSearch, SvgIconShare as IconShare, SvgIconVideo as IconVideo, SvgImage as Image, SvgInstagramSquare as InstagramSquare, SvgKayak as Kayak, SvgLandtrustBadge as LandtrustBadge, SvgLeafMaple as LeafMaple, SvgLevel as Level, SvgLightbulb as Lightbulb, SvgLink as Link, SvgLinkedinSquare as LinkedinSquare, SvgList as List, SvgLiveBait as LiveBait, SvgLocationCircle as LocationCircle, SvgLocationDotSolid as LocationDotSolid, SvgMagnifyingGlass as MagnifyingGlass, SvgMap as Map, SvgMapSolid as MapSolid, SvgMoundSolid as MoundSolid, SvgMuleDeer as MuleDeer, SvgMushroom as Mushroom, SvgNoteSticky as NoteSticky, SvgNoteStickySolid as NoteStickySolid, SvgPaddleboard as Paddleboard, SvgPaperPlane as PaperPlane, SvgPaperclip as Paperclip, SvgPedestalSolid as PedestalSolid, SvgPenToSquare as PenToSquare, SvgPencil as Pencil, SvgPersonBiking as PersonBiking, SvgPersonHiking as PersonHiking, SvgPersonSkiing as PersonSkiing, SvgPersonSledding as PersonSledding, SvgPersonSnowmobiling as PersonSnowmobiling, SvgPersonSwimming as PersonSwimming, SvgPheasant as Pheasant, SvgPhone as Phone, SvgPhoneSolid as PhoneSolid, SvgPig as Pig, SvgPinLogoSolid as PinLogoSolid, SvgPlugSolid as PlugSolid, SvgPlus as Plus, SvgQuotes as Quotes, SvgQuotesLight as QuotesLight, SvgRifle as Rifle, SvgRoadSolid as RoadSolid, SvgRulerTriangleSolid as RulerTriangleSolid, SvgSailboat as Sailboat, SvgSewage as Sewage, SvgShelter as Shelter, SvgShieldCheck as ShieldCheck, SvgShieldCheckSolid as ShieldCheckSolid, SvgShieldSplash as ShieldSplash, SvgSignsPostSharpSolid as SignsPostSharpSolid, SvgSmallCurvedLine as SmallCurvedLine, SvgSpinner as Spinner, SvgSquare as Square, SvgSquareInfoSolid as SquareInfoSolid, SvgSquareParking as SquareParking, SvgSquareParkingSolid as SquareParkingSolid, SvgStar as Star, SvgStarRegular as StarRegular, SvgStarSolid as StarSolid, SvgStarSplash as StarSplash, SvgTablePicnic as TablePicnic, SvgTackle as Tackle, SvgTelescope as Telescope, SvgTent as Tent, SvgTentSolid as TentSolid, SvgThumbsDown as ThumbsDown, SvgThumbsDownSolid as ThumbsDownSolid, SvgThumbsUp as ThumbsUp, SvgThumbsUpSolid as ThumbsUpSolid, SvgTrash as Trash, SvgTrashSolid as TrashSolid, SvgTreeDecorated as TreeDecorated, SvgTreeStand as TreeStand, SvgTrees as Trees, SvgTurkey as Turkey, SvgUpland as Upland, SvgUsFlag as UsFlag, SvgUser as User, SvgUserSolid as UserSolid, SvgUsers as Users, SvgWater as Water, SvgWaterTap as WaterTap, SvgWaterfowl as Waterfowl, SvgWhitetail as Whitetail, SvgXmark as Xmark, SvgYoutubeSquare as YoutubeSquare };
 }
 
+type IconSize = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge' | 'xxxlarge';
+declare const IconSizeMap: Record<IconSize, {
+    width: number;
+    height: number;
+}>;
 type IconVariantTypes$1 = keyof typeof Icons;
 type IconProps = {
     variant: IconVariantTypes$1;
-    size?: keyof typeof space;
+    size?: IconSize;
     className?: string;
     setAutoHeight?: boolean;
     onClick?: () => void;
@@ -1188,19 +1193,23 @@ type FeatureListItemProps = {
     /**
      * Icon variant to display
      */
-    variant: IconVariantTypes$1;
+    iconVariant: IconVariantTypes$1;
     /**
-     * Main label text
+     * Size of the icon
      */
-    label: string;
+    iconSize?: IconSize;
     /**
-     * Optional subtitle/description text
+     * Color of the icon
      */
-    subtitle?: string;
+    iconColor?: string;
     /**
-     * Size of the icon
+     * Main label text
+     */
+    label: React__default.ReactNode;
+    /**
+     * Optional subtitle/description text
      */
-    iconSize?: keyof typeof space;
+    subtitle?: React__default.ReactNode;
     /**
      * Additional CSS class names
      */
@@ -1568,7 +1577,7 @@ type IconLabelProps = {
     /**
      * Size of the icon
      */
-    iconSize?: keyof typeof space;
+    iconSize?: IconSize;
     /**
      * Additional CSS class names
      */
@@ -1749,6 +1758,26 @@ type PackageCardProps = {
 };
 declare const PackageCard: ({ images, title, subtitle, startingPrice, tripsLeft, isFavorited, onFavoriteClick, onClick, className, days, guests, hasLodging, ...rest }: PackageCardProps) => _emotion_react_jsx_runtime.JSX.Element;
 
+type PackageHeaderProps = {
+    /**
+     * Main heading text
+     */
+    header: string;
+    /**
+     * Subheader content (can be text or React nodes)
+     */
+    subheader?: ReactNode;
+    /**
+     * Array of feature list sections to display
+     */
+    features?: FeatureItem[];
+    /**
+     * Additional CSS class names
+     */
+    className?: string;
+};
+declare const PackageHeader: FC<PackageHeaderProps>;
+
 type ReviewReplyProps = {
     avatarSrc: string;
     name: string;
@@ -1763,7 +1792,7 @@ type ReviewCardProps = {
     name: string;
     date: string;
     rating: number;
-    availabilityChip?: {
+    availabilityBadge?: {
         variant: 'primary' | 'error' | 'action' | 'warning' | 'neutral';
         text: string;
     };
@@ -1809,9 +1838,9 @@ declare const ReviewsShowcase: FC;
 
 type SpinnerProps = {
     /**
-     * Size of the spinner using space tokens
+     * Size of the spinner using IconSize tokens
      */
-    size?: keyof typeof space;
+    size?: IconSize;
     /**
      * Additional CSS class names
      */
@@ -2012,4 +2041,4 @@ declare const Widget: React__default.FC<WidgetProps> & {
     }>;
 };
 
-export { AIResponse, type AIResponseProps, AvailabilityChip, type AvailabilityChipProps, type AvailabilityChipVariant, Avatar, type AvatarProps, type AvatarSize, type AvatarType, type BaseInputProps, Box, type BoxProps, Button, type ButtonProps, type ButtonVariants, ChatWidget, type ChatWidgetMessage, type ChatWidgetProps, Column, type ColumnProps, Container, Divider, type DividerProps, type FeatureItem, FeatureList, 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 IconVariantTypes$1 as IconVariantTypes, InfoBox, type InfoBoxProps, Input, type InputProps, type InputSize, type InputVariant, LayoutTokens, ListingChat, type ListingChatProps, Logo, type LogoProps, type LogoTheme, type LogoVariant, MessageBubble, type MessageBubbleProps, type NavLink, Navigation, type NavigationProps, PackageCard, type PackageCardProps, type ResponsiveValue, ReviewCard, type ReviewCardProps, Reviews, type ReviewsProps, ReviewsShowcase, Select, type SelectOption, type SelectProps, Spinner, type SpinnerProps, StarRating, type StarRatingProps, type TFontWeight, type THeadingSize, type TTextAlign, type TTextSize, type TTextWrap, TagChip, type TagChipProps, type TagChipVariant, Text, TextArea, type TextProps, type TextareaProps, ThemeTokens, UserCard, type UserCardProps, Widget, WidgetPanel, type WidgetPanelProps, type WidgetProps, WidgetTrigger, type WidgetTriggerProps, globalStyles, styles };
+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, ChatWidget, type ChatWidgetMessage, type ChatWidgetProps, Column, type ColumnProps, Container, Divider, type DividerProps, type FeatureItem, FeatureList, 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, LayoutTokens, ListingChat, type ListingChatProps, Logo, type LogoProps, type LogoTheme, type LogoVariant, MessageBubble, type MessageBubbleProps, type NavLink, Navigation, type NavigationProps, PackageCard, type PackageCardProps, PackageHeader, type PackageHeaderProps, type ResponsiveValue, ReviewCard, type ReviewCardProps, Reviews, type ReviewsProps, ReviewsShowcase, Select, type SelectOption, type SelectProps, Spinner, type SpinnerProps, StarRating, type StarRatingProps, type TFontWeight, type THeadingSize, type TTextAlign, type TTextSize, type TTextWrap, TagChip, type TagChipProps, type TagChipVariant, Text, TextArea, type TextProps, type TextareaProps, ThemeTokens, UserCard, type UserCardProps, Widget, WidgetPanel, type WidgetPanelProps, type WidgetProps, WidgetTrigger, type WidgetTriggerProps, globalStyles, styles };