@ecohouse/ui 0.1.36 → 0.1.39

package/dist/index.d.cts

@@ -79,6 +79,9 @@ declare function BuildingIcon({ size, color, strokeWidth }: IconProps): react.JS
 /** Native — react-native-svg (peer dependency). */
 declare function CalendarIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
 
+/** Native — react-native-svg (peer dependency). */
+declare function CalendarMinusIcon({ size, color, strokeWidth, }: IconProps): react.JSX.Element;
+
 /** Native — react-native-svg (peer dependency). */
 declare function CalendarOutlineIcon({ size, color, strokeWidth, }: IconProps): react.JSX.Element;
 
@@ -281,6 +284,7 @@ declare const icons: {
     readonly bell: typeof BellIcon;
     readonly building: typeof BuildingIcon;
     readonly calendar: typeof CalendarIcon;
+    readonly calendarMinus: typeof CalendarMinusIcon;
     readonly calendarOutline: typeof CalendarOutlineIcon;
     readonly camera: typeof CameraIcon;
     readonly cameraFilled: typeof CameraFilledIcon;
@@ -359,7 +363,7 @@ type IconName = keyof typeof icons;
 declare const iconNames: IconName[];
 declare const iconGroups: {
     readonly navigation: readonly ["arrowRight", "chevronDown", "chevronLeft", "home", "listView", "locationPin", "locationUser", "mapCollapse", "mapExpand", "mapView", "menu", "menuLines", "navigate", "tableView"];
-    readonly actions: readonly ["show", "hide", "alertTriangle", "ban", "bell", "camera", "key", "check", "checkBadge", "checkSuccess", "copy", "download", "search", "calendar", "calendarOutline", "close", "edit", "ratingStar", "saveHeart", "share", "filters", "fullscreen", "heart", "headset", "zoomOut", "star", "starFilled", "minus", "moreHorizontal", "plus", "refresh", "refundStatus", "sort"];
+    readonly actions: readonly ["show", "hide", "alertTriangle", "ban", "bell", "camera", "key", "check", "checkBadge", "checkSuccess", "copy", "download", "search", "calendar", "calendarMinus", "calendarOutline", "close", "edit", "ratingStar", "saveHeart", "share", "filters", "fullscreen", "heart", "headset", "zoomOut", "star", "starFilled", "minus", "moreHorizontal", "plus", "refresh", "refundStatus", "sort"];
     readonly objects: readonly ["bag", "bathrooms", "bedrooms", "building", "cardLocation", "clock", "clockFilled", "guests", "lock", "noSmoking", "paw", "qrCode", "quietHours", "trash", "user", "usersAlt", "video", "videoOff", "whatsApp"];
     readonly communication: readonly ["mail", "phone"];
     readonly social: readonly ["apple", "facebook", "googlePlay", "instagram", "linkedin"];
@@ -374,6 +378,12 @@ interface IconByNameProps extends IconProps {
 }
 declare function Icon({ name, ...props }: IconByNameProps): react.JSX.Element;
 
+/** Native — react-native-svg (peer dependency). */
+declare function ArrowLeftIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
+
+/** Native — react-native-svg (peer dependency). */
+declare function CurrentLocationIcon({ size, color, strokeWidth, }: IconProps): react.JSX.Element;
+
 interface InfoCardV2Props extends Omit<ViewProps, "style" | "children"> {
     label: string;
     value: string;
@@ -634,6 +644,21 @@ interface AccordionItemProps extends Omit<ViewProps, "style" | "children"> {
  */
 declare const AccordionItem: react.ForwardRefExoticComponent<AccordionItemProps & react.RefAttributes<View>>;
 
+interface AccordionProps extends Omit<ViewProps, "style" | "children"> {
+    title: string;
+    children: ReactNode;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    disabled?: boolean;
+    error?: boolean;
+    style?: StyleProp<ViewStyle>;
+    contentStyle?: StyleProp<ViewStyle>;
+    className?: string;
+}
+/** Expandable surface for arbitrary interactive content such as form fields. */
+declare const Accordion: react.ForwardRefExoticComponent<AccordionProps & react.RefAttributes<View>>;
+
 interface StepListProps extends Omit<ViewProps, "style" | "children"> {
     /** Step descriptions, numbered automatically from 1. */
     steps: string[];
@@ -653,12 +678,35 @@ interface CounterProps extends Omit<ViewProps, "style" | "children"> {
     max?: number;
     step?: number;
     disabled?: boolean;
+    /** Places the value before both controls for use inside input-like fields. */
+    layout?: "controls-around" | "value-first";
     style?: StyleProp<ViewStyle>;
     className?: string;
     hitSlop?: PressableProps["hitSlop"];
 }
 declare const Counter: react.ForwardRefExoticComponent<CounterProps & react.RefAttributes<View>>;
 
+interface QuantityInputProps extends Omit<ViewProps, "style" | "children"> {
+    label: string;
+    icon: IconComponent;
+    iconProps?: Omit<IconProps, "size">;
+    iconSize?: number;
+    value?: number;
+    defaultValue?: number;
+    onValueChange?: (value: number) => void;
+    min?: number;
+    max?: number;
+    step?: number;
+    disabled?: boolean;
+    error?: boolean;
+    hint?: string;
+    showHint?: boolean;
+    style?: StyleProp<ViewStyle>;
+    className?: string;
+}
+/** Input-like labeled quantity control with an icon and increment/decrement actions. */
+declare const QuantityInput: react.ForwardRefExoticComponent<QuantityInputProps & react.RefAttributes<View>>;
+
 interface SegmentedToggleOption {
     value: string;
     label: string;
@@ -902,6 +950,29 @@ interface ModalProps {
 }
 declare const Modal: react.ForwardRefExoticComponent<ModalProps & react.RefAttributes<View>>;
 
+interface DrawerProps {
+    /** Controls visibility. */
+    open: boolean;
+    /** Called on backdrop press, Escape / Android back, or header close. */
+    onClose: () => void;
+    children: ReactNode;
+    /** Header title. When set, the standard drawer header is rendered. */
+    title?: string;
+    /** Panel width in px. Defaults to `652`. */
+    width?: number;
+    /** Close when the dimmed backdrop is pressed. Defaults to `true`. */
+    closeOnBackdropPress?: boolean;
+    /** Accessible name for the backdrop control. Defaults to `"Close"`. */
+    backdropAccessibilityLabel?: string;
+    /** Accessible name for the header close control. Defaults to `"Close"`. */
+    closeAccessibilityLabel?: string;
+    /** Style for the drawer panel. */
+    style?: StyleProp<ViewStyle>;
+    /** Web CSS class applied to the drawer panel. */
+    className?: string;
+}
+declare const Drawer: react.ForwardRefExoticComponent<DrawerProps & react.RefAttributes<View>>;
+
 type StatefulIcon = ReactNode | IconComponent;
 
 type InputSize = "lg" | "sm";
@@ -931,6 +1002,32 @@ interface InputProps extends Omit<TextInputProps, "style" | "editable"> {
 }
 declare const Input: react.ForwardRefExoticComponent<InputProps & react.RefAttributes<TextInput>>;
 
+interface AutocompleteOption {
+    value: string;
+    label: string;
+    description?: string;
+}
+interface AutocompleteInputProps extends Omit<InputProps, "value" | "onChangeText" | "onSubmitEditing"> {
+    value: string;
+    options: AutocompleteOption[];
+    onChangeText: (value: string) => void;
+    onOptionSelect: (option: AutocompleteOption) => void;
+    onSubmit?: (firstOption?: AutocompleteOption) => void;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    loading?: boolean;
+    loadingText?: string;
+    emptyText?: string;
+    showEmpty?: boolean;
+    renderOption?: (option: AutocompleteOption, highlighted: boolean) => ReactNode;
+    containerStyle?: StyleProp<ViewStyle>;
+    menuStyle?: StyleProp<ViewStyle>;
+    containerClassName?: string;
+    menuClassName?: string;
+}
+declare const AutocompleteInput: react.ForwardRefExoticComponent<AutocompleteInputProps & react.RefAttributes<View>>;
+
 interface VerificationCodeInputHandle {
     clear: () => void;
     focus: (index?: number) => void;
@@ -1155,12 +1252,14 @@ declare const grey: {
 type GreyStep = keyof typeof grey;
 declare const colors: {
     readonly primary: "#B46436";
+    readonly primaryLight: "#E38E5E";
     readonly black: "#000000";
     readonly white: "#ffffff";
     readonly whiteAlpha86: "#FFFFFFDB";
     readonly whiteAlpha60: "#FFFFFF99";
     readonly whiteAlpha40: "#FFFFFF66";
     readonly whiteAlpha20: "#FFFFFF33";
+    readonly whiteAlpha1: "#FFFFFF03";
     readonly whiteAlpha6: "#FFFFFF0F";
     readonly whiteAlpha10: "#FFFFFF1A";
     readonly whiteAlpha5: "#FFFFFF0D";
@@ -1482,4 +1581,4 @@ type ResolvePopoverAlignOptions = {
  */
 declare function resolvePopoverAlign({ triggerRect, panelWidth, viewportWidth, padding, preferred, }: ResolvePopoverAlignOptions): PopoverAlign;
 
-export { AccordionItem, type AccordionItemProps, AccountHeader, type AccountHeaderProps, AlertTriangleIcon, Amenity, AmenityIcon, type AmenityIconProps, type AmenityName, type AmenityProps, type AmenityVariant, AppleIcon, AreaExpandIcon, ArrowRightIcon, Avatar, type AvatarMenuItem, type AvatarProps, AvatarSimple, type AvatarSimpleProps, BRAND_LOGO_COLORS, BRAND_LOGO_DEFAULT_HEIGHT, BRAND_LOGO_DEFAULT_WIDTH, Badge, type BadgeProps, type BadgeVariant, BagIcon, BanIcon, BathroomsIcon, BedroomsIcon, BellIcon, BrandLogo, type BrandLogoProps, type BrandLogoVariant, BuildingIcon, Button, type ButtonProps, type ButtonSize, type ButtonVariant, CalendarIcon, CalendarOutlineIcon, CameraFilledIcon, CameraIcon, CardLocationIcon, CheckBadgeIcon, CheckIcon, CheckSuccessIcon, Checkbox, type CheckboxProps, type CheckboxVariant, ChevronDownIcon, ChevronLeftIcon, ClockFilledIcon, ClockIcon, CloseIcon, CommentCard, type CommentCardProps, ContactInfoCard, type ContactInfoCardProps, CopyIcon, Counter, type CounterProps, DatePicker, type DatePickerProps, type DatePickerRangeProps, type DatePickerSingleProps, type DatePickerVariant, type DateRange, DownloadIcon, EditIcon, FacebookIcon, FavoritesButton, type FavoritesButtonProps, FiltersIcon, FloatingActionButton, type FloatingActionButtonProps, FullscreenIcon, GlobeIcon, GooglePlayIcon, type GreyStep, GuestsIcon, HeadsetIcon, HeartIcon, HelpCircleIcon, HideIcon, HomeIcon, Icon, type IconByNameProps, type IconComponent, type IconGroup, type IconName, type IconProps, IconStatusBadge, type IconStatusBadgeProps, InfoCardV2, type InfoCardV2Props, InfoTile, type InfoTileProps, Input, type InputIcon, type InputProps, type InputSize, InstagramIcon, KeyIcon, type LanguageOption, LanguageSwitcher, type LanguageSwitcherProps, type LanguageSwitcherVariant, LayoutGridIcon, LinkedInIcon, ListViewIcon, LocationPinIcon, LocationUserIcon, LockIcon, LogOutIcon, MailIcon, MapCollapseIcon, MapExpandIcon, MapViewIcon, MenuIcon, type MenuIconProps, MenuItem, type MenuItemProps, MenuLinesIcon, MinusIcon, Modal, type ModalProps, MoreHorizontalIcon, NavigateIcon, NoSmokingIcon, PaginationDots, type PaginationDotsProps, PawIcon, PhoneIcon, PlusIcon, type PopoverAlign, QrCodeIcon, QuietHoursIcon, Range, type RangeProps, type RangeValue, RatingInput, type RatingInputProps, RatingStarIcon, RefreshIcon, RefundStatusIcon, type ResolvePopoverAlignOptions, SaveHeartIcon, SearchIcon, SegmentedToggle, type SegmentedToggleOption, type SegmentedToggleProps, Select, type SelectIcon, type SelectMultipleProps, type SelectOption, type SelectProps, type SelectSingleProps, SettingsIcon, ShareIcon, ShowIcon, Sidebar, SidebarIcon, type SidebarItem, type SidebarProps, type SidebarUser, SortIcon, StarFilledIcon, StarIcon, type StarIconProps, StatCard, type StatCardProps, StatusBadge, type StatusBadgeProps, type StatusBadgeTone, StepList, type StepListProps, StepPager, type StepPagerProps, TableViewIcon, Textarea, type TextareaProps, Toggle, type ToggleProps, ToggleRow, type ToggleRowProps, TooltipArrowIcon, TrashIcon, UserIcon, UsersAltIcon, VerificationCodeInput, type VerificationCodeInputHandle, type VerificationCodeInputProps, VideoIcon, VideoOffIcon, WhatsAppIcon, ZoomOutIcon, abbreviateMonthName, avatarTypography, badgeTypography, buttonTypography, colors, commentCardTypography, counterTypography, datePickerTypography, defaultLanguageOptions, fonts, formatDate, formatDateDayShortMonth, getIconsByGroup, grey, iconGroupNames, iconGroups, iconNames, icons, inputTypography, languageSwitcherTypography, ratingTypography, resolvePopoverAlign, segmentedToggleTypography, selectTypography, statCardTypography, textareaTypography };
+export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, AccountHeader, type AccountHeaderProps, AlertTriangleIcon, Amenity, AmenityIcon, type AmenityIconProps, type AmenityName, type AmenityProps, type AmenityVariant, AppleIcon, AreaExpandIcon, ArrowLeftIcon, ArrowRightIcon, AutocompleteInput, type AutocompleteInputProps, type AutocompleteOption, Avatar, type AvatarMenuItem, type AvatarProps, AvatarSimple, type AvatarSimpleProps, BRAND_LOGO_COLORS, BRAND_LOGO_DEFAULT_HEIGHT, BRAND_LOGO_DEFAULT_WIDTH, Badge, type BadgeProps, type BadgeVariant, BagIcon, BanIcon, BathroomsIcon, BedroomsIcon, BellIcon, BrandLogo, type BrandLogoProps, type BrandLogoVariant, BuildingIcon, Button, type ButtonProps, type ButtonSize, type ButtonVariant, CalendarIcon, CalendarMinusIcon, CalendarOutlineIcon, CameraFilledIcon, CameraIcon, CardLocationIcon, CheckBadgeIcon, CheckIcon, CheckSuccessIcon, Checkbox, type CheckboxProps, type CheckboxVariant, ChevronDownIcon, ChevronLeftIcon, ClockFilledIcon, ClockIcon, CloseIcon, CommentCard, type CommentCardProps, ContactInfoCard, type ContactInfoCardProps, CopyIcon, Counter, type CounterProps, CurrentLocationIcon, DatePicker, type DatePickerProps, type DatePickerRangeProps, type DatePickerSingleProps, type DatePickerVariant, type DateRange, DownloadIcon, Drawer, type DrawerProps, EditIcon, FacebookIcon, FavoritesButton, type FavoritesButtonProps, FiltersIcon, FloatingActionButton, type FloatingActionButtonProps, FullscreenIcon, GlobeIcon, GooglePlayIcon, type GreyStep, GuestsIcon, HeadsetIcon, HeartIcon, HelpCircleIcon, HideIcon, HomeIcon, Icon, type IconByNameProps, type IconComponent, type IconGroup, type IconName, type IconProps, IconStatusBadge, type IconStatusBadgeProps, InfoCardV2, type InfoCardV2Props, InfoTile, type InfoTileProps, Input, type InputIcon, type InputProps, type InputSize, InstagramIcon, KeyIcon, type LanguageOption, LanguageSwitcher, type LanguageSwitcherProps, type LanguageSwitcherVariant, LayoutGridIcon, LinkedInIcon, ListViewIcon, LocationPinIcon, LocationUserIcon, LockIcon, LogOutIcon, MailIcon, MapCollapseIcon, MapExpandIcon, MapViewIcon, MenuIcon, type MenuIconProps, MenuItem, type MenuItemProps, MenuLinesIcon, MinusIcon, Modal, type ModalProps, MoreHorizontalIcon, NavigateIcon, NoSmokingIcon, PaginationDots, type PaginationDotsProps, PawIcon, PhoneIcon, PlusIcon, type PopoverAlign, QrCodeIcon, QuantityInput, type QuantityInputProps, QuietHoursIcon, Range, type RangeProps, type RangeValue, RatingInput, type RatingInputProps, RatingStarIcon, RefreshIcon, RefundStatusIcon, type ResolvePopoverAlignOptions, SaveHeartIcon, SearchIcon, SegmentedToggle, type SegmentedToggleOption, type SegmentedToggleProps, Select, type SelectIcon, type SelectMultipleProps, type SelectOption, type SelectProps, type SelectSingleProps, SettingsIcon, ShareIcon, ShowIcon, Sidebar, SidebarIcon, type SidebarItem, type SidebarProps, type SidebarUser, SortIcon, StarFilledIcon, StarIcon, type StarIconProps, StatCard, type StatCardProps, StatusBadge, type StatusBadgeProps, type StatusBadgeTone, StepList, type StepListProps, StepPager, type StepPagerProps, TableViewIcon, Textarea, type TextareaProps, Toggle, type ToggleProps, ToggleRow, type ToggleRowProps, TooltipArrowIcon, TrashIcon, UserIcon, UsersAltIcon, VerificationCodeInput, type VerificationCodeInputHandle, type VerificationCodeInputProps, VideoIcon, VideoOffIcon, WhatsAppIcon, ZoomOutIcon, abbreviateMonthName, avatarTypography, badgeTypography, buttonTypography, colors, commentCardTypography, counterTypography, datePickerTypography, defaultLanguageOptions, fonts, formatDate, formatDateDayShortMonth, getIconsByGroup, grey, iconGroupNames, iconGroups, iconNames, icons, inputTypography, languageSwitcherTypography, ratingTypography, resolvePopoverAlign, segmentedToggleTypography, selectTypography, statCardTypography, textareaTypography };

package/dist/index.d.ts

@@ -79,6 +79,9 @@ declare function BuildingIcon({ size, color, strokeWidth }: IconProps): react.JS
 /** Native — react-native-svg (peer dependency). */
 declare function CalendarIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
 
+/** Native — react-native-svg (peer dependency). */
+declare function CalendarMinusIcon({ size, color, strokeWidth, }: IconProps): react.JSX.Element;
+
 /** Native — react-native-svg (peer dependency). */
 declare function CalendarOutlineIcon({ size, color, strokeWidth, }: IconProps): react.JSX.Element;
 
@@ -281,6 +284,7 @@ declare const icons: {
     readonly bell: typeof BellIcon;
     readonly building: typeof BuildingIcon;
     readonly calendar: typeof CalendarIcon;
+    readonly calendarMinus: typeof CalendarMinusIcon;
     readonly calendarOutline: typeof CalendarOutlineIcon;
     readonly camera: typeof CameraIcon;
     readonly cameraFilled: typeof CameraFilledIcon;
@@ -359,7 +363,7 @@ type IconName = keyof typeof icons;
 declare const iconNames: IconName[];
 declare const iconGroups: {
     readonly navigation: readonly ["arrowRight", "chevronDown", "chevronLeft", "home", "listView", "locationPin", "locationUser", "mapCollapse", "mapExpand", "mapView", "menu", "menuLines", "navigate", "tableView"];
-    readonly actions: readonly ["show", "hide", "alertTriangle", "ban", "bell", "camera", "key", "check", "checkBadge", "checkSuccess", "copy", "download", "search", "calendar", "calendarOutline", "close", "edit", "ratingStar", "saveHeart", "share", "filters", "fullscreen", "heart", "headset", "zoomOut", "star", "starFilled", "minus", "moreHorizontal", "plus", "refresh", "refundStatus", "sort"];
+    readonly actions: readonly ["show", "hide", "alertTriangle", "ban", "bell", "camera", "key", "check", "checkBadge", "checkSuccess", "copy", "download", "search", "calendar", "calendarMinus", "calendarOutline", "close", "edit", "ratingStar", "saveHeart", "share", "filters", "fullscreen", "heart", "headset", "zoomOut", "star", "starFilled", "minus", "moreHorizontal", "plus", "refresh", "refundStatus", "sort"];
     readonly objects: readonly ["bag", "bathrooms", "bedrooms", "building", "cardLocation", "clock", "clockFilled", "guests", "lock", "noSmoking", "paw", "qrCode", "quietHours", "trash", "user", "usersAlt", "video", "videoOff", "whatsApp"];
     readonly communication: readonly ["mail", "phone"];
     readonly social: readonly ["apple", "facebook", "googlePlay", "instagram", "linkedin"];
@@ -374,6 +378,12 @@ interface IconByNameProps extends IconProps {
 }
 declare function Icon({ name, ...props }: IconByNameProps): react.JSX.Element;
 
+/** Native — react-native-svg (peer dependency). */
+declare function ArrowLeftIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
+
+/** Native — react-native-svg (peer dependency). */
+declare function CurrentLocationIcon({ size, color, strokeWidth, }: IconProps): react.JSX.Element;
+
 interface InfoCardV2Props extends Omit<ViewProps, "style" | "children"> {
     label: string;
     value: string;
@@ -634,6 +644,21 @@ interface AccordionItemProps extends Omit<ViewProps, "style" | "children"> {
  */
 declare const AccordionItem: react.ForwardRefExoticComponent<AccordionItemProps & react.RefAttributes<View>>;
 
+interface AccordionProps extends Omit<ViewProps, "style" | "children"> {
+    title: string;
+    children: ReactNode;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    disabled?: boolean;
+    error?: boolean;
+    style?: StyleProp<ViewStyle>;
+    contentStyle?: StyleProp<ViewStyle>;
+    className?: string;
+}
+/** Expandable surface for arbitrary interactive content such as form fields. */
+declare const Accordion: react.ForwardRefExoticComponent<AccordionProps & react.RefAttributes<View>>;
+
 interface StepListProps extends Omit<ViewProps, "style" | "children"> {
     /** Step descriptions, numbered automatically from 1. */
     steps: string[];
@@ -653,12 +678,35 @@ interface CounterProps extends Omit<ViewProps, "style" | "children"> {
     max?: number;
     step?: number;
     disabled?: boolean;
+    /** Places the value before both controls for use inside input-like fields. */
+    layout?: "controls-around" | "value-first";
     style?: StyleProp<ViewStyle>;
     className?: string;
     hitSlop?: PressableProps["hitSlop"];
 }
 declare const Counter: react.ForwardRefExoticComponent<CounterProps & react.RefAttributes<View>>;
 
+interface QuantityInputProps extends Omit<ViewProps, "style" | "children"> {
+    label: string;
+    icon: IconComponent;
+    iconProps?: Omit<IconProps, "size">;
+    iconSize?: number;
+    value?: number;
+    defaultValue?: number;
+    onValueChange?: (value: number) => void;
+    min?: number;
+    max?: number;
+    step?: number;
+    disabled?: boolean;
+    error?: boolean;
+    hint?: string;
+    showHint?: boolean;
+    style?: StyleProp<ViewStyle>;
+    className?: string;
+}
+/** Input-like labeled quantity control with an icon and increment/decrement actions. */
+declare const QuantityInput: react.ForwardRefExoticComponent<QuantityInputProps & react.RefAttributes<View>>;
+
 interface SegmentedToggleOption {
     value: string;
     label: string;
@@ -902,6 +950,29 @@ interface ModalProps {
 }
 declare const Modal: react.ForwardRefExoticComponent<ModalProps & react.RefAttributes<View>>;
 
+interface DrawerProps {
+    /** Controls visibility. */
+    open: boolean;
+    /** Called on backdrop press, Escape / Android back, or header close. */
+    onClose: () => void;
+    children: ReactNode;
+    /** Header title. When set, the standard drawer header is rendered. */
+    title?: string;
+    /** Panel width in px. Defaults to `652`. */
+    width?: number;
+    /** Close when the dimmed backdrop is pressed. Defaults to `true`. */
+    closeOnBackdropPress?: boolean;
+    /** Accessible name for the backdrop control. Defaults to `"Close"`. */
+    backdropAccessibilityLabel?: string;
+    /** Accessible name for the header close control. Defaults to `"Close"`. */
+    closeAccessibilityLabel?: string;
+    /** Style for the drawer panel. */
+    style?: StyleProp<ViewStyle>;
+    /** Web CSS class applied to the drawer panel. */
+    className?: string;
+}
+declare const Drawer: react.ForwardRefExoticComponent<DrawerProps & react.RefAttributes<View>>;
+
 type StatefulIcon = ReactNode | IconComponent;
 
 type InputSize = "lg" | "sm";
@@ -931,6 +1002,32 @@ interface InputProps extends Omit<TextInputProps, "style" | "editable"> {
 }
 declare const Input: react.ForwardRefExoticComponent<InputProps & react.RefAttributes<TextInput>>;
 
+interface AutocompleteOption {
+    value: string;
+    label: string;
+    description?: string;
+}
+interface AutocompleteInputProps extends Omit<InputProps, "value" | "onChangeText" | "onSubmitEditing"> {
+    value: string;
+    options: AutocompleteOption[];
+    onChangeText: (value: string) => void;
+    onOptionSelect: (option: AutocompleteOption) => void;
+    onSubmit?: (firstOption?: AutocompleteOption) => void;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    loading?: boolean;
+    loadingText?: string;
+    emptyText?: string;
+    showEmpty?: boolean;
+    renderOption?: (option: AutocompleteOption, highlighted: boolean) => ReactNode;
+    containerStyle?: StyleProp<ViewStyle>;
+    menuStyle?: StyleProp<ViewStyle>;
+    containerClassName?: string;
+    menuClassName?: string;
+}
+declare const AutocompleteInput: react.ForwardRefExoticComponent<AutocompleteInputProps & react.RefAttributes<View>>;
+
 interface VerificationCodeInputHandle {
     clear: () => void;
     focus: (index?: number) => void;
@@ -1155,12 +1252,14 @@ declare const grey: {
 type GreyStep = keyof typeof grey;
 declare const colors: {
     readonly primary: "#B46436";
+    readonly primaryLight: "#E38E5E";
     readonly black: "#000000";
     readonly white: "#ffffff";
     readonly whiteAlpha86: "#FFFFFFDB";
     readonly whiteAlpha60: "#FFFFFF99";
     readonly whiteAlpha40: "#FFFFFF66";
     readonly whiteAlpha20: "#FFFFFF33";
+    readonly whiteAlpha1: "#FFFFFF03";
     readonly whiteAlpha6: "#FFFFFF0F";
     readonly whiteAlpha10: "#FFFFFF1A";
     readonly whiteAlpha5: "#FFFFFF0D";
@@ -1482,4 +1581,4 @@ type ResolvePopoverAlignOptions = {
  */
 declare function resolvePopoverAlign({ triggerRect, panelWidth, viewportWidth, padding, preferred, }: ResolvePopoverAlignOptions): PopoverAlign;
 
-export { AccordionItem, type AccordionItemProps, AccountHeader, type AccountHeaderProps, AlertTriangleIcon, Amenity, AmenityIcon, type AmenityIconProps, type AmenityName, type AmenityProps, type AmenityVariant, AppleIcon, AreaExpandIcon, ArrowRightIcon, Avatar, type AvatarMenuItem, type AvatarProps, AvatarSimple, type AvatarSimpleProps, BRAND_LOGO_COLORS, BRAND_LOGO_DEFAULT_HEIGHT, BRAND_LOGO_DEFAULT_WIDTH, Badge, type BadgeProps, type BadgeVariant, BagIcon, BanIcon, BathroomsIcon, BedroomsIcon, BellIcon, BrandLogo, type BrandLogoProps, type BrandLogoVariant, BuildingIcon, Button, type ButtonProps, type ButtonSize, type ButtonVariant, CalendarIcon, CalendarOutlineIcon, CameraFilledIcon, CameraIcon, CardLocationIcon, CheckBadgeIcon, CheckIcon, CheckSuccessIcon, Checkbox, type CheckboxProps, type CheckboxVariant, ChevronDownIcon, ChevronLeftIcon, ClockFilledIcon, ClockIcon, CloseIcon, CommentCard, type CommentCardProps, ContactInfoCard, type ContactInfoCardProps, CopyIcon, Counter, type CounterProps, DatePicker, type DatePickerProps, type DatePickerRangeProps, type DatePickerSingleProps, type DatePickerVariant, type DateRange, DownloadIcon, EditIcon, FacebookIcon, FavoritesButton, type FavoritesButtonProps, FiltersIcon, FloatingActionButton, type FloatingActionButtonProps, FullscreenIcon, GlobeIcon, GooglePlayIcon, type GreyStep, GuestsIcon, HeadsetIcon, HeartIcon, HelpCircleIcon, HideIcon, HomeIcon, Icon, type IconByNameProps, type IconComponent, type IconGroup, type IconName, type IconProps, IconStatusBadge, type IconStatusBadgeProps, InfoCardV2, type InfoCardV2Props, InfoTile, type InfoTileProps, Input, type InputIcon, type InputProps, type InputSize, InstagramIcon, KeyIcon, type LanguageOption, LanguageSwitcher, type LanguageSwitcherProps, type LanguageSwitcherVariant, LayoutGridIcon, LinkedInIcon, ListViewIcon, LocationPinIcon, LocationUserIcon, LockIcon, LogOutIcon, MailIcon, MapCollapseIcon, MapExpandIcon, MapViewIcon, MenuIcon, type MenuIconProps, MenuItem, type MenuItemProps, MenuLinesIcon, MinusIcon, Modal, type ModalProps, MoreHorizontalIcon, NavigateIcon, NoSmokingIcon, PaginationDots, type PaginationDotsProps, PawIcon, PhoneIcon, PlusIcon, type PopoverAlign, QrCodeIcon, QuietHoursIcon, Range, type RangeProps, type RangeValue, RatingInput, type RatingInputProps, RatingStarIcon, RefreshIcon, RefundStatusIcon, type ResolvePopoverAlignOptions, SaveHeartIcon, SearchIcon, SegmentedToggle, type SegmentedToggleOption, type SegmentedToggleProps, Select, type SelectIcon, type SelectMultipleProps, type SelectOption, type SelectProps, type SelectSingleProps, SettingsIcon, ShareIcon, ShowIcon, Sidebar, SidebarIcon, type SidebarItem, type SidebarProps, type SidebarUser, SortIcon, StarFilledIcon, StarIcon, type StarIconProps, StatCard, type StatCardProps, StatusBadge, type StatusBadgeProps, type StatusBadgeTone, StepList, type StepListProps, StepPager, type StepPagerProps, TableViewIcon, Textarea, type TextareaProps, Toggle, type ToggleProps, ToggleRow, type ToggleRowProps, TooltipArrowIcon, TrashIcon, UserIcon, UsersAltIcon, VerificationCodeInput, type VerificationCodeInputHandle, type VerificationCodeInputProps, VideoIcon, VideoOffIcon, WhatsAppIcon, ZoomOutIcon, abbreviateMonthName, avatarTypography, badgeTypography, buttonTypography, colors, commentCardTypography, counterTypography, datePickerTypography, defaultLanguageOptions, fonts, formatDate, formatDateDayShortMonth, getIconsByGroup, grey, iconGroupNames, iconGroups, iconNames, icons, inputTypography, languageSwitcherTypography, ratingTypography, resolvePopoverAlign, segmentedToggleTypography, selectTypography, statCardTypography, textareaTypography };
+export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, AccountHeader, type AccountHeaderProps, AlertTriangleIcon, Amenity, AmenityIcon, type AmenityIconProps, type AmenityName, type AmenityProps, type AmenityVariant, AppleIcon, AreaExpandIcon, ArrowLeftIcon, ArrowRightIcon, AutocompleteInput, type AutocompleteInputProps, type AutocompleteOption, Avatar, type AvatarMenuItem, type AvatarProps, AvatarSimple, type AvatarSimpleProps, BRAND_LOGO_COLORS, BRAND_LOGO_DEFAULT_HEIGHT, BRAND_LOGO_DEFAULT_WIDTH, Badge, type BadgeProps, type BadgeVariant, BagIcon, BanIcon, BathroomsIcon, BedroomsIcon, BellIcon, BrandLogo, type BrandLogoProps, type BrandLogoVariant, BuildingIcon, Button, type ButtonProps, type ButtonSize, type ButtonVariant, CalendarIcon, CalendarMinusIcon, CalendarOutlineIcon, CameraFilledIcon, CameraIcon, CardLocationIcon, CheckBadgeIcon, CheckIcon, CheckSuccessIcon, Checkbox, type CheckboxProps, type CheckboxVariant, ChevronDownIcon, ChevronLeftIcon, ClockFilledIcon, ClockIcon, CloseIcon, CommentCard, type CommentCardProps, ContactInfoCard, type ContactInfoCardProps, CopyIcon, Counter, type CounterProps, CurrentLocationIcon, DatePicker, type DatePickerProps, type DatePickerRangeProps, type DatePickerSingleProps, type DatePickerVariant, type DateRange, DownloadIcon, Drawer, type DrawerProps, EditIcon, FacebookIcon, FavoritesButton, type FavoritesButtonProps, FiltersIcon, FloatingActionButton, type FloatingActionButtonProps, FullscreenIcon, GlobeIcon, GooglePlayIcon, type GreyStep, GuestsIcon, HeadsetIcon, HeartIcon, HelpCircleIcon, HideIcon, HomeIcon, Icon, type IconByNameProps, type IconComponent, type IconGroup, type IconName, type IconProps, IconStatusBadge, type IconStatusBadgeProps, InfoCardV2, type InfoCardV2Props, InfoTile, type InfoTileProps, Input, type InputIcon, type InputProps, type InputSize, InstagramIcon, KeyIcon, type LanguageOption, LanguageSwitcher, type LanguageSwitcherProps, type LanguageSwitcherVariant, LayoutGridIcon, LinkedInIcon, ListViewIcon, LocationPinIcon, LocationUserIcon, LockIcon, LogOutIcon, MailIcon, MapCollapseIcon, MapExpandIcon, MapViewIcon, MenuIcon, type MenuIconProps, MenuItem, type MenuItemProps, MenuLinesIcon, MinusIcon, Modal, type ModalProps, MoreHorizontalIcon, NavigateIcon, NoSmokingIcon, PaginationDots, type PaginationDotsProps, PawIcon, PhoneIcon, PlusIcon, type PopoverAlign, QrCodeIcon, QuantityInput, type QuantityInputProps, QuietHoursIcon, Range, type RangeProps, type RangeValue, RatingInput, type RatingInputProps, RatingStarIcon, RefreshIcon, RefundStatusIcon, type ResolvePopoverAlignOptions, SaveHeartIcon, SearchIcon, SegmentedToggle, type SegmentedToggleOption, type SegmentedToggleProps, Select, type SelectIcon, type SelectMultipleProps, type SelectOption, type SelectProps, type SelectSingleProps, SettingsIcon, ShareIcon, ShowIcon, Sidebar, SidebarIcon, type SidebarItem, type SidebarProps, type SidebarUser, SortIcon, StarFilledIcon, StarIcon, type StarIconProps, StatCard, type StatCardProps, StatusBadge, type StatusBadgeProps, type StatusBadgeTone, StepList, type StepListProps, StepPager, type StepPagerProps, TableViewIcon, Textarea, type TextareaProps, Toggle, type ToggleProps, ToggleRow, type ToggleRowProps, TooltipArrowIcon, TrashIcon, UserIcon, UsersAltIcon, VerificationCodeInput, type VerificationCodeInputHandle, type VerificationCodeInputProps, VideoIcon, VideoOffIcon, WhatsAppIcon, ZoomOutIcon, abbreviateMonthName, avatarTypography, badgeTypography, buttonTypography, colors, commentCardTypography, counterTypography, datePickerTypography, defaultLanguageOptions, fonts, formatDate, formatDateDayShortMonth, getIconsByGroup, grey, iconGroupNames, iconGroups, iconNames, icons, inputTypography, languageSwitcherTypography, ratingTypography, resolvePopoverAlign, segmentedToggleTypography, selectTypography, statCardTypography, textareaTypography };