design-system-silkhaus 3.8.0-beta.ST-1134.4 → 3.8.0-beta.ST-1134.5

package/dist/index.d.ts

@@ -0,0 +1,2034 @@
+import { CalendarDayShape } from 'react-dates';
+import { ClassProp } from 'class-variance-authority/types';
+import { ClassValue } from 'clsx';
+import { default as default_2 } from 'react';
+import { ElementType } from 'react';
+import { FC } from 'react';
+import { ForwardRefExoticComponent } from 'react';
+import { HTMLAttributes } from 'react';
+import { JSX as JSX_2 } from 'react/jsx-runtime';
+import { LazyLoadTypes } from 'react-slick';
+import { ModifiersShape } from 'react-dates';
+import { Moment } from 'moment';
+import { Placement } from '@floating-ui/react';
+import { Props } from 'simplebar-react';
+import { PropsWithChildren } from 'react';
+import * as React_2 from 'react';
+import { ReactNode } from 'react';
+import { RefAttributes } from 'react';
+import { toast as toast_2 } from 'react-toastify';
+import { ToastContainerProps as ToastContainerProps_2 } from 'react-toastify';
+import { VariantProps } from 'class-variance-authority';
+
+export declare const Accordion: default_2.ForwardRefExoticComponent<AccordionProps & default_2.RefAttributes<HTMLDivElement>>;
+
+export declare interface AccordionProps {
+    title: string | ReactNode;
+    content: ReactNode;
+    expandIcon?: string | ReactNode;
+    collapseIcon?: string | ReactNode;
+    accordionClass?: string | undefined;
+    accordionHeaderClass?: string | undefined;
+    accordionTitleClass?: string | undefined;
+    accordionContentClass?: string | undefined;
+    isEnabled?: boolean;
+    isExpanded?: boolean;
+    /**
+     * @default true
+     * If false, accordion will collapse on clicking anywhere,
+     * otherwise it will only collapse on clicking the header
+     */
+    isCollapseOnlyOnHeaderClick?: boolean;
+    onStateChange?: (state: boolean) => void;
+}
+
+declare type ActionButtonProps = {
+    label: string;
+} & ButtonProps;
+
+export declare const ActionFooter: default_2.ForwardRefExoticComponent<ActionFooterProps & default_2.RefAttributes<HTMLDivElement>>;
+
+export declare interface ActionFooterProps {
+    className?: string;
+    secondaryBtnClick?: () => void;
+    primaryBtnClick: () => void;
+    primaryBtnDisabled?: boolean;
+    secondaryBtnDisabled?: boolean;
+    primaryBtnTxt: string | default_2.ReactNode;
+    secondaryBtnTxt?: string | default_2.ReactNode;
+    primaryBtnType?: 'button' | 'submit' | 'reset';
+    secondaryBtnType?: 'button' | 'submit' | 'reset';
+    thirdColumn?: default_2.ReactNode;
+}
+
+export declare const AirConditionIcon: FC<{
+    className?: string;
+}>;
+
+export declare const AlertDialog: default_2.ForwardRefExoticComponent<AlertDialogProps & default_2.RefAttributes<HTMLDivElement>>;
+
+export declare interface AlertDialogProps {
+    outerDivClassName?: string;
+    banner?: string;
+    title: ReactNode;
+    description?: ReactNode;
+    disablePrimaryBtn: boolean;
+    showPrimaryBtn: boolean;
+    disableSecondaryBtn: boolean;
+    showSecondaryBtn: boolean;
+    primaryBtnText?: string | ReactNode;
+    secondaryBtnText?: string | ReactNode;
+    onPrimaryBtnClick?: () => void;
+    onSecondaryBtnClick?: () => void;
+}
+
+export declare const AnimatedModal: ForwardRefExoticComponent<AnimatedModalProps & RefAttributes<HTMLDivElement>>;
+
+export declare interface AnimatedModalProps extends HTMLAttributes<HTMLDivElement> {
+    show?: boolean;
+    handleClose?: () => void;
+    animation?: 'slideUp' | 'slideDown' | 'slideLeft' | 'slideRight' | 'fadeIn';
+    /**
+     * @deprecated Apply styles using `contentClassName` instead
+     */
+    marginTop?: string;
+    /**
+     * @deprecated Apply styles using `contentClassName` instead
+     */
+    maxWidth?: string;
+    /**
+     * classes to apply on container that wraps the children passed to AnimatedModal
+     */
+    contentClassName?: string;
+    isDismissible?: boolean;
+    overlayBlur?: boolean;
+}
+
+export declare const ArrowRightIcon: FC<{
+    className?: string;
+}>;
+
+export declare const ArrowTopRightIcon: FC<{
+    className?: string;
+}>;
+
+export declare const ArrowUndoIcon: FC<{
+    className?: string;
+}>;
+
+export declare const Asterisk: default_2.ForwardRefExoticComponent<AsteriskProps & default_2.RefAttributes<HTMLSpanElement>>;
+
+declare interface AsteriskProps {
+    className?: string;
+}
+
+export declare const Badge: default_2.ForwardRefExoticComponent<BadgeProps & default_2.RefAttributes<HTMLDivElement>>;
+
+export declare type BadgeProps = {
+    icon?: default_2.ReactNode;
+    label: string;
+    variant: 'dark' | 'light' | 'amenity';
+    className?: string;
+};
+
+export declare const BankRegularIcon: FC<{
+    className?: string;
+}>;
+
+export declare const BarsIcon: FC<{
+    className?: string;
+}>;
+
+export declare const BarsOutlineIcon: FC<{
+    className?: string;
+}>;
+
+export declare const BedLineIcon: FC<{
+    className?: string;
+}>;
+
+export declare const BedRegularIcon: FC<{
+    className?: string;
+}>;
+
+export declare const BellIcon: FC<{
+    className?: string;
+}>;
+
+export declare const BellSolidIcon: FC<{
+    className?: string;
+}>;
+
+export declare const BoltIcon: FC<{
+    className?: string;
+}>;
+
+export declare const BookIcon: FC<{
+    className?: string;
+}>;
+
+export declare const BookingQuoteCard: default_2.ForwardRefExoticComponent<BookingQuoteCardProps & default_2.RefAttributes<HTMLDivElement>>;
+
+export declare interface BookingQuoteCardProps extends default_2.HTMLAttributes<HTMLDivElement> {
+    items: BookingQuoteLineItemType[];
+    isExpandedInMobile?: boolean;
+}
+
+export declare interface BookingQuoteLineItemType {
+    key_name: string;
+    display_name: string;
+    currency_converted_amount: string;
+    type: string;
+    description?: string;
+}
+
+export declare const BoxCheckIcon: FC<{
+    className?: string;
+}>;
+
+export declare const BoxLineGraphUpIcon: FC<{
+    className?: string;
+}>;
+
+export declare const BuildingIcon: FC<{
+    className?: string;
+}>;
+
+export declare const BurgerIcon: FC<{
+    className?: string;
+}>;
+
+export declare const Button: default_2.ForwardRefExoticComponent<ButtonProps & default_2.RefAttributes<HTMLButtonElement>>;
+
+export declare interface ButtonProps extends default_2.ButtonHTMLAttributes<HTMLButtonElement> {
+    color?: 'primary' | 'secondary' | 'tertiary' | 'quaternary';
+    size?: 'small' | 'large';
+    disabled?: true | false;
+    startIcon?: default_2.ReactNode;
+    endIcon?: default_2.ReactNode;
+    trackingId?: string;
+    selected?: boolean;
+    helperText?: string;
+    /**
+     * classes to apply on the outer most container which contains
+     * the button and the helper text
+     */
+    className?: string;
+    /**
+     * classes to apply on button element
+     */
+    buttonClassName?: string;
+    /**
+     * classes to apply on the helper text
+     */
+    helpterTextClassName?: string;
+}
+
+export declare const ButtonsGroupSelector: default_2.ForwardRefExoticComponent<ButtonsGroupSelectorProps & default_2.RefAttributes<HTMLDivElement>>;
+
+export declare interface ButtonsGroupSelectorProps extends HTMLAttributes<HTMLDivElement> {
+    label?: string;
+    value?: Array<{
+        label: string;
+        value: string;
+    }>;
+    options: Array<{
+        label: string;
+        value: string;
+    }>;
+    onSelectionChange?: (selected: Array<{
+        label: string;
+        value: string;
+    }>) => void;
+    placeholder?: string;
+    selected?: boolean;
+    isMultiSelect?: boolean;
+    noDataError?: string;
+    minWidthButton?: string;
+    buttonWidth?: string;
+    minSelectionError?: string;
+    /**
+     * className for the wrapping div on the buttons
+     */
+    buttonsContainerClassName?: string;
+    /**
+     * className to applied on each button
+     */
+    buttonClassName?: string;
+}
+
+export declare const CalendarIcon: FC<{
+    className?: string;
+}>;
+
+export declare const CalendarPlusIcon: FC<{
+    className?: string;
+}>;
+
+export declare const Card: React_2.ForwardRefExoticComponent<CardProps & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const CardContent: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const CardDescription: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const CardFooter: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const CardHeader: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare interface CardProps extends React_2.HTMLAttributes<HTMLDivElement>, CardVariantProps {
+    asChild?: boolean;
+    as?: string;
+}
+
+export declare const CardTitle: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare type CardVariantProps = VariantProps<typeof cardVariants>;
+
+declare const cardVariants: (props?: ({
+    cardType?: "default" | "shadowCard" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export declare const ChairIcon: FC<{
+    className?: string;
+}>;
+
+export declare const Checkbox: default_2.ForwardRefExoticComponent<CheckboxProps & default_2.RefAttributes<HTMLInputElement>>;
+
+export declare interface CheckboxProps extends HTMLAttributes<HTMLInputElement> {
+    isChecked: boolean;
+    onSelectionChange?: () => void;
+    label?: default_2.ReactNode;
+    disabled?: boolean;
+    className?: string;
+    labelPosition?: 'left' | 'right';
+}
+
+export declare const CheckmarkCircleIcon: FC<{
+    className?: string;
+}>;
+
+export declare const CheckmarkIcon: FC<{
+    className?: string;
+}>;
+
+export declare const ChevronDownRegularIcon: FC<{
+    className?: string;
+}>;
+
+export declare const ChevronLeftRegularIcon: FC<{
+    className?: string;
+}>;
+
+export declare const ChevronRightRegularIcon: FC<{
+    className?: string;
+}>;
+
+export declare const ClipboardIcon: FC<{
+    className?: string;
+}>;
+
+export declare const ClipboardSolidIcon: FC<{
+    className?: string;
+}>;
+
+export declare const CloseIcon: FC<{
+    className?: string;
+}>;
+
+export declare function cn(...inputs: ClassValue[]): string;
+
+/**
+ * A wrapper component that follows design system's margins on pages for different screen sizes
+ */
+export declare const Container: <T extends ElementType = "div">({ as, children, className, dataTestId, ...rest }: ContainerProps<T>) => JSX_2.Element;
+
+export declare type ContainerProps<T extends ElementType = 'div'> = React.PropsWithChildren<{
+    /**
+     * Element type to render as
+     * @default 'div'
+     */
+    as?: T;
+    dataTestId?: string;
+}> & React.ComponentPropsWithoutRef<T>;
+
+export declare const ContractIcon: FC<{
+    className?: string;
+}>;
+
+export declare const DashboardIcon: FC<{
+    className?: string;
+}>;
+
+export declare const DashboardOutlineIcon: FC<{
+    className?: string;
+}>;
+
+export declare const DateRangePicker: default_2.ForwardRefExoticComponent<DateRangePickerProps & default_2.RefAttributes<HTMLDivElement>>;
+
+declare interface DateRangePickerProps {
+    startDatePlaceholderText?: string;
+    endDatePlaceholderText?: string;
+    onDatesSelected?: (dates: {
+        startDate: Moment | null;
+        endDate: Moment | null;
+    }) => void;
+    onDatesChange?: (dates: {
+        startDate: Moment | null;
+        endDate: Moment | null;
+    }) => void;
+    initialStartDate?: Moment | null;
+    initialEndDate?: Moment | null;
+    focusedInput?: 'startDate' | 'endDate' | null;
+    onFocusChange?: (focusedInput: 'startDate' | 'endDate' | null) => void;
+    lTBannerImage?: string;
+    lTBannerTitle?: string | default_2.ReactNode;
+    lTBannerDesc?: string | default_2.ReactNode;
+    lTBannerBgColor?: string;
+    thirdColumn?: string | default_2.ReactNode;
+    onMobileCloseClick?: () => void;
+    onOutsideClick?: (e: unknown) => void;
+    onPrevMonthClick?: (e: unknown) => void;
+    onNextMonthClick?: (e: unknown) => void;
+    renderCalendarDay?: (props: CalendarDayShape) => default_2.ReactNode | undefined;
+    isDayBlocked?: ((day: Moment) => boolean) | undefined;
+    renderDayContents?: (day: Moment, modifiers: ModifiersShape) => default_2.ReactNode | null | undefined;
+    renderCalendarInfo?: () => default_2.ReactNode | null | undefined;
+    _daySize?: number;
+    _mobileDaySize?: number;
+    mobileBreakPoint?: number;
+    isAdjustHeightForViewport?: boolean;
+    /**
+     * @default 'button'
+     */
+    primaryBtnType?: 'button' | 'submit' | 'reset';
+    /**
+     * @default 'button'
+     */
+    secondaryBtnType?: 'button' | 'submit' | 'reset';
+    /**
+     * Used for RTL.
+     * Pass this as true when you have direction=rtl in your HTML
+     * @default false
+     */
+    rtl?: boolean;
+    /**
+     * @default 'Check-in'
+     */
+    startDateLabel?: string;
+    /**
+     * @default 'Check out'
+     */
+    endDateLabel?: string;
+    /**
+     * @default 'Apply'
+     */
+    primaryBtnText?: string;
+    /**
+     * @default 'Clear'
+     */
+    secondaryBtnText?: string;
+}
+
+export declare const DeleteIcon: FC<{
+    className?: string;
+}>;
+
+export declare const desktopMinWidth: number;
+
+export declare const DesktopPopover: FC<PropsWithChildren<PopoverProps>>;
+
+export declare const DesktopTooltip: FC<PropsWithChildren<TooltipProps>>;
+
+export declare const Dialog: ForwardRefExoticComponent<DialogProps & RefAttributes<HTMLDivElement>>;
+
+export declare interface DialogProps extends HTMLAttributes<HTMLDivElement> {
+    open: boolean;
+}
+
+export declare const DialogV2: FC<DialogV2Props>;
+
+export declare type DialogV2Props = {
+    className?: string;
+    title: string;
+    subTitle?: string;
+    dialogContainerClassname?: string;
+    dialogHeaderClassname?: string;
+    dialogBodyClassname?: string;
+    dialogFooterClassname?: string;
+    dialogBody: ReactNode;
+    show: boolean;
+    onClose?: () => void;
+    actionButtons?: ActionButtonProps[];
+    isDismissible?: boolean;
+    overlayBlur?: boolean;
+    dir?: 'ltr' | 'rtl' | 'auto';
+};
+
+export declare const DocumentsIcon: FC<{
+    className?: string;
+}>;
+
+export declare const DoorLockIcon: FC<{
+    className?: string;
+}>;
+
+export declare const DoorOpenIcon: FC<{
+    className?: string;
+}>;
+
+export declare const DUE_TODAY = "due_today";
+
+export declare const FileIcon: FC<{
+    className?: string;
+}>;
+
+export declare const FileInput: default_2.FC<FileInputProps>;
+
+export declare interface FileInputProps {
+    label?: string;
+    /**
+     * label that will appear on the button.
+     * @default 'Upload'
+     */
+    uploadButtonLabel?: string;
+    /**
+     * label that will appear next to the upload button
+     * @default 'Choose...'
+     */
+    uploadLabel?: string;
+    helperText?: string;
+    /**
+     * file types that will be accepted by the input.
+     * accepts same values as https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/accept
+     */
+    accept?: string;
+    multiple?: boolean;
+    onChange?: (files: FileList | null) => void;
+    disabled?: boolean;
+    required?: boolean;
+    /**
+     * If the file input is being used for uploading, an array of upload statuses
+     * for each file can be passed to show status of each file.
+     */
+    uploadStatuses?: {
+        isComplete: boolean;
+        isDeleting?: boolean;
+        message: string;
+        fileId?: string | number;
+    }[];
+    className?: string;
+    error?: boolean;
+    /**
+     * Controls whether we need to show tooltip or not
+     */
+    showTooltip?: boolean;
+    /**
+     * Provide option to overide default tooltip icon
+     */
+    tooltipIcon?: default_2.ReactNode;
+    /**
+     * Optional tooltip props without trigger
+     */
+    tooltipProps?: Omit<TooltipProps, 'trigger'>;
+    /**
+     * Allow deletion of file
+     */
+    allowDelete?: boolean;
+    /**
+     * Callback function to handle file deletion
+     */
+    onDeleteBtnClick?: (id: string | number) => void;
+}
+
+export declare const FilterIcon: FC<{
+    className?: string;
+}>;
+
+export declare const FlameIcon: FC<{
+    className?: string;
+}>;
+
+export declare const formatCurrency: (val: number, currency?: string) => string;
+
+export declare const GearIcon: FC<{
+    className?: string;
+}>;
+
+export declare const GearOutlinedIcon: FC<{
+    className?: string;
+}>;
+
+export declare const getScreenSize: (width: number) => ScreenSize;
+
+export declare const GlobeIcon: FC<{
+    className?: string;
+}>;
+
+export declare const Grid: React_2.ForwardRefExoticComponent<GridProps & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare interface GridProps extends React_2.HTMLAttributes<HTMLDivElement>, Omit<GridVariantProps, 'optional'> {
+    asChild?: boolean;
+}
+
+export declare type GridVariantProps = VariantProps<typeof gridVariants>;
+
+declare const gridVariants: (props?: ({
+    display?: "grid" | "inlineGrid" | null | undefined;
+    gap?: "gap0" | "gap100" | "gap150" | "gap200" | "gap300" | "gap400" | "gap600" | "gap800" | "gap1000" | "gap1200" | "gap1600" | "gap2000" | null | undefined;
+    gapX?: "gap0" | "gap100" | "gap150" | "gap200" | "gap300" | "gap400" | "gap600" | "gap800" | "gap1000" | "gap1200" | "gap1600" | "gap2000" | null | undefined;
+    gapY?: "gap0" | "gap100" | "gap150" | "gap200" | "gap300" | "gap400" | "gap600" | "gap800" | "gap1000" | "gap1200" | "gap1600" | "gap2000" | null | undefined;
+    justifyContent?: "end" | "start" | "normal" | "center" | "between" | "around" | "evenly" | "stretch" | null | undefined;
+    justifyItems?: "end" | "start" | "center" | "stretch" | null | undefined;
+    alignContent?: "end" | "start" | "normal" | "center" | "between" | "around" | "evenly" | "stretch" | "baseline" | null | undefined;
+    alignItems?: "end" | "start" | "center" | "stretch" | "baseline" | null | undefined;
+    placeContent?: "end" | "start" | "center" | "between" | "around" | "evenly" | "stretch" | "baseline" | null | undefined;
+    placeItems?: "end" | "start" | "center" | "stretch" | "baseline" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export declare const HandCursorTapIcon: FC<{
+    className?: string;
+}>;
+
+export declare const HeadsetIcon: FC<{
+    className?: string;
+}>;
+
+export declare const HelperText: FC<HelperTextProps>;
+
+export declare interface HelperTextProps {
+    error?: boolean;
+    text?: ReactNode;
+    className?: string;
+}
+
+export declare const HouseOutlineIcon: FC<{
+    className?: string;
+}>;
+
+export declare const HouseRegularIcon: FC<{
+    className?: string;
+}>;
+
+export declare const IconButton: default_2.ForwardRefExoticComponent<IconButtonProps & default_2.RefAttributes<HTMLButtonElement>>;
+
+export declare interface IconButtonProps extends default_2.ButtonHTMLAttributes<HTMLButtonElement> {
+    color?: 'primary' | 'secondary' | 'tertiary' | 'quaternary';
+    size?: 'small' | 'large';
+    disabled?: true | false;
+}
+
+export declare const ImageCarousel: default_2.ForwardRefExoticComponent<ImageCarouselProps & default_2.RefAttributes<HTMLDivElement>>;
+
+export declare interface ImageCarouselProps extends default_2.HTMLAttributes<HTMLDivElement> {
+    images: string[];
+}
+
+export declare const InfoIcon: FC<{
+    className?: string;
+}>;
+
+export declare const Input: default_2.ForwardRefExoticComponent<InputProps & default_2.RefAttributes<HTMLInputElement>>;
+
+export declare interface InputProps extends default_2.InputHTMLAttributes<HTMLInputElement | HTMLTextAreaElement> {
+    textarea?: true | false | undefined;
+    label?: default_2.ReactNode;
+    /**
+     * @deprecated This was wrongly named. Please use `helperText` instead
+     */
+    caption?: string;
+    helperText?: string;
+    color?: 'primary' | 'success' | 'error' | 'primaryRounded' | 'errorRounded' | 'disabled';
+    required?: boolean;
+    labelClass?: string | undefined;
+    InputDivClass?: string | undefined;
+    /**
+     * @deprecated This was wrongly named. Please use `helperTextClass` instead
+     */
+    captionClass?: string;
+    helperTextClass?: string;
+    startAdornment?: default_2.ReactNode;
+    endAdornment?: default_2.ReactNode;
+    min?: number;
+    max?: number;
+    value?: string | number;
+    /**
+     * When `true`, only numbers can be entered. Any other input will be ignored
+     * When min and max are set, the entered value is set to min when less than min and max when greater than max
+     */
+    isNumbersOnly?: boolean;
+    /**
+     * When `isNumbersOnly` is `true`, entered value might be modified depending on min and max.
+     * While `onChange` will you give what the user enters, `onNumberUpdate` will give the final modified value
+     */
+    onNumberUpdate?: (val: number | '') => void;
+    /**
+     * Controls whether we need to show tooltip or not
+     */
+    showTooltip?: boolean;
+    /**
+     * Provide option to overide default tooltip icon
+     */
+    tooltipIcon?: default_2.ReactNode;
+    /**
+     * Optional tooltip props without trigger
+     */
+    tooltipProps?: Omit<TooltipProps, 'trigger'>;
+}
+
+export declare const INSTALLMENT = "installment";
+
+declare interface KeyMapping<SourceKey extends keyof PaymentRadioInputProps, DestinationKey extends string> {
+    sourceKey: SourceKey;
+    destinationKey: DestinationKey;
+}
+
+export declare const Label: FC<LabelProps>;
+
+export declare type LabelProps = {
+    label: default_2.ReactNode;
+    required?: boolean;
+    error?: boolean;
+    className?: string;
+    disabled?: boolean;
+};
+
+export declare const LineGraphDownIcon: FC<{
+    className?: string;
+}>;
+
+export declare const LineGraphUpIcon: FC<{
+    className?: string;
+}>;
+
+export declare const ListingCard: default_2.ForwardRefExoticComponent<ListingCardProps & default_2.RefAttributes<HTMLDivElement>>;
+
+export declare type ListingCardProps = {
+    images: string[];
+    title: string | default_2.ReactNode;
+    subtitle: string | default_2.ReactNode;
+    guests: number;
+    type: string;
+    sqft: string;
+    tags: TagProps[];
+    amenityTags?: TagProps[];
+    price: string;
+    slashedPrice?: string;
+    totalPrice: string;
+    slashedTotalPrice?: string;
+    onClick: () => void;
+    selectable?: boolean;
+    selectionState?: SelectionStateEnum;
+    onViewListingClick?: () => void;
+    className?: string;
+    /**
+     * Used for RTL.
+     * Pass this as true when you have direction=rtl in your HTML
+     * @default false
+     */
+    rtl?: boolean;
+    /**
+     * Text for view listing button
+     * @default 'View Listing'
+     */
+    viewListingText?: string;
+    /**
+     * Text for no of guests label
+     * @default 'Guests'
+     */
+    noOfGuestsLabel?: string;
+    /**
+     * Text for apartment type label
+     * @default 'Type'
+     */
+    apartmentTypeLabel?: string;
+    /**
+     * Text for apartment area label
+     * @default 'Sqft'
+     */
+    apartmentAreaLabel?: string;
+    /**
+     * Text for price suffix
+     * @default 'avg/night'
+     */
+    priceSuffix?: string;
+    /**
+     * Text for total price suffix
+     * @default 'Total excl. tax & fees'
+     */
+    totalPriceSuffix?: string;
+};
+
+export declare const LoadingIcon: FC<{
+    className?: string;
+}>;
+
+export declare const LocaleSettingsModal: FC<LocaleSettingsModalProps>;
+
+export declare interface LocaleSettingsModalProps {
+    languages?: Option_3[];
+    currencies?: Option_3[];
+    selectedLanguage?: Option_3;
+    selectedCurrency?: Option_3;
+    show: boolean;
+    onSave: (settings: {
+        language: Option_3;
+        currency: Option_3;
+    }) => void;
+    onClose: () => void;
+}
+
+export declare const LocationIcon: FC<{
+    className?: string;
+}>;
+
+export declare const LockIcon: FC<{
+    className?: string;
+}>;
+
+export declare const LongTermBanner: default_2.ForwardRefExoticComponent<LongTermBannerProps & default_2.RefAttributes<HTMLDivElement>>;
+
+export declare interface LongTermBannerProps {
+    image: string;
+    title: string | default_2.ReactNode;
+    desc: string | default_2.ReactNode;
+    size: 'small' | 'large';
+    bgColor: string;
+    className?: string;
+}
+
+export declare const MagnifyGlassIcon: FC<{
+    className?: string;
+}>;
+
+export declare const MinusIcon: FC<{
+    className?: string;
+}>;
+
+export declare const MobileFilterMenu: ForwardRefExoticComponent<MobileFilterMenuProps & RefAttributes<HTMLDivElement>>;
+
+export declare interface MobileFilterMenuProps extends HTMLAttributes<HTMLDivElement> {
+    show: boolean;
+    handleClose?: () => void;
+    staticBackdrop?: boolean;
+    filterHeader?: string;
+    filterDescription?: string;
+    closeIcon?: string;
+    animation?: 'slideDown' | 'slideUp' | 'fadeIn';
+    isSecondary?: boolean;
+    backgroundImage?: string;
+    marginTop?: string;
+    maxWidth?: string;
+    rtl?: boolean;
+}
+
+export declare const MobileMultiSelectFilterDropDown: ForwardRefExoticComponent<MobileMultiSelectFilterDropDownProps & RefAttributes<HTMLDivElement>>;
+
+export declare interface MobileMultiSelectFilterDropDownProps extends HTMLAttributes<HTMLDivElement> {
+    label?: string;
+    value?: Array<Option_2>;
+    options: Array<Option_2>;
+    onSelectionChange?: (selected: Array<Option_2>) => void;
+    placeholder?: string;
+    selected?: boolean;
+    setCheckBoxValue?: boolean;
+    /**
+     * @deprecated use `icon` instead to pass a react node
+     */
+    dropdownIcon?: string;
+    icon?: React.ReactNode;
+    error?: string;
+    noDataError?: string;
+    disabled?: boolean;
+}
+
+export declare const MobilePopover: FC<PropsWithChildren<PopoverProps>>;
+
+export declare const MobileSelectCardDropDown: ForwardRefExoticComponent<MobileSelectCardDropDownProps & RefAttributes<HTMLDivElement>>;
+
+export declare interface MobileSelectCardDropDownProps extends HTMLAttributes<HTMLDivElement> {
+    label?: string;
+    value?: string;
+    options: {
+        imgUrl: string;
+        label: string;
+    }[];
+    onSelectionChange?: (selected: {
+        imgUrl: string;
+        label: string;
+    }) => void;
+    placeholder?: string;
+    selected?: boolean;
+    /**
+     * @deprecated use `icon` instead to pass a react node
+     */
+    dropdownIcon?: string;
+    icon?: React.ReactNode;
+    error?: string;
+    noDataError?: string;
+    disabled?: boolean;
+}
+
+export declare const MobileTootip: FC<PropsWithChildren<TooltipProps>>;
+
+export declare const MoneyIcon: FC<{
+    className?: string;
+}>;
+
+export declare const MoonIcon: FC<{
+    className?: string;
+}>;
+
+export declare const NotificationItem: FC<NotificationItemProps>;
+
+export declare type NotificationItemProps = {
+    id?: string | number;
+    className?: string;
+    title: string;
+    description1: string;
+    description2?: string;
+    thumbnailUrl?: string;
+    isRead?: boolean;
+    onClick?: (item: NotificationItemProps) => void;
+};
+
+export declare const OpenNewIcon: FC<{
+    className?: string;
+}>;
+
+declare interface Option_2 {
+    label: string;
+    id?: number | 'All';
+}
+export { Option_2 as Option }
+
+declare type Option_3 = {
+    value: string;
+    label: string;
+};
+
+export declare const PartnerIcon: FC<{
+    className?: string;
+}>;
+
+export declare const PartyPopperIcon: FC<{
+    className?: string;
+}>;
+
+declare const PaymentItem_2: default_2.FC<PaymentScheduleItemProps>;
+export { PaymentItem_2 as PaymentItem }
+
+export declare const PaymentRadioGroup: React.FC<PaymentRadioGroupProps>;
+
+export declare interface PaymentRadioGroupInputProps {
+    id: string;
+    name: string;
+    label: string | React.ReactNode;
+    price: string | React.ReactNode;
+    description?: string | React.ReactNode;
+    selectionContent?: React.ReactNode;
+    className?: string;
+}
+
+export declare interface PaymentRadioGroupProps {
+    options: PaymentRadioGroupInputProps[];
+    className?: string;
+    defaultValue?: string;
+    keyMappings?: Array<KeyMapping<keyof PaymentRadioGroupInputProps, string>>;
+    onChange: (selectedOption: Record<string, string> | PaymentRadioGroupInputProps) => void;
+}
+
+export declare const PaymentRadioInput: default_2.FC<PaymentRadioInputProps>;
+
+export declare interface PaymentRadioInputProps {
+    id: string;
+    name: string;
+    label: string | default_2.ReactNode;
+    price: string | default_2.ReactNode;
+    description?: string | default_2.ReactNode;
+    descriptionRight?: string | default_2.ReactNode;
+    checked?: boolean;
+    selectionContent?: default_2.ReactNode;
+    showDescription?: boolean;
+    className?: string;
+    onChange: (id: string) => void;
+}
+
+export declare const PaymentSchedule: default_2.FC<PaymentScheduleProps>;
+
+export declare type PaymentScheduleItemProps = {
+    date: string;
+    title: string;
+    amount: string;
+    /**
+     * Define the status of the payment entry
+     * @default 'scheduled'
+     */
+    state?: 'completed' | 'next-due' | 'scheduled' | 'failed';
+    /**
+     * Define the position of the payment entry in the payment schedule
+     * @default 'in-between'
+     */
+    positionInSchedule?: 'first' | 'last' | 'in-between';
+};
+
+export declare const PaymentSchedulePreview: default_2.FC<PaymentSchedulePreviewProps>;
+
+export declare const PaymentSchedulePreviewItem: default_2.FC<PaymentSchedulePreviewItemProps>;
+
+export declare interface PaymentSchedulePreviewItemProps {
+    keyId: typeof DUE_TODAY | typeof SECURITY_DEPOSIT_REFUND | typeof INSTALLMENT;
+    displayName: string | default_2.ReactNode;
+    subText?: string | default_2.ReactNode;
+    amount: number;
+    className?: string;
+    currency: string;
+}
+
+export declare interface PaymentSchedulePreviewProps {
+    className?: string;
+    totalAmount: number;
+    currency: string;
+    dateFormat?: string;
+    popupDateFormat?: string;
+    items: {
+        keyId: typeof DUE_TODAY | typeof INSTALLMENT | typeof SECURITY_DEPOSIT_REFUND;
+        displayName?: string;
+        amount: number;
+        date: string;
+        className?: string;
+        subText?: string;
+        popupDate?: string;
+        popupTitle?: string;
+    }[];
+    noOfInstallmentsToShow?: number;
+    otherTotalCount?: number;
+    showDetailsModalTitle?: string;
+}
+
+export declare type PaymentScheduleProps = {
+    className?: string;
+    paymentItems: PaymentScheduleItemProps[];
+};
+
+export declare const PdfIcon: FC<{
+    className?: string;
+}>;
+
+export declare const PencilIcon: FC<{
+    className?: string;
+}>;
+
+export declare const PhotoRectangleIcon: FC<{
+    className?: string;
+}>;
+
+export declare const PinIcon: FC<{
+    className?: string;
+}>;
+
+export declare const PlusBoxIcon: FC<{
+    className?: string;
+}>;
+
+export declare const PlusBoxOutlineIcon: FC<{
+    className?: string;
+}>;
+
+export declare const PlusCircleIcon: FC<{
+    className?: string;
+}>;
+
+export declare const PlusIcon: FC<{
+    className?: string;
+}>;
+
+/**
+ * A component that displays a floating popover with the `content` on click of the `trigger` element for desktop
+ * and for mobile it displays a dialog that slides from the bottom
+ */
+export declare const Popover: FC<PropsWithChildren<PopoverProps>>;
+
+export declare interface PopoverProps {
+    /**
+     * Content of the popover
+     */
+    content: ReactNode;
+    /**
+     * The element that triggers the popover
+     */
+    trigger: ReactNode;
+    /**
+     * The placement of the floating popover. Only used in desktop version
+     * @default 'bottom'
+     */
+    placement?: Placement;
+    /**
+     * The trigger of the popover is wrapped in a container. This classname is added to that container
+     */
+    triggerContainerClassName?: string;
+    /**
+     * The content of the popover is wrapped in a container. This classname is added to that container
+     */
+    contentContainerClassname?: string;
+    /**
+     * When set true, popover will not be shown
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * The offset of the popover from the trigger in px. Only applicable for desktop popover
+     * @default 4
+     */
+    offset?: number;
+    /**
+     * The title of the popover
+     */
+    title?: string;
+    /**
+     * Callback when popover is opened or closed
+     */
+    onOpenChange?: (isOpen: boolean) => void;
+    /**
+     * Pass this value to control the open state
+     */
+    isOpen?: boolean;
+    /**
+     * Adjust the height of the popover to fit the content in viewport
+     */
+    adjustHeight?: boolean | number;
+    /**
+     * Adjust the width of the popover to fit the content in viewport
+     */
+    adjustWidth?: boolean;
+}
+
+export declare const PreviewIcon: FC<{
+    className?: string;
+}>;
+
+export declare const PriceCheckIcon: FC<{
+    className?: string;
+}>;
+
+export declare const PriceRangeSlider: default_2.ForwardRefExoticComponent<PriceRangeSliderProps & default_2.RefAttributes<HTMLDivElement>>;
+
+export declare interface PriceRangeSliderProps {
+    className?: string;
+    min?: number;
+    max: number;
+    step?: number;
+    /**
+     * This is called everytime the input field value changes
+     */
+    onInputChange?: (value: [number | string, number | string]) => void;
+    /**
+     * This is called when the slider value changes either through the slider
+     * or the input fields. This is only called after handling internally for any non numeric characters.
+     * Which means the value will either contain a number or empty string.
+     */
+    onPriceRangeChange?: (value: [number | '', number | '']) => void;
+    currency?: string;
+    value?: [number | '', number | ''];
+    disabled?: boolean;
+    /**
+     * @default 'From'
+     */
+    fromLabel?: string;
+    /**
+     * @default 'Up to'
+     */
+    uptoLabel?: string;
+}
+
+export declare const ProgressBar: default_2.FC<ProgressBarProps>;
+
+export declare interface ProgressBarProps {
+    className?: string;
+    label: default_2.ReactNode;
+    percentage?: default_2.ReactNode;
+    total?: number;
+    value: number;
+    height?: string;
+}
+
+export declare const PromoDialog: default_2.ForwardRefExoticComponent<PromoDialogProps & default_2.RefAttributes<HTMLDivElement>>;
+
+export declare interface PromoDialogProps {
+    bannerImageUrlDesktop?: string;
+    bannerImageUrlMobile?: string;
+    heading?: string;
+    discountText?: string;
+    desc?: string;
+    warningText?: string;
+    primaryBtnText?: string | ReactNode;
+    secondaryBtnText?: string | ReactNode;
+    onPrimaryBtnClick?: (email: string) => void;
+    onSecondaryBtnClick?: () => void;
+    onCloseButtonClick?: () => void;
+    showRecaptchaBranding?: boolean;
+    primatyBtnTrackingId?: string;
+    secondaryBtnTrackingId?: string;
+    closeBtnTrackingId?: string;
+    className?: string;
+    open?: boolean;
+    dir?: 'ltr' | 'rtl' | 'auto';
+}
+
+export declare const QuestionMarkIcon: FC<{
+    className?: string;
+}>;
+
+export declare const RadioButton: default_2.FC<RadioButtonProps>;
+
+export declare interface RadioButtonProps {
+    value: string;
+    label: string;
+    disabled?: boolean;
+    name: string;
+    selectedValue?: string;
+    onChange: (value: string) => void;
+    className?: string;
+    labelContainerClassName?: string;
+    inputClassName?: string;
+    labelClassName?: string;
+    helperText?: string;
+    error?: boolean;
+    isChecked?: boolean;
+    defaultChecked?: boolean;
+}
+
+export declare const RangeSlider: default_2.FC<RangeSliderProps>;
+
+export declare interface RangeSliderProps {
+    value?: [number, number];
+    onChange?: (value: [number, number]) => void;
+    step?: number;
+    className?: string;
+    disabled?: boolean;
+    min?: number;
+    max?: number;
+    tooltip?: boolean;
+}
+
+export declare const RoundedPriceIcon: FC<{
+    className?: string;
+}>;
+
+export declare const RoundedProgressBar: default_2.ForwardRefExoticComponent<RoundedProgressBarProps & default_2.RefAttributes<HTMLDivElement>>;
+
+export declare interface RoundedProgressBarProps {
+    progress: number;
+    text?: string;
+    progressColor?: string;
+    borderColor?: string;
+    size?: string | number;
+    strokeWidth?: number;
+    textClass?: string;
+}
+
+export declare const RulerRegularIcon: FC<{
+    className?: string;
+}>;
+
+export declare type ScreenSize = 'mobile' | 'tablet' | 'desktop';
+
+export declare const Scrollbar: FC<ScrollbarProps>;
+
+export declare interface ScrollbarProps extends Props {
+}
+
+export declare const Section: default_2.FC<SectionProps>;
+
+export declare const SectionHeader: default_2.FC<SectionHeaderProps>;
+
+export declare interface SectionHeaderProps {
+    title?: string;
+    description?: string;
+    className?: string;
+    titleClassName?: string;
+    descriptionClassName?: string;
+}
+
+export declare interface SectionProps {
+    head?: default_2.ReactNode;
+    body?: default_2.ReactNode;
+    className?: string;
+    headClassName?: string;
+    bodyClassName?: string;
+}
+
+export declare const SECURITY_DEPOSIT_REFUND = "security_deposit_refund";
+
+export declare const SegmentedControl: FC<SegmentedControlProps>;
+
+export declare type SegmentedControlProps = {
+    segments: {
+        label: string;
+        value: string;
+        icon?: React.ReactNode;
+    }[];
+    className?: string;
+    value?: string;
+    onChange?: (value: string) => void;
+};
+
+export declare const Select: FC<SelectProps>;
+
+export declare enum SelectionStateEnum {
+    None = "none",
+    Selected = "selected",
+    Added = "added"
+}
+
+export declare type SelectOption = {
+    label: ReactNode;
+    value: string;
+};
+
+export declare const SelectPopover: FC<SelectPopoverProps>;
+
+export declare interface SelectPopoverProps {
+    showPopup?: boolean;
+    mobileContainerClassname?: string;
+    desktopContainerClassname?: string;
+    maxWidth?: string;
+    options?: Array<{
+        label: string;
+        icon: string | ReactNode;
+        value: string;
+    }>;
+    onOptionSelected?: (value: string) => void;
+    handleClose?: () => void;
+}
+
+export declare type SelectProps = {
+    label?: string;
+    options: Array<SelectOption>;
+    value?: string;
+    onChange: (value: string) => void;
+    error?: boolean;
+    className?: string;
+    required?: boolean;
+    placeholder?: string;
+    helperText?: string;
+    disabled?: boolean;
+};
+
+export declare const ShareIcon: FC<{
+    className?: string;
+}>;
+
+export declare const SingleBuildingIcon: FC<{
+    className?: string;
+}>;
+
+export declare const SlickImageCarousel: default_2.ForwardRefExoticComponent<SlickImageCarouselProps & default_2.RefAttributes<HTMLDivElement>>;
+
+export declare type SlickImageCarouselProps = {
+    images: string[];
+    dots?: boolean;
+    infinite?: boolean;
+    className?: string;
+    onClick?: () => void;
+    lazyLoad?: LazyLoadTypes | undefined;
+    aspectRatio?: string | number | undefined;
+    /**
+     * Used for RTL.
+     * Pass is as true when you have direction=rtl in your HTML
+     * @default false
+     */
+    rtl?: boolean;
+};
+
+export declare const SofaIcon: FC<{
+    className?: string;
+}>;
+
+export declare const SotringIcon: FC<{
+    className?: string;
+}>;
+
+export declare const SparkleIcon: FC<{
+    className?: string;
+}>;
+
+export declare const StarLineIcon: FC<{
+    className?: string;
+}>;
+
+export declare const StarRegularIcon: FC<{
+    className?: string;
+}>;
+
+export declare interface Step {
+    number: number;
+    title: string;
+    status: 'active' | 'completed' | 'pending';
+    mobileTitle: string;
+    mobileNextTitle: string;
+}
+
+export declare const Stepper: default_2.ForwardRefExoticComponent<StepperProps & default_2.RefAttributes<HTMLDivElement>>;
+
+export declare interface StepperProps {
+    steps: Step[];
+    outerDivClass?: string;
+    outerMobileDivClass?: string;
+}
+
+export declare const StepsList: FC<StepsListProps>;
+
+export declare const StepsListItem: FC<StepsListItemProps>;
+
+export declare type StepsListItemProps = {
+    title: string;
+    description: string;
+    IconComponent: FC<{
+        className?: string;
+    }>;
+    iconClassName?: string;
+    className?: string;
+};
+
+export declare type StepsListProps = {
+    steps: StepsListItemProps[];
+    className?: string;
+};
+
+export declare const Switch: default_2.ForwardRefExoticComponent<SwitchProps & default_2.RefAttributes<HTMLInputElement>>;
+
+export declare interface SwitchProps {
+    checked: boolean;
+    onChange: (event: default_2.ChangeEvent<HTMLInputElement>) => void;
+    disabled?: boolean;
+    htmlId?: string;
+}
+
+export declare interface Tab {
+    IconComponent: default_2.ElementType;
+    HoverIconComponent: default_2.ElementType;
+    label: string;
+    value: string;
+    link?: string;
+}
+
+export declare const TabbedMenu: default_2.FC<TabbedMenuProps>;
+
+export declare interface TabbedMenuProps {
+    tabs: Tab[];
+    value?: string;
+    defaultValue?: string;
+    onChange: (tab: {
+        value: string;
+        link?: string;
+    }) => void;
+}
+
+export declare const tabletMinWidth: number;
+
+declare type TagProps = {
+    icon: default_2.ReactNode;
+    label: string;
+};
+
+/**
+ *
+ */
+declare const Text_2: <T extends ElementType = "div">({ as, children, className, dataTestId, variant, isResponsive, ...rest }: TextProps<T>) => JSX_2.Element;
+export { Text_2 as Text }
+
+export declare type TextProps<T extends ElementType = 'div'> = React.PropsWithChildren<{
+    /**
+     * Element type to render as
+     * @default 'div'
+     */
+    as?: T;
+    dataTestId?: string;
+    variant?: TextVariant;
+    isResponsive?: boolean;
+}> & React.ComponentPropsWithoutRef<T>;
+
+declare type TextVariant = keyof typeof textVariants;
+
+declare const textVariants: {
+    readonly xLargeHeroTitleRegular: readonly ["var(--xLargeHero-TitleRegular-font-size)", {
+        readonly lineHeight: "var(--xLargeHero-TitleRegular-line-height)";
+        readonly fontWeight: "var(--xLargeHero-TitleRegular-font-weight)";
+    }];
+    readonly xLargeTitle1Regular: readonly ["var(--xLargeTitle-1Regular-font-size)", {
+        readonly lineHeight: "var(--xLargeTitle-1Regular-line-height)";
+        readonly fontWeight: "var(--xLargeTitle-1Regular-font-weight)";
+    }];
+    readonly xLargeTitle1Emphasized: readonly ["var(--xLargeTitle-1Emphasized-font-size)", {
+        readonly lineHeight: "var(--xLargeTitle-1Emphasized-line-height)";
+        readonly fontWeight: "var(--font-weight-semibold)";
+    }];
+    readonly xLargeTitle2Regular: readonly ["var(--xLargeTitle-2Regular-font-size)", {
+        readonly lineHeight: "var(--xLargeTitle-2Regular-line-height)";
+        readonly fontWeight: "var(--xLargeTitle-2Regular-font-weight)";
+    }];
+    readonly xLargeTitle2Emphasized: readonly ["var(--xLargeTitle-2Emphasized-font-size)", {
+        readonly lineHeight: "var(--xLargeTitle-2Emphasized-line-height)";
+        readonly fontWeight: "var(--font-weight-semibold)";
+    }];
+    readonly xLargeTitle3Regular: readonly ["var(--xLargeTitle-3Regular-font-size)", {
+        readonly lineHeight: "var(--xLargeTitle-3Regular-line-height)";
+        readonly fontWeight: "var(--font-weight-normal)";
+    }];
+    readonly xLargeTitle3Emphasized: readonly ["var(--xLargeTitle-3Regular-font-size)", {
+        readonly lineHeight: "var(--xLargeTitle-3Regular-line-height)";
+        readonly fontWeight: "var(--font-weight-semibold)";
+    }];
+    readonly xLargeBody1Regular: readonly ["var(--xLargeBody-1Regular-font-size)", {
+        readonly lineHeight: "var(--xLargeBody-1Regular-line-height)";
+        readonly fontWeight: "var(--xLargeBody-1Regular-font-weight)";
+    }];
+    readonly xLargeBody2Regular: readonly ["var(--xLargeBody-2Regular-font-size)", {
+        readonly lineHeight: "var(--xLargeBody-2Regular-line-height)";
+        readonly fontWeight: "var(--xLargeBody-2Regular-font-weight)";
+    }];
+    readonly xLargeHeadLineRegular: readonly ["var(--xLargeHeadLine-Regular-font-size)", {
+        readonly lineHeight: "var(--xLargeHeadLine-Regular-line-height)";
+        readonly fontWeight: "var(--font-weight-semibold)";
+    }];
+    readonly xLargeHeadLineEmphasized: readonly ["var(--xLargeHeadLine-Regular-font-size)", {
+        readonly lineHeight: "var(--xLargeHeadLine-Regular-line-height)";
+        readonly fontWeight: "var(--font-weight-bold)";
+    }];
+    readonly xLargeCalloutRegular: readonly ["var(--xLargeCallout-Regular-font-size)", {
+        readonly lineHeight: "var(--xLargeCallout-Regular-line-height)";
+        readonly fontWeight: "var(--font-weight-normal)";
+    }];
+    readonly xLargeCalloutEmphasized: readonly ["var(--xLargeCallout-Regular-font-size)", {
+        readonly lineHeight: "var(--xLargeCallout-Regular-line-height)";
+        readonly fontWeight: "var(--font-weight-semibold)";
+    }];
+    readonly xLargeFootnoteRegular: readonly ["15px", {
+        readonly lineHeight: "20px";
+        readonly fontWeight: "var(--font-weight-normal)";
+    }];
+    readonly xLargeFootnoteEmphasized: readonly ["15px", {
+        readonly lineHeight: "20px";
+        readonly fontWeight: "var(--font-weight-semibold)";
+    }];
+    readonly largeHeroTitleRegular: readonly ["var(--LargeHero-TitleRegular-font-size)", {
+        readonly lineHeight: "var(--LargeHero-TitleRegular-line-height)";
+        readonly fontWeight: "var(--LargeHero-TitleRegular-font-weight)";
+    }];
+    readonly largeTitle1Regular: readonly ["var(--LargeTitle-1Regular-font-size)", {
+        readonly lineHeight: "var(--LargeTitle-1Regular-line-height)";
+        readonly fontWeight: "var(--LargeTitle-1Regular-font-weight)";
+    }];
+    readonly largeTitle1Emphasized: readonly ["var(--LargeTitle-1Emphasized-font-size)", {
+        readonly lineHeight: "var(--LargeTitle-1Emphasized-line-height)";
+        readonly fontWeight: "var(--font-weight-semibold)";
+    }];
+    readonly largeTitle2Regular: readonly ["var(--LargeTitle-2Regular-font-size)", {
+        readonly lineHeight: "var(--LargeTitle-2Regular-line-height)";
+        readonly fontWeight: "var(--LargeTitle-2Regular-font-weight)";
+    }];
+    readonly largeTitle2Emphasized: readonly ["var(--LargeTitle-2Emphasized-font-size)", {
+        readonly lineHeight: "var(--LargeTitle-2Emphasized-line-height)";
+        readonly fontWeight: "var(--font-weight-semibold)";
+    }];
+    readonly largeTitle3Regular: readonly ["var(--LargeTitle-3Regular-font-size)", {
+        readonly lineHeight: "var(--LargeTitle-3Regular-line-height)";
+        readonly fontWeight: "var(--font-weight-normal)";
+    }];
+    readonly largeTitle3Emphasized: readonly ["var(--LargeTitle-3Regular-font-size)", {
+        readonly lineHeight: "var(--LargeTitle-3Regular-line-height)";
+        readonly fontWeight: "var(--font-weight-semibold)";
+    }];
+    readonly largeBody1Regular: readonly ["var(--LargeBody-1Regular-font-size)", {
+        readonly lineHeight: "var(--LargeBody-1Regular-line-height)";
+        readonly fontWeight: "var(--LargeBody-1Regular-font-weight)";
+    }];
+    readonly largeBody2Regular: readonly ["var(--LargeBody-2Regular-font-size)", {
+        readonly lineHeight: "var(--LargeBody-2Regular-line-height)";
+        readonly fontWeight: "var(--LargeBody-2Regular-font-weight)";
+    }];
+    readonly largeHeadLineRegular: readonly ["var(--LargeHeadLine-Regular-font-size)", {
+        readonly lineHeight: "var(--LargeHeadLine-Regular-line-height)";
+        readonly fontWeight: "var(--font-weight-semibold)";
+    }];
+    readonly largeHeadLineEmphasized: readonly ["var(--LargeHeadLine-Regular-font-size)", {
+        readonly lineHeight: "var(--LargeHeadLine-Regular-line-height)";
+        readonly fontWeight: "var(--font-weight-bold)";
+    }];
+    readonly largeCalloutRegular: readonly ["var(--LargeCallout-Regular-font-size)", {
+        readonly lineHeight: "var(--LargeCallout-Regular-line-height)";
+        readonly fontWeight: "var(--font-weight-normal)";
+    }];
+    readonly largeCalloutEmphasized: readonly ["var(--LargeCallout-Regular-font-size)", {
+        readonly lineHeight: "var(--LargeCallout-Regular-line-height)";
+        readonly fontWeight: "var(--font-weight-semibold)";
+    }];
+    readonly largeFootnoteRegular: readonly ["13px", {
+        readonly lineHeight: "18px";
+        readonly fontWeight: "var(--font-weight-normal)";
+    }];
+    readonly largeFootnoteEmphasized: readonly ["13px", {
+        readonly lineHeight: "18px";
+        readonly fontWeight: "var(--font-weight-semibold)";
+    }];
+    readonly mediumHeroTitleRegular: readonly ["var(--MediumHero-TitleRegular-font-size)", {
+        readonly lineHeight: "var(--MediumHero-TitleRegular-line-height)";
+        readonly fontWeight: "var(--MediumHero-TitleRegular-font-weight)";
+    }];
+    readonly mediumTitle1Regular: readonly ["var(--MediumTitle-1Regular-font-size)", {
+        readonly lineHeight: "var(--MediumTitle-1Regular-line-height)";
+        readonly fontWeight: "var(--MediumTitle-1Regular-font-weight)";
+    }];
+    readonly mediumTitle1Emphasized: readonly ["var(--MediumTitle-1Emphasized-font-size)", {
+        readonly lineHeight: "var(--MediumTitle-1Emphasized-line-height)";
+        readonly fontWeight: "var(--font-weight-semibold)";
+    }];
+    readonly mediumTitle2Regular: readonly ["var(--MediumTitle-2Regular-font-size)", {
+        readonly lineHeight: "var(--MediumTitle-2Regular-line-height)";
+        readonly fontWeight: "var(--MediumTitle-2Regular-font-weight)";
+    }];
+    readonly mediumTitle2Emphasized: readonly ["var(--MediumTitle-2Emphasized-font-size)", {
+        readonly lineHeight: "var(--MediumTitle-2Emphasized-line-height)";
+        readonly fontWeight: "var(--font-weight-semibold)";
+    }];
+    readonly mediumTitle3Regular: readonly ["var(--MediumTitle-3Regular-font-size)", {
+        readonly lineHeight: "var(--MediumTitle-3Regular-line-height)";
+        readonly fontWeight: "var(--font-weight-normal)";
+    }];
+    readonly mediumTitle3Emphasized: readonly ["var(--MediumTitle-3Regular-font-size)", {
+        readonly lineHeight: "var(--MediumTitle-3Regular-line-height)";
+        readonly fontWeight: "var(--font-weight-semibold)";
+    }];
+    readonly mediumBodyRegular: readonly ["var(--MediumBody-Regular-font-size)", {
+        readonly lineHeight: "var(--MediumBody-Regular-line-height)";
+        readonly fontWeight: "var(--font-weight-normal)";
+    }];
+    readonly mediumBodyEmphasized: readonly ["var(--MediumBody-Emphasized-font-size)", {
+        readonly lineHeight: "var(--MediumBody-Emphasized-line-height)";
+        readonly fontWeight: "var(--font-weight-semibold)";
+    }];
+    readonly mediumBody1Regular: readonly ["var(--MediumBody-1Regular-font-size)", {
+        readonly lineHeight: "var(--MediumBody-1Regular-line-height)";
+        readonly fontWeight: "var(--MediumBody-1Regular-font-weight)";
+    }];
+    readonly mediumBody2Regular: readonly ["var(--MediumBody-2Regular-font-size)", {
+        readonly lineHeight: "var(--MediumBody-2Regular-line-height)";
+        readonly fontWeight: "var(--MediumBody-2Regular-font-weight)";
+    }];
+    readonly mediumHeadLineRegular: readonly ["var(--MediumHeadLine-Regular-font-size)", {
+        readonly lineHeight: "var(--MediumHeadLine-Regular-line-height)";
+        readonly fontWeight: "var(--font-weight-semibold)";
+    }];
+    readonly mediumHeadLineEmphasized: readonly ["var(--MediumHeadLine-Regular-font-size)", {
+        readonly lineHeight: "var(--MediumHeadLine-Regular-line-height)";
+        readonly fontWeight: "var(--font-weight-bold)";
+    }];
+    readonly mediumSubHeadRegular: readonly ["var(--MediumSubHead-Regular-font-size)", {
+        readonly lineHeight: "var(--MediumSubHead-Regular-line-height)";
+        readonly fontWeight: "var(--font-weight-normal)";
+    }];
+    readonly mediumSubHeadEmphasized: readonly ["var(--MediumSubHead-Regular-font-size)", {
+        readonly lineHeight: "var(--MediumSubHead-Regular-line-height)";
+        readonly fontWeight: "var(--font-weight-semibold)";
+    }];
+    readonly mediumCaption1Regular: readonly ["var(--MediumCaption-1Regular-font-size)", {
+        readonly lineHeight: "var(--MediumCaption-1Regular-line-height)";
+        readonly fontWeight: "var(--MediumCaption-1Regular-font-weight)";
+    }];
+    readonly mediumCaption1Emphasized: readonly ["var(--MediumCaption-1Regular-font-size)", {
+        readonly lineHeight: "var(--MediumCaption-1Regular-line-height)";
+        readonly fontWeight: "var(--font-weight-semibold)";
+    }];
+    readonly mediumCaption2Regular: readonly ["var(--MediumCaption-2Regular-font-size)", {
+        readonly lineHeight: "var(--MediumCaption-2Regular-line-height)";
+        readonly fontWeight: "var(--font-weight-normal)";
+    }];
+    readonly mediumCaption2Emphasized: readonly ["var(--MediumCaption-2Regular-font-size)", {
+        readonly lineHeight: "var(--MediumCaption-2Regular-line-height)";
+        readonly fontWeight: "var(--font-weight-semibold)";
+    }];
+    readonly mediumFootnoteRegular: readonly ["var(--MediumFootnote-Regular-font-size)", {
+        readonly lineHeight: "var(--MediumFootnote-Regular-line-height)";
+        readonly fontWeight: "var(--font-weight-normal)";
+    }];
+    readonly mediumFootnoteEmphasized: readonly ["var(--MediumFootnote-Regular-font-size)", {
+        readonly lineHeight: "var(--MediumFootnote-Regular-line-height)";
+        readonly fontWeight: "var( --font-weight-semibold)";
+    }];
+    readonly mediumCalloutRegular: readonly ["var(--MediumCallout-Regular-font-size)", {
+        readonly lineHeight: "var(--MediumCallout-Regular-line-height)";
+        readonly fontWeight: "var(--font-weight-normal)";
+    }];
+    readonly mediumCalloutEmphasized: readonly ["var(--MediumCallout-Regular-font-size)", {
+        readonly lineHeight: "var(--MediumCallout-Regular-line-height)";
+        readonly fontWeight: "var(--font-weight-semibold)";
+    }];
+    readonly smallHeroTitleRegular: readonly ["var(--SmallHero-TitleRegular-font-size)", {
+        readonly lineHeight: "var(--SmallHero-TitleRegular-line-height)";
+        readonly fontWeight: "var(--SmallHero-TitleRegular-font-weight)";
+    }];
+    readonly smallTitle1Regular: readonly ["var(--SmallTitle-1Regular-font-size)", {
+        readonly lineHeight: "var(--SmallTitle-1Regular-line-height)";
+        readonly fontWeight: "var(--SmallTitle-1Regular-font-weight)";
+    }];
+    readonly smallTitle1Emphasized: readonly ["var(--SmallTitle-1Emphasized-font-size)", {
+        readonly lineHeight: "var(--SmallTitle-1Emphasized-line-height)";
+        readonly fontWeight: "var(--font-weight-semibold)";
+    }];
+    readonly smallTitle2Regular: readonly ["var(--SmallTitle-2Regular-font-size)", {
+        readonly lineHeight: "var(--SmallTitle-2Regular-line-height)";
+        readonly fontWeight: "var(--SmallTitle-2Regular-font-weight)";
+    }];
+    readonly smallTitle2Emphasized: readonly ["var(--SmallTitle-2Emphasized-font-size)", {
+        readonly lineHeight: "var(--SmallTitle-2Emphasized-line-height)";
+        readonly fontWeight: "var(--font-weight-semibold)";
+    }];
+    readonly smallTitle3Regular: readonly ["var(--SmallTitle-3Regular-font-size)", {
+        readonly lineHeight: "var(--SmallTitle-3Regular-line-height)";
+        readonly fontWeight: "var(--font-weight-normal)";
+    }];
+    readonly smallTitle3Emphasized: readonly ["var(--SmallTitle-3Regular-font-size)", {
+        readonly lineHeight: "var(--SmallTitle-3Regular-line-height)";
+        readonly fontWeight: "var(--font-weight-semibold)";
+    }];
+    readonly smallBody1Regular: readonly ["var(--SmallBody-1Regular-font-size)", {
+        readonly lineHeight: "var(--SmallBody-1Regular-line-height)";
+        readonly fontWeight: "var(--SmallBody-1Regular-font-weight)";
+    }];
+    readonly smallBody2Regular: readonly ["var(--SmallBody-2Regular-font-size)", {
+        readonly lineHeight: "var(--SmallBody-2Regular-line-height)";
+        readonly fontWeight: "var(--SmallBody-2Regular-font-weight)";
+    }];
+    readonly smallSubheadRegular: readonly ["var(--SmallSubhead-Regular-font-size)", {
+        readonly lineHeight: "var(--SmallSubhead-Regular-line-height)";
+        readonly fontWeight: "var(--font-weight-normal)";
+    }];
+    readonly smallSubheadEmphasized: readonly ["var(--SmallSubhead-Regular-font-size)", {
+        readonly lineHeight: "var(--SmallSubhead-Regular-line-height)";
+        readonly fontWeight: "var(--font-weight-semibold)";
+    }];
+    readonly smallCaption1Regular: readonly ["var(--SmallCaption-1Regular-font-size)", {
+        readonly lineHeight: "var(--SmallCaption-1Regular-line-height)";
+        readonly fontWeight: "var(--font-weight-normal)";
+    }];
+    readonly smallCaption1Emphasized: readonly ["var(--SmallCaption-1Regular-font-size)", {
+        readonly lineHeight: "var(--SmallCaption-1Regular-line-height)";
+        readonly fontWeight: "var(--font-weight-semibold)";
+    }];
+    readonly smallHeadLineRegular: readonly ["var(--SmallHeadLine-Regular-font-size)", {
+        readonly lineHeight: "var(--SmallHeadLine-Regular-line-height)";
+        readonly fontWeight: "var(--font-weight-semibold)";
+    }];
+    readonly smallHeadLineEmphasized: readonly ["var(--SmallHeadLine-Regular-font-size)", {
+        readonly lineHeight: "var(--SmallHeadLine-Regular-line-height)";
+        readonly fontWeight: "var(--font-weight-bold)";
+    }];
+    readonly smallCalloutRegular: readonly ["var(--SmallCallout-Regular-font-size)", {
+        readonly lineHeight: "var(--SmallCallout-Regular-line-height)";
+        readonly fontWeight: "var(--font-weight-regular)";
+    }];
+    readonly smallCalloutEmphasized: readonly ["var(--SmallCallout-Regular-font-size)", {
+        readonly lineHeight: "var(--SmallCallout-Regular-line-height)";
+        readonly fontWeight: "var(--font-weight-semibold)";
+    }];
+    readonly smallFootnoteRegular: readonly ["12px", {
+        readonly lineHeight: "20px";
+        readonly fontWeight: "var(--font-weight-normal)";
+    }];
+    readonly smallFootnoteEmphasized: readonly ["12px", {
+        readonly lineHeight: "20px";
+        readonly fontWeight: "var(--font-weight-semibold)";
+    }];
+    readonly xSmallHeroTitleRegular: readonly ["var(--xSmallHero-TitleRegular-font-size)", {
+        readonly lineHeight: "var(--xSmallHero-TitleRegular-line-height)";
+        readonly fontWeight: "var(--xSmallHero-TitleRegular-font-weight)";
+    }];
+    readonly xSmallTitle1Regular: readonly ["var(--xSmallTitle-1Regular-font-size)", {
+        readonly lineHeight: "var(--xSmallTitle-1Regular-line-height)";
+        readonly fontWeight: "var(--xSmallTitle-1Regular-font-weight)";
+    }];
+    readonly xSmallTitle1Emphasized: readonly ["var(--xSmallTitle-1Emphasized-font-size)", {
+        readonly lineHeight: "var(--xSmallTitle-1Emphasized-line-height)";
+        readonly fontWeight: "var(--font-weight-semibold)";
+    }];
+    readonly xSmallTitle2Regular: readonly ["var(--xSmallTitle-2Regular-font-size)", {
+        readonly lineHeight: "var(--xSmallTitle-2Regular-line-height)";
+        readonly fontWeight: "var(--xSmallTitle-2Regular-font-weight)";
+    }];
+    readonly xSmallTitle2Emphasized: readonly ["var(--xSmallTitle-2Emphasized-font-size)", {
+        readonly lineHeight: "var(--xSmallTitle-2Emphasized-line-height)";
+        readonly fontWeight: "var(--font-weight-semibold)";
+    }];
+    readonly xSmallTitle3Regular: readonly ["var(--xSmallTitle-3Regular-font-size)", {
+        readonly lineHeight: "var(--xSmallTitle-3Regular-line-height)";
+        readonly fontWeight: "var(--font-weight-normal)";
+    }];
+    readonly xSmallTitle3Emphasized: readonly ["var(--xSmallTitle-3Regular-font-size)", {
+        readonly lineHeight: "var(--xSmallTitle-3Regular-line-height)";
+        readonly fontWeight: "var(--font-weight-semibold)";
+    }];
+    readonly xSmallBodyRegular: readonly ["var(--xSmallBody-Regular-font-size)", {
+        readonly lineHeight: "var(--xSmallBody-Regular-line-height)";
+        readonly fontWeight: "var(--font-weight-normal)";
+    }];
+    readonly xSmallBodyEmphasized: readonly ["var(--xSmallBody-Regular-font-size)", {
+        readonly lineHeight: "var(--xSmallBody-Regular-line-height)";
+        readonly fontWeight: "var(--font-weight-semibold)";
+    }];
+    readonly xSmallBody1Regular: readonly ["var(--xSmallBody-1Regular-font-size)", {
+        readonly lineHeight: "var(--xSmallBody-1Regular-line-height)";
+        readonly fontWeight: "var(--xSmallBody-1Regular-font-weight)";
+    }];
+    readonly xSmallBody2Regular: readonly ["var(--xSmallBody-2Regular-font-size)", {
+        readonly lineHeight: "var(--xSmallBody-2Regular-line-height)";
+        readonly fontWeight: "var(--xSmallBody-2Regular-font-weight)";
+    }];
+    readonly xSmallSubheadRegular: readonly ["var(--xSmallSubhead-Regular-font-size)", {
+        readonly lineHeight: "var(--xSmallSubhead-Regular-line-height)";
+        readonly fontWeight: "var(--font-weight-normal)";
+    }];
+    readonly xSmallSubheadEmphasized: readonly ["var(--xSmallSubhead-Regular-font-size)", {
+        readonly lineHeight: "var(--xSmallSubhead-Regular-line-height)";
+        readonly fontWeight: "var(--font-weight-semibold)";
+    }];
+    readonly xSmallCalloutRegular: readonly ["var(--xSmallCallout-Regular-font-size)", {
+        readonly lineHeight: "var(--xSmallCallout-Regular-line-height)";
+        readonly fontWeight: "var(--font-weight-regular)";
+    }];
+    readonly xSmallCalloutEmphasized: readonly ["var(--xSmallCallout-Regular-font-size)", {
+        readonly lineHeight: "var(--xSmallCallout-Regular-line-height)";
+        readonly fontWeight: "var(--font-weight-semibold)";
+    }];
+    readonly xSmallCaption1Regular: readonly ["var(--SmallCaption-1Regular-font-size)", {
+        readonly lineHeight: "var(--SmallCaption-1Regular-line-height)";
+        readonly fontWeight: "var(--font-weight-normal)";
+    }];
+    readonly xSmallCaption1Emphasized: readonly ["var(--SmallCaption-1Regular-font-size)", {
+        readonly lineHeight: "var(--SmallCaption-1Regular-line-height)";
+        readonly fontWeight: "var(--font-weight-semibold)";
+    }];
+    readonly xSmallCaption2Regular: readonly ["var(--SmallCaption-1Regular-font-size)", {
+        readonly lineHeight: "var(--SmallCaption-Regular-line-height)";
+        readonly fontWeight: "var(--font-weight-normal)";
+    }];
+    readonly xSmallCaption2Emphasized: readonly ["var(--SmallCaption-1Regular-font-size)", {
+        readonly lineHeight: "var(--SmallCaption-1Regular-line-height)";
+        readonly fontWeight: "var(--font-weight-semibold)";
+    }];
+    readonly xSmallHeadLineRegular: readonly ["var(--xSmallHeadLine-Regular-font-size)", {
+        readonly lineHeight: "var(--xSmallHeadLine-Regular-line-height)";
+        readonly fontWeight: "var(--font-weight-semibold)";
+    }];
+    readonly xSmallHeadLineEmphasized: readonly ["var(--xSmallHeadLine-Regular-font-size)", {
+        readonly lineHeight: "var(--xSmallHeadLine-Regular-line-height)";
+        readonly fontWeight: "var(--font-weight-bold)";
+    }];
+    readonly xSmallFootnoteRegular: readonly ["12px", {
+        readonly lineHeight: "18px";
+        readonly fontWeight: "var(--font-weight-normal)";
+    }];
+    readonly xSmallFootnoteEmphasized: readonly ["12px", {
+        readonly lineHeight: "18px";
+        readonly fontWeight: "var(--font-weight-semibold)";
+    }];
+    readonly calloutRegular: readonly ["var(--callout-Regular-font-size)", {
+        readonly lineHeight: "var(--callout-Regular-line-height)";
+        readonly fontWeight: "var(--callout-Regular-font-weight)";
+    }];
+};
+
+export declare const ThreeDotsCircleIcon: FC<{
+    className?: string;
+}>;
+
+export declare const Timer: default_2.ForwardRefExoticComponent<TimerProps & default_2.RefAttributes<HTMLDivElement>>;
+
+export declare interface TimerProps {
+    time: number;
+    text?: string;
+    outerDivClass?: string;
+}
+
+export declare const toast: typeof toast_2;
+
+export declare const ToastContainer: FC<ToastContainerProps>;
+
+export declare type ToastContainerProps = ToastContainerProps_2;
+
+export declare const ToggleCard: default_2.ForwardRefExoticComponent<ToggleCardProps & default_2.RefAttributes<HTMLDivElement>>;
+
+export declare interface ToggleCardProps extends HTMLAttributes<HTMLDivElement> {
+    cardImg?: string;
+    onSelectionChange: (event: default_2.ChangeEvent<HTMLInputElement>) => void;
+    heading?: string;
+    enabled: boolean;
+    subHeading?: string;
+    htmlId?: string;
+}
+
+/**
+ * A tooltip component that display a floating tooltip with the `content` on hover of the `trigger` element for desktop
+ * and for mobile it displays a popover with the `content` on click of the `trigger` element
+ */
+export declare const Tooltip: FC<PropsWithChildren<TooltipProps>>;
+
+export declare const TooltipContentWithImage: FC<TooltipContentWithImageProps>;
+
+export declare type TooltipContentWithImageProps = {
+    imageUrl: string;
+    imageAlt?: string;
+    content?: default_2.ReactNode;
+};
+
+export declare interface TooltipProps {
+    /**
+     * Content of the tooltip
+     */
+    content: ReactNode;
+    /**
+     * Title of the tooltip that is displayed in the header of the tooltip
+     * Only applicable for mobile version of tooltip
+     * @default ''
+     */
+    title?: string;
+    /**
+     * The element that triggers the tooltip
+     */
+    trigger: ReactNode;
+    /**
+     * The placement of the floating tooltip. Only used in desktop version
+     * @default 'left'
+     */
+    placement?: Placement;
+    /**
+     * The trigger of the tooltip is wrapped in a container. This classname is added to that container
+     */
+    triggerContainerClassName?: string;
+    /**
+     * The content of the tooltip is wrapped in a container. This classname is added to that container
+     */
+    contentContainerClassname?: string;
+    /**
+     * When set true, tooltip will not be shown
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * The offset of the tooltip from the trigger in px. Only applicable for desktop tooltip
+     * @default 4
+     */
+    offset?: number;
+}
+
+export declare const TopNavBar: ForwardRefExoticComponent<TopNavBarProps & RefAttributes<HTMLDivElement>>;
+
+export declare interface TopNavBarProps extends HTMLAttributes<HTMLDivElement> {
+    text?: string | ReactNode;
+    onNavBarClick?: () => void;
+    isMarquee?: boolean;
+    direction?: 'marquee--left' | 'marquee--right' | 'marquee--up' | 'marquee--down';
+}
+
+export declare const TopNavContainerMobile: ForwardRefExoticComponent<TopNavContainerMobileProps & RefAttributes<HTMLDivElement>>;
+
+export declare interface TopNavContainerMobileProps extends HTMLAttributes<HTMLDivElement> {
+    img: string;
+    handleDialogButtonClick?: () => void;
+    handleCloseButtonClick?: () => void;
+    dialogHeader: string;
+    dialogDescription: string;
+    buttonIcon?: string;
+    buttonText: string;
+}
+
+export declare const TowerBuildingIcon: FC<{
+    className?: string;
+}>;
+
+export declare const TowersIcon: FC<{
+    className?: string;
+}>;
+
+export declare const TowersOutlineIcon: FC<{
+    className?: string;
+}>;
+
+export declare const TrashIcon: FC<{
+    className?: string;
+}>;
+
+export declare const TravelList: FC<TravelListProps>;
+
+export declare const TravelListItem: FC<TravelListItemProps>;
+
+export declare interface TravelListItemProps {
+    title?: string;
+    homeCount?: number;
+    location?: string;
+    dates?: string;
+    budget?: string;
+    shareLink?: string;
+    onClickEditBtn?: () => void;
+    onClickViewBtn?: () => void;
+    onClickShareBtn?: () => void;
+    hideEdit?: boolean;
+    hideShare?: boolean;
+}
+
+export declare const TravelListPropertyItem: default_2.ForwardRefExoticComponent<TravelListPropertyItemProps & default_2.RefAttributes<HTMLDivElement>>;
+
+export declare interface TravelListPropertyItemProps {
+    className?: string;
+    title?: string;
+    neighborhood?: string;
+    bedroom?: string;
+    area?: string;
+    price?: string;
+    guests?: string;
+    imageUrl?: string;
+    onOpenLinkClick?: () => void;
+    onDeleteBtnClick?: () => void;
+    isUnavailable?: boolean;
+}
+
+export declare interface TravelListProps extends default_2.PropsWithChildren {
+    items?: TravelListItemProps[];
+    hideShare?: boolean;
+    hideEdit?: boolean;
+    emptyListMessage?: string;
+}
+
+export declare const TriangleDownIcon: FC<{
+    className?: string;
+}>;
+
+export declare const TwoColumnDialog: ForwardRefExoticComponent<TwoColumnDialogProps & RefAttributes<HTMLDivElement>>;
+
+export declare interface TwoColumnDialogProps extends HTMLAttributes<HTMLDivElement> {
+    img: string;
+    handleDialogButtonClick?: () => void;
+    dialogHeader: string;
+    dialogDescription: string;
+    buttonIcon?: string;
+    buttonText: string;
+}
+
+export declare const useDocumentSize: () => {
+    documentWidth: number;
+    documentHeight: number;
+    screenSize: "mobile" | "tablet" | "desktop";
+};
+
+export declare const WarningHollowIcon: FC<{
+    className?: string;
+}>;
+
+export declare const WarningIcon: FC<{
+    className?: string;
+}>;
+
+export declare const WifiIcon: FC<{
+    className?: string;
+}>;
+
+export { }