@landtrustinc/design-system 1.0.13 → 1.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.d.ts CHANGED
@@ -1,13 +1,13 @@
1
1
  import * as _emotion_utils from '@emotion/utils';
2
+ import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
2
3
  import * as React$1 from 'react';
3
- import React__default, { HTMLAttributes, FC, PropsWithChildren, ReactNode, SVGProps } from 'react';
4
+ import React__default, { HTMLAttributes, FC, PropsWithChildren, SVGProps, ReactNode } from 'react';
4
5
  import * as _emotion_styled from '@emotion/styled';
5
6
  import * as csstype from 'csstype';
6
7
  import * as styled_system from 'styled-system';
7
8
  import { BorderProps, SpaceProps, ColorProps, FlexboxProps, GridProps as GridProps$1, LayoutProps, PositionProps, TypographyProps, WidthProps } from 'styled-system';
8
9
  import * as _emotion_react from '@emotion/react';
9
10
  import { Interpolation, Theme } from '@emotion/react';
10
- import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
11
11
 
12
12
  declare const globalStyles: _emotion_utils.SerializedStyles;
13
13
  declare const GlobalStyle: _emotion_utils.SerializedStyles;
@@ -524,6 +524,21 @@ declare namespace styles {
524
524
  export { styles_ThemeTokens as ThemeTokens, styles_borderRadius as borderRadius, styles_boxShadow as boxShadow, 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 };
525
525
  }
526
526
 
527
+ type Props$d = {
528
+ title?: string;
529
+ showDisclaimer?: boolean;
530
+ showHelpfulQuestion?: boolean;
531
+ className?: string;
532
+ children?: React__default.ReactNode;
533
+ onHelpfulYes?: () => void;
534
+ onHelpfulNo?: () => void;
535
+ variant?: 'default' | 'error';
536
+ onErrorRetry?: () => void;
537
+ /** Debounce window for helpful button callbacks (ms). UI updates immediately. */
538
+ helpfulDebounceMs?: number;
539
+ };
540
+ declare const AIResponse: ({ title, showDisclaimer, showHelpfulQuestion, className, children, onHelpfulYes, onHelpfulNo, variant, onErrorRetry, helpfulDebounceMs, }: Props$d) => _emotion_react_jsx_runtime.JSX.Element;
541
+
527
542
  type AvailabilityChipVariant = 'primary' | 'error' | 'action' | 'warning';
528
543
  type AvailabilityChipProps$1 = HTMLAttributes<HTMLSpanElement> & {
529
544
  /** The visual variant of the chip */
@@ -554,199 +569,12 @@ declare const Box: _emotion_styled.StyledComponent<{
554
569
  className?: string | undefined;
555
570
  }, React$1.DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
556
571
 
557
- type Props$a = BoxProps & {
572
+ type Props$c = BoxProps & {
558
573
  isFullWidth?: boolean;
559
574
  };
560
- declare const Container: ({ children, className, isFullWidth, ...props }: Props$a) => _emotion_react_jsx_runtime.JSX.Element;
561
-
562
- type ButtonVariants = 'primary' | 'secondary' | 'tertiary' | 'plus' | 'simple' | 'text' | 'text-underline' | 'topo';
563
- type ButtonAndAnchorProps = React__default.HTMLProps<HTMLButtonElement> & React__default.HTMLProps<HTMLAnchorElement>;
564
- type Props$9 = Omit<ButtonAndAnchorProps, 'size' | 'as' | 'onClick'> & {
565
- as?: React__default.ElementType;
566
- variant?: ButtonVariants;
567
- fullWidth?: boolean;
568
- isLoading?: boolean;
569
- disabled?: boolean;
570
- children?: React__default.ReactNode;
571
- type?: 'submit' | 'button';
572
- size?: 'xs' | 'base' | 'sm';
573
- className?: string;
574
- labelStyleOverrides?: Interpolation<Theme>;
575
- onClick?: React__default.MouseEventHandler<HTMLElement>;
576
- };
577
- declare const Button: ({ as: Component, variant, fullWidth, size, disabled, children, type, isLoading, className, labelStyleOverrides, ...props }: Props$9) => _emotion_react_jsx_runtime.JSX.Element;
578
-
579
- type Props$8 = {
580
- backgroundImage: string;
581
- title: string;
582
- buttonLabel: string;
583
- onClick?: () => void;
584
- className?: string;
585
- };
586
- declare const FieldNoteCard: ({ backgroundImage, title, buttonLabel, onClick, className, ...rest }: Props$8) => _emotion_react_jsx_runtime.JSX.Element;
587
-
588
- type InputSize = 'sm' | 'md' | 'lg';
589
- type InputVariant = 'default' | 'error' | 'success';
590
- interface BaseInputProps {
591
- /** Size variant of the input */
592
- size?: InputSize;
593
- /** Visual variant of the input */
594
- variant?: InputVariant;
595
- /** Whether the input is disabled */
596
- disabled?: boolean;
597
- /** Whether the input is required */
598
- required?: boolean;
599
- /** Whether the input is read-only */
600
- readOnly?: boolean;
601
- /** Help text displayed below the input */
602
- helpText?: string;
603
- /** Error message displayed below the input */
604
- error?: string;
605
- /** Success message displayed below the input */
606
- success?: string;
607
- /** Label text for the input */
608
- label?: string;
609
- /** Whether to hide the label visually (for accessibility) */
610
- hideLabel?: boolean;
611
- /** Icon to display at the start of the input */
612
- startIcon?: ReactNode;
613
- /** Icon to display at the end of the input */
614
- endIcon?: ReactNode;
615
- /** Additional className */
616
- className?: string;
617
- /** Placeholder text */
618
- placeholder?: string;
619
- }
620
- interface InputProps extends BaseInputProps, Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> {
621
- /** Input type */
622
- type?: 'text' | 'email' | 'password' | 'number' | 'tel' | 'url' | 'search';
623
- }
624
- interface SelectOption {
625
- value: string | number;
626
- label: string;
627
- disabled?: boolean;
628
- }
629
- interface SelectProps extends BaseInputProps, Omit<React.SelectHTMLAttributes<HTMLSelectElement>, 'size'> {
630
- /** Select options */
631
- options: SelectOption[];
632
- /** Placeholder option text */
633
- placeholderOption?: string;
634
- }
635
- interface FormFieldProps {
636
- /** Field label */
637
- label?: string;
638
- /** Whether to hide the label visually */
639
- hideLabel?: boolean;
640
- /** Whether the field is required */
641
- required?: boolean;
642
- /** Error message */
643
- error?: string;
644
- /** Success message */
645
- success?: string;
646
- /** Help text */
647
- helpText?: string;
648
- /** Field ID for accessibility */
649
- htmlFor?: string;
650
- /** Children components */
651
- children: ReactNode;
652
- /** Additional className */
653
- className?: string;
654
- }
655
-
656
- declare const FormField: React__default.FC<FormFieldProps>;
657
-
658
- declare const Input: React__default.ForwardRefExoticComponent<InputProps & React__default.RefAttributes<HTMLInputElement>>;
659
-
660
- declare const Select: React__default.ForwardRefExoticComponent<SelectProps & React__default.RefAttributes<HTMLSelectElement>>;
661
-
662
- type ResponsiveValue<T> = T | {
663
- sm?: T;
664
- md?: T;
665
- lg?: T;
666
- xl?: T;
667
- _?: T;
668
- };
669
- interface GridProps extends Omit<BoxProps, 'display'> {
670
- /** Number of columns at different breakpoints */
671
- columns?: ResponsiveValue<number>;
672
- /** Gap between grid items using space tokens */
673
- gap?: ResponsiveValue<keyof typeof space>;
674
- /** Row gap between grid items using space tokens */
675
- rowGap?: ResponsiveValue<keyof typeof space>;
676
- /** Column gap between grid items using space tokens */
677
- columnGap?: ResponsiveValue<keyof typeof space>;
678
- /** Size of auto-generated rows */
679
- autoRows?: string;
680
- /** Size of auto-generated columns */
681
- autoColumns?: string;
682
- /** Grid template areas for named layouts */
683
- templateAreas?: ResponsiveValue<string>;
684
- /** Align items in the grid */
685
- alignItems?: ResponsiveValue<'start' | 'end' | 'center' | 'stretch'>;
686
- /** Justify items in the grid */
687
- justifyItems?: ResponsiveValue<'start' | 'end' | 'center' | 'stretch'>;
688
- /** Justify content in the grid */
689
- justifyContent?: ResponsiveValue<'start' | 'end' | 'center' | 'stretch' | 'space-between' | 'space-around' | 'space-evenly'>;
690
- children: ReactNode;
691
- }
692
- interface ColumnProps extends BoxProps {
693
- /** Column span at different breakpoints */
694
- span?: ResponsiveValue<number | 'auto'>;
695
- /** Column start position */
696
- start?: ResponsiveValue<number>;
697
- /** Column end position */
698
- end?: ResponsiveValue<number>;
699
- /** Row position */
700
- row?: ResponsiveValue<number>;
701
- /** Row span */
702
- rowSpan?: ResponsiveValue<number>;
703
- /** Grid area name */
704
- area?: string;
705
- children: ReactNode;
706
- }
707
- interface GridContainerProps extends HTMLAttributes<HTMLDivElement> {
708
- /** Maximum width constraint */
709
- maxWidth?: 'sm' | 'md' | 'lg' | 'xl' | 'content' | 'wide' | 'full' | string;
710
- children: ReactNode;
711
- className?: string;
712
- }
713
- type GridBreakpoint = 'sm' | 'md' | 'lg' | 'xl';
714
-
715
- declare const Column: ({ span, start, end, row, rowSpan, area, children, ...props }: ColumnProps) => _emotion_react_jsx_runtime.JSX.Element;
716
-
717
- declare const Grid: ({ columns, gap, rowGap, columnGap, autoRows, autoColumns, templateAreas, alignItems, justifyItems, justifyContent, children, ...props }: GridProps) => _emotion_react_jsx_runtime.JSX.Element;
718
-
719
- declare const GridContainer: ({ maxWidth, children, className, ...props }: GridContainerProps) => _emotion_react_jsx_runtime.JSX.Element;
720
-
721
- /**
722
- * Layout tokens for different container sizes
723
- */
724
- declare const LayoutTokens: {
725
- containers: {
726
- sm: string;
727
- md: string;
728
- lg: string;
729
- xl: string;
730
- content: string;
731
- wide: string;
732
- full: string;
733
- };
734
- gutters: {
735
- sm: string;
736
- md: string;
737
- lg: string;
738
- xl: string;
739
- };
740
- };
575
+ declare const Container: ({ children, className, isFullWidth, ...props }: Props$c) => _emotion_react_jsx_runtime.JSX.Element;
741
576
 
742
- type Props$7 = {
743
- backgroundImage: string;
744
- title: string;
745
- buttonLabel: string;
746
- onClick?: () => void;
747
- className?: string;
748
- };
749
- declare const HuntCard: ({ backgroundImage, title, buttonLabel, onClick, className, ...rest }: Props$7) => _emotion_react_jsx_runtime.JSX.Element;
577
+ declare const SvgAiMagic: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
750
578
 
751
579
  declare const SvgAmenitity: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
752
580
 
@@ -838,6 +666,8 @@ declare const SvgClockSolid: (props: SVGProps<SVGSVGElement>) => _emotion_react_
838
666
 
839
667
  declare const SvgClock: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
840
668
 
669
+ declare const SvgConversationalSearchAi: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
670
+
841
671
  declare const SvgCopy: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
842
672
 
843
673
  declare const SvgCoyote: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
@@ -1000,6 +830,8 @@ declare const SvgNoteSticky: (props: SVGProps<SVGSVGElement>) => _emotion_react_
1000
830
 
1001
831
  declare const SvgPaddleboard: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
1002
832
 
833
+ declare const SvgPaperPlane: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
834
+
1003
835
  declare const SvgPaperclip: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
1004
836
 
1005
837
  declare const SvgPedestalSolid: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
@@ -1127,37 +959,275 @@ declare const SvgXmark: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_r
1127
959
  declare const SvgYoutubeSquare: (props: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
1128
960
 
1129
961
  declare namespace Icons {
1130
- export { 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, 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, 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, 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 };
962
+ 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, 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 };
1131
963
  }
1132
964
 
1133
- type IconVariantTypes = keyof typeof Icons;
1134
- type Props$6 = {
1135
- variant: IconVariantTypes;
965
+ type IconVariantTypes$1 = keyof typeof Icons;
966
+ type Props$b = {
967
+ variant: IconVariantTypes$1;
1136
968
  size?: keyof typeof space;
1137
969
  className?: string;
1138
970
  setAutoHeight?: boolean;
1139
971
  onClick?: () => void;
972
+ fill?: string;
1140
973
  };
1141
- declare const Icon: ({ variant, size, className, setAutoHeight, ...rest }: Props$6) => _emotion_react_jsx_runtime.JSX.Element;
974
+ declare const Icon: ({ variant, size, className, setAutoHeight, fill, ...rest }: Props$b) => _emotion_react_jsx_runtime.JSX.Element;
1142
975
 
1143
- type Props$5 = {
1144
- variant: IconVariantTypes;
976
+ type ButtonVariants = 'primary' | 'secondary' | 'tertiary' | 'plus' | 'simple' | 'text' | 'text-underline' | 'topo';
977
+
978
+ type ButtonAndAnchorProps = React__default.HTMLProps<HTMLButtonElement> & React__default.HTMLProps<HTMLAnchorElement>;
979
+ type Props$a = Omit<ButtonAndAnchorProps, 'size' | 'as' | 'onClick'> & {
980
+ as?: React__default.ElementType;
981
+ variant?: ButtonVariants;
982
+ fullWidth?: boolean;
983
+ isLoading?: boolean;
984
+ disabled?: boolean;
985
+ children?: React__default.ReactNode;
986
+ type?: 'submit' | 'button';
987
+ size?: 'xs' | 'base' | 'sm' | 'lg';
988
+ className?: string;
989
+ labelStyleOverrides?: Interpolation<Theme>;
990
+ onClick?: React__default.MouseEventHandler<HTMLElement>;
991
+ icon?: React__default.ReactElement<React__default.ComponentProps<typeof Icon>>;
992
+ };
993
+ declare const Button: React__default.ForwardRefExoticComponent<Omit<Props$a, "ref"> & React__default.RefAttributes<HTMLElement>>;
994
+
995
+ type DividerProps = {
996
+ className?: string;
997
+ };
998
+ declare const Divider: React__default.FC<DividerProps>;
999
+
1000
+ type Props$9 = {
1001
+ backgroundImage: string;
1002
+ title: string;
1003
+ buttonLabel: string;
1004
+ onClick?: () => void;
1005
+ className?: string;
1006
+ };
1007
+ declare const FieldNoteCard: ({ backgroundImage, title, buttonLabel, onClick, className, ...rest }: Props$9) => _emotion_react_jsx_runtime.JSX.Element;
1008
+
1009
+ type InputSize = 'sm' | 'md' | 'lg';
1010
+ type InputVariant = 'default' | 'error' | 'success';
1011
+ interface BaseInputProps {
1012
+ /** Size variant of the input */
1013
+ size?: InputSize;
1014
+ /** Visual variant of the input */
1015
+ variant?: InputVariant;
1016
+ /** Whether the input is disabled */
1017
+ disabled?: boolean;
1018
+ /** Whether the input is required */
1019
+ required?: boolean;
1020
+ /** Whether the input is read-only */
1021
+ readOnly?: boolean;
1022
+ /** Help text displayed below the input */
1023
+ helpText?: string;
1024
+ /** Error message displayed below the input */
1025
+ error?: string;
1026
+ /** Success message displayed below the input */
1027
+ success?: string;
1028
+ /** Label text for the input */
1029
+ label?: string;
1030
+ /** Whether to hide the label visually (for accessibility) */
1031
+ hideLabel?: boolean;
1032
+ /** Icon to display at the start of the input */
1033
+ startIcon?: ReactNode;
1034
+ /** Icon to display at the end of the input */
1035
+ endIcon?: ReactNode;
1036
+ /** Additional className */
1037
+ className?: string;
1038
+ /** Placeholder text */
1039
+ placeholder?: string;
1040
+ }
1041
+ interface InputProps extends BaseInputProps, Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> {
1042
+ /** Input type */
1043
+ type?: 'text' | 'email' | 'password' | 'number' | 'tel' | 'url' | 'search';
1044
+ }
1045
+ interface SelectOption {
1046
+ value: string | number;
1047
+ label: string;
1048
+ disabled?: boolean;
1049
+ }
1050
+ interface SelectProps extends BaseInputProps, Omit<React.SelectHTMLAttributes<HTMLSelectElement>, 'size'> {
1051
+ /** Select options */
1052
+ options: SelectOption[];
1053
+ /** Placeholder option text */
1054
+ placeholderOption?: string;
1055
+ }
1056
+ interface TextareaProps extends BaseInputProps, Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'size'> {
1057
+ /** Number of visible text lines */
1058
+ rows?: number;
1059
+ /** Whether the textarea can be resized */
1060
+ resize?: 'none' | 'both' | 'horizontal' | 'vertical';
1061
+ }
1062
+ interface FormFieldProps {
1063
+ /** Field label */
1064
+ label?: string;
1065
+ /** Whether to hide the label visually */
1066
+ hideLabel?: boolean;
1067
+ /** Whether the field is required */
1068
+ required?: boolean;
1069
+ /** Error message */
1070
+ error?: string;
1071
+ /** Success message */
1072
+ success?: string;
1073
+ /** Help text */
1074
+ helpText?: string;
1075
+ /** Field ID for accessibility */
1076
+ htmlFor?: string;
1077
+ /** Children components */
1078
+ children: ReactNode;
1079
+ /** Additional className */
1080
+ className?: string;
1081
+ }
1082
+
1083
+ declare const FormField: React__default.FC<FormFieldProps>;
1084
+
1085
+ declare const Input: React__default.ForwardRefExoticComponent<InputProps & React__default.RefAttributes<HTMLInputElement>>;
1086
+
1087
+ declare const Select: React__default.ForwardRefExoticComponent<SelectProps & React__default.RefAttributes<HTMLSelectElement>>;
1088
+
1089
+ type ExtraProps = {
1090
+ autoExpand?: boolean;
1091
+ maxHeight?: number | string;
1092
+ showSubmit?: boolean;
1093
+ onSubmit?: () => void;
1094
+ submitAriaLabel?: string;
1095
+ submitDisabled?: boolean;
1096
+ };
1097
+ declare const TextArea: React__default.ForwardRefExoticComponent<TextareaProps & ExtraProps & React__default.RefAttributes<HTMLTextAreaElement>>;
1098
+
1099
+ type ResponsiveValue<T> = T | {
1100
+ sm?: T;
1101
+ md?: T;
1102
+ lg?: T;
1103
+ xl?: T;
1104
+ _?: T;
1105
+ };
1106
+ interface GridProps extends Omit<BoxProps, 'display'> {
1107
+ /** Number of columns at different breakpoints */
1108
+ columns?: ResponsiveValue<number>;
1109
+ /** Gap between grid items using space tokens */
1110
+ gap?: ResponsiveValue<keyof typeof space>;
1111
+ /** Row gap between grid items using space tokens */
1112
+ rowGap?: ResponsiveValue<keyof typeof space>;
1113
+ /** Column gap between grid items using space tokens */
1114
+ columnGap?: ResponsiveValue<keyof typeof space>;
1115
+ /** Size of auto-generated rows */
1116
+ autoRows?: string;
1117
+ /** Size of auto-generated columns */
1118
+ autoColumns?: string;
1119
+ /** Grid template areas for named layouts */
1120
+ templateAreas?: ResponsiveValue<string>;
1121
+ /** Align items in the grid */
1122
+ alignItems?: ResponsiveValue<'start' | 'end' | 'center' | 'stretch'>;
1123
+ /** Justify items in the grid */
1124
+ justifyItems?: ResponsiveValue<'start' | 'end' | 'center' | 'stretch'>;
1125
+ /** Justify content in the grid */
1126
+ justifyContent?: ResponsiveValue<'start' | 'end' | 'center' | 'stretch' | 'space-between' | 'space-around' | 'space-evenly'>;
1127
+ children: ReactNode;
1128
+ }
1129
+ interface ColumnProps extends BoxProps {
1130
+ /** Column span at different breakpoints */
1131
+ span?: ResponsiveValue<number | 'auto'>;
1132
+ /** Column start position */
1133
+ start?: ResponsiveValue<number>;
1134
+ /** Column end position */
1135
+ end?: ResponsiveValue<number>;
1136
+ /** Row position */
1137
+ row?: ResponsiveValue<number>;
1138
+ /** Row span */
1139
+ rowSpan?: ResponsiveValue<number>;
1140
+ /** Grid area name */
1141
+ area?: string;
1142
+ children: ReactNode;
1143
+ }
1144
+ interface GridContainerProps extends HTMLAttributes<HTMLDivElement> {
1145
+ /** Maximum width constraint */
1146
+ maxWidth?: 'sm' | 'md' | 'lg' | 'xl' | 'content' | 'wide' | 'full' | string;
1147
+ children: ReactNode;
1148
+ className?: string;
1149
+ }
1150
+ type GridBreakpoint = 'sm' | 'md' | 'lg' | 'xl';
1151
+
1152
+ declare const Column: ({ span, start, end, row, rowSpan, area, children, ...props }: ColumnProps) => _emotion_react_jsx_runtime.JSX.Element;
1153
+
1154
+ declare const Grid: ({ columns, gap, rowGap, columnGap, autoRows, autoColumns, templateAreas, alignItems, justifyItems, justifyContent, children, ...props }: GridProps) => _emotion_react_jsx_runtime.JSX.Element;
1155
+
1156
+ declare const GridContainer: ({ maxWidth, children, className, ...props }: GridContainerProps) => _emotion_react_jsx_runtime.JSX.Element;
1157
+
1158
+ /**
1159
+ * Layout tokens for different container sizes
1160
+ */
1161
+ declare const LayoutTokens: {
1162
+ containers: {
1163
+ sm: string;
1164
+ md: string;
1165
+ lg: string;
1166
+ xl: string;
1167
+ content: string;
1168
+ wide: string;
1169
+ full: string;
1170
+ };
1171
+ gutters: {
1172
+ sm: string;
1173
+ md: string;
1174
+ lg: string;
1175
+ xl: string;
1176
+ };
1177
+ };
1178
+
1179
+ type Props$8 = {
1180
+ backgroundImage: string;
1181
+ title: string;
1182
+ buttonLabel: string;
1183
+ onClick?: () => void;
1184
+ className?: string;
1185
+ };
1186
+ declare const HuntCard: ({ backgroundImage, title, buttonLabel, onClick, className, ...rest }: Props$8) => _emotion_react_jsx_runtime.JSX.Element;
1187
+
1188
+ type Props$7 = {
1189
+ variant: IconVariantTypes$1;
1145
1190
  label: string;
1146
1191
  iconSize?: keyof typeof space;
1147
1192
  className?: string;
1148
1193
  };
1149
- declare const IconLabel: ({ variant, label, iconSize, className, ...rest }: Props$5) => _emotion_react_jsx_runtime.JSX.Element;
1194
+ declare const IconLabel: ({ variant, label, iconSize, className, ...rest }: Props$7) => _emotion_react_jsx_runtime.JSX.Element;
1195
+
1196
+ type Props$6 = {
1197
+ /** Called when the user submits text. Receives the submitted string. */
1198
+ onSubmit: (value: string) => void;
1199
+ /** Placeholder text for the input area */
1200
+ placeholder?: string;
1201
+ /** Optional className */
1202
+ className?: string;
1203
+ /** Optional label next to the AIMagic icon */
1204
+ title?: string;
1205
+ /** Suggested tags the user can click to submit quickly */
1206
+ tags?: string[];
1207
+ /** Disable the input and submit button */
1208
+ disabled?: boolean;
1209
+ };
1210
+ declare const ListingChat: ({ onSubmit, placeholder, className, title, tags, disabled, ...rest }: Props$6) => _emotion_react_jsx_runtime.JSX.Element;
1150
1211
 
1151
1212
  type LogoVariant = 'standard' | 'plus';
1152
1213
  type LogoTheme = 'light' | 'dark';
1153
- type Props$4 = {
1214
+ type Props$5 = {
1154
1215
  variant: LogoVariant;
1155
1216
  theme?: LogoTheme;
1156
1217
  size?: keyof typeof space;
1157
1218
  className?: string;
1158
1219
  onClick?: () => void;
1159
1220
  };
1160
- declare const Logo: ({ variant, theme, size, className, ...rest }: Props$4) => _emotion_react_jsx_runtime.JSX.Element;
1221
+ declare const Logo: ({ variant, theme, size, className, ...rest }: Props$5) => _emotion_react_jsx_runtime.JSX.Element;
1222
+
1223
+ type Variant = 'sent' | 'received';
1224
+ type Props$4 = {
1225
+ variant?: Variant;
1226
+ timestamp?: string;
1227
+ className?: string;
1228
+ children?: React__default.ReactNode;
1229
+ };
1230
+ declare const MessageBubble: ({ variant, timestamp, className, children, }: Props$4) => _emotion_react_jsx_runtime.JSX.Element;
1161
1231
 
1162
1232
  type NavLink = {
1163
1233
  label: string;
@@ -1190,11 +1260,15 @@ type Props$2 = {
1190
1260
  };
1191
1261
  declare const PackageCard: ({ images, title, subtitle, startingPrice, tripsLeft, isFavorited, onFavoriteClick, onClick, className, days, guests, hasLodging, ...rest }: Props$2) => _emotion_react_jsx_runtime.JSX.Element;
1192
1262
 
1193
- type TagChipProps$1 = HTMLAttributes<HTMLSpanElement> & {
1263
+ type TagChipVariant = 'primary' | 'success' | 'warning' | 'error';
1264
+ type TagChipProps = HTMLAttributes<HTMLSpanElement> & {
1265
+ /** The visual variant of the chip */
1266
+ variant?: TagChipVariant;
1194
1267
  /** Optional custom className */
1195
1268
  className?: string;
1196
1269
  };
1197
- declare const TagChip: FC<PropsWithChildren<TagChipProps$1>>;
1270
+
1271
+ declare const TagChip: FC<PropsWithChildren<TagChipProps>>;
1198
1272
 
1199
1273
  type THeadingSize = 'xl' | 'lg' | 'md' | 'sm' | 'xs' | '2xs';
1200
1274
  type TTextSize = 'md' | 'sm' | 'xs' | '2xs';
@@ -1240,9 +1314,37 @@ type Props = HTMLAttributes<HTMLElement> & {
1240
1314
  };
1241
1315
  declare const Text: FC<PropsWithChildren<Props>>;
1242
1316
 
1243
- type TagChipProps = HTMLAttributes<HTMLSpanElement> & {
1244
- /** Optional custom className */
1317
+ type IconVariantTypes = Parameters<typeof Icon>[0]['variant'];
1318
+ type WidgetProps = {
1319
+ ariaLabel: string;
1320
+ icon?: IconVariantTypes;
1321
+ expandedIcon?: IconVariantTypes;
1322
+ defaultExpanded?: boolean;
1323
+ expanded?: boolean;
1324
+ onExpandedChange?: (expanded: boolean) => void;
1325
+ size?: number;
1326
+ panelWidth?: number | string;
1327
+ className?: string;
1328
+ children?: React__default.ReactNode;
1329
+ header?: string;
1330
+ };
1331
+ declare const WidgetTrigger: React__default.FC<{
1332
+ className?: string;
1333
+ }>;
1334
+ declare const WidgetPanel: React__default.FC<{
1245
1335
  className?: string;
1336
+ style?: React__default.CSSProperties;
1337
+ children?: React__default.ReactNode;
1338
+ }>;
1339
+ declare const Widget: React__default.FC<WidgetProps> & {
1340
+ Trigger: React__default.FC<{
1341
+ className?: string | undefined;
1342
+ }>;
1343
+ Panel: React__default.FC<{
1344
+ className?: string | undefined;
1345
+ style?: React__default.CSSProperties | undefined;
1346
+ children?: React__default.ReactNode;
1347
+ }>;
1246
1348
  };
1247
1349
 
1248
- export { AvailabilityChip, type AvailabilityChipProps$1 as AvailabilityChipProps, type AvailabilityChipVariant, type BaseInputProps, Box, type BoxProps, Button, Column, type ColumnProps, Container, FieldNoteCard, FormField, type FormFieldProps, GlobalStyle, Grid, type GridBreakpoint, GridContainer, type GridContainerProps, type GridProps, Heading, HuntCard, Icon, IconLabel, type IconVariantTypes, Input, type InputProps, type InputSize, type InputVariant, LayoutTokens, Logo, type LogoTheme, type LogoVariant, Navigation, PackageCard, type ResponsiveValue, Select, type SelectOption, type SelectProps, TagChip, type TagChipProps, Text, ThemeTokens, globalStyles, styles };
1350
+ export { AIResponse, AvailabilityChip, type AvailabilityChipProps$1 as AvailabilityChipProps, type AvailabilityChipVariant, type BaseInputProps, Box, type BoxProps, Button, type ButtonVariants, Column, type ColumnProps, Container, Divider, FieldNoteCard, FormField, type FormFieldProps, GlobalStyle, Grid, type GridBreakpoint, GridContainer, type GridContainerProps, type GridProps, Heading, HuntCard, Icon, IconLabel, type IconVariantTypes$1 as IconVariantTypes, Input, type InputProps, type InputSize, type InputVariant, LayoutTokens, ListingChat, Logo, type LogoTheme, type LogoVariant, MessageBubble, Navigation, PackageCard, type ResponsiveValue, Select, type SelectOption, type SelectProps, TagChip, type TagChipProps, Text, TextArea, type TextareaProps, ThemeTokens, Widget, WidgetPanel, WidgetTrigger, globalStyles, styles };