@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/README.md +6 -0
- package/dist/index.css +3 -0
- package/dist/index.css.map +1 -1
- package/dist/index.d.ts +309 -207
- package/dist/index.js +2514 -1667
- package/dist/index.js.map +1 -1
- package/dist/variables.css +3 -0
- package/package.json +4 -2
- package/variables.css +3 -0
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,
|
|
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$
|
|
572
|
+
type Props$c = BoxProps & {
|
|
558
573
|
isFullWidth?: boolean;
|
|
559
574
|
};
|
|
560
|
-
declare const Container: ({ children, className, isFullWidth, ...props }: Props$
|
|
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
|
-
|
|
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$
|
|
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$
|
|
974
|
+
declare const Icon: ({ variant, size, className, setAutoHeight, fill, ...rest }: Props$b) => _emotion_react_jsx_runtime.JSX.Element;
|
|
1142
975
|
|
|
1143
|
-
type
|
|
1144
|
-
|
|
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$
|
|
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$
|
|
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$
|
|
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
|
|
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
|
-
|
|
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
|
|
1244
|
-
|
|
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 };
|