@ecohouse/ui 0.1.33 → 0.1.34

package/dist/index.d.cts

@@ -156,6 +156,13 @@ interface AccountHeaderProps extends Omit<ViewProps, "style" | "children"> {
     menuAccessibilityLabel?: string;
     /** Accessible name for notifications. Defaults to `"Notifications"`. */
     notificationsAccessibilityLabel?: string;
+    /**
+     * Web CSS class for the menu control (hide on desktop via `#account-header-menu` /
+     * `.account-header-menu` while keeping it mounted to avoid a mobile refresh flash).
+     */
+    menuClassName?: string;
+    /** Optional title style override (e.g. mobile 14px from the web app). */
+    titleStyle?: StyleProp<TextStyle>;
     style?: StyleProp<ViewStyle>;
     className?: string;
 }
@@ -200,6 +207,9 @@ declare function CalendarOutlineIcon({ size, color, strokeWidth, }: IconProps):
 
 declare function CameraIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
 
+/** Native — filled camera, 32×32 viewBox. */
+declare function CameraFilledIcon({ size, color }: IconProps): react.JSX.Element;
+
 interface CheckIconProps {
     size?: number;
     color?: string;
@@ -260,11 +270,16 @@ declare function FullscreenIcon({ size, color, strokeWidth }: IconProps): react.
 /** Native — react-native-svg (peer dependency). */
 declare function HeartIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
 
+declare function HeadsetIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
+
 declare function GlobeIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
 
 /** Native — react-native-svg (peer dependency). */
 declare function HelpCircleIcon({ size, color, strokeWidth, }: IconProps): react.JSX.Element;
 
+/** Native — react-native-svg (peer dependency). */
+declare function HideIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
+
 declare function HomeIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
 
 declare function InstagramIcon({ size, color }: IconProps): react.JSX.Element;
@@ -304,6 +319,8 @@ interface MenuIconProps extends IconProps {
 }
 declare function MenuIcon({ size, color, strokeWidth, open, }: MenuIconProps): react.JSX.Element;
 
+declare function MenuLinesIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
+
 declare function MinusIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
 
 declare function NavigateIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
@@ -385,6 +402,7 @@ declare const icons: {
     readonly calendar: typeof CalendarIcon;
     readonly calendarOutline: typeof CalendarOutlineIcon;
     readonly camera: typeof CameraIcon;
+    readonly cameraFilled: typeof CameraFilledIcon;
     readonly check: typeof CheckIcon;
     readonly checkBadge: typeof CheckBadgeIcon;
     readonly checkSuccess: typeof CheckSuccessIcon;
@@ -404,9 +422,11 @@ declare const icons: {
     readonly fullscreen: typeof FullscreenIcon;
     readonly guests: typeof GuestsIcon;
     readonly heart: typeof HeartIcon;
+    readonly headset: typeof HeadsetIcon;
     readonly globe: typeof GlobeIcon;
     readonly googlePlay: typeof GooglePlayIcon;
     readonly helpCircle: typeof HelpCircleIcon;
+    readonly hide: typeof HideIcon;
     readonly home: typeof HomeIcon;
     readonly instagram: typeof InstagramIcon;
     readonly key: typeof KeyIcon;
@@ -422,6 +442,7 @@ declare const icons: {
     readonly mapCollapse: typeof MapCollapseIcon;
     readonly mapExpand: typeof MapExpandIcon;
     readonly menu: typeof MenuIcon;
+    readonly menuLines: typeof MenuLinesIcon;
     readonly minus: typeof MinusIcon;
     readonly navigate: typeof NavigateIcon;
     readonly noSmoking: typeof NoSmokingIcon;
@@ -454,8 +475,8 @@ declare const icons: {
 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", "navigate"];
-    readonly actions: readonly ["show", "alertTriangle", "ban", "bell", "camera", "key", "check", "checkBadge", "checkSuccess", "copy", "download", "search", "calendar", "calendarOutline", "close", "edit", "ratingStar", "saveHeart", "share", "filters", "fullscreen", "heart", "zoomOut", "star", "starFilled", "minus", "plus", "refresh", "refundStatus", "sort"];
+    readonly navigation: readonly ["arrowRight", "chevronDown", "chevronLeft", "home", "listView", "locationPin", "locationUser", "mapCollapse", "mapExpand", "mapView", "menu", "menuLines", "navigate"];
+    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", "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"];
@@ -548,6 +569,41 @@ interface InfoTileProps extends Omit<ViewProps, "style" | "children"> {
  */
 declare const InfoTile: react.ForwardRefExoticComponent<InfoTileProps & react.RefAttributes<View>>;
 
+interface ContactInfoCardProps extends Omit<ViewProps, "style" | "children"> {
+    title: string;
+    value: string;
+    icon: IconComponent;
+    iconProps?: Omit<IconProps, "size">;
+    iconSize?: number;
+    /** Icon slot fill. Defaults to `#E38E5E0F`. */
+    iconSlotBackgroundColor?: string;
+    style?: StyleProp<ViewStyle>;
+    className?: string;
+}
+/**
+ * Support contact strip — icon slot + title/value.
+ * Mobile: height 78, padding 16, gap 16, radius 20.
+ * Desktop: height 96, padding 24, gap 24, radius 20.
+ */
+declare const ContactInfoCard: react.ForwardRefExoticComponent<ContactInfoCardProps & react.RefAttributes<View>>;
+
+interface AccordionItemProps extends Omit<ViewProps, "style" | "children"> {
+    title: string;
+    /** Expanded body text. */
+    children: string;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    style?: StyleProp<ViewStyle>;
+    className?: string;
+}
+/**
+ * FAQ / accordion row — grey700 card.
+ * Mobile: radius 16, padding 16/12, body 12px.
+ * Desktop: radius 24, padding 16/24, body 14px.
+ */
+declare const AccordionItem: react.ForwardRefExoticComponent<AccordionItemProps & react.RefAttributes<View>>;
+
 interface StepListProps extends Omit<ViewProps, "style" | "children"> {
     /** Step descriptions, numbered automatically from 1. */
     steps: string[];
@@ -629,6 +685,10 @@ interface SidebarProps extends Omit<ViewProps, "style" | "children"> {
     onCollapsedChange?: (collapsed: boolean) => void;
     /** When false, hides the expand/collapse control. Defaults to `true`. */
     showCollapseToggle?: boolean;
+    /** When set, shows a close control in the header (e.g. mobile drawer). */
+    onClose?: () => void;
+    /** Accessible label for the close control. Defaults to `"Close"`. */
+    closeAccessibilityLabel?: string;
     style?: StyleProp<ViewStyle>;
     className?: string;
 }
@@ -676,7 +736,7 @@ interface StatCardProps extends Omit<ViewProps, "style" | "children"> {
 }
 declare const StatCard: react.ForwardRefExoticComponent<StatCardProps & react.RefAttributes<View>>;
 
-type ButtonVariant = "primary" | "secondary";
+type ButtonVariant = "primary" | "secondary" | "danger";
 type ButtonSize = "lg" | "sm";
 interface ButtonProps extends Omit<TouchableOpacityProps, "onPress" | "disabled" | "style" | "children"> {
     title?: string;
@@ -787,6 +847,23 @@ interface FloatingActionButtonProps extends Omit<TouchableOpacityProps, "onPress
 }
 declare const FloatingActionButton: react.ForwardRefExoticComponent<FloatingActionButtonProps & react.RefAttributes<react_native.View>>;
 
+interface ModalProps {
+    /** Controls visibility. */
+    open: boolean;
+    /** Called on backdrop press, Escape / Android back, or explicit close. */
+    onClose: () => void;
+    children: ReactNode;
+    /** Close when the dimmed backdrop is pressed. Defaults to `true`. */
+    closeOnBackdropPress?: boolean;
+    /** Accessible name for the backdrop control. Defaults to `"Close"`. */
+    backdropAccessibilityLabel?: string;
+    /** Style for the centered content wrapper around `children`. */
+    contentStyle?: StyleProp<ViewStyle>;
+    /** Web CSS class applied to the content wrapper. */
+    className?: string;
+}
+declare const Modal: react.ForwardRefExoticComponent<ModalProps & react.RefAttributes<View>>;
+
 type StatefulIcon = ReactNode | IconComponent;
 
 type InputSize = "lg" | "sm";
@@ -831,6 +908,8 @@ interface VerificationCodeInputProps extends Omit<ViewProps, "children" | "style
     /** Called when Enter/submit is pressed from a cell. */
     onSubmit?: (value: string) => void;
     error?: boolean;
+    /** Shown under the cells when `error` is true. */
+    errorMessage?: string;
     disabled?: boolean;
     autoFocus?: boolean;
     /** Localized accessible name for each zero-based cell index. */
@@ -926,6 +1005,24 @@ interface ToggleProps extends Omit<PressableProps, "onPress" | "disabled" | "sty
 }
 declare const Toggle: react.ForwardRefExoticComponent<ToggleProps & react.RefAttributes<react_native.View>>;
 
+interface ToggleRowProps extends Omit<ViewProps, "style" | "children"> {
+    label: string;
+    value?: boolean;
+    defaultValue?: boolean;
+    onValueChange?: (value: boolean) => void;
+    disabled?: boolean;
+    /** When false, hides the bottom border. Defaults to true. */
+    showBorder?: boolean;
+    style?: StyleProp<ViewStyle>;
+    className?: string;
+}
+/**
+ * Settings toggle line — label left, switch right.
+ * Mobile: height 57, padding 16/12, label 12px.
+ * Desktop: height 65, padding 20/12, label 14px.
+ */
+declare const ToggleRow: react.ForwardRefExoticComponent<ToggleRowProps & react.RefAttributes<View>>;
+
 interface RatingInputProps extends Omit<ViewProps, "style" | "children"> {
     value?: number;
     defaultValue?: number;
@@ -1345,4 +1442,4 @@ type ResolvePopoverAlignOptions = {
  */
 declare function resolvePopoverAlign({ triggerRect, panelWidth, viewportWidth, padding, preferred, }: ResolvePopoverAlignOptions): PopoverAlign;
 
-export { 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, CameraIcon, CardLocationIcon, CheckBadgeIcon, CheckIcon, CheckSuccessIcon, Checkbox, type CheckboxProps, type CheckboxVariant, ChevronDownIcon, ChevronLeftIcon, ClockFilledIcon, ClockIcon, CloseIcon, CommentCard, type CommentCardProps, 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, HeartIcon, HelpCircleIcon, HomeIcon, Icon, type IconByNameProps, type IconComponent, type IconGroup, type IconName, type IconProps, InfoTile, type InfoTileProps, Input, type InputIcon, type InputProps, type InputSize, InstagramIcon, KeyIcon, type LanguageOption, LanguageSwitcher, type LanguageSwitcherProps, LayoutGridIcon, LinkedInIcon, ListViewIcon, LocationPinIcon, LocationUserIcon, LockIcon, LogOutIcon, MailIcon, MapCollapseIcon, MapExpandIcon, MapViewIcon, MenuIcon, type MenuIconProps, MenuItem, type MenuItemProps, MinusIcon, 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, Textarea, type TextareaProps, Toggle, type ToggleProps, 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 { 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, InfoTile, type InfoTileProps, Input, type InputIcon, type InputProps, type InputSize, InstagramIcon, KeyIcon, type LanguageOption, LanguageSwitcher, type LanguageSwitcherProps, LayoutGridIcon, LinkedInIcon, ListViewIcon, LocationPinIcon, LocationUserIcon, LockIcon, LogOutIcon, MailIcon, MapCollapseIcon, MapExpandIcon, MapViewIcon, MenuIcon, type MenuIconProps, MenuItem, type MenuItemProps, MenuLinesIcon, MinusIcon, Modal, type ModalProps, 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, 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

@@ -156,6 +156,13 @@ interface AccountHeaderProps extends Omit<ViewProps, "style" | "children"> {
     menuAccessibilityLabel?: string;
     /** Accessible name for notifications. Defaults to `"Notifications"`. */
     notificationsAccessibilityLabel?: string;
+    /**
+     * Web CSS class for the menu control (hide on desktop via `#account-header-menu` /
+     * `.account-header-menu` while keeping it mounted to avoid a mobile refresh flash).
+     */
+    menuClassName?: string;
+    /** Optional title style override (e.g. mobile 14px from the web app). */
+    titleStyle?: StyleProp<TextStyle>;
     style?: StyleProp<ViewStyle>;
     className?: string;
 }
@@ -200,6 +207,9 @@ declare function CalendarOutlineIcon({ size, color, strokeWidth, }: IconProps):
 
 declare function CameraIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
 
+/** Native — filled camera, 32×32 viewBox. */
+declare function CameraFilledIcon({ size, color }: IconProps): react.JSX.Element;
+
 interface CheckIconProps {
     size?: number;
     color?: string;
@@ -260,11 +270,16 @@ declare function FullscreenIcon({ size, color, strokeWidth }: IconProps): react.
 /** Native — react-native-svg (peer dependency). */
 declare function HeartIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
 
+declare function HeadsetIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
+
 declare function GlobeIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
 
 /** Native — react-native-svg (peer dependency). */
 declare function HelpCircleIcon({ size, color, strokeWidth, }: IconProps): react.JSX.Element;
 
+/** Native — react-native-svg (peer dependency). */
+declare function HideIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
+
 declare function HomeIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
 
 declare function InstagramIcon({ size, color }: IconProps): react.JSX.Element;
@@ -304,6 +319,8 @@ interface MenuIconProps extends IconProps {
 }
 declare function MenuIcon({ size, color, strokeWidth, open, }: MenuIconProps): react.JSX.Element;
 
+declare function MenuLinesIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
+
 declare function MinusIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
 
 declare function NavigateIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
@@ -385,6 +402,7 @@ declare const icons: {
     readonly calendar: typeof CalendarIcon;
     readonly calendarOutline: typeof CalendarOutlineIcon;
     readonly camera: typeof CameraIcon;
+    readonly cameraFilled: typeof CameraFilledIcon;
     readonly check: typeof CheckIcon;
     readonly checkBadge: typeof CheckBadgeIcon;
     readonly checkSuccess: typeof CheckSuccessIcon;
@@ -404,9 +422,11 @@ declare const icons: {
     readonly fullscreen: typeof FullscreenIcon;
     readonly guests: typeof GuestsIcon;
     readonly heart: typeof HeartIcon;
+    readonly headset: typeof HeadsetIcon;
     readonly globe: typeof GlobeIcon;
     readonly googlePlay: typeof GooglePlayIcon;
     readonly helpCircle: typeof HelpCircleIcon;
+    readonly hide: typeof HideIcon;
     readonly home: typeof HomeIcon;
     readonly instagram: typeof InstagramIcon;
     readonly key: typeof KeyIcon;
@@ -422,6 +442,7 @@ declare const icons: {
     readonly mapCollapse: typeof MapCollapseIcon;
     readonly mapExpand: typeof MapExpandIcon;
     readonly menu: typeof MenuIcon;
+    readonly menuLines: typeof MenuLinesIcon;
     readonly minus: typeof MinusIcon;
     readonly navigate: typeof NavigateIcon;
     readonly noSmoking: typeof NoSmokingIcon;
@@ -454,8 +475,8 @@ declare const icons: {
 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", "navigate"];
-    readonly actions: readonly ["show", "alertTriangle", "ban", "bell", "camera", "key", "check", "checkBadge", "checkSuccess", "copy", "download", "search", "calendar", "calendarOutline", "close", "edit", "ratingStar", "saveHeart", "share", "filters", "fullscreen", "heart", "zoomOut", "star", "starFilled", "minus", "plus", "refresh", "refundStatus", "sort"];
+    readonly navigation: readonly ["arrowRight", "chevronDown", "chevronLeft", "home", "listView", "locationPin", "locationUser", "mapCollapse", "mapExpand", "mapView", "menu", "menuLines", "navigate"];
+    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", "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"];
@@ -548,6 +569,41 @@ interface InfoTileProps extends Omit<ViewProps, "style" | "children"> {
  */
 declare const InfoTile: react.ForwardRefExoticComponent<InfoTileProps & react.RefAttributes<View>>;
 
+interface ContactInfoCardProps extends Omit<ViewProps, "style" | "children"> {
+    title: string;
+    value: string;
+    icon: IconComponent;
+    iconProps?: Omit<IconProps, "size">;
+    iconSize?: number;
+    /** Icon slot fill. Defaults to `#E38E5E0F`. */
+    iconSlotBackgroundColor?: string;
+    style?: StyleProp<ViewStyle>;
+    className?: string;
+}
+/**
+ * Support contact strip — icon slot + title/value.
+ * Mobile: height 78, padding 16, gap 16, radius 20.
+ * Desktop: height 96, padding 24, gap 24, radius 20.
+ */
+declare const ContactInfoCard: react.ForwardRefExoticComponent<ContactInfoCardProps & react.RefAttributes<View>>;
+
+interface AccordionItemProps extends Omit<ViewProps, "style" | "children"> {
+    title: string;
+    /** Expanded body text. */
+    children: string;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    style?: StyleProp<ViewStyle>;
+    className?: string;
+}
+/**
+ * FAQ / accordion row — grey700 card.
+ * Mobile: radius 16, padding 16/12, body 12px.
+ * Desktop: radius 24, padding 16/24, body 14px.
+ */
+declare const AccordionItem: react.ForwardRefExoticComponent<AccordionItemProps & react.RefAttributes<View>>;
+
 interface StepListProps extends Omit<ViewProps, "style" | "children"> {
     /** Step descriptions, numbered automatically from 1. */
     steps: string[];
@@ -629,6 +685,10 @@ interface SidebarProps extends Omit<ViewProps, "style" | "children"> {
     onCollapsedChange?: (collapsed: boolean) => void;
     /** When false, hides the expand/collapse control. Defaults to `true`. */
     showCollapseToggle?: boolean;
+    /** When set, shows a close control in the header (e.g. mobile drawer). */
+    onClose?: () => void;
+    /** Accessible label for the close control. Defaults to `"Close"`. */
+    closeAccessibilityLabel?: string;
     style?: StyleProp<ViewStyle>;
     className?: string;
 }
@@ -676,7 +736,7 @@ interface StatCardProps extends Omit<ViewProps, "style" | "children"> {
 }
 declare const StatCard: react.ForwardRefExoticComponent<StatCardProps & react.RefAttributes<View>>;
 
-type ButtonVariant = "primary" | "secondary";
+type ButtonVariant = "primary" | "secondary" | "danger";
 type ButtonSize = "lg" | "sm";
 interface ButtonProps extends Omit<TouchableOpacityProps, "onPress" | "disabled" | "style" | "children"> {
     title?: string;
@@ -787,6 +847,23 @@ interface FloatingActionButtonProps extends Omit<TouchableOpacityProps, "onPress
 }
 declare const FloatingActionButton: react.ForwardRefExoticComponent<FloatingActionButtonProps & react.RefAttributes<react_native.View>>;
 
+interface ModalProps {
+    /** Controls visibility. */
+    open: boolean;
+    /** Called on backdrop press, Escape / Android back, or explicit close. */
+    onClose: () => void;
+    children: ReactNode;
+    /** Close when the dimmed backdrop is pressed. Defaults to `true`. */
+    closeOnBackdropPress?: boolean;
+    /** Accessible name for the backdrop control. Defaults to `"Close"`. */
+    backdropAccessibilityLabel?: string;
+    /** Style for the centered content wrapper around `children`. */
+    contentStyle?: StyleProp<ViewStyle>;
+    /** Web CSS class applied to the content wrapper. */
+    className?: string;
+}
+declare const Modal: react.ForwardRefExoticComponent<ModalProps & react.RefAttributes<View>>;
+
 type StatefulIcon = ReactNode | IconComponent;
 
 type InputSize = "lg" | "sm";
@@ -831,6 +908,8 @@ interface VerificationCodeInputProps extends Omit<ViewProps, "children" | "style
     /** Called when Enter/submit is pressed from a cell. */
     onSubmit?: (value: string) => void;
     error?: boolean;
+    /** Shown under the cells when `error` is true. */
+    errorMessage?: string;
     disabled?: boolean;
     autoFocus?: boolean;
     /** Localized accessible name for each zero-based cell index. */
@@ -926,6 +1005,24 @@ interface ToggleProps extends Omit<PressableProps, "onPress" | "disabled" | "sty
 }
 declare const Toggle: react.ForwardRefExoticComponent<ToggleProps & react.RefAttributes<react_native.View>>;
 
+interface ToggleRowProps extends Omit<ViewProps, "style" | "children"> {
+    label: string;
+    value?: boolean;
+    defaultValue?: boolean;
+    onValueChange?: (value: boolean) => void;
+    disabled?: boolean;
+    /** When false, hides the bottom border. Defaults to true. */
+    showBorder?: boolean;
+    style?: StyleProp<ViewStyle>;
+    className?: string;
+}
+/**
+ * Settings toggle line — label left, switch right.
+ * Mobile: height 57, padding 16/12, label 12px.
+ * Desktop: height 65, padding 20/12, label 14px.
+ */
+declare const ToggleRow: react.ForwardRefExoticComponent<ToggleRowProps & react.RefAttributes<View>>;
+
 interface RatingInputProps extends Omit<ViewProps, "style" | "children"> {
     value?: number;
     defaultValue?: number;
@@ -1345,4 +1442,4 @@ type ResolvePopoverAlignOptions = {
  */
 declare function resolvePopoverAlign({ triggerRect, panelWidth, viewportWidth, padding, preferred, }: ResolvePopoverAlignOptions): PopoverAlign;
 
-export { 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, CameraIcon, CardLocationIcon, CheckBadgeIcon, CheckIcon, CheckSuccessIcon, Checkbox, type CheckboxProps, type CheckboxVariant, ChevronDownIcon, ChevronLeftIcon, ClockFilledIcon, ClockIcon, CloseIcon, CommentCard, type CommentCardProps, 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, HeartIcon, HelpCircleIcon, HomeIcon, Icon, type IconByNameProps, type IconComponent, type IconGroup, type IconName, type IconProps, InfoTile, type InfoTileProps, Input, type InputIcon, type InputProps, type InputSize, InstagramIcon, KeyIcon, type LanguageOption, LanguageSwitcher, type LanguageSwitcherProps, LayoutGridIcon, LinkedInIcon, ListViewIcon, LocationPinIcon, LocationUserIcon, LockIcon, LogOutIcon, MailIcon, MapCollapseIcon, MapExpandIcon, MapViewIcon, MenuIcon, type MenuIconProps, MenuItem, type MenuItemProps, MinusIcon, 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, Textarea, type TextareaProps, Toggle, type ToggleProps, 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 { 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, InfoTile, type InfoTileProps, Input, type InputIcon, type InputProps, type InputSize, InstagramIcon, KeyIcon, type LanguageOption, LanguageSwitcher, type LanguageSwitcherProps, LayoutGridIcon, LinkedInIcon, ListViewIcon, LocationPinIcon, LocationUserIcon, LockIcon, LogOutIcon, MailIcon, MapCollapseIcon, MapExpandIcon, MapViewIcon, MenuIcon, type MenuIconProps, MenuItem, type MenuItemProps, MenuLinesIcon, MinusIcon, Modal, type ModalProps, 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, 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 };