@ecohouse/ui 0.1.56 → 0.1.58

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 (41) hide show
  1. package/dist/index.cjs +961 -504
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.d.cts +53 -3
  4. package/dist/index.d.ts +53 -3
  5. package/dist/index.js +857 -414
  6. package/dist/index.js.map +1 -1
  7. package/package.json +1 -1
  8. package/src/components/NotificationStatus/NotificationStatus.stories.tsx +86 -0
  9. package/src/components/NotificationStatus/NotificationStatus.tsx +255 -0
  10. package/src/components/NotificationStatus/index.ts +9 -0
  11. package/src/components/StatusIndicator/StatusIndicator.stories.tsx +36 -0
  12. package/src/components/StatusIndicator/StatusIndicator.tsx +105 -0
  13. package/src/components/StatusIndicator/index.ts +2 -0
  14. package/src/components/index.ts +13 -0
  15. package/src/icons/ChevronRight/ChevronRightIcon.tsx +25 -0
  16. package/src/icons/ChevronRight/ChevronRightIcon.web.tsx +31 -0
  17. package/src/icons/ChevronRight/chevronRightPath.ts +2 -0
  18. package/src/icons/ChevronRight/index.ts +1 -0
  19. package/src/icons/DoubleCheck/DoubleCheckIcon.tsx +25 -0
  20. package/src/icons/DoubleCheck/DoubleCheckIcon.web.tsx +31 -0
  21. package/src/icons/DoubleCheck/doubleCheckPath.ts +3 -0
  22. package/src/icons/DoubleCheck/index.ts +1 -0
  23. package/src/icons/NotificationCancelled/NotificationCancelledIcon.tsx +22 -0
  24. package/src/icons/NotificationCancelled/NotificationCancelledIcon.web.tsx +21 -0
  25. package/src/icons/NotificationCancelled/index.ts +1 -0
  26. package/src/icons/NotificationCheckout/NotificationCheckoutIcon.tsx +22 -0
  27. package/src/icons/NotificationCheckout/NotificationCheckoutIcon.web.tsx +21 -0
  28. package/src/icons/NotificationCheckout/index.ts +1 -0
  29. package/src/icons/NotificationIcons.stories.tsx +99 -0
  30. package/src/icons/NotificationQrCode/NotificationQrCodeIcon.tsx +25 -0
  31. package/src/icons/NotificationQrCode/NotificationQrCodeIcon.web.tsx +24 -0
  32. package/src/icons/NotificationQrCode/index.ts +1 -0
  33. package/src/icons/NotificationSuccess/NotificationSuccessIcon.tsx +26 -0
  34. package/src/icons/NotificationSuccess/NotificationSuccessIcon.web.tsx +25 -0
  35. package/src/icons/NotificationSuccess/index.ts +1 -0
  36. package/src/icons/NotificationWarning/NotificationWarningIcon.tsx +22 -0
  37. package/src/icons/NotificationWarning/NotificationWarningIcon.web.tsx +21 -0
  38. package/src/icons/NotificationWarning/index.ts +1 -0
  39. package/src/icons/index.ts +7 -0
  40. package/src/icons/registry.ts +23 -0
  41. package/src/index.ts +17 -0
package/dist/index.d.cts CHANGED
@@ -117,6 +117,9 @@ declare function ChevronDownIcon({ size, color, strokeWidth, }: ChevronDownIconP
117
117
  /** Native — react-native-svg (peer dependency). */
118
118
  declare function ChevronLeftIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
119
119
 
120
+ /** Native — react-native-svg (peer dependency). */
121
+ declare function ChevronRightIcon({ size, color, strokeWidth, }: IconProps): react.JSX.Element;
122
+
120
123
  declare function ClockIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
121
124
 
122
125
  declare function CloseIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
@@ -171,6 +174,9 @@ declare function DramIcon({ size, color }: IconProps): react.JSX.Element;
171
174
 
172
175
  declare function DragHandleIcon({ size, color }: IconProps): react.JSX.Element;
173
176
 
177
+ /** Native — react-native-svg (peer dependency). */
178
+ declare function DoubleCheckIcon({ size, color, strokeWidth, }: IconProps): react.JSX.Element;
179
+
174
180
  /** Native — react-native-svg (peer dependency). */
175
181
  declare function HeartIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
176
182
 
@@ -239,6 +245,16 @@ declare function NavigateIcon({ size, color, strokeWidth }: IconProps): react.JS
239
245
 
240
246
  declare function NoPetsIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
241
247
 
248
+ declare function NotificationCancelledIcon({ size, color, strokeWidth, fillOpacity, }: IconProps): react.JSX.Element;
249
+
250
+ declare function NotificationCheckoutIcon({ size, color, strokeWidth, fillOpacity, }: IconProps): react.JSX.Element;
251
+
252
+ declare function NotificationQrCodeIcon({ size, color, strokeWidth, fillOpacity, }: IconProps): react.JSX.Element;
253
+
254
+ declare function NotificationSuccessIcon({ size, color, strokeWidth, fillOpacity, }: IconProps): react.JSX.Element;
255
+
256
+ declare function NotificationWarningIcon({ size, color, strokeWidth, fillOpacity, }: IconProps): react.JSX.Element;
257
+
242
258
  declare function PhoneIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
243
259
 
244
260
  declare function PlusIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
@@ -342,6 +358,7 @@ declare const icons: {
342
358
  readonly checkSuccess: typeof CheckSuccessIcon;
343
359
  readonly chevronDown: typeof ChevronDownIcon;
344
360
  readonly chevronLeft: typeof ChevronLeftIcon;
361
+ readonly chevronRight: typeof ChevronRightIcon;
345
362
  readonly clock: typeof ClockIcon;
346
363
  readonly close: typeof CloseIcon;
347
364
  readonly deactivate: typeof DeactivateIcon;
@@ -386,6 +403,11 @@ declare const icons: {
386
403
  readonly navigate: typeof NavigateIcon;
387
404
  readonly noPets: typeof NoPetsIcon;
388
405
  readonly noSmoking: typeof NoSmokingIcon;
406
+ readonly notificationCancelled: typeof NotificationCancelledIcon;
407
+ readonly notificationCheckout: typeof NotificationCheckoutIcon;
408
+ readonly notificationQrCode: typeof NotificationQrCodeIcon;
409
+ readonly notificationSuccess: typeof NotificationSuccessIcon;
410
+ readonly notificationWarning: typeof NotificationWarningIcon;
389
411
  readonly paw: typeof PawIcon;
390
412
  readonly phone: typeof PhoneIcon;
391
413
  readonly qrCode: typeof QrCodeIcon;
@@ -421,6 +443,7 @@ declare const icons: {
421
443
  readonly dollar: typeof DollarIcon;
422
444
  readonly dram: typeof DramIcon;
423
445
  readonly dragHandle: typeof DragHandleIcon;
446
+ readonly doubleCheck: typeof DoubleCheckIcon;
424
447
  readonly externalLink: typeof ExternalLinkIcon;
425
448
  readonly eye: typeof EyeIcon;
426
449
  readonly image: typeof ImageIcon;
@@ -431,10 +454,11 @@ declare const icons: {
431
454
  type IconName = keyof typeof icons;
432
455
  declare const iconNames: IconName[];
433
456
  declare const iconGroups: {
434
- readonly navigation: readonly ["arrowRight", "chevronDown", "chevronLeft", "home", "listView", "locationPin", "locationUser", "mapCollapse", "mapExpand", "mapView", "menu", "menuLines", "navigate", "tableView"];
435
- readonly actions: readonly ["show", "hide", "alertTriangle", "ban", "bell", "camera", "key", "check", "checkBadge", "checkSuccess", "copy", "download", "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"];
457
+ 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"];
436
459
  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"];
437
460
  readonly communication: readonly ["mail", "phone"];
461
+ readonly notifications: readonly ["notificationSuccess", "notificationCancelled", "notificationCheckout", "notificationQrCode", "notificationWarning"];
438
462
  readonly social: readonly ["apple", "facebook", "googlePlay", "instagram", "linkedin"];
439
463
  readonly interface: readonly ["areaExpand", "cutlery", "dollar", "dram", "eye", "globe", "layoutGrid", "sidebar", "settings", "helpCircle", "logOut", "image", "infoCircle", "tooltipArrow"];
440
464
  };
@@ -626,6 +650,15 @@ interface StatusBadgeProps extends Omit<ViewProps, "style" | "children"> {
626
650
  */
627
651
  declare const StatusBadge: react.ForwardRefExoticComponent<StatusBadgeProps & react.RefAttributes<View>>;
628
652
 
653
+ type StatusIndicatorStatus = "active" | "pending" | "completed" | "cancelled" | "inactive" | "unavailable";
654
+ interface StatusIndicatorProps extends Omit<ViewProps, "style" | "children"> {
655
+ status: StatusIndicatorStatus;
656
+ label: string;
657
+ style?: StyleProp<ViewStyle>;
658
+ className?: string;
659
+ }
660
+ declare const StatusIndicator: react.ForwardRefExoticComponent<StatusIndicatorProps & react.RefAttributes<View>>;
661
+
629
662
  interface PaginationDotsProps extends Omit<ViewProps, "style" | "children"> {
630
663
  /** Total number of steps / slides. */
631
664
  count: number;
@@ -1284,6 +1317,23 @@ interface CommentCardProps extends Omit<ViewProps, "style" | "children"> {
1284
1317
  }
1285
1318
  declare const CommentCard: react.ForwardRefExoticComponent<CommentCardProps & react.RefAttributes<View>>;
1286
1319
 
1320
+ interface NotificationStatusProps extends Omit<PressableProps, "children" | "disabled" | "onPress" | "style"> {
1321
+ title: string;
1322
+ description: string;
1323
+ timestamp: string;
1324
+ unread?: boolean;
1325
+ disabled?: boolean;
1326
+ showChevron?: boolean;
1327
+ onPress?: PressableProps["onPress"];
1328
+ style?: StyleProp<ViewStyle>;
1329
+ }
1330
+ declare function NewBookingNotification(props: NotificationStatusProps): react.JSX.Element;
1331
+ declare function CancelledBookingNotification(props: NotificationStatusProps): react.JSX.Element;
1332
+ declare function GuestCheckInNotification(props: NotificationStatusProps): react.JSX.Element;
1333
+ declare function QrKeyNotification(props: NotificationStatusProps): react.JSX.Element;
1334
+ declare function BookingWarningNotification(props: NotificationStatusProps): react.JSX.Element;
1335
+ declare function NotificationStatusSkeleton(): react.JSX.Element;
1336
+
1287
1337
  interface RangeValue {
1288
1338
  from?: number;
1289
1339
  to?: number;
@@ -1685,4 +1735,4 @@ type ResolvePopoverAlignOptions = {
1685
1735
  */
1686
1736
  declare function resolvePopoverAlign({ triggerRect, panelWidth, viewportWidth, padding, preferred, }: ResolvePopoverAlignOptions): PopoverAlign;
1687
1737
 
1688
- 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, BrandLogo, type BrandLogoProps, type BrandLogoVariant, BuildingIcon, Button, type ButtonProps, type ButtonSize, type ButtonVariant, CalendarFilledIcon, CalendarIcon, CalendarMinusIcon, CalendarOutlineIcon, CameraFilledIcon, CameraIcon, CardLocationIcon, CheckBadgeIcon, CheckIcon, CheckSuccessIcon, Checkbox, type CheckboxProps, type CheckboxVariant, ChevronDownIcon, ChevronLeftIcon, 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, DownloadIcon, DragHandleIcon, DramIcon, Drawer, type DrawerProps, EditIcon, ExternalLinkIcon, EyeIcon, FacebookIcon, FavoritesButton, type FavoritesButtonProps, FiltersIcon, FloatingActionButton, type FloatingActionButtonProps, FullscreenIcon, GlobeIcon, GooglePlayIcon, type GreyStep, GuestsIcon, HeadsetIcon, HeartIcon, HelpCircleIcon, HideIcon, HomeIcon, Icon, type IconByNameProps, type IconComponent, type IconGroup, type IconName, type IconProps, IconStatusBadge, type IconStatusBadgeProps, 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, NoPetsIcon, NoReviewIcon, NoSmokingIcon, PaginationDots, type PaginationDotsProps, PawIcon, PhoneIcon, PlusIcon, type PopoverAlign, QrCodeIcon, 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, 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 };
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 };
package/dist/index.d.ts CHANGED
@@ -117,6 +117,9 @@ declare function ChevronDownIcon({ size, color, strokeWidth, }: ChevronDownIconP
117
117
  /** Native — react-native-svg (peer dependency). */
118
118
  declare function ChevronLeftIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
119
119
 
120
+ /** Native — react-native-svg (peer dependency). */
121
+ declare function ChevronRightIcon({ size, color, strokeWidth, }: IconProps): react.JSX.Element;
122
+
120
123
  declare function ClockIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
121
124
 
122
125
  declare function CloseIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
@@ -171,6 +174,9 @@ declare function DramIcon({ size, color }: IconProps): react.JSX.Element;
171
174
 
172
175
  declare function DragHandleIcon({ size, color }: IconProps): react.JSX.Element;
173
176
 
177
+ /** Native — react-native-svg (peer dependency). */
178
+ declare function DoubleCheckIcon({ size, color, strokeWidth, }: IconProps): react.JSX.Element;
179
+
174
180
  /** Native — react-native-svg (peer dependency). */
175
181
  declare function HeartIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
176
182
 
@@ -239,6 +245,16 @@ declare function NavigateIcon({ size, color, strokeWidth }: IconProps): react.JS
239
245
 
240
246
  declare function NoPetsIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
241
247
 
248
+ declare function NotificationCancelledIcon({ size, color, strokeWidth, fillOpacity, }: IconProps): react.JSX.Element;
249
+
250
+ declare function NotificationCheckoutIcon({ size, color, strokeWidth, fillOpacity, }: IconProps): react.JSX.Element;
251
+
252
+ declare function NotificationQrCodeIcon({ size, color, strokeWidth, fillOpacity, }: IconProps): react.JSX.Element;
253
+
254
+ declare function NotificationSuccessIcon({ size, color, strokeWidth, fillOpacity, }: IconProps): react.JSX.Element;
255
+
256
+ declare function NotificationWarningIcon({ size, color, strokeWidth, fillOpacity, }: IconProps): react.JSX.Element;
257
+
242
258
  declare function PhoneIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
243
259
 
244
260
  declare function PlusIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
@@ -342,6 +358,7 @@ declare const icons: {
342
358
  readonly checkSuccess: typeof CheckSuccessIcon;
343
359
  readonly chevronDown: typeof ChevronDownIcon;
344
360
  readonly chevronLeft: typeof ChevronLeftIcon;
361
+ readonly chevronRight: typeof ChevronRightIcon;
345
362
  readonly clock: typeof ClockIcon;
346
363
  readonly close: typeof CloseIcon;
347
364
  readonly deactivate: typeof DeactivateIcon;
@@ -386,6 +403,11 @@ declare const icons: {
386
403
  readonly navigate: typeof NavigateIcon;
387
404
  readonly noPets: typeof NoPetsIcon;
388
405
  readonly noSmoking: typeof NoSmokingIcon;
406
+ readonly notificationCancelled: typeof NotificationCancelledIcon;
407
+ readonly notificationCheckout: typeof NotificationCheckoutIcon;
408
+ readonly notificationQrCode: typeof NotificationQrCodeIcon;
409
+ readonly notificationSuccess: typeof NotificationSuccessIcon;
410
+ readonly notificationWarning: typeof NotificationWarningIcon;
389
411
  readonly paw: typeof PawIcon;
390
412
  readonly phone: typeof PhoneIcon;
391
413
  readonly qrCode: typeof QrCodeIcon;
@@ -421,6 +443,7 @@ declare const icons: {
421
443
  readonly dollar: typeof DollarIcon;
422
444
  readonly dram: typeof DramIcon;
423
445
  readonly dragHandle: typeof DragHandleIcon;
446
+ readonly doubleCheck: typeof DoubleCheckIcon;
424
447
  readonly externalLink: typeof ExternalLinkIcon;
425
448
  readonly eye: typeof EyeIcon;
426
449
  readonly image: typeof ImageIcon;
@@ -431,10 +454,11 @@ declare const icons: {
431
454
  type IconName = keyof typeof icons;
432
455
  declare const iconNames: IconName[];
433
456
  declare const iconGroups: {
434
- readonly navigation: readonly ["arrowRight", "chevronDown", "chevronLeft", "home", "listView", "locationPin", "locationUser", "mapCollapse", "mapExpand", "mapView", "menu", "menuLines", "navigate", "tableView"];
435
- readonly actions: readonly ["show", "hide", "alertTriangle", "ban", "bell", "camera", "key", "check", "checkBadge", "checkSuccess", "copy", "download", "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"];
457
+ 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"];
436
459
  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"];
437
460
  readonly communication: readonly ["mail", "phone"];
461
+ readonly notifications: readonly ["notificationSuccess", "notificationCancelled", "notificationCheckout", "notificationQrCode", "notificationWarning"];
438
462
  readonly social: readonly ["apple", "facebook", "googlePlay", "instagram", "linkedin"];
439
463
  readonly interface: readonly ["areaExpand", "cutlery", "dollar", "dram", "eye", "globe", "layoutGrid", "sidebar", "settings", "helpCircle", "logOut", "image", "infoCircle", "tooltipArrow"];
440
464
  };
@@ -626,6 +650,15 @@ interface StatusBadgeProps extends Omit<ViewProps, "style" | "children"> {
626
650
  */
627
651
  declare const StatusBadge: react.ForwardRefExoticComponent<StatusBadgeProps & react.RefAttributes<View>>;
628
652
 
653
+ type StatusIndicatorStatus = "active" | "pending" | "completed" | "cancelled" | "inactive" | "unavailable";
654
+ interface StatusIndicatorProps extends Omit<ViewProps, "style" | "children"> {
655
+ status: StatusIndicatorStatus;
656
+ label: string;
657
+ style?: StyleProp<ViewStyle>;
658
+ className?: string;
659
+ }
660
+ declare const StatusIndicator: react.ForwardRefExoticComponent<StatusIndicatorProps & react.RefAttributes<View>>;
661
+
629
662
  interface PaginationDotsProps extends Omit<ViewProps, "style" | "children"> {
630
663
  /** Total number of steps / slides. */
631
664
  count: number;
@@ -1284,6 +1317,23 @@ interface CommentCardProps extends Omit<ViewProps, "style" | "children"> {
1284
1317
  }
1285
1318
  declare const CommentCard: react.ForwardRefExoticComponent<CommentCardProps & react.RefAttributes<View>>;
1286
1319
 
1320
+ interface NotificationStatusProps extends Omit<PressableProps, "children" | "disabled" | "onPress" | "style"> {
1321
+ title: string;
1322
+ description: string;
1323
+ timestamp: string;
1324
+ unread?: boolean;
1325
+ disabled?: boolean;
1326
+ showChevron?: boolean;
1327
+ onPress?: PressableProps["onPress"];
1328
+ style?: StyleProp<ViewStyle>;
1329
+ }
1330
+ declare function NewBookingNotification(props: NotificationStatusProps): react.JSX.Element;
1331
+ declare function CancelledBookingNotification(props: NotificationStatusProps): react.JSX.Element;
1332
+ declare function GuestCheckInNotification(props: NotificationStatusProps): react.JSX.Element;
1333
+ declare function QrKeyNotification(props: NotificationStatusProps): react.JSX.Element;
1334
+ declare function BookingWarningNotification(props: NotificationStatusProps): react.JSX.Element;
1335
+ declare function NotificationStatusSkeleton(): react.JSX.Element;
1336
+
1287
1337
  interface RangeValue {
1288
1338
  from?: number;
1289
1339
  to?: number;
@@ -1685,4 +1735,4 @@ type ResolvePopoverAlignOptions = {
1685
1735
  */
1686
1736
  declare function resolvePopoverAlign({ triggerRect, panelWidth, viewportWidth, padding, preferred, }: ResolvePopoverAlignOptions): PopoverAlign;
1687
1737
 
1688
- 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, BrandLogo, type BrandLogoProps, type BrandLogoVariant, BuildingIcon, Button, type ButtonProps, type ButtonSize, type ButtonVariant, CalendarFilledIcon, CalendarIcon, CalendarMinusIcon, CalendarOutlineIcon, CameraFilledIcon, CameraIcon, CardLocationIcon, CheckBadgeIcon, CheckIcon, CheckSuccessIcon, Checkbox, type CheckboxProps, type CheckboxVariant, ChevronDownIcon, ChevronLeftIcon, 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, DownloadIcon, DragHandleIcon, DramIcon, Drawer, type DrawerProps, EditIcon, ExternalLinkIcon, EyeIcon, FacebookIcon, FavoritesButton, type FavoritesButtonProps, FiltersIcon, FloatingActionButton, type FloatingActionButtonProps, FullscreenIcon, GlobeIcon, GooglePlayIcon, type GreyStep, GuestsIcon, HeadsetIcon, HeartIcon, HelpCircleIcon, HideIcon, HomeIcon, Icon, type IconByNameProps, type IconComponent, type IconGroup, type IconName, type IconProps, IconStatusBadge, type IconStatusBadgeProps, 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, NoPetsIcon, NoReviewIcon, NoSmokingIcon, PaginationDots, type PaginationDotsProps, PawIcon, PhoneIcon, PlusIcon, type PopoverAlign, QrCodeIcon, 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, 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 };
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 };