@ecohouse/ui 0.1.30 → 0.1.32

package/dist/index.d.cts

@@ -138,6 +138,29 @@ interface AvatarSimpleProps extends Omit<ViewProps, "style" | "children"> {
 }
 declare const AvatarSimple: react.ForwardRefExoticComponent<AvatarSimpleProps & react.RefAttributes<View>>;
 
+interface AccountHeaderProps extends Omit<ViewProps, "style" | "children"> {
+    title: string;
+    /**
+     * When set, shows a 32×32 back control (takes priority over `onMenuPress`).
+     * Used on nested account pages such as booking details.
+     */
+    onBackPress?: () => void;
+    /** When set, shows the 28×28 menu control (mobile account shell). Ignored if `onBackPress` is set. */
+    onMenuPress?: () => void;
+    onNotificationsPress?: () => void;
+    /** Optional status chip (or other accessory) rendered after the title with a 12px gap. */
+    badge?: ReactNode;
+    /** Accessible name for the back control. Defaults to `"Back"`. */
+    backAccessibilityLabel?: string;
+    /** Accessible name for the menu control. Defaults to `"Open menu"`. */
+    menuAccessibilityLabel?: string;
+    /** Accessible name for notifications. Defaults to `"Notifications"`. */
+    notificationsAccessibilityLabel?: string;
+    style?: StyleProp<ViewStyle>;
+    className?: string;
+}
+declare const AccountHeader: react.ForwardRefExoticComponent<AccountHeaderProps & react.RefAttributes<View>>;
+
 interface IconProps {
     size?: number;
     color?: string;
@@ -155,6 +178,8 @@ interface ArrowRightIconProps {
 /** Native — react-native-svg (peer dependency). */
 declare function ArrowRightIcon({ size, color, strokeWidth, }: ArrowRightIconProps): react.JSX.Element;
 
+declare function AlertTriangleIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
+
 declare function AppleIcon({ size, color }: IconProps): react.JSX.Element;
 declare function GooglePlayIcon({ size }: IconProps): react.JSX.Element;
 
@@ -197,6 +222,8 @@ declare function ClockIcon({ size, color, strokeWidth }: IconProps): react.JSX.E
 
 declare function CloseIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
 
+declare function EditIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
+
 declare function SaveHeartIcon({ size, color, strokeWidth, fillOpacity, }: IconProps): react.JSX.Element;
 declare function RatingStarIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
 declare function CardLocationIcon({ size, color, strokeWidth, secondaryColor, }: IconProps): react.JSX.Element;
@@ -205,6 +232,7 @@ declare function BedroomsIcon({ size, color, fillOpacity }: IconProps): react.JS
 declare function BathroomsIcon({ size, color, fillOpacity }: IconProps): react.JSX.Element;
 
 declare function ShareIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
+declare function DownloadIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
 declare function AreaExpandIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
 declare function ClockFilledIcon({ size, color }: IconProps): react.JSX.Element;
 declare function QrCodeIcon({ size, color }: IconProps): react.JSX.Element;
@@ -213,6 +241,11 @@ declare function CopyIcon({ size, color, strokeWidth }: IconProps): react.JSX.El
 declare function CheckSuccessIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
 declare function TooltipArrowIcon({ size, color }: IconProps): react.JSX.Element;
 
+declare function QuietHoursIcon({ size, color }: IconProps): react.JSX.Element;
+declare function NoSmokingIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
+declare function PawIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
+declare function TrashIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
+
 declare function FacebookIcon({ size, color }: IconProps): react.JSX.Element;
 
 /** Native — react-native-svg (peer dependency). */
@@ -243,6 +276,12 @@ declare function ListViewIcon({ size, color, strokeWidth }: IconProps): react.JS
 /** Native — react-native-svg (peer dependency). */
 declare function LocationPinIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
 
+/** Native — react-native-svg (peer dependency). */
+declare function LocationUserIcon({ size, color }: IconProps): react.JSX.Element;
+
+/** Native — react-native-svg (peer dependency). */
+declare function LockIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
+
 /** Native — react-native-svg (peer dependency). */
 declare function LogOutIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
 
@@ -267,6 +306,10 @@ declare function PhoneIcon({ size, color, strokeWidth }: IconProps): react.JSX.E
 
 declare function PlusIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
 
+declare function RefreshIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
+
+declare function RefundStatusIcon({ size, color, strokeWidth, }: IconProps): react.JSX.Element;
+
 interface SearchIconProps {
     size?: number;
     color?: string;
@@ -319,6 +362,7 @@ declare function UsersAltIcon({ size, color }: IconProps): react.JSX.Element;
 declare function VideoIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
 
 declare const icons: {
+    readonly alertTriangle: typeof AlertTriangleIcon;
     readonly areaExpand: typeof AreaExpandIcon;
     readonly apple: typeof AppleIcon;
     readonly arrowRight: typeof ArrowRightIcon;
@@ -335,8 +379,10 @@ declare const icons: {
     readonly chevronLeft: typeof ChevronLeftIcon;
     readonly clock: typeof ClockIcon;
     readonly close: typeof CloseIcon;
+    readonly edit: typeof EditIcon;
     readonly clockFilled: typeof ClockFilledIcon;
     readonly copy: typeof CopyIcon;
+    readonly download: typeof DownloadIcon;
     readonly bathrooms: typeof BathroomsIcon;
     readonly bedrooms: typeof BedroomsIcon;
     readonly cardLocation: typeof CardLocationIcon;
@@ -354,6 +400,8 @@ declare const icons: {
     readonly linkedin: typeof LinkedInIcon;
     readonly listView: typeof ListViewIcon;
     readonly locationPin: typeof LocationPinIcon;
+    readonly locationUser: typeof LocationUserIcon;
+    readonly lock: typeof LockIcon;
     readonly logOut: typeof LogOutIcon;
     readonly mail: typeof MailIcon;
     readonly mapView: typeof MapViewIcon;
@@ -362,10 +410,15 @@ declare const icons: {
     readonly menu: typeof MenuIcon;
     readonly minus: typeof MinusIcon;
     readonly navigate: typeof NavigateIcon;
+    readonly noSmoking: typeof NoSmokingIcon;
+    readonly paw: typeof PawIcon;
     readonly phone: typeof PhoneIcon;
     readonly qrCode: typeof QrCodeIcon;
+    readonly quietHours: typeof QuietHoursIcon;
     readonly ratingStar: typeof RatingStarIcon;
     readonly plus: typeof PlusIcon;
+    readonly refresh: typeof RefreshIcon;
+    readonly refundStatus: typeof RefundStatusIcon;
     readonly search: typeof SearchIcon;
     readonly saveHeart: typeof SaveHeartIcon;
     readonly share: typeof ShareIcon;
@@ -376,6 +429,7 @@ declare const icons: {
     readonly star: typeof StarIcon;
     readonly starFilled: typeof StarFilledIcon;
     readonly tooltipArrow: typeof TooltipArrowIcon;
+    readonly trash: typeof TrashIcon;
     readonly user: typeof UserIcon;
     readonly usersAlt: typeof UsersAltIcon;
     readonly video: typeof VideoIcon;
@@ -384,9 +438,9 @@ declare const icons: {
 type IconName = keyof typeof icons;
 declare const iconNames: IconName[];
 declare const iconGroups: {
-    readonly navigation: readonly ["arrowRight", "chevronDown", "chevronLeft", "home", "listView", "locationPin", "mapCollapse", "mapExpand", "mapView", "menu", "navigate"];
-    readonly actions: readonly ["show", "bell", "camera", "key", "check", "checkBadge", "checkSuccess", "copy", "search", "calendar", "calendarOutline", "close", "ratingStar", "saveHeart", "share", "filters", "heart", "star", "starFilled", "minus", "plus", "sort"];
-    readonly objects: readonly ["bag", "bathrooms", "bedrooms", "building", "cardLocation", "clock", "clockFilled", "guests", "qrCode", "user", "usersAlt", "video", "whatsApp"];
+    readonly navigation: readonly ["arrowRight", "chevronDown", "chevronLeft", "home", "listView", "locationPin", "locationUser", "mapCollapse", "mapExpand", "mapView", "menu", "navigate"];
+    readonly actions: readonly ["show", "alertTriangle", "bell", "camera", "key", "check", "checkBadge", "checkSuccess", "copy", "download", "search", "calendar", "calendarOutline", "close", "edit", "ratingStar", "saveHeart", "share", "filters", "heart", "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", "whatsApp"];
     readonly communication: readonly ["mail", "phone"];
     readonly social: readonly ["apple", "facebook", "googlePlay", "instagram", "linkedin"];
     readonly interface: readonly ["areaExpand", "globe", "layoutGrid", "sidebar", "settings", "helpCircle", "logOut", "tooltipArrow"];
@@ -410,6 +464,67 @@ interface BadgeProps extends Omit<ViewProps, "style" | "children"> {
 }
 declare const Badge: react.ForwardRefExoticComponent<BadgeProps & react.RefAttributes<View>>;
 
+type StatusBadgeTone = "active" | "completed" | "cancelled";
+interface StatusBadgeProps extends Omit<ViewProps, "style" | "children"> {
+    label: string;
+    tone?: StatusBadgeTone;
+    style?: StyleProp<ViewStyle>;
+    className?: string;
+}
+/**
+ * Compact status chip (e.g. booking active / completed / cancelled).
+ * Height 28, pill radius, Semibold 12 — distinct from amenity `Badge`.
+ */
+declare const StatusBadge: react.ForwardRefExoticComponent<StatusBadgeProps & react.RefAttributes<View>>;
+
+interface PaginationDotsProps extends Omit<ViewProps, "style" | "children"> {
+    /** Total number of steps / slides. */
+    count: number;
+    /** Zero-based active index. */
+    activeIndex: number;
+    /** Called when a dot is pressed. */
+    onDotPress?: (index: number) => void;
+    /** Accessible name for the control group. */
+    accessibilityLabel?: string;
+    style?: StyleProp<ViewStyle>;
+    className?: string;
+}
+/**
+ * Carousel / stepper pagination.
+ * Whole track is `48` wide; height `6`; gap `4`; inactive dots `6×6`;
+ * active pill takes the remaining width.
+ */
+declare const PaginationDots: react.ForwardRefExoticComponent<PaginationDotsProps & react.RefAttributes<View>>;
+
+interface InfoTileProps extends Omit<ViewProps, "style" | "children"> {
+    title: string;
+    /** Optional supporting line under the title. */
+    description?: string;
+    icon: IconComponent;
+    iconProps?: Omit<IconProps, "size">;
+    iconSize?: number;
+    /** Icon slot fill. Defaults to `grey600`. */
+    iconSlotBackgroundColor?: string;
+    style?: StyleProp<ViewStyle>;
+    className?: string;
+}
+/**
+ * Compact info tile — icon slot + title (+ optional description).
+ * Padding 12, radius 16, icon container 36×36.
+ */
+declare const InfoTile: react.ForwardRefExoticComponent<InfoTileProps & react.RefAttributes<View>>;
+
+interface StepListProps extends Omit<ViewProps, "style" | "children"> {
+    /** Step descriptions, numbered automatically from 1. */
+    steps: string[];
+    style?: StyleProp<ViewStyle>;
+    className?: string;
+}
+/**
+ * Vertical numbered process list — 42px badges, 2×19 connectors with 8px gaps.
+ */
+declare const StepList: react.ForwardRefExoticComponent<StepListProps & react.RefAttributes<View>>;
+
 interface CounterProps extends Omit<ViewProps, "style" | "children"> {
     value?: number;
     defaultValue?: number;
@@ -536,6 +651,8 @@ interface ButtonProps extends Omit<TouchableOpacityProps, "onPress" | "disabled"
     size?: ButtonSize;
     showIcon?: boolean;
     icon?: ReactNode;
+    /** Overrides the trailing icon badge fill (defaults to the variant preset). */
+    iconBadgeBackgroundColor?: string;
     style?: StyleProp<ViewStyle>;
     textStyle?: StyleProp<TextStyle>;
     className?: string;
@@ -618,6 +735,17 @@ type DatePickerRangeProps = DatePickerBaseProps & {
 type DatePickerProps = DatePickerSingleProps | DatePickerRangeProps;
 declare const DatePicker: react.ForwardRefExoticComponent<DatePickerProps & react.RefAttributes<View>>;
 
+interface FloatingActionButtonProps extends Omit<TouchableOpacityProps, "onPress" | "disabled" | "style" | "children"> {
+    onPress: (event: GestureResponderEvent) => void;
+    disabled?: boolean;
+    /** Defaults to a 24×24 white plus icon. */
+    icon?: ReactNode;
+    accessibilityLabel?: string;
+    style?: StyleProp<ViewStyle>;
+    className?: string;
+}
+declare const FloatingActionButton: react.ForwardRefExoticComponent<FloatingActionButtonProps & react.RefAttributes<react_native.View>>;
+
 type StatefulIcon = ReactNode | IconComponent;
 
 type InputSize = "lg" | "sm";
@@ -860,10 +988,13 @@ declare const colors: {
     readonly red: "#A63E3E";
     readonly lightGrey: "#B7B7B7";
     readonly green: "#34A853";
+    readonly greenMuted: "#34A85329";
     readonly primaryMuted: "#B464360F";
     readonly primaryHover: "#B4643633";
     readonly redMuted: "#A63E3E0F";
     readonly redHover: "#A63E3E33";
+    readonly greyMuted: "#76767629";
+    readonly cancelledMuted: "#A63E3E29";
     readonly grey0: "#767676";
     readonly grey50: "#6E6E6E";
     readonly grey100: "#666666";
@@ -873,6 +1004,7 @@ declare const colors: {
     readonly grey400: "#373737";
     readonly grey500: "#272727";
     readonly grey600: "#1F1F1F";
+    readonly grey650: "#1B1B1B";
     readonly grey700: "#171717";
     readonly grey750: "#161616";
     readonly grey800: "#101010";
@@ -1064,7 +1196,7 @@ declare const datePickerTypography: {
         readonly fontFamily: "Noto Sans Armenian";
         readonly fontSize: 12;
         readonly fontWeight: "400";
-        readonly lineHeight: 12;
+        readonly lineHeight: 14;
         readonly letterSpacing: 0.36;
     };
     readonly rangeLabel: {
@@ -1137,4 +1269,14 @@ declare const textareaTypography: {
     };
 };
 
-export { 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, 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, FacebookIcon, FavoritesButton, type FavoritesButtonProps, FiltersIcon, GlobeIcon, GooglePlayIcon, type GreyStep, GuestsIcon, HeartIcon, HelpCircleIcon, HomeIcon, Icon, type IconByNameProps, type IconComponent, type IconGroup, type IconName, type IconProps, Input, type InputIcon, type InputProps, type InputSize, InstagramIcon, KeyIcon, type LanguageOption, LanguageSwitcher, type LanguageSwitcherProps, LayoutGridIcon, LinkedInIcon, ListViewIcon, LocationPinIcon, LogOutIcon, MailIcon, MapCollapseIcon, MapExpandIcon, MapViewIcon, MenuIcon, type MenuIconProps, MenuItem, type MenuItemProps, MinusIcon, NavigateIcon, PhoneIcon, PlusIcon, QrCodeIcon, Range, type RangeProps, type RangeValue, RatingInput, type RatingInputProps, RatingStarIcon, 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, Textarea, type TextareaProps, Toggle, type ToggleProps, TooltipArrowIcon, UserIcon, UsersAltIcon, VerificationCodeInput, type VerificationCodeInputHandle, type VerificationCodeInputProps, VideoIcon, WhatsAppIcon, avatarTypography, badgeTypography, buttonTypography, colors, commentCardTypography, counterTypography, datePickerTypography, defaultLanguageOptions, fonts, getIconsByGroup, grey, iconGroupNames, iconGroups, iconNames, icons, inputTypography, languageSwitcherTypography, ratingTypography, segmentedToggleTypography, selectTypography, statCardTypography, textareaTypography };
+/** Zero-padded "DD.MM.YYYY" — matches the Figma reference formatting. */
+declare function formatDate(date: Date): string;
+/**
+ * Shortens a month name to `letterCount` letters.
+ * Armenian digraph «ու» counts as one letter so «Հուլիս» → «Հուլ», not «Հու».
+ */
+declare function abbreviateMonthName(monthName: string, letterCount?: number): string;
+/** "15 Հուլ 2026" — day + abbreviated month + year for range triggers. */
+declare function formatDateDayShortMonth(date: Date, monthNames: string[], letterCount?: number): string;
+
+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, 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, 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, QrCodeIcon, QuietHoursIcon, Range, type RangeProps, type RangeValue, RatingInput, type RatingInputProps, RatingStarIcon, RefreshIcon, RefundStatusIcon, 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, Textarea, type TextareaProps, Toggle, type ToggleProps, TooltipArrowIcon, TrashIcon, UserIcon, UsersAltIcon, VerificationCodeInput, type VerificationCodeInputHandle, type VerificationCodeInputProps, VideoIcon, WhatsAppIcon, abbreviateMonthName, avatarTypography, badgeTypography, buttonTypography, colors, commentCardTypography, counterTypography, datePickerTypography, defaultLanguageOptions, fonts, formatDate, formatDateDayShortMonth, getIconsByGroup, grey, iconGroupNames, iconGroups, iconNames, icons, inputTypography, languageSwitcherTypography, ratingTypography, segmentedToggleTypography, selectTypography, statCardTypography, textareaTypography };

package/dist/index.d.ts

@@ -138,6 +138,29 @@ interface AvatarSimpleProps extends Omit<ViewProps, "style" | "children"> {
 }
 declare const AvatarSimple: react.ForwardRefExoticComponent<AvatarSimpleProps & react.RefAttributes<View>>;
 
+interface AccountHeaderProps extends Omit<ViewProps, "style" | "children"> {
+    title: string;
+    /**
+     * When set, shows a 32×32 back control (takes priority over `onMenuPress`).
+     * Used on nested account pages such as booking details.
+     */
+    onBackPress?: () => void;
+    /** When set, shows the 28×28 menu control (mobile account shell). Ignored if `onBackPress` is set. */
+    onMenuPress?: () => void;
+    onNotificationsPress?: () => void;
+    /** Optional status chip (or other accessory) rendered after the title with a 12px gap. */
+    badge?: ReactNode;
+    /** Accessible name for the back control. Defaults to `"Back"`. */
+    backAccessibilityLabel?: string;
+    /** Accessible name for the menu control. Defaults to `"Open menu"`. */
+    menuAccessibilityLabel?: string;
+    /** Accessible name for notifications. Defaults to `"Notifications"`. */
+    notificationsAccessibilityLabel?: string;
+    style?: StyleProp<ViewStyle>;
+    className?: string;
+}
+declare const AccountHeader: react.ForwardRefExoticComponent<AccountHeaderProps & react.RefAttributes<View>>;
+
 interface IconProps {
     size?: number;
     color?: string;
@@ -155,6 +178,8 @@ interface ArrowRightIconProps {
 /** Native — react-native-svg (peer dependency). */
 declare function ArrowRightIcon({ size, color, strokeWidth, }: ArrowRightIconProps): react.JSX.Element;
 
+declare function AlertTriangleIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
+
 declare function AppleIcon({ size, color }: IconProps): react.JSX.Element;
 declare function GooglePlayIcon({ size }: IconProps): react.JSX.Element;
 
@@ -197,6 +222,8 @@ declare function ClockIcon({ size, color, strokeWidth }: IconProps): react.JSX.E
 
 declare function CloseIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
 
+declare function EditIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
+
 declare function SaveHeartIcon({ size, color, strokeWidth, fillOpacity, }: IconProps): react.JSX.Element;
 declare function RatingStarIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
 declare function CardLocationIcon({ size, color, strokeWidth, secondaryColor, }: IconProps): react.JSX.Element;
@@ -205,6 +232,7 @@ declare function BedroomsIcon({ size, color, fillOpacity }: IconProps): react.JS
 declare function BathroomsIcon({ size, color, fillOpacity }: IconProps): react.JSX.Element;
 
 declare function ShareIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
+declare function DownloadIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
 declare function AreaExpandIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
 declare function ClockFilledIcon({ size, color }: IconProps): react.JSX.Element;
 declare function QrCodeIcon({ size, color }: IconProps): react.JSX.Element;
@@ -213,6 +241,11 @@ declare function CopyIcon({ size, color, strokeWidth }: IconProps): react.JSX.El
 declare function CheckSuccessIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
 declare function TooltipArrowIcon({ size, color }: IconProps): react.JSX.Element;
 
+declare function QuietHoursIcon({ size, color }: IconProps): react.JSX.Element;
+declare function NoSmokingIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
+declare function PawIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
+declare function TrashIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
+
 declare function FacebookIcon({ size, color }: IconProps): react.JSX.Element;
 
 /** Native — react-native-svg (peer dependency). */
@@ -243,6 +276,12 @@ declare function ListViewIcon({ size, color, strokeWidth }: IconProps): react.JS
 /** Native — react-native-svg (peer dependency). */
 declare function LocationPinIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
 
+/** Native — react-native-svg (peer dependency). */
+declare function LocationUserIcon({ size, color }: IconProps): react.JSX.Element;
+
+/** Native — react-native-svg (peer dependency). */
+declare function LockIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
+
 /** Native — react-native-svg (peer dependency). */
 declare function LogOutIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
 
@@ -267,6 +306,10 @@ declare function PhoneIcon({ size, color, strokeWidth }: IconProps): react.JSX.E
 
 declare function PlusIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
 
+declare function RefreshIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
+
+declare function RefundStatusIcon({ size, color, strokeWidth, }: IconProps): react.JSX.Element;
+
 interface SearchIconProps {
     size?: number;
     color?: string;
@@ -319,6 +362,7 @@ declare function UsersAltIcon({ size, color }: IconProps): react.JSX.Element;
 declare function VideoIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
 
 declare const icons: {
+    readonly alertTriangle: typeof AlertTriangleIcon;
     readonly areaExpand: typeof AreaExpandIcon;
     readonly apple: typeof AppleIcon;
     readonly arrowRight: typeof ArrowRightIcon;
@@ -335,8 +379,10 @@ declare const icons: {
     readonly chevronLeft: typeof ChevronLeftIcon;
     readonly clock: typeof ClockIcon;
     readonly close: typeof CloseIcon;
+    readonly edit: typeof EditIcon;
     readonly clockFilled: typeof ClockFilledIcon;
     readonly copy: typeof CopyIcon;
+    readonly download: typeof DownloadIcon;
     readonly bathrooms: typeof BathroomsIcon;
     readonly bedrooms: typeof BedroomsIcon;
     readonly cardLocation: typeof CardLocationIcon;
@@ -354,6 +400,8 @@ declare const icons: {
     readonly linkedin: typeof LinkedInIcon;
     readonly listView: typeof ListViewIcon;
     readonly locationPin: typeof LocationPinIcon;
+    readonly locationUser: typeof LocationUserIcon;
+    readonly lock: typeof LockIcon;
     readonly logOut: typeof LogOutIcon;
     readonly mail: typeof MailIcon;
     readonly mapView: typeof MapViewIcon;
@@ -362,10 +410,15 @@ declare const icons: {
     readonly menu: typeof MenuIcon;
     readonly minus: typeof MinusIcon;
     readonly navigate: typeof NavigateIcon;
+    readonly noSmoking: typeof NoSmokingIcon;
+    readonly paw: typeof PawIcon;
     readonly phone: typeof PhoneIcon;
     readonly qrCode: typeof QrCodeIcon;
+    readonly quietHours: typeof QuietHoursIcon;
     readonly ratingStar: typeof RatingStarIcon;
     readonly plus: typeof PlusIcon;
+    readonly refresh: typeof RefreshIcon;
+    readonly refundStatus: typeof RefundStatusIcon;
     readonly search: typeof SearchIcon;
     readonly saveHeart: typeof SaveHeartIcon;
     readonly share: typeof ShareIcon;
@@ -376,6 +429,7 @@ declare const icons: {
     readonly star: typeof StarIcon;
     readonly starFilled: typeof StarFilledIcon;
     readonly tooltipArrow: typeof TooltipArrowIcon;
+    readonly trash: typeof TrashIcon;
     readonly user: typeof UserIcon;
     readonly usersAlt: typeof UsersAltIcon;
     readonly video: typeof VideoIcon;
@@ -384,9 +438,9 @@ declare const icons: {
 type IconName = keyof typeof icons;
 declare const iconNames: IconName[];
 declare const iconGroups: {
-    readonly navigation: readonly ["arrowRight", "chevronDown", "chevronLeft", "home", "listView", "locationPin", "mapCollapse", "mapExpand", "mapView", "menu", "navigate"];
-    readonly actions: readonly ["show", "bell", "camera", "key", "check", "checkBadge", "checkSuccess", "copy", "search", "calendar", "calendarOutline", "close", "ratingStar", "saveHeart", "share", "filters", "heart", "star", "starFilled", "minus", "plus", "sort"];
-    readonly objects: readonly ["bag", "bathrooms", "bedrooms", "building", "cardLocation", "clock", "clockFilled", "guests", "qrCode", "user", "usersAlt", "video", "whatsApp"];
+    readonly navigation: readonly ["arrowRight", "chevronDown", "chevronLeft", "home", "listView", "locationPin", "locationUser", "mapCollapse", "mapExpand", "mapView", "menu", "navigate"];
+    readonly actions: readonly ["show", "alertTriangle", "bell", "camera", "key", "check", "checkBadge", "checkSuccess", "copy", "download", "search", "calendar", "calendarOutline", "close", "edit", "ratingStar", "saveHeart", "share", "filters", "heart", "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", "whatsApp"];
     readonly communication: readonly ["mail", "phone"];
     readonly social: readonly ["apple", "facebook", "googlePlay", "instagram", "linkedin"];
     readonly interface: readonly ["areaExpand", "globe", "layoutGrid", "sidebar", "settings", "helpCircle", "logOut", "tooltipArrow"];
@@ -410,6 +464,67 @@ interface BadgeProps extends Omit<ViewProps, "style" | "children"> {
 }
 declare const Badge: react.ForwardRefExoticComponent<BadgeProps & react.RefAttributes<View>>;
 
+type StatusBadgeTone = "active" | "completed" | "cancelled";
+interface StatusBadgeProps extends Omit<ViewProps, "style" | "children"> {
+    label: string;
+    tone?: StatusBadgeTone;
+    style?: StyleProp<ViewStyle>;
+    className?: string;
+}
+/**
+ * Compact status chip (e.g. booking active / completed / cancelled).
+ * Height 28, pill radius, Semibold 12 — distinct from amenity `Badge`.
+ */
+declare const StatusBadge: react.ForwardRefExoticComponent<StatusBadgeProps & react.RefAttributes<View>>;
+
+interface PaginationDotsProps extends Omit<ViewProps, "style" | "children"> {
+    /** Total number of steps / slides. */
+    count: number;
+    /** Zero-based active index. */
+    activeIndex: number;
+    /** Called when a dot is pressed. */
+    onDotPress?: (index: number) => void;
+    /** Accessible name for the control group. */
+    accessibilityLabel?: string;
+    style?: StyleProp<ViewStyle>;
+    className?: string;
+}
+/**
+ * Carousel / stepper pagination.
+ * Whole track is `48` wide; height `6`; gap `4`; inactive dots `6×6`;
+ * active pill takes the remaining width.
+ */
+declare const PaginationDots: react.ForwardRefExoticComponent<PaginationDotsProps & react.RefAttributes<View>>;
+
+interface InfoTileProps extends Omit<ViewProps, "style" | "children"> {
+    title: string;
+    /** Optional supporting line under the title. */
+    description?: string;
+    icon: IconComponent;
+    iconProps?: Omit<IconProps, "size">;
+    iconSize?: number;
+    /** Icon slot fill. Defaults to `grey600`. */
+    iconSlotBackgroundColor?: string;
+    style?: StyleProp<ViewStyle>;
+    className?: string;
+}
+/**
+ * Compact info tile — icon slot + title (+ optional description).
+ * Padding 12, radius 16, icon container 36×36.
+ */
+declare const InfoTile: react.ForwardRefExoticComponent<InfoTileProps & react.RefAttributes<View>>;
+
+interface StepListProps extends Omit<ViewProps, "style" | "children"> {
+    /** Step descriptions, numbered automatically from 1. */
+    steps: string[];
+    style?: StyleProp<ViewStyle>;
+    className?: string;
+}
+/**
+ * Vertical numbered process list — 42px badges, 2×19 connectors with 8px gaps.
+ */
+declare const StepList: react.ForwardRefExoticComponent<StepListProps & react.RefAttributes<View>>;
+
 interface CounterProps extends Omit<ViewProps, "style" | "children"> {
     value?: number;
     defaultValue?: number;
@@ -536,6 +651,8 @@ interface ButtonProps extends Omit<TouchableOpacityProps, "onPress" | "disabled"
     size?: ButtonSize;
     showIcon?: boolean;
     icon?: ReactNode;
+    /** Overrides the trailing icon badge fill (defaults to the variant preset). */
+    iconBadgeBackgroundColor?: string;
     style?: StyleProp<ViewStyle>;
     textStyle?: StyleProp<TextStyle>;
     className?: string;
@@ -618,6 +735,17 @@ type DatePickerRangeProps = DatePickerBaseProps & {
 type DatePickerProps = DatePickerSingleProps | DatePickerRangeProps;
 declare const DatePicker: react.ForwardRefExoticComponent<DatePickerProps & react.RefAttributes<View>>;
 
+interface FloatingActionButtonProps extends Omit<TouchableOpacityProps, "onPress" | "disabled" | "style" | "children"> {
+    onPress: (event: GestureResponderEvent) => void;
+    disabled?: boolean;
+    /** Defaults to a 24×24 white plus icon. */
+    icon?: ReactNode;
+    accessibilityLabel?: string;
+    style?: StyleProp<ViewStyle>;
+    className?: string;
+}
+declare const FloatingActionButton: react.ForwardRefExoticComponent<FloatingActionButtonProps & react.RefAttributes<react_native.View>>;
+
 type StatefulIcon = ReactNode | IconComponent;
 
 type InputSize = "lg" | "sm";
@@ -860,10 +988,13 @@ declare const colors: {
     readonly red: "#A63E3E";
     readonly lightGrey: "#B7B7B7";
     readonly green: "#34A853";
+    readonly greenMuted: "#34A85329";
     readonly primaryMuted: "#B464360F";
     readonly primaryHover: "#B4643633";
     readonly redMuted: "#A63E3E0F";
     readonly redHover: "#A63E3E33";
+    readonly greyMuted: "#76767629";
+    readonly cancelledMuted: "#A63E3E29";
     readonly grey0: "#767676";
     readonly grey50: "#6E6E6E";
     readonly grey100: "#666666";
@@ -873,6 +1004,7 @@ declare const colors: {
     readonly grey400: "#373737";
     readonly grey500: "#272727";
     readonly grey600: "#1F1F1F";
+    readonly grey650: "#1B1B1B";
     readonly grey700: "#171717";
     readonly grey750: "#161616";
     readonly grey800: "#101010";
@@ -1064,7 +1196,7 @@ declare const datePickerTypography: {
         readonly fontFamily: "Noto Sans Armenian";
         readonly fontSize: 12;
         readonly fontWeight: "400";
-        readonly lineHeight: 12;
+        readonly lineHeight: 14;
         readonly letterSpacing: 0.36;
     };
     readonly rangeLabel: {
@@ -1137,4 +1269,14 @@ declare const textareaTypography: {
     };
 };
 
-export { 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, 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, FacebookIcon, FavoritesButton, type FavoritesButtonProps, FiltersIcon, GlobeIcon, GooglePlayIcon, type GreyStep, GuestsIcon, HeartIcon, HelpCircleIcon, HomeIcon, Icon, type IconByNameProps, type IconComponent, type IconGroup, type IconName, type IconProps, Input, type InputIcon, type InputProps, type InputSize, InstagramIcon, KeyIcon, type LanguageOption, LanguageSwitcher, type LanguageSwitcherProps, LayoutGridIcon, LinkedInIcon, ListViewIcon, LocationPinIcon, LogOutIcon, MailIcon, MapCollapseIcon, MapExpandIcon, MapViewIcon, MenuIcon, type MenuIconProps, MenuItem, type MenuItemProps, MinusIcon, NavigateIcon, PhoneIcon, PlusIcon, QrCodeIcon, Range, type RangeProps, type RangeValue, RatingInput, type RatingInputProps, RatingStarIcon, 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, Textarea, type TextareaProps, Toggle, type ToggleProps, TooltipArrowIcon, UserIcon, UsersAltIcon, VerificationCodeInput, type VerificationCodeInputHandle, type VerificationCodeInputProps, VideoIcon, WhatsAppIcon, avatarTypography, badgeTypography, buttonTypography, colors, commentCardTypography, counterTypography, datePickerTypography, defaultLanguageOptions, fonts, getIconsByGroup, grey, iconGroupNames, iconGroups, iconNames, icons, inputTypography, languageSwitcherTypography, ratingTypography, segmentedToggleTypography, selectTypography, statCardTypography, textareaTypography };
+/** Zero-padded "DD.MM.YYYY" — matches the Figma reference formatting. */
+declare function formatDate(date: Date): string;
+/**
+ * Shortens a month name to `letterCount` letters.
+ * Armenian digraph «ու» counts as one letter so «Հուլիս» → «Հուլ», not «Հու».
+ */
+declare function abbreviateMonthName(monthName: string, letterCount?: number): string;
+/** "15 Հուլ 2026" — day + abbreviated month + year for range triggers. */
+declare function formatDateDayShortMonth(date: Date, monthNames: string[], letterCount?: number): string;
+
+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, 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, 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, QrCodeIcon, QuietHoursIcon, Range, type RangeProps, type RangeValue, RatingInput, type RatingInputProps, RatingStarIcon, RefreshIcon, RefundStatusIcon, 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, Textarea, type TextareaProps, Toggle, type ToggleProps, TooltipArrowIcon, TrashIcon, UserIcon, UsersAltIcon, VerificationCodeInput, type VerificationCodeInputHandle, type VerificationCodeInputProps, VideoIcon, WhatsAppIcon, abbreviateMonthName, avatarTypography, badgeTypography, buttonTypography, colors, commentCardTypography, counterTypography, datePickerTypography, defaultLanguageOptions, fonts, formatDate, formatDateDayShortMonth, getIconsByGroup, grey, iconGroupNames, iconGroups, iconNames, icons, inputTypography, languageSwitcherTypography, ratingTypography, segmentedToggleTypography, selectTypography, statCardTypography, textareaTypography };