@ecohouse/ui 0.1.59 → 0.1.60

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (33) hide show
  1. package/dist/index.cjs +648 -467
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.d.cts +25 -10
  4. package/dist/index.d.ts +25 -10
  5. package/dist/index.js +543 -365
  6. package/dist/index.js.map +1 -1
  7. package/package.json +1 -1
  8. package/src/components/Button/Button.tsx +6 -2
  9. package/src/components/CommentCard/CommentCard.tsx +3 -0
  10. package/src/components/Counter/Counter.tsx +5 -3
  11. package/src/components/DatePicker/DatePicker.tsx +98 -40
  12. package/src/components/Range/Range.tsx +1 -1
  13. package/src/components/VerificationCodeInput/VerificationCodeInput.tsx +28 -4
  14. package/src/icons/Backspace/BackspaceIcon.test.ts +9 -0
  15. package/src/icons/Backspace/BackspaceIcon.tsx +20 -0
  16. package/src/icons/Backspace/BackspaceIcon.web.tsx +26 -0
  17. package/src/icons/Backspace/backspacePath.ts +3 -0
  18. package/src/icons/Backspace/index.ts +1 -0
  19. package/src/icons/Fingerprint/FingerprintIcon.test.ts +9 -0
  20. package/src/icons/Fingerprint/FingerprintIcon.tsx +23 -0
  21. package/src/icons/Fingerprint/FingerprintIcon.web.tsx +29 -0
  22. package/src/icons/Fingerprint/fingerprintPaths.ts +6 -0
  23. package/src/icons/Fingerprint/index.ts +1 -0
  24. package/src/icons/GoogleBrand/GoogleBrandIcon.test.ts +14 -0
  25. package/src/icons/GoogleBrand/GoogleBrandIcon.tsx +15 -0
  26. package/src/icons/GoogleBrand/GoogleBrandIcon.web.tsx +21 -0
  27. package/src/icons/GoogleBrand/googleBrandPaths.ts +18 -0
  28. package/src/icons/GoogleBrand/index.ts +1 -0
  29. package/src/icons/index.ts +3 -0
  30. package/src/icons/registry.ts +9 -1
  31. package/src/index.ts +3 -0
  32. package/src/theme/typography.ts +6 -6
  33. package/src/utils/dateUtils.ts +7 -4
package/dist/index.d.cts CHANGED
@@ -69,6 +69,8 @@ declare function AlertTriangleIcon({ size, color, strokeWidth }: IconProps): rea
69
69
  declare function AppleIcon({ size, color }: IconProps): react.JSX.Element;
70
70
  declare function GooglePlayIcon({ size }: IconProps): react.JSX.Element;
71
71
 
72
+ declare function BackspaceIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
73
+
72
74
  declare function BagIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
73
75
 
74
76
  /** Filled prohibition / deactivated mark (28×28 viewBox). */
@@ -160,6 +162,10 @@ declare function TrashIcon({ size, color, strokeWidth }: IconProps): react.JSX.E
160
162
 
161
163
  declare function FacebookIcon({ size, color }: IconProps): react.JSX.Element;
162
164
 
165
+ declare function FingerprintIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
166
+
167
+ declare function GoogleBrandIcon({ size }: IconProps): react.JSX.Element;
168
+
163
169
  /** Native — react-native-svg (peer dependency). */
164
170
  declare function FiltersIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
165
171
 
@@ -342,6 +348,7 @@ declare const icons: {
342
348
  readonly areaExpand: typeof AreaExpandIcon;
343
349
  readonly apple: typeof AppleIcon;
344
350
  readonly arrowRight: typeof ArrowRightIcon;
351
+ readonly backspace: typeof BackspaceIcon;
345
352
  readonly bag: typeof BagIcon;
346
353
  readonly ban: typeof BanIcon;
347
354
  readonly blockedGuests: typeof BlockedGuestsIcon;
@@ -372,6 +379,8 @@ declare const icons: {
372
379
  readonly bedrooms: typeof BedroomsIcon;
373
380
  readonly cardLocation: typeof CardLocationIcon;
374
381
  readonly facebook: typeof FacebookIcon;
382
+ readonly fingerprint: typeof FingerprintIcon;
383
+ readonly googleBrand: typeof GoogleBrandIcon;
375
384
  readonly filters: typeof FiltersIcon;
376
385
  readonly fullscreen: typeof FullscreenIcon;
377
386
  readonly guests: typeof GuestsIcon;
@@ -455,11 +464,11 @@ type IconName = keyof typeof icons;
455
464
  declare const iconNames: IconName[];
456
465
  declare const iconGroups: {
457
466
  readonly navigation: readonly ["arrowRight", "chevronDown", "chevronLeft", "chevronRight", "home", "listView", "locationPin", "locationUser", "mapCollapse", "mapExpand", "mapView", "menu", "menuLines", "navigate", "tableView"];
458
- readonly actions: readonly ["show", "hide", "alertTriangle", "ban", "bell", "camera", "key", "check", "checkBadge", "checkSuccess", "copy", "download", "doubleCheck", "dragHandle", "search", "calendar", "calendarFilled", "calendarMinus", "calendarOutline", "close", "deactivate", "cloudUpload", "noReview", "edit", "externalLink", "ratingStar", "saveHeart", "share", "smartKey", "stayHome", "filters", "fullscreen", "heart", "headset", "zoomOut", "star", "starFilled", "starOutline", "sun", "minus", "moonStars", "moreHorizontal", "plus", "refresh", "refundStatus", "sort"];
467
+ readonly actions: readonly ["show", "hide", "alertTriangle", "ban", "bell", "camera", "key", "check", "checkBadge", "checkSuccess", "copy", "download", "doubleCheck", "dragHandle", "search", "calendar", "calendarFilled", "calendarMinus", "calendarOutline", "close", "deactivate", "cloudUpload", "noReview", "edit", "externalLink", "ratingStar", "saveHeart", "share", "smartKey", "stayHome", "filters", "backspace", "fingerprint", "fullscreen", "heart", "headset", "zoomOut", "star", "starFilled", "starOutline", "sun", "minus", "moonStars", "moreHorizontal", "plus", "refresh", "refundStatus", "sort"];
459
468
  readonly objects: readonly ["bag", "bathrooms", "bedrooms", "building", "cardLocation", "clock", "clockFilled", "guests", "totalGuests", "activeGuests", "blockedGuests", "lock", "noPets", "noSmoking", "paw", "qrCode", "quietHours", "trash", "unlock", "user", "usersAlt", "video", "videoOff", "washer", "whatsApp"];
460
469
  readonly communication: readonly ["mail", "phone"];
461
470
  readonly notifications: readonly ["notificationSuccess", "notificationCancelled", "notificationCheckout", "notificationQrCode", "notificationWarning"];
462
- readonly social: readonly ["apple", "facebook", "googlePlay", "instagram", "linkedin"];
471
+ readonly social: readonly ["apple", "facebook", "googleBrand", "googlePlay", "instagram", "linkedin"];
463
472
  readonly interface: readonly ["areaExpand", "cutlery", "dollar", "dram", "eye", "globe", "layoutGrid", "sidebar", "settings", "helpCircle", "logOut", "image", "infoCircle", "tooltipArrow"];
464
473
  };
465
474
  type IconGroup = keyof typeof iconGroups;
@@ -974,6 +983,8 @@ type DateRange = {
974
983
  type DatePickerVariant = "default" | "range-horizontal" | "range-vertical";
975
984
  type DatePickerBaseProps = Omit<ViewProps, "style" | "children"> & {
976
985
  placeholder?: string;
986
+ /** Color for the trigger label when no date is selected. Defaults to grey100. */
987
+ placeholderTextColor?: string;
977
988
  /** Trigger presentation. Range variants display separate start/end fields. */
978
989
  variant?: DatePickerVariant;
979
990
  /** Labels shown above the start/end values in range trigger variants. */
@@ -1015,7 +1026,10 @@ type DatePickerBaseProps = Omit<ViewProps, "style" | "children"> & {
1015
1026
  formatValue?: (date: Date) => string;
1016
1027
  /** First day of the week column (0 = Sunday, 1 = Monday). Defaults to Monday. */
1017
1028
  weekStartsOn?: 0 | 1;
1018
- /** Styles the calendar popup independently from the trigger width. */
1029
+ /**
1030
+ * Styles the calendar popup independently from the trigger width.
1031
+ * With `hideTrigger`, `width: "100%"` stretches the day grid to the host.
1032
+ */
1019
1033
  calendarStyle?: StyleProp<ViewStyle>;
1020
1034
  /**
1021
1035
  * When true, only the calendar panel is rendered (no field/trigger).
@@ -1313,6 +1327,7 @@ interface CommentCardProps extends Omit<ViewProps, "style" | "children"> {
1313
1327
  onExpandedChange?: (expanded: boolean) => void;
1314
1328
  style?: StyleProp<ViewStyle>;
1315
1329
  commentStyle?: StyleProp<TextStyle>;
1330
+ actionStyle?: StyleProp<TextStyle>;
1316
1331
  className?: string;
1317
1332
  }
1318
1333
  declare const CommentCard: react.ForwardRefExoticComponent<CommentCardProps & react.RefAttributes<View>>;
@@ -1449,20 +1464,20 @@ declare const colors: {
1449
1464
  declare const fonts: {
1450
1465
  readonly sans: "Noto Sans Armenian";
1451
1466
  };
1452
- /** Button label — SemiBold, line-height 100%, letter-spacing 3%. */
1467
+ /** Button label — SemiBold, 125%+ line-height so Noto Sans Armenian is not clipped. */
1453
1468
  declare const buttonTypography: {
1454
1469
  readonly lg: {
1455
1470
  readonly fontFamily: "Noto Sans Armenian";
1456
1471
  readonly fontSize: 14;
1457
1472
  readonly fontWeight: "600";
1458
- readonly lineHeight: 14;
1473
+ readonly lineHeight: 20;
1459
1474
  readonly letterSpacing: 0.42;
1460
1475
  };
1461
1476
  readonly sm: {
1462
1477
  readonly fontFamily: "Noto Sans Armenian";
1463
1478
  readonly fontSize: 12;
1464
1479
  readonly fontWeight: "600";
1465
- readonly lineHeight: 12;
1480
+ readonly lineHeight: 16;
1466
1481
  readonly letterSpacing: 0.36;
1467
1482
  };
1468
1483
  };
@@ -1658,7 +1673,7 @@ declare const datePickerTypography: {
1658
1673
  readonly fontFamily: "Noto Sans Armenian";
1659
1674
  readonly fontSize: 14;
1660
1675
  readonly fontWeight: "700";
1661
- readonly lineHeight: 14;
1676
+ readonly lineHeight: 18;
1662
1677
  readonly letterSpacing: 0;
1663
1678
  };
1664
1679
  /** Weekday header (ԵՐ, ԵՔ, ...) — Regular, uppercase, centered, Grey/300. */
@@ -1666,14 +1681,14 @@ declare const datePickerTypography: {
1666
1681
  readonly fontFamily: "Noto Sans Armenian";
1667
1682
  readonly fontSize: 12;
1668
1683
  readonly fontWeight: "400";
1669
- readonly lineHeight: 12;
1684
+ readonly lineHeight: 16;
1670
1685
  readonly letterSpacing: 0;
1671
1686
  };
1672
1687
  readonly day: {
1673
1688
  readonly fontFamily: "Noto Sans Armenian";
1674
1689
  readonly fontSize: 14;
1675
1690
  readonly fontWeight: "400";
1676
- readonly lineHeight: 14;
1691
+ readonly lineHeight: 18;
1677
1692
  readonly letterSpacing: 0;
1678
1693
  };
1679
1694
  };
@@ -1735,4 +1750,4 @@ type ResolvePopoverAlignOptions = {
1735
1750
  */
1736
1751
  declare function resolvePopoverAlign({ triggerRect, panelWidth, viewportWidth, padding, preferred, }: ResolvePopoverAlignOptions): PopoverAlign;
1737
1752
 
1738
- export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, AccountHeader, type AccountHeaderProps, ActiveGuestsIcon, 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, type AvatarVariant, BRAND_LOGO_COLORS, BRAND_LOGO_DEFAULT_HEIGHT, BRAND_LOGO_DEFAULT_WIDTH, Badge, type BadgeProps, type BadgeVariant, BagIcon, BanIcon, BathroomsIcon, BedroomsIcon, BellIcon, BlockedGuestsIcon, BookingWarningNotification, BrandLogo, type BrandLogoProps, type BrandLogoVariant, BuildingIcon, Button, type ButtonProps, type ButtonSize, type ButtonVariant, CalendarFilledIcon, CalendarIcon, CalendarMinusIcon, CalendarOutlineIcon, CameraFilledIcon, CameraIcon, CancelledBookingNotification, CardLocationIcon, CheckBadgeIcon, CheckIcon, CheckSuccessIcon, Checkbox, type CheckboxProps, type CheckboxVariant, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ClockFilledIcon, ClockIcon, CloseIcon, CloudUploadIcon, CommentCard, type CommentCardProps, ContactInfoCard, type ContactInfoCardProps, CopyIcon, Counter, type CounterProps, CurrentLocationIcon, CutleryIcon, DatePicker, type DatePickerProps, type DatePickerRangeProps, type DatePickerSingleProps, type DatePickerVariant, type DateRange, DeactivateIcon, DollarIcon, DoubleCheckIcon, DownloadIcon, DragHandleIcon, DramIcon, Drawer, type DrawerProps, EditIcon, ExternalLinkIcon, EyeIcon, FacebookIcon, FavoritesButton, type FavoritesButtonProps, FiltersIcon, FloatingActionButton, type FloatingActionButtonProps, FullscreenIcon, GlobeIcon, GooglePlayIcon, type GreyStep, GuestCheckInNotification, GuestsIcon, HeadsetIcon, HeartIcon, HelpCircleIcon, HideIcon, HomeIcon, Icon, type IconByNameProps, type IconComponent, type IconGroup, type IconName, type IconProps, IconStatusBadge, type IconStatusBadgeProps, ImageIcon, InfoCardV2, type InfoCardV2Props, InfoCircleIcon, 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, MoonStarsIcon, MoreHorizontalIcon, NavigateIcon, NewBookingNotification, NoPetsIcon, NoReviewIcon, NoSmokingIcon, NotificationCancelledIcon, NotificationCheckoutIcon, NotificationQrCodeIcon, type NotificationStatusProps, NotificationStatusSkeleton, NotificationSuccessIcon, NotificationWarningIcon, PaginationDots, type PaginationDotsProps, PawIcon, PhoneIcon, PlusIcon, type PopoverAlign, QrCodeIcon, QrKeyNotification, QuantityInput, type QuantityInputProps, QuietHoursIcon, RadioButton, type RadioButtonProps, type RadioButtonVariant, 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, SmartKeyIcon, SortIcon, StarFilledIcon, StarIcon, type StarIconProps, StarOutlineIcon, StatCard, type StatCardProps, StatusBadge, type StatusBadgeProps, type StatusBadgeTone, StatusIndicator, type StatusIndicatorProps, type StatusIndicatorStatus, StayHomeIcon, StepList, type StepListProps, StepPager, type StepPagerProps, SunIcon, TableViewIcon, Textarea, type TextareaProps, Toggle, type ToggleProps, ToggleRow, type ToggleRowProps, TooltipArrowIcon, TotalGuestsIcon, TrashIcon, UnlockIcon, UserIcon, UsersAltIcon, VerificationCodeInput, type VerificationCodeInputHandle, type VerificationCodeInputProps, VideoIcon, VideoOffIcon, WasherIcon, 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 };
1753
+ export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, AccountHeader, type AccountHeaderProps, ActiveGuestsIcon, 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, type AvatarVariant, BRAND_LOGO_COLORS, BRAND_LOGO_DEFAULT_HEIGHT, BRAND_LOGO_DEFAULT_WIDTH, BackspaceIcon, Badge, type BadgeProps, type BadgeVariant, BagIcon, BanIcon, BathroomsIcon, BedroomsIcon, BellIcon, BlockedGuestsIcon, BookingWarningNotification, BrandLogo, type BrandLogoProps, type BrandLogoVariant, BuildingIcon, Button, type ButtonProps, type ButtonSize, type ButtonVariant, CalendarFilledIcon, CalendarIcon, CalendarMinusIcon, CalendarOutlineIcon, CameraFilledIcon, CameraIcon, CancelledBookingNotification, CardLocationIcon, CheckBadgeIcon, CheckIcon, CheckSuccessIcon, Checkbox, type CheckboxProps, type CheckboxVariant, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ClockFilledIcon, ClockIcon, CloseIcon, CloudUploadIcon, CommentCard, type CommentCardProps, ContactInfoCard, type ContactInfoCardProps, CopyIcon, Counter, type CounterProps, CurrentLocationIcon, CutleryIcon, DatePicker, type DatePickerProps, type DatePickerRangeProps, type DatePickerSingleProps, type DatePickerVariant, type DateRange, DeactivateIcon, DollarIcon, DoubleCheckIcon, DownloadIcon, DragHandleIcon, DramIcon, Drawer, type DrawerProps, EditIcon, ExternalLinkIcon, EyeIcon, FacebookIcon, FavoritesButton, type FavoritesButtonProps, FiltersIcon, FingerprintIcon, FloatingActionButton, type FloatingActionButtonProps, FullscreenIcon, GlobeIcon, GoogleBrandIcon, GooglePlayIcon, type GreyStep, GuestCheckInNotification, GuestsIcon, HeadsetIcon, HeartIcon, HelpCircleIcon, HideIcon, HomeIcon, Icon, type IconByNameProps, type IconComponent, type IconGroup, type IconName, type IconProps, IconStatusBadge, type IconStatusBadgeProps, ImageIcon, InfoCardV2, type InfoCardV2Props, InfoCircleIcon, 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, MoonStarsIcon, MoreHorizontalIcon, NavigateIcon, NewBookingNotification, NoPetsIcon, NoReviewIcon, NoSmokingIcon, NotificationCancelledIcon, NotificationCheckoutIcon, NotificationQrCodeIcon, type NotificationStatusProps, NotificationStatusSkeleton, NotificationSuccessIcon, NotificationWarningIcon, PaginationDots, type PaginationDotsProps, PawIcon, PhoneIcon, PlusIcon, type PopoverAlign, QrCodeIcon, QrKeyNotification, QuantityInput, type QuantityInputProps, QuietHoursIcon, RadioButton, type RadioButtonProps, type RadioButtonVariant, 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, SmartKeyIcon, SortIcon, StarFilledIcon, StarIcon, type StarIconProps, StarOutlineIcon, StatCard, type StatCardProps, StatusBadge, type StatusBadgeProps, type StatusBadgeTone, StatusIndicator, type StatusIndicatorProps, type StatusIndicatorStatus, StayHomeIcon, StepList, type StepListProps, StepPager, type StepPagerProps, SunIcon, TableViewIcon, Textarea, type TextareaProps, Toggle, type ToggleProps, ToggleRow, type ToggleRowProps, TooltipArrowIcon, TotalGuestsIcon, TrashIcon, UnlockIcon, UserIcon, UsersAltIcon, VerificationCodeInput, type VerificationCodeInputHandle, type VerificationCodeInputProps, VideoIcon, VideoOffIcon, WasherIcon, 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 CHANGED
@@ -69,6 +69,8 @@ declare function AlertTriangleIcon({ size, color, strokeWidth }: IconProps): rea
69
69
  declare function AppleIcon({ size, color }: IconProps): react.JSX.Element;
70
70
  declare function GooglePlayIcon({ size }: IconProps): react.JSX.Element;
71
71
 
72
+ declare function BackspaceIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
73
+
72
74
  declare function BagIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
73
75
 
74
76
  /** Filled prohibition / deactivated mark (28×28 viewBox). */
@@ -160,6 +162,10 @@ declare function TrashIcon({ size, color, strokeWidth }: IconProps): react.JSX.E
160
162
 
161
163
  declare function FacebookIcon({ size, color }: IconProps): react.JSX.Element;
162
164
 
165
+ declare function FingerprintIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
166
+
167
+ declare function GoogleBrandIcon({ size }: IconProps): react.JSX.Element;
168
+
163
169
  /** Native — react-native-svg (peer dependency). */
164
170
  declare function FiltersIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
165
171
 
@@ -342,6 +348,7 @@ declare const icons: {
342
348
  readonly areaExpand: typeof AreaExpandIcon;
343
349
  readonly apple: typeof AppleIcon;
344
350
  readonly arrowRight: typeof ArrowRightIcon;
351
+ readonly backspace: typeof BackspaceIcon;
345
352
  readonly bag: typeof BagIcon;
346
353
  readonly ban: typeof BanIcon;
347
354
  readonly blockedGuests: typeof BlockedGuestsIcon;
@@ -372,6 +379,8 @@ declare const icons: {
372
379
  readonly bedrooms: typeof BedroomsIcon;
373
380
  readonly cardLocation: typeof CardLocationIcon;
374
381
  readonly facebook: typeof FacebookIcon;
382
+ readonly fingerprint: typeof FingerprintIcon;
383
+ readonly googleBrand: typeof GoogleBrandIcon;
375
384
  readonly filters: typeof FiltersIcon;
376
385
  readonly fullscreen: typeof FullscreenIcon;
377
386
  readonly guests: typeof GuestsIcon;
@@ -455,11 +464,11 @@ type IconName = keyof typeof icons;
455
464
  declare const iconNames: IconName[];
456
465
  declare const iconGroups: {
457
466
  readonly navigation: readonly ["arrowRight", "chevronDown", "chevronLeft", "chevronRight", "home", "listView", "locationPin", "locationUser", "mapCollapse", "mapExpand", "mapView", "menu", "menuLines", "navigate", "tableView"];
458
- readonly actions: readonly ["show", "hide", "alertTriangle", "ban", "bell", "camera", "key", "check", "checkBadge", "checkSuccess", "copy", "download", "doubleCheck", "dragHandle", "search", "calendar", "calendarFilled", "calendarMinus", "calendarOutline", "close", "deactivate", "cloudUpload", "noReview", "edit", "externalLink", "ratingStar", "saveHeart", "share", "smartKey", "stayHome", "filters", "fullscreen", "heart", "headset", "zoomOut", "star", "starFilled", "starOutline", "sun", "minus", "moonStars", "moreHorizontal", "plus", "refresh", "refundStatus", "sort"];
467
+ readonly actions: readonly ["show", "hide", "alertTriangle", "ban", "bell", "camera", "key", "check", "checkBadge", "checkSuccess", "copy", "download", "doubleCheck", "dragHandle", "search", "calendar", "calendarFilled", "calendarMinus", "calendarOutline", "close", "deactivate", "cloudUpload", "noReview", "edit", "externalLink", "ratingStar", "saveHeart", "share", "smartKey", "stayHome", "filters", "backspace", "fingerprint", "fullscreen", "heart", "headset", "zoomOut", "star", "starFilled", "starOutline", "sun", "minus", "moonStars", "moreHorizontal", "plus", "refresh", "refundStatus", "sort"];
459
468
  readonly objects: readonly ["bag", "bathrooms", "bedrooms", "building", "cardLocation", "clock", "clockFilled", "guests", "totalGuests", "activeGuests", "blockedGuests", "lock", "noPets", "noSmoking", "paw", "qrCode", "quietHours", "trash", "unlock", "user", "usersAlt", "video", "videoOff", "washer", "whatsApp"];
460
469
  readonly communication: readonly ["mail", "phone"];
461
470
  readonly notifications: readonly ["notificationSuccess", "notificationCancelled", "notificationCheckout", "notificationQrCode", "notificationWarning"];
462
- readonly social: readonly ["apple", "facebook", "googlePlay", "instagram", "linkedin"];
471
+ readonly social: readonly ["apple", "facebook", "googleBrand", "googlePlay", "instagram", "linkedin"];
463
472
  readonly interface: readonly ["areaExpand", "cutlery", "dollar", "dram", "eye", "globe", "layoutGrid", "sidebar", "settings", "helpCircle", "logOut", "image", "infoCircle", "tooltipArrow"];
464
473
  };
465
474
  type IconGroup = keyof typeof iconGroups;
@@ -974,6 +983,8 @@ type DateRange = {
974
983
  type DatePickerVariant = "default" | "range-horizontal" | "range-vertical";
975
984
  type DatePickerBaseProps = Omit<ViewProps, "style" | "children"> & {
976
985
  placeholder?: string;
986
+ /** Color for the trigger label when no date is selected. Defaults to grey100. */
987
+ placeholderTextColor?: string;
977
988
  /** Trigger presentation. Range variants display separate start/end fields. */
978
989
  variant?: DatePickerVariant;
979
990
  /** Labels shown above the start/end values in range trigger variants. */
@@ -1015,7 +1026,10 @@ type DatePickerBaseProps = Omit<ViewProps, "style" | "children"> & {
1015
1026
  formatValue?: (date: Date) => string;
1016
1027
  /** First day of the week column (0 = Sunday, 1 = Monday). Defaults to Monday. */
1017
1028
  weekStartsOn?: 0 | 1;
1018
- /** Styles the calendar popup independently from the trigger width. */
1029
+ /**
1030
+ * Styles the calendar popup independently from the trigger width.
1031
+ * With `hideTrigger`, `width: "100%"` stretches the day grid to the host.
1032
+ */
1019
1033
  calendarStyle?: StyleProp<ViewStyle>;
1020
1034
  /**
1021
1035
  * When true, only the calendar panel is rendered (no field/trigger).
@@ -1313,6 +1327,7 @@ interface CommentCardProps extends Omit<ViewProps, "style" | "children"> {
1313
1327
  onExpandedChange?: (expanded: boolean) => void;
1314
1328
  style?: StyleProp<ViewStyle>;
1315
1329
  commentStyle?: StyleProp<TextStyle>;
1330
+ actionStyle?: StyleProp<TextStyle>;
1316
1331
  className?: string;
1317
1332
  }
1318
1333
  declare const CommentCard: react.ForwardRefExoticComponent<CommentCardProps & react.RefAttributes<View>>;
@@ -1449,20 +1464,20 @@ declare const colors: {
1449
1464
  declare const fonts: {
1450
1465
  readonly sans: "Noto Sans Armenian";
1451
1466
  };
1452
- /** Button label — SemiBold, line-height 100%, letter-spacing 3%. */
1467
+ /** Button label — SemiBold, 125%+ line-height so Noto Sans Armenian is not clipped. */
1453
1468
  declare const buttonTypography: {
1454
1469
  readonly lg: {
1455
1470
  readonly fontFamily: "Noto Sans Armenian";
1456
1471
  readonly fontSize: 14;
1457
1472
  readonly fontWeight: "600";
1458
- readonly lineHeight: 14;
1473
+ readonly lineHeight: 20;
1459
1474
  readonly letterSpacing: 0.42;
1460
1475
  };
1461
1476
  readonly sm: {
1462
1477
  readonly fontFamily: "Noto Sans Armenian";
1463
1478
  readonly fontSize: 12;
1464
1479
  readonly fontWeight: "600";
1465
- readonly lineHeight: 12;
1480
+ readonly lineHeight: 16;
1466
1481
  readonly letterSpacing: 0.36;
1467
1482
  };
1468
1483
  };
@@ -1658,7 +1673,7 @@ declare const datePickerTypography: {
1658
1673
  readonly fontFamily: "Noto Sans Armenian";
1659
1674
  readonly fontSize: 14;
1660
1675
  readonly fontWeight: "700";
1661
- readonly lineHeight: 14;
1676
+ readonly lineHeight: 18;
1662
1677
  readonly letterSpacing: 0;
1663
1678
  };
1664
1679
  /** Weekday header (ԵՐ, ԵՔ, ...) — Regular, uppercase, centered, Grey/300. */
@@ -1666,14 +1681,14 @@ declare const datePickerTypography: {
1666
1681
  readonly fontFamily: "Noto Sans Armenian";
1667
1682
  readonly fontSize: 12;
1668
1683
  readonly fontWeight: "400";
1669
- readonly lineHeight: 12;
1684
+ readonly lineHeight: 16;
1670
1685
  readonly letterSpacing: 0;
1671
1686
  };
1672
1687
  readonly day: {
1673
1688
  readonly fontFamily: "Noto Sans Armenian";
1674
1689
  readonly fontSize: 14;
1675
1690
  readonly fontWeight: "400";
1676
- readonly lineHeight: 14;
1691
+ readonly lineHeight: 18;
1677
1692
  readonly letterSpacing: 0;
1678
1693
  };
1679
1694
  };
@@ -1735,4 +1750,4 @@ type ResolvePopoverAlignOptions = {
1735
1750
  */
1736
1751
  declare function resolvePopoverAlign({ triggerRect, panelWidth, viewportWidth, padding, preferred, }: ResolvePopoverAlignOptions): PopoverAlign;
1737
1752
 
1738
- export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, AccountHeader, type AccountHeaderProps, ActiveGuestsIcon, 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, type AvatarVariant, BRAND_LOGO_COLORS, BRAND_LOGO_DEFAULT_HEIGHT, BRAND_LOGO_DEFAULT_WIDTH, Badge, type BadgeProps, type BadgeVariant, BagIcon, BanIcon, BathroomsIcon, BedroomsIcon, BellIcon, BlockedGuestsIcon, BookingWarningNotification, BrandLogo, type BrandLogoProps, type BrandLogoVariant, BuildingIcon, Button, type ButtonProps, type ButtonSize, type ButtonVariant, CalendarFilledIcon, CalendarIcon, CalendarMinusIcon, CalendarOutlineIcon, CameraFilledIcon, CameraIcon, CancelledBookingNotification, CardLocationIcon, CheckBadgeIcon, CheckIcon, CheckSuccessIcon, Checkbox, type CheckboxProps, type CheckboxVariant, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ClockFilledIcon, ClockIcon, CloseIcon, CloudUploadIcon, CommentCard, type CommentCardProps, ContactInfoCard, type ContactInfoCardProps, CopyIcon, Counter, type CounterProps, CurrentLocationIcon, CutleryIcon, DatePicker, type DatePickerProps, type DatePickerRangeProps, type DatePickerSingleProps, type DatePickerVariant, type DateRange, DeactivateIcon, DollarIcon, DoubleCheckIcon, DownloadIcon, DragHandleIcon, DramIcon, Drawer, type DrawerProps, EditIcon, ExternalLinkIcon, EyeIcon, FacebookIcon, FavoritesButton, type FavoritesButtonProps, FiltersIcon, FloatingActionButton, type FloatingActionButtonProps, FullscreenIcon, GlobeIcon, GooglePlayIcon, type GreyStep, GuestCheckInNotification, GuestsIcon, HeadsetIcon, HeartIcon, HelpCircleIcon, HideIcon, HomeIcon, Icon, type IconByNameProps, type IconComponent, type IconGroup, type IconName, type IconProps, IconStatusBadge, type IconStatusBadgeProps, ImageIcon, InfoCardV2, type InfoCardV2Props, InfoCircleIcon, 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, MoonStarsIcon, MoreHorizontalIcon, NavigateIcon, NewBookingNotification, NoPetsIcon, NoReviewIcon, NoSmokingIcon, NotificationCancelledIcon, NotificationCheckoutIcon, NotificationQrCodeIcon, type NotificationStatusProps, NotificationStatusSkeleton, NotificationSuccessIcon, NotificationWarningIcon, PaginationDots, type PaginationDotsProps, PawIcon, PhoneIcon, PlusIcon, type PopoverAlign, QrCodeIcon, QrKeyNotification, QuantityInput, type QuantityInputProps, QuietHoursIcon, RadioButton, type RadioButtonProps, type RadioButtonVariant, 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, SmartKeyIcon, SortIcon, StarFilledIcon, StarIcon, type StarIconProps, StarOutlineIcon, StatCard, type StatCardProps, StatusBadge, type StatusBadgeProps, type StatusBadgeTone, StatusIndicator, type StatusIndicatorProps, type StatusIndicatorStatus, StayHomeIcon, StepList, type StepListProps, StepPager, type StepPagerProps, SunIcon, TableViewIcon, Textarea, type TextareaProps, Toggle, type ToggleProps, ToggleRow, type ToggleRowProps, TooltipArrowIcon, TotalGuestsIcon, TrashIcon, UnlockIcon, UserIcon, UsersAltIcon, VerificationCodeInput, type VerificationCodeInputHandle, type VerificationCodeInputProps, VideoIcon, VideoOffIcon, WasherIcon, 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 };
1753
+ export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, AccountHeader, type AccountHeaderProps, ActiveGuestsIcon, 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, type AvatarVariant, BRAND_LOGO_COLORS, BRAND_LOGO_DEFAULT_HEIGHT, BRAND_LOGO_DEFAULT_WIDTH, BackspaceIcon, Badge, type BadgeProps, type BadgeVariant, BagIcon, BanIcon, BathroomsIcon, BedroomsIcon, BellIcon, BlockedGuestsIcon, BookingWarningNotification, BrandLogo, type BrandLogoProps, type BrandLogoVariant, BuildingIcon, Button, type ButtonProps, type ButtonSize, type ButtonVariant, CalendarFilledIcon, CalendarIcon, CalendarMinusIcon, CalendarOutlineIcon, CameraFilledIcon, CameraIcon, CancelledBookingNotification, CardLocationIcon, CheckBadgeIcon, CheckIcon, CheckSuccessIcon, Checkbox, type CheckboxProps, type CheckboxVariant, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ClockFilledIcon, ClockIcon, CloseIcon, CloudUploadIcon, CommentCard, type CommentCardProps, ContactInfoCard, type ContactInfoCardProps, CopyIcon, Counter, type CounterProps, CurrentLocationIcon, CutleryIcon, DatePicker, type DatePickerProps, type DatePickerRangeProps, type DatePickerSingleProps, type DatePickerVariant, type DateRange, DeactivateIcon, DollarIcon, DoubleCheckIcon, DownloadIcon, DragHandleIcon, DramIcon, Drawer, type DrawerProps, EditIcon, ExternalLinkIcon, EyeIcon, FacebookIcon, FavoritesButton, type FavoritesButtonProps, FiltersIcon, FingerprintIcon, FloatingActionButton, type FloatingActionButtonProps, FullscreenIcon, GlobeIcon, GoogleBrandIcon, GooglePlayIcon, type GreyStep, GuestCheckInNotification, GuestsIcon, HeadsetIcon, HeartIcon, HelpCircleIcon, HideIcon, HomeIcon, Icon, type IconByNameProps, type IconComponent, type IconGroup, type IconName, type IconProps, IconStatusBadge, type IconStatusBadgeProps, ImageIcon, InfoCardV2, type InfoCardV2Props, InfoCircleIcon, 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, MoonStarsIcon, MoreHorizontalIcon, NavigateIcon, NewBookingNotification, NoPetsIcon, NoReviewIcon, NoSmokingIcon, NotificationCancelledIcon, NotificationCheckoutIcon, NotificationQrCodeIcon, type NotificationStatusProps, NotificationStatusSkeleton, NotificationSuccessIcon, NotificationWarningIcon, PaginationDots, type PaginationDotsProps, PawIcon, PhoneIcon, PlusIcon, type PopoverAlign, QrCodeIcon, QrKeyNotification, QuantityInput, type QuantityInputProps, QuietHoursIcon, RadioButton, type RadioButtonProps, type RadioButtonVariant, 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, SmartKeyIcon, SortIcon, StarFilledIcon, StarIcon, type StarIconProps, StarOutlineIcon, StatCard, type StatCardProps, StatusBadge, type StatusBadgeProps, type StatusBadgeTone, StatusIndicator, type StatusIndicatorProps, type StatusIndicatorStatus, StayHomeIcon, StepList, type StepListProps, StepPager, type StepPagerProps, SunIcon, TableViewIcon, Textarea, type TextareaProps, Toggle, type ToggleProps, ToggleRow, type ToggleRowProps, TooltipArrowIcon, TotalGuestsIcon, TrashIcon, UnlockIcon, UserIcon, UsersAltIcon, VerificationCodeInput, type VerificationCodeInputHandle, type VerificationCodeInputProps, VideoIcon, VideoOffIcon, WasherIcon, 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 };