@ecohouse/ui 0.1.41 → 0.1.43

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 (50) hide show
  1. package/dist/index.cjs +470 -171
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.d.cts +112 -4
  4. package/dist/index.d.ts +112 -4
  5. package/dist/index.js +384 -99
  6. package/dist/index.js.map +1 -1
  7. package/package.json +1 -1
  8. package/src/components/RadioButton/RadioButton.stories.tsx +64 -0
  9. package/src/components/RadioButton/RadioButton.tsx +135 -0
  10. package/src/components/RadioButton/index.ts +2 -0
  11. package/src/components/index.ts +3 -0
  12. package/src/icons/Amenity/AmenityIcon.tsx +1 -0
  13. package/src/icons/Amenity/AmenityIcon.web.tsx +1 -0
  14. package/src/icons/Amenity/amenityPaths.test.ts +67 -0
  15. package/src/icons/Amenity/amenityPaths.ts +54 -0
  16. package/src/icons/CloudUpload/CloudUploadIcon.tsx +20 -0
  17. package/src/icons/CloudUpload/CloudUploadIcon.web.tsx +19 -0
  18. package/src/icons/CloudUpload/cloudUploadPath.ts +2 -0
  19. package/src/icons/CloudUpload/index.ts +1 -0
  20. package/src/icons/Cutlery/CutleryIcon.tsx +14 -0
  21. package/src/icons/Cutlery/CutleryIcon.web.tsx +13 -0
  22. package/src/icons/Cutlery/cutleryPath.ts +2 -0
  23. package/src/icons/Cutlery/index.ts +1 -0
  24. package/src/icons/Dollar/DollarIcon.tsx +14 -0
  25. package/src/icons/Dollar/DollarIcon.web.tsx +13 -0
  26. package/src/icons/Dollar/dollarPath.ts +2 -0
  27. package/src/icons/Dollar/index.ts +1 -0
  28. package/src/icons/DragHandle/DragHandleIcon.tsx +14 -0
  29. package/src/icons/DragHandle/DragHandleIcon.web.tsx +13 -0
  30. package/src/icons/DragHandle/dragHandlePath.ts +2 -0
  31. package/src/icons/DragHandle/index.ts +1 -0
  32. package/src/icons/Eye/EyeIcon.tsx +23 -0
  33. package/src/icons/Eye/EyeIcon.web.tsx +22 -0
  34. package/src/icons/Eye/eyePaths.ts +4 -0
  35. package/src/icons/Eye/index.ts +1 -0
  36. package/src/icons/Image/ImageIcon.tsx +20 -0
  37. package/src/icons/Image/ImageIcon.web.tsx +19 -0
  38. package/src/icons/Image/imagePath.ts +2 -0
  39. package/src/icons/Image/index.ts +1 -0
  40. package/src/icons/InfoCircle/InfoCircleIcon.tsx +14 -0
  41. package/src/icons/InfoCircle/InfoCircleIcon.web.tsx +13 -0
  42. package/src/icons/InfoCircle/index.ts +1 -0
  43. package/src/icons/InfoCircle/infoCirclePath.ts +2 -0
  44. package/src/icons/MoonStars/MoonStarsIcon.tsx +27 -0
  45. package/src/icons/MoonStars/MoonStarsIcon.web.tsx +33 -0
  46. package/src/icons/MoonStars/index.ts +6 -0
  47. package/src/icons/MoonStars/moonStarsPaths.ts +7 -0
  48. package/src/icons/index.ts +10 -0
  49. package/src/icons/registry.ts +24 -0
  50. package/src/index.ts +20 -0
package/dist/index.d.cts CHANGED
@@ -3,7 +3,7 @@ import { ReactNode, ComponentType } from 'react';
3
3
  import * as react_native from 'react-native';
4
4
  import { PressableProps, StyleProp, ViewStyle, TextStyle, View, GestureResponderEvent, ViewProps, TouchableOpacityProps, TextInputProps, TextInput } from 'react-native';
5
5
 
6
- declare const amenityNames: readonly ["kitchen", "wifi", "tv", "washer", "ac", "bbq", "forestView", "pets"];
6
+ declare const amenityNames: readonly ["kitchen", "wifi", "tv", "washer", "ac", "bbq", "forestView", "parking", "heating", "refrigerator", "tableware", "jacuzzi", "fireplace", "firePit", "pets"];
7
7
  type AmenityName = (typeof amenityNames)[number];
8
8
 
9
9
  interface AmenityIconProps {
@@ -115,8 +115,12 @@ declare function ClockIcon({ size, color, strokeWidth }: IconProps): react.JSX.E
115
115
 
116
116
  declare function CloseIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
117
117
 
118
+ declare function CloudUploadIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
119
+
118
120
  declare function EditIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
119
121
 
122
+ declare function EyeIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
123
+
120
124
  declare function SaveHeartIcon({ size, color, strokeWidth, fillOpacity, }: IconProps): react.JSX.Element;
121
125
  declare function RatingStarIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
122
126
  declare function CardLocationIcon({ size, color, strokeWidth, secondaryColor, }: IconProps): react.JSX.Element;
@@ -147,6 +151,12 @@ declare function FiltersIcon({ size, color, strokeWidth }: IconProps): react.JSX
147
151
  /** Four-corner fullscreen / maximize control (24×24 viewBox). */
148
152
  declare function FullscreenIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
149
153
 
154
+ declare function CutleryIcon({ size, color }: IconProps): react.JSX.Element;
155
+
156
+ declare function DollarIcon({ size, color }: IconProps): react.JSX.Element;
157
+
158
+ declare function DragHandleIcon({ size, color }: IconProps): react.JSX.Element;
159
+
150
160
  /** Native — react-native-svg (peer dependency). */
151
161
  declare function HeartIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
152
162
 
@@ -162,6 +172,10 @@ declare function HideIcon({ size, color, strokeWidth }: IconProps): react.JSX.El
162
172
 
163
173
  declare function HomeIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
164
174
 
175
+ declare function ImageIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
176
+
177
+ declare function InfoCircleIcon({ size, color }: IconProps): react.JSX.Element;
178
+
165
179
  declare function InstagramIcon({ size, color }: IconProps): react.JSX.Element;
166
180
 
167
181
  declare function KeyIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
@@ -203,6 +217,8 @@ declare function MenuLinesIcon({ size, color, strokeWidth }: IconProps): react.J
203
217
 
204
218
  declare function MinusIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
205
219
 
220
+ declare function MoonStarsIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
221
+
206
222
  declare function MoreHorizontalIcon({ size, color, strokeWidth, }: IconProps): react.JSX.Element;
207
223
 
208
224
  declare function NavigateIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
@@ -295,6 +311,7 @@ declare const icons: {
295
311
  readonly chevronLeft: typeof ChevronLeftIcon;
296
312
  readonly clock: typeof ClockIcon;
297
313
  readonly close: typeof CloseIcon;
314
+ readonly cloudUpload: typeof CloudUploadIcon;
298
315
  readonly edit: typeof EditIcon;
299
316
  readonly clockFilled: typeof ClockFilledIcon;
300
317
  readonly copy: typeof CopyIcon;
@@ -329,6 +346,7 @@ declare const icons: {
329
346
  readonly menu: typeof MenuIcon;
330
347
  readonly menuLines: typeof MenuLinesIcon;
331
348
  readonly minus: typeof MinusIcon;
349
+ readonly moonStars: typeof MoonStarsIcon;
332
350
  readonly moreHorizontal: typeof MoreHorizontalIcon;
333
351
  readonly navigate: typeof NavigateIcon;
334
352
  readonly noSmoking: typeof NoSmokingIcon;
@@ -356,6 +374,12 @@ declare const icons: {
356
374
  readonly usersAlt: typeof UsersAltIcon;
357
375
  readonly video: typeof VideoIcon;
358
376
  readonly videoOff: typeof VideoOffIcon;
377
+ readonly cutlery: typeof CutleryIcon;
378
+ readonly dollar: typeof DollarIcon;
379
+ readonly dragHandle: typeof DragHandleIcon;
380
+ readonly eye: typeof EyeIcon;
381
+ readonly image: typeof ImageIcon;
382
+ readonly infoCircle: typeof InfoCircleIcon;
359
383
  readonly whatsApp: typeof WhatsAppIcon;
360
384
  readonly zoomOut: typeof ZoomOutIcon;
361
385
  };
@@ -363,11 +387,11 @@ type IconName = keyof typeof icons;
363
387
  declare const iconNames: IconName[];
364
388
  declare const iconGroups: {
365
389
  readonly navigation: readonly ["arrowRight", "chevronDown", "chevronLeft", "home", "listView", "locationPin", "locationUser", "mapCollapse", "mapExpand", "mapView", "menu", "menuLines", "navigate", "tableView"];
366
- readonly actions: readonly ["show", "hide", "alertTriangle", "ban", "bell", "camera", "key", "check", "checkBadge", "checkSuccess", "copy", "download", "search", "calendar", "calendarMinus", "calendarOutline", "close", "edit", "ratingStar", "saveHeart", "share", "filters", "fullscreen", "heart", "headset", "zoomOut", "star", "starFilled", "minus", "moreHorizontal", "plus", "refresh", "refundStatus", "sort"];
390
+ readonly actions: readonly ["show", "hide", "alertTriangle", "ban", "bell", "camera", "key", "check", "checkBadge", "checkSuccess", "copy", "download", "dragHandle", "search", "calendar", "calendarMinus", "calendarOutline", "close", "cloudUpload", "edit", "ratingStar", "saveHeart", "share", "filters", "fullscreen", "heart", "headset", "zoomOut", "star", "starFilled", "minus", "moonStars", "moreHorizontal", "plus", "refresh", "refundStatus", "sort"];
367
391
  readonly objects: readonly ["bag", "bathrooms", "bedrooms", "building", "cardLocation", "clock", "clockFilled", "guests", "lock", "noSmoking", "paw", "qrCode", "quietHours", "trash", "user", "usersAlt", "video", "videoOff", "whatsApp"];
368
392
  readonly communication: readonly ["mail", "phone"];
369
393
  readonly social: readonly ["apple", "facebook", "googlePlay", "instagram", "linkedin"];
370
- readonly interface: readonly ["areaExpand", "globe", "layoutGrid", "sidebar", "settings", "helpCircle", "logOut", "tooltipArrow"];
394
+ readonly interface: readonly ["areaExpand", "cutlery", "dollar", "eye", "globe", "layoutGrid", "sidebar", "settings", "helpCircle", "logOut", "image", "infoCircle", "tooltipArrow"];
371
395
  };
372
396
  type IconGroup = keyof typeof iconGroups;
373
397
  declare const iconGroupNames: IconGroup[];
@@ -378,6 +402,12 @@ interface IconByNameProps extends IconProps {
378
402
  }
379
403
  declare function Icon({ name, ...props }: IconByNameProps): react.JSX.Element;
380
404
 
405
+ /** Native — react-native-svg (peer dependency). */
406
+ declare function ArrowLeftIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
407
+
408
+ /** Native — react-native-svg (peer dependency). */
409
+ declare function CurrentLocationIcon({ size, color, strokeWidth, }: IconProps): react.JSX.Element;
410
+
381
411
  interface InfoCardV2Props extends Omit<ViewProps, "style" | "children"> {
382
412
  label: string;
383
413
  value: string;
@@ -638,6 +668,21 @@ interface AccordionItemProps extends Omit<ViewProps, "style" | "children"> {
638
668
  */
639
669
  declare const AccordionItem: react.ForwardRefExoticComponent<AccordionItemProps & react.RefAttributes<View>>;
640
670
 
671
+ interface AccordionProps extends Omit<ViewProps, "style" | "children"> {
672
+ title: string;
673
+ children: ReactNode;
674
+ open?: boolean;
675
+ defaultOpen?: boolean;
676
+ onOpenChange?: (open: boolean) => void;
677
+ disabled?: boolean;
678
+ error?: boolean;
679
+ style?: StyleProp<ViewStyle>;
680
+ contentStyle?: StyleProp<ViewStyle>;
681
+ className?: string;
682
+ }
683
+ /** Expandable surface for arbitrary interactive content such as form fields. */
684
+ declare const Accordion: react.ForwardRefExoticComponent<AccordionProps & react.RefAttributes<View>>;
685
+
641
686
  interface StepListProps extends Omit<ViewProps, "style" | "children"> {
642
687
  /** Step descriptions, numbered automatically from 1. */
643
688
  steps: string[];
@@ -665,6 +710,27 @@ interface CounterProps extends Omit<ViewProps, "style" | "children"> {
665
710
  }
666
711
  declare const Counter: react.ForwardRefExoticComponent<CounterProps & react.RefAttributes<View>>;
667
712
 
713
+ interface QuantityInputProps extends Omit<ViewProps, "style" | "children"> {
714
+ label: string;
715
+ icon: IconComponent;
716
+ iconProps?: Omit<IconProps, "size">;
717
+ iconSize?: number;
718
+ value?: number;
719
+ defaultValue?: number;
720
+ onValueChange?: (value: number) => void;
721
+ min?: number;
722
+ max?: number;
723
+ step?: number;
724
+ disabled?: boolean;
725
+ error?: boolean;
726
+ hint?: string;
727
+ showHint?: boolean;
728
+ style?: StyleProp<ViewStyle>;
729
+ className?: string;
730
+ }
731
+ /** Input-like labeled quantity control with an icon and increment/decrement actions. */
732
+ declare const QuantityInput: react.ForwardRefExoticComponent<QuantityInputProps & react.RefAttributes<View>>;
733
+
668
734
  interface SegmentedToggleOption {
669
735
  value: string;
670
736
  label: string;
@@ -962,6 +1028,32 @@ interface InputProps extends Omit<TextInputProps, "style" | "editable"> {
962
1028
  }
963
1029
  declare const Input: react.ForwardRefExoticComponent<InputProps & react.RefAttributes<TextInput>>;
964
1030
 
1031
+ interface AutocompleteOption {
1032
+ value: string;
1033
+ label: string;
1034
+ description?: string;
1035
+ }
1036
+ interface AutocompleteInputProps extends Omit<InputProps, "value" | "onChangeText" | "onSubmitEditing"> {
1037
+ value: string;
1038
+ options: AutocompleteOption[];
1039
+ onChangeText: (value: string) => void;
1040
+ onOptionSelect: (option: AutocompleteOption) => void;
1041
+ onSubmit?: (firstOption?: AutocompleteOption) => void;
1042
+ open?: boolean;
1043
+ defaultOpen?: boolean;
1044
+ onOpenChange?: (open: boolean) => void;
1045
+ loading?: boolean;
1046
+ loadingText?: string;
1047
+ emptyText?: string;
1048
+ showEmpty?: boolean;
1049
+ renderOption?: (option: AutocompleteOption, highlighted: boolean) => ReactNode;
1050
+ containerStyle?: StyleProp<ViewStyle>;
1051
+ menuStyle?: StyleProp<ViewStyle>;
1052
+ containerClassName?: string;
1053
+ menuClassName?: string;
1054
+ }
1055
+ declare const AutocompleteInput: react.ForwardRefExoticComponent<AutocompleteInputProps & react.RefAttributes<View>>;
1056
+
965
1057
  interface VerificationCodeInputHandle {
966
1058
  clear: () => void;
967
1059
  focus: (index?: number) => void;
@@ -1166,6 +1258,22 @@ interface RangeProps extends Omit<ViewProps, "style" | "children"> {
1166
1258
 
1167
1259
  declare const Range: react.ForwardRefExoticComponent<RangeProps & react.RefAttributes<View>>;
1168
1260
 
1261
+ type RadioButtonVariant = "default";
1262
+ interface RadioButtonProps extends Omit<PressableProps, "onPress" | "disabled" | "style" | "children" | "hitSlop"> {
1263
+ value?: boolean;
1264
+ defaultValue?: boolean;
1265
+ onValueChange?: (value: true) => void;
1266
+ disabled?: boolean;
1267
+ variant?: RadioButtonVariant;
1268
+ label?: string;
1269
+ children?: ReactNode;
1270
+ style?: StyleProp<ViewStyle>;
1271
+ labelStyle?: StyleProp<TextStyle>;
1272
+ className?: string;
1273
+ hitSlop?: PressableProps["hitSlop"];
1274
+ }
1275
+ declare const RadioButton: react.ForwardRefExoticComponent<RadioButtonProps & react.RefAttributes<View>>;
1276
+
1169
1277
  declare const grey: {
1170
1278
  readonly "0": "#767676";
1171
1279
  readonly "0.5": "#6E6E6E";
@@ -1515,4 +1623,4 @@ type ResolvePopoverAlignOptions = {
1515
1623
  */
1516
1624
  declare function resolvePopoverAlign({ triggerRect, panelWidth, viewportWidth, padding, preferred, }: ResolvePopoverAlignOptions): PopoverAlign;
1517
1625
 
1518
- export { AccordionItem, type AccordionItemProps, AccountHeader, type AccountHeaderProps, AlertTriangleIcon, Amenity, AmenityIcon, type AmenityIconProps, type AmenityName, type AmenityProps, type AmenityVariant, AppleIcon, AreaExpandIcon, ArrowRightIcon, Avatar, type AvatarMenuItem, type AvatarProps, AvatarSimple, type AvatarSimpleProps, BRAND_LOGO_COLORS, BRAND_LOGO_DEFAULT_HEIGHT, BRAND_LOGO_DEFAULT_WIDTH, Badge, type BadgeProps, type BadgeVariant, BagIcon, BanIcon, BathroomsIcon, BedroomsIcon, BellIcon, BrandLogo, type BrandLogoProps, type BrandLogoVariant, BuildingIcon, Button, type ButtonProps, type ButtonSize, type ButtonVariant, CalendarIcon, CalendarMinusIcon, CalendarOutlineIcon, CameraFilledIcon, CameraIcon, CardLocationIcon, CheckBadgeIcon, CheckIcon, CheckSuccessIcon, Checkbox, type CheckboxProps, type CheckboxVariant, ChevronDownIcon, ChevronLeftIcon, ClockFilledIcon, ClockIcon, CloseIcon, CommentCard, type CommentCardProps, ContactInfoCard, type ContactInfoCardProps, CopyIcon, Counter, type CounterProps, DatePicker, type DatePickerProps, type DatePickerRangeProps, type DatePickerSingleProps, type DatePickerVariant, type DateRange, DownloadIcon, Drawer, type DrawerProps, EditIcon, FacebookIcon, FavoritesButton, type FavoritesButtonProps, FiltersIcon, FloatingActionButton, type FloatingActionButtonProps, FullscreenIcon, GlobeIcon, GooglePlayIcon, type GreyStep, GuestsIcon, HeadsetIcon, HeartIcon, HelpCircleIcon, HideIcon, HomeIcon, Icon, type IconByNameProps, type IconComponent, type IconGroup, type IconName, type IconProps, IconStatusBadge, type IconStatusBadgeProps, InfoCardV2, type InfoCardV2Props, InfoTile, type InfoTileProps, Input, type InputIcon, type InputProps, type InputSize, InstagramIcon, KeyIcon, type LanguageOption, LanguageSwitcher, type LanguageSwitcherProps, type LanguageSwitcherVariant, LayoutGridIcon, LinkedInIcon, ListViewIcon, LocationPinIcon, LocationUserIcon, LockIcon, LogOutIcon, MailIcon, MapCollapseIcon, MapExpandIcon, MapViewIcon, MenuIcon, type MenuIconProps, MenuItem, type MenuItemProps, MenuLinesIcon, MinusIcon, Modal, type ModalProps, MoreHorizontalIcon, NavigateIcon, NoSmokingIcon, PaginationDots, type PaginationDotsProps, PawIcon, PhoneIcon, PlusIcon, type PopoverAlign, QrCodeIcon, QuietHoursIcon, Range, type RangeProps, type RangeValue, RatingInput, type RatingInputProps, RatingStarIcon, RefreshIcon, RefundStatusIcon, type ResolvePopoverAlignOptions, SaveHeartIcon, SearchIcon, SegmentedToggle, type SegmentedToggleOption, type SegmentedToggleProps, Select, type SelectIcon, type SelectMultipleProps, type SelectOption, type SelectProps, type SelectSingleProps, SettingsIcon, ShareIcon, ShowIcon, Sidebar, SidebarIcon, type SidebarItem, type SidebarProps, type SidebarUser, SortIcon, StarFilledIcon, StarIcon, type StarIconProps, StatCard, type StatCardProps, StatusBadge, type StatusBadgeProps, type StatusBadgeTone, StepList, type StepListProps, StepPager, type StepPagerProps, TableViewIcon, Textarea, type TextareaProps, Toggle, type ToggleProps, ToggleRow, type ToggleRowProps, TooltipArrowIcon, TrashIcon, UserIcon, UsersAltIcon, VerificationCodeInput, type VerificationCodeInputHandle, type VerificationCodeInputProps, VideoIcon, VideoOffIcon, WhatsAppIcon, ZoomOutIcon, abbreviateMonthName, avatarTypography, badgeTypography, buttonTypography, colors, commentCardTypography, counterTypography, datePickerTypography, defaultLanguageOptions, fonts, formatDate, formatDateDayShortMonth, getIconsByGroup, grey, iconGroupNames, iconGroups, iconNames, icons, inputTypography, languageSwitcherTypography, ratingTypography, resolvePopoverAlign, segmentedToggleTypography, selectTypography, statCardTypography, textareaTypography };
1626
+ export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, AccountHeader, type AccountHeaderProps, AlertTriangleIcon, Amenity, AmenityIcon, type AmenityIconProps, type AmenityName, type AmenityProps, type AmenityVariant, AppleIcon, AreaExpandIcon, ArrowLeftIcon, ArrowRightIcon, AutocompleteInput, type AutocompleteInputProps, type AutocompleteOption, Avatar, type AvatarMenuItem, type AvatarProps, AvatarSimple, type AvatarSimpleProps, BRAND_LOGO_COLORS, BRAND_LOGO_DEFAULT_HEIGHT, BRAND_LOGO_DEFAULT_WIDTH, Badge, type BadgeProps, type BadgeVariant, BagIcon, BanIcon, BathroomsIcon, BedroomsIcon, BellIcon, BrandLogo, type BrandLogoProps, type BrandLogoVariant, BuildingIcon, Button, type ButtonProps, type ButtonSize, type ButtonVariant, CalendarIcon, CalendarMinusIcon, CalendarOutlineIcon, CameraFilledIcon, CameraIcon, CardLocationIcon, CheckBadgeIcon, CheckIcon, CheckSuccessIcon, Checkbox, type CheckboxProps, type CheckboxVariant, ChevronDownIcon, ChevronLeftIcon, ClockFilledIcon, ClockIcon, CloseIcon, CloudUploadIcon, CommentCard, type CommentCardProps, ContactInfoCard, type ContactInfoCardProps, CopyIcon, Counter, type CounterProps, CurrentLocationIcon, CutleryIcon, DatePicker, type DatePickerProps, type DatePickerRangeProps, type DatePickerSingleProps, type DatePickerVariant, type DateRange, DollarIcon, DownloadIcon, DragHandleIcon, Drawer, type DrawerProps, EditIcon, 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, 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, SortIcon, StarFilledIcon, StarIcon, type StarIconProps, StatCard, type StatCardProps, StatusBadge, type StatusBadgeProps, type StatusBadgeTone, StepList, type StepListProps, StepPager, type StepPagerProps, TableViewIcon, Textarea, type TextareaProps, Toggle, type ToggleProps, ToggleRow, type ToggleRowProps, TooltipArrowIcon, TrashIcon, UserIcon, UsersAltIcon, VerificationCodeInput, type VerificationCodeInputHandle, type VerificationCodeInputProps, VideoIcon, VideoOffIcon, WhatsAppIcon, ZoomOutIcon, abbreviateMonthName, avatarTypography, badgeTypography, buttonTypography, colors, commentCardTypography, counterTypography, datePickerTypography, defaultLanguageOptions, fonts, formatDate, formatDateDayShortMonth, getIconsByGroup, grey, iconGroupNames, iconGroups, iconNames, icons, inputTypography, languageSwitcherTypography, ratingTypography, resolvePopoverAlign, segmentedToggleTypography, selectTypography, statCardTypography, textareaTypography };
package/dist/index.d.ts CHANGED
@@ -3,7 +3,7 @@ import { ReactNode, ComponentType } from 'react';
3
3
  import * as react_native from 'react-native';
4
4
  import { PressableProps, StyleProp, ViewStyle, TextStyle, View, GestureResponderEvent, ViewProps, TouchableOpacityProps, TextInputProps, TextInput } from 'react-native';
5
5
 
6
- declare const amenityNames: readonly ["kitchen", "wifi", "tv", "washer", "ac", "bbq", "forestView", "pets"];
6
+ declare const amenityNames: readonly ["kitchen", "wifi", "tv", "washer", "ac", "bbq", "forestView", "parking", "heating", "refrigerator", "tableware", "jacuzzi", "fireplace", "firePit", "pets"];
7
7
  type AmenityName = (typeof amenityNames)[number];
8
8
 
9
9
  interface AmenityIconProps {
@@ -115,8 +115,12 @@ declare function ClockIcon({ size, color, strokeWidth }: IconProps): react.JSX.E
115
115
 
116
116
  declare function CloseIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
117
117
 
118
+ declare function CloudUploadIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
119
+
118
120
  declare function EditIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
119
121
 
122
+ declare function EyeIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
123
+
120
124
  declare function SaveHeartIcon({ size, color, strokeWidth, fillOpacity, }: IconProps): react.JSX.Element;
121
125
  declare function RatingStarIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
122
126
  declare function CardLocationIcon({ size, color, strokeWidth, secondaryColor, }: IconProps): react.JSX.Element;
@@ -147,6 +151,12 @@ declare function FiltersIcon({ size, color, strokeWidth }: IconProps): react.JSX
147
151
  /** Four-corner fullscreen / maximize control (24×24 viewBox). */
148
152
  declare function FullscreenIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
149
153
 
154
+ declare function CutleryIcon({ size, color }: IconProps): react.JSX.Element;
155
+
156
+ declare function DollarIcon({ size, color }: IconProps): react.JSX.Element;
157
+
158
+ declare function DragHandleIcon({ size, color }: IconProps): react.JSX.Element;
159
+
150
160
  /** Native — react-native-svg (peer dependency). */
151
161
  declare function HeartIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
152
162
 
@@ -162,6 +172,10 @@ declare function HideIcon({ size, color, strokeWidth }: IconProps): react.JSX.El
162
172
 
163
173
  declare function HomeIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
164
174
 
175
+ declare function ImageIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
176
+
177
+ declare function InfoCircleIcon({ size, color }: IconProps): react.JSX.Element;
178
+
165
179
  declare function InstagramIcon({ size, color }: IconProps): react.JSX.Element;
166
180
 
167
181
  declare function KeyIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
@@ -203,6 +217,8 @@ declare function MenuLinesIcon({ size, color, strokeWidth }: IconProps): react.J
203
217
 
204
218
  declare function MinusIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
205
219
 
220
+ declare function MoonStarsIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
221
+
206
222
  declare function MoreHorizontalIcon({ size, color, strokeWidth, }: IconProps): react.JSX.Element;
207
223
 
208
224
  declare function NavigateIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
@@ -295,6 +311,7 @@ declare const icons: {
295
311
  readonly chevronLeft: typeof ChevronLeftIcon;
296
312
  readonly clock: typeof ClockIcon;
297
313
  readonly close: typeof CloseIcon;
314
+ readonly cloudUpload: typeof CloudUploadIcon;
298
315
  readonly edit: typeof EditIcon;
299
316
  readonly clockFilled: typeof ClockFilledIcon;
300
317
  readonly copy: typeof CopyIcon;
@@ -329,6 +346,7 @@ declare const icons: {
329
346
  readonly menu: typeof MenuIcon;
330
347
  readonly menuLines: typeof MenuLinesIcon;
331
348
  readonly minus: typeof MinusIcon;
349
+ readonly moonStars: typeof MoonStarsIcon;
332
350
  readonly moreHorizontal: typeof MoreHorizontalIcon;
333
351
  readonly navigate: typeof NavigateIcon;
334
352
  readonly noSmoking: typeof NoSmokingIcon;
@@ -356,6 +374,12 @@ declare const icons: {
356
374
  readonly usersAlt: typeof UsersAltIcon;
357
375
  readonly video: typeof VideoIcon;
358
376
  readonly videoOff: typeof VideoOffIcon;
377
+ readonly cutlery: typeof CutleryIcon;
378
+ readonly dollar: typeof DollarIcon;
379
+ readonly dragHandle: typeof DragHandleIcon;
380
+ readonly eye: typeof EyeIcon;
381
+ readonly image: typeof ImageIcon;
382
+ readonly infoCircle: typeof InfoCircleIcon;
359
383
  readonly whatsApp: typeof WhatsAppIcon;
360
384
  readonly zoomOut: typeof ZoomOutIcon;
361
385
  };
@@ -363,11 +387,11 @@ type IconName = keyof typeof icons;
363
387
  declare const iconNames: IconName[];
364
388
  declare const iconGroups: {
365
389
  readonly navigation: readonly ["arrowRight", "chevronDown", "chevronLeft", "home", "listView", "locationPin", "locationUser", "mapCollapse", "mapExpand", "mapView", "menu", "menuLines", "navigate", "tableView"];
366
- readonly actions: readonly ["show", "hide", "alertTriangle", "ban", "bell", "camera", "key", "check", "checkBadge", "checkSuccess", "copy", "download", "search", "calendar", "calendarMinus", "calendarOutline", "close", "edit", "ratingStar", "saveHeart", "share", "filters", "fullscreen", "heart", "headset", "zoomOut", "star", "starFilled", "minus", "moreHorizontal", "plus", "refresh", "refundStatus", "sort"];
390
+ readonly actions: readonly ["show", "hide", "alertTriangle", "ban", "bell", "camera", "key", "check", "checkBadge", "checkSuccess", "copy", "download", "dragHandle", "search", "calendar", "calendarMinus", "calendarOutline", "close", "cloudUpload", "edit", "ratingStar", "saveHeart", "share", "filters", "fullscreen", "heart", "headset", "zoomOut", "star", "starFilled", "minus", "moonStars", "moreHorizontal", "plus", "refresh", "refundStatus", "sort"];
367
391
  readonly objects: readonly ["bag", "bathrooms", "bedrooms", "building", "cardLocation", "clock", "clockFilled", "guests", "lock", "noSmoking", "paw", "qrCode", "quietHours", "trash", "user", "usersAlt", "video", "videoOff", "whatsApp"];
368
392
  readonly communication: readonly ["mail", "phone"];
369
393
  readonly social: readonly ["apple", "facebook", "googlePlay", "instagram", "linkedin"];
370
- readonly interface: readonly ["areaExpand", "globe", "layoutGrid", "sidebar", "settings", "helpCircle", "logOut", "tooltipArrow"];
394
+ readonly interface: readonly ["areaExpand", "cutlery", "dollar", "eye", "globe", "layoutGrid", "sidebar", "settings", "helpCircle", "logOut", "image", "infoCircle", "tooltipArrow"];
371
395
  };
372
396
  type IconGroup = keyof typeof iconGroups;
373
397
  declare const iconGroupNames: IconGroup[];
@@ -378,6 +402,12 @@ interface IconByNameProps extends IconProps {
378
402
  }
379
403
  declare function Icon({ name, ...props }: IconByNameProps): react.JSX.Element;
380
404
 
405
+ /** Native — react-native-svg (peer dependency). */
406
+ declare function ArrowLeftIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
407
+
408
+ /** Native — react-native-svg (peer dependency). */
409
+ declare function CurrentLocationIcon({ size, color, strokeWidth, }: IconProps): react.JSX.Element;
410
+
381
411
  interface InfoCardV2Props extends Omit<ViewProps, "style" | "children"> {
382
412
  label: string;
383
413
  value: string;
@@ -638,6 +668,21 @@ interface AccordionItemProps extends Omit<ViewProps, "style" | "children"> {
638
668
  */
639
669
  declare const AccordionItem: react.ForwardRefExoticComponent<AccordionItemProps & react.RefAttributes<View>>;
640
670
 
671
+ interface AccordionProps extends Omit<ViewProps, "style" | "children"> {
672
+ title: string;
673
+ children: ReactNode;
674
+ open?: boolean;
675
+ defaultOpen?: boolean;
676
+ onOpenChange?: (open: boolean) => void;
677
+ disabled?: boolean;
678
+ error?: boolean;
679
+ style?: StyleProp<ViewStyle>;
680
+ contentStyle?: StyleProp<ViewStyle>;
681
+ className?: string;
682
+ }
683
+ /** Expandable surface for arbitrary interactive content such as form fields. */
684
+ declare const Accordion: react.ForwardRefExoticComponent<AccordionProps & react.RefAttributes<View>>;
685
+
641
686
  interface StepListProps extends Omit<ViewProps, "style" | "children"> {
642
687
  /** Step descriptions, numbered automatically from 1. */
643
688
  steps: string[];
@@ -665,6 +710,27 @@ interface CounterProps extends Omit<ViewProps, "style" | "children"> {
665
710
  }
666
711
  declare const Counter: react.ForwardRefExoticComponent<CounterProps & react.RefAttributes<View>>;
667
712
 
713
+ interface QuantityInputProps extends Omit<ViewProps, "style" | "children"> {
714
+ label: string;
715
+ icon: IconComponent;
716
+ iconProps?: Omit<IconProps, "size">;
717
+ iconSize?: number;
718
+ value?: number;
719
+ defaultValue?: number;
720
+ onValueChange?: (value: number) => void;
721
+ min?: number;
722
+ max?: number;
723
+ step?: number;
724
+ disabled?: boolean;
725
+ error?: boolean;
726
+ hint?: string;
727
+ showHint?: boolean;
728
+ style?: StyleProp<ViewStyle>;
729
+ className?: string;
730
+ }
731
+ /** Input-like labeled quantity control with an icon and increment/decrement actions. */
732
+ declare const QuantityInput: react.ForwardRefExoticComponent<QuantityInputProps & react.RefAttributes<View>>;
733
+
668
734
  interface SegmentedToggleOption {
669
735
  value: string;
670
736
  label: string;
@@ -962,6 +1028,32 @@ interface InputProps extends Omit<TextInputProps, "style" | "editable"> {
962
1028
  }
963
1029
  declare const Input: react.ForwardRefExoticComponent<InputProps & react.RefAttributes<TextInput>>;
964
1030
 
1031
+ interface AutocompleteOption {
1032
+ value: string;
1033
+ label: string;
1034
+ description?: string;
1035
+ }
1036
+ interface AutocompleteInputProps extends Omit<InputProps, "value" | "onChangeText" | "onSubmitEditing"> {
1037
+ value: string;
1038
+ options: AutocompleteOption[];
1039
+ onChangeText: (value: string) => void;
1040
+ onOptionSelect: (option: AutocompleteOption) => void;
1041
+ onSubmit?: (firstOption?: AutocompleteOption) => void;
1042
+ open?: boolean;
1043
+ defaultOpen?: boolean;
1044
+ onOpenChange?: (open: boolean) => void;
1045
+ loading?: boolean;
1046
+ loadingText?: string;
1047
+ emptyText?: string;
1048
+ showEmpty?: boolean;
1049
+ renderOption?: (option: AutocompleteOption, highlighted: boolean) => ReactNode;
1050
+ containerStyle?: StyleProp<ViewStyle>;
1051
+ menuStyle?: StyleProp<ViewStyle>;
1052
+ containerClassName?: string;
1053
+ menuClassName?: string;
1054
+ }
1055
+ declare const AutocompleteInput: react.ForwardRefExoticComponent<AutocompleteInputProps & react.RefAttributes<View>>;
1056
+
965
1057
  interface VerificationCodeInputHandle {
966
1058
  clear: () => void;
967
1059
  focus: (index?: number) => void;
@@ -1166,6 +1258,22 @@ interface RangeProps extends Omit<ViewProps, "style" | "children"> {
1166
1258
 
1167
1259
  declare const Range: react.ForwardRefExoticComponent<RangeProps & react.RefAttributes<View>>;
1168
1260
 
1261
+ type RadioButtonVariant = "default";
1262
+ interface RadioButtonProps extends Omit<PressableProps, "onPress" | "disabled" | "style" | "children" | "hitSlop"> {
1263
+ value?: boolean;
1264
+ defaultValue?: boolean;
1265
+ onValueChange?: (value: true) => void;
1266
+ disabled?: boolean;
1267
+ variant?: RadioButtonVariant;
1268
+ label?: string;
1269
+ children?: ReactNode;
1270
+ style?: StyleProp<ViewStyle>;
1271
+ labelStyle?: StyleProp<TextStyle>;
1272
+ className?: string;
1273
+ hitSlop?: PressableProps["hitSlop"];
1274
+ }
1275
+ declare const RadioButton: react.ForwardRefExoticComponent<RadioButtonProps & react.RefAttributes<View>>;
1276
+
1169
1277
  declare const grey: {
1170
1278
  readonly "0": "#767676";
1171
1279
  readonly "0.5": "#6E6E6E";
@@ -1515,4 +1623,4 @@ type ResolvePopoverAlignOptions = {
1515
1623
  */
1516
1624
  declare function resolvePopoverAlign({ triggerRect, panelWidth, viewportWidth, padding, preferred, }: ResolvePopoverAlignOptions): PopoverAlign;
1517
1625
 
1518
- export { AccordionItem, type AccordionItemProps, AccountHeader, type AccountHeaderProps, AlertTriangleIcon, Amenity, AmenityIcon, type AmenityIconProps, type AmenityName, type AmenityProps, type AmenityVariant, AppleIcon, AreaExpandIcon, ArrowRightIcon, Avatar, type AvatarMenuItem, type AvatarProps, AvatarSimple, type AvatarSimpleProps, BRAND_LOGO_COLORS, BRAND_LOGO_DEFAULT_HEIGHT, BRAND_LOGO_DEFAULT_WIDTH, Badge, type BadgeProps, type BadgeVariant, BagIcon, BanIcon, BathroomsIcon, BedroomsIcon, BellIcon, BrandLogo, type BrandLogoProps, type BrandLogoVariant, BuildingIcon, Button, type ButtonProps, type ButtonSize, type ButtonVariant, CalendarIcon, CalendarMinusIcon, CalendarOutlineIcon, CameraFilledIcon, CameraIcon, CardLocationIcon, CheckBadgeIcon, CheckIcon, CheckSuccessIcon, Checkbox, type CheckboxProps, type CheckboxVariant, ChevronDownIcon, ChevronLeftIcon, ClockFilledIcon, ClockIcon, CloseIcon, CommentCard, type CommentCardProps, ContactInfoCard, type ContactInfoCardProps, CopyIcon, Counter, type CounterProps, DatePicker, type DatePickerProps, type DatePickerRangeProps, type DatePickerSingleProps, type DatePickerVariant, type DateRange, DownloadIcon, Drawer, type DrawerProps, EditIcon, FacebookIcon, FavoritesButton, type FavoritesButtonProps, FiltersIcon, FloatingActionButton, type FloatingActionButtonProps, FullscreenIcon, GlobeIcon, GooglePlayIcon, type GreyStep, GuestsIcon, HeadsetIcon, HeartIcon, HelpCircleIcon, HideIcon, HomeIcon, Icon, type IconByNameProps, type IconComponent, type IconGroup, type IconName, type IconProps, IconStatusBadge, type IconStatusBadgeProps, InfoCardV2, type InfoCardV2Props, InfoTile, type InfoTileProps, Input, type InputIcon, type InputProps, type InputSize, InstagramIcon, KeyIcon, type LanguageOption, LanguageSwitcher, type LanguageSwitcherProps, type LanguageSwitcherVariant, LayoutGridIcon, LinkedInIcon, ListViewIcon, LocationPinIcon, LocationUserIcon, LockIcon, LogOutIcon, MailIcon, MapCollapseIcon, MapExpandIcon, MapViewIcon, MenuIcon, type MenuIconProps, MenuItem, type MenuItemProps, MenuLinesIcon, MinusIcon, Modal, type ModalProps, MoreHorizontalIcon, NavigateIcon, NoSmokingIcon, PaginationDots, type PaginationDotsProps, PawIcon, PhoneIcon, PlusIcon, type PopoverAlign, QrCodeIcon, QuietHoursIcon, Range, type RangeProps, type RangeValue, RatingInput, type RatingInputProps, RatingStarIcon, RefreshIcon, RefundStatusIcon, type ResolvePopoverAlignOptions, SaveHeartIcon, SearchIcon, SegmentedToggle, type SegmentedToggleOption, type SegmentedToggleProps, Select, type SelectIcon, type SelectMultipleProps, type SelectOption, type SelectProps, type SelectSingleProps, SettingsIcon, ShareIcon, ShowIcon, Sidebar, SidebarIcon, type SidebarItem, type SidebarProps, type SidebarUser, SortIcon, StarFilledIcon, StarIcon, type StarIconProps, StatCard, type StatCardProps, StatusBadge, type StatusBadgeProps, type StatusBadgeTone, StepList, type StepListProps, StepPager, type StepPagerProps, TableViewIcon, Textarea, type TextareaProps, Toggle, type ToggleProps, ToggleRow, type ToggleRowProps, TooltipArrowIcon, TrashIcon, UserIcon, UsersAltIcon, VerificationCodeInput, type VerificationCodeInputHandle, type VerificationCodeInputProps, VideoIcon, VideoOffIcon, WhatsAppIcon, ZoomOutIcon, abbreviateMonthName, avatarTypography, badgeTypography, buttonTypography, colors, commentCardTypography, counterTypography, datePickerTypography, defaultLanguageOptions, fonts, formatDate, formatDateDayShortMonth, getIconsByGroup, grey, iconGroupNames, iconGroups, iconNames, icons, inputTypography, languageSwitcherTypography, ratingTypography, resolvePopoverAlign, segmentedToggleTypography, selectTypography, statCardTypography, textareaTypography };
1626
+ export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, AccountHeader, type AccountHeaderProps, AlertTriangleIcon, Amenity, AmenityIcon, type AmenityIconProps, type AmenityName, type AmenityProps, type AmenityVariant, AppleIcon, AreaExpandIcon, ArrowLeftIcon, ArrowRightIcon, AutocompleteInput, type AutocompleteInputProps, type AutocompleteOption, Avatar, type AvatarMenuItem, type AvatarProps, AvatarSimple, type AvatarSimpleProps, BRAND_LOGO_COLORS, BRAND_LOGO_DEFAULT_HEIGHT, BRAND_LOGO_DEFAULT_WIDTH, Badge, type BadgeProps, type BadgeVariant, BagIcon, BanIcon, BathroomsIcon, BedroomsIcon, BellIcon, BrandLogo, type BrandLogoProps, type BrandLogoVariant, BuildingIcon, Button, type ButtonProps, type ButtonSize, type ButtonVariant, CalendarIcon, CalendarMinusIcon, CalendarOutlineIcon, CameraFilledIcon, CameraIcon, CardLocationIcon, CheckBadgeIcon, CheckIcon, CheckSuccessIcon, Checkbox, type CheckboxProps, type CheckboxVariant, ChevronDownIcon, ChevronLeftIcon, ClockFilledIcon, ClockIcon, CloseIcon, CloudUploadIcon, CommentCard, type CommentCardProps, ContactInfoCard, type ContactInfoCardProps, CopyIcon, Counter, type CounterProps, CurrentLocationIcon, CutleryIcon, DatePicker, type DatePickerProps, type DatePickerRangeProps, type DatePickerSingleProps, type DatePickerVariant, type DateRange, DollarIcon, DownloadIcon, DragHandleIcon, Drawer, type DrawerProps, EditIcon, 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, 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, SortIcon, StarFilledIcon, StarIcon, type StarIconProps, StatCard, type StatCardProps, StatusBadge, type StatusBadgeProps, type StatusBadgeTone, StepList, type StepListProps, StepPager, type StepPagerProps, TableViewIcon, Textarea, type TextareaProps, Toggle, type ToggleProps, ToggleRow, type ToggleRowProps, TooltipArrowIcon, TrashIcon, UserIcon, UsersAltIcon, VerificationCodeInput, type VerificationCodeInputHandle, type VerificationCodeInputProps, VideoIcon, VideoOffIcon, WhatsAppIcon, ZoomOutIcon, abbreviateMonthName, avatarTypography, badgeTypography, buttonTypography, colors, commentCardTypography, counterTypography, datePickerTypography, defaultLanguageOptions, fonts, formatDate, formatDateDayShortMonth, getIconsByGroup, grey, iconGroupNames, iconGroups, iconNames, icons, inputTypography, languageSwitcherTypography, ratingTypography, resolvePopoverAlign, segmentedToggleTypography, selectTypography, statCardTypography, textareaTypography };