@ecohouse/ui 0.1.20 → 0.1.22

package/dist/index.d.cts

@@ -1,7 +1,32 @@
 import * as react from 'react';
 import { ReactNode, ComponentType } from 'react';
 import * as react_native from 'react-native';
-import { PressableProps, GestureResponderEvent, StyleProp, ViewStyle, TextStyle, View, ViewProps, TouchableOpacityProps, TextInputProps, TextInput } from 'react-native';
+import { PressableProps, StyleProp, ViewStyle, TextStyle, View, GestureResponderEvent, ViewProps, TouchableOpacityProps, TextInputProps, TextInput } from 'react-native';
+
+declare const amenityNames: readonly ["kitchen", "wifi", "tv", "washer", "ac", "bbq", "forestView", "pets"];
+type AmenityName = (typeof amenityNames)[number];
+
+interface AmenityIconProps {
+    name: AmenityName;
+    size?: number;
+    color?: string;
+}
+declare function AmenityIcon({ name, size, color }: AmenityIconProps): react.JSX.Element;
+
+type AmenityVariant = "display" | "selectable";
+interface AmenityProps extends Omit<PressableProps, "children" | "disabled" | "onPress" | "style"> {
+    icon: AmenityName;
+    label: string;
+    variant?: AmenityVariant;
+    selected?: boolean;
+    defaultSelected?: boolean;
+    onSelectedChange?: (selected: boolean) => void;
+    disabled?: boolean;
+    style?: StyleProp<ViewStyle>;
+    labelStyle?: StyleProp<TextStyle>;
+    className?: string;
+}
+declare const Amenity: react.ForwardRefExoticComponent<AmenityProps & react.RefAttributes<View>>;
 
 interface MenuItemProps extends Omit<PressableProps, "onPress" | "disabled" | "style" | "children" | "hitSlop"> {
     /** Leading icon, e.g. `<CalendarIcon size={16} />` — pass it pre-colored. */
@@ -109,6 +134,9 @@ interface ArrowRightIconProps {
 /** Native — react-native-svg (peer dependency). */
 declare function ArrowRightIcon({ size, color, strokeWidth, }: ArrowRightIconProps): react.JSX.Element;
 
+declare function AppleIcon({ size, color }: IconProps): react.JSX.Element;
+declare function GooglePlayIcon({ size }: IconProps): react.JSX.Element;
+
 declare function BagIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
 
 declare function BellIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
@@ -271,6 +299,7 @@ declare function VideoIcon({ size, color, strokeWidth }: IconProps): react.JSX.E
 
 declare const icons: {
     readonly areaExpand: typeof AreaExpandIcon;
+    readonly apple: typeof AppleIcon;
     readonly arrowRight: typeof ArrowRightIcon;
     readonly bag: typeof BagIcon;
     readonly bell: typeof BellIcon;
@@ -295,6 +324,7 @@ declare const icons: {
     readonly guests: typeof GuestsIcon;
     readonly heart: typeof HeartIcon;
     readonly globe: typeof GlobeIcon;
+    readonly googlePlay: typeof GooglePlayIcon;
     readonly helpCircle: typeof HelpCircleIcon;
     readonly home: typeof HomeIcon;
     readonly instagram: typeof InstagramIcon;
@@ -337,7 +367,7 @@ declare const iconGroups: {
     readonly actions: readonly ["show", "bell", "camera", "key", "check", "checkBadge", "checkSuccess", "copy", "search", "calendar", "calendarOutline", "close", "ratingStar", "saveHeart", "share", "filters", "heart", "star", "starFilled", "minus", "plus", "sort"];
     readonly objects: readonly ["bag", "bathrooms", "bedrooms", "building", "cardLocation", "clock", "clockFilled", "guests", "qrCode", "user", "usersAlt", "video", "whatsApp"];
     readonly communication: readonly ["mail", "phone"];
-    readonly social: readonly ["facebook", "instagram", "linkedin"];
+    readonly social: readonly ["apple", "facebook", "googlePlay", "instagram", "linkedin"];
     readonly interface: readonly ["areaExpand", "globe", "layoutGrid", "sidebar", "settings", "helpCircle", "logOut", "tooltipArrow"];
 };
 type IconGroup = keyof typeof iconGroups;
@@ -787,12 +817,12 @@ declare const statCardTypography: {
     readonly lineHeight: 16;
     readonly letterSpacing: 0;
 };
-/** Segmented toggle label — Medium 12, line-height 100%, letter-spacing 0. */
+/** Segmented toggle label — Medium 12, 14px line-height, letter-spacing 0. */
 declare const segmentedToggleTypography: {
     readonly fontFamily: "Noto Sans Armenian";
     readonly fontSize: 12;
     readonly fontWeight: "500";
-    readonly lineHeight: 12;
+    readonly lineHeight: 14;
     readonly letterSpacing: 0;
 };
 /** Language switcher trigger and option labels — SemiBold 14. */
@@ -986,4 +1016,4 @@ declare const textareaTypography: {
     };
 };
 
-export { AreaExpandIcon, ArrowRightIcon, Avatar, type AvatarMenuItem, type AvatarProps, BRAND_LOGO_COLORS, BRAND_LOGO_DEFAULT_HEIGHT, BRAND_LOGO_DEFAULT_WIDTH, Badge, type BadgeProps, type BadgeVariant, BagIcon, BathroomsIcon, BedroomsIcon, BellIcon, BrandLogo, type BrandLogoProps, type BrandLogoVariant, BuildingIcon, Button, type ButtonProps, type ButtonSize, type ButtonVariant, CalendarIcon, CalendarOutlineIcon, CameraIcon, CardLocationIcon, CheckBadgeIcon, CheckIcon, CheckSuccessIcon, Checkbox, type CheckboxProps, type CheckboxVariant, ChevronDownIcon, ChevronLeftIcon, ClockFilledIcon, ClockIcon, CloseIcon, CommentCard, type CommentCardProps, CopyIcon, Counter, type CounterProps, DatePicker, type DatePickerProps, type DatePickerRangeProps, type DatePickerSingleProps, type DateRange, FacebookIcon, FavoritesButton, type FavoritesButtonProps, FiltersIcon, GlobeIcon, type GreyStep, GuestsIcon, HeartIcon, HelpCircleIcon, HomeIcon, Icon, type IconByNameProps, type IconComponent, type IconGroup, type IconName, type IconProps, Input, type InputIcon, type InputProps, type InputSize, InstagramIcon, KeyIcon, type LanguageOption, LanguageSwitcher, type LanguageSwitcherProps, LayoutGridIcon, LinkedInIcon, ListViewIcon, LocationPinIcon, LogOutIcon, MailIcon, MapCollapseIcon, MapExpandIcon, MapViewIcon, MenuIcon, type MenuIconProps, MenuItem, type MenuItemProps, MinusIcon, NavigateIcon, PhoneIcon, PlusIcon, QrCodeIcon, Range, type RangeProps, type RangeValue, RatingInput, type RatingInputProps, RatingStarIcon, SaveHeartIcon, SearchIcon, SegmentedToggle, type SegmentedToggleOption, type SegmentedToggleProps, Select, type SelectIcon, type SelectMultipleProps, type SelectOption, type SelectProps, type SelectSingleProps, SettingsIcon, ShareIcon, ShowIcon, SidebarIcon, SortIcon, StarFilledIcon, StarIcon, type StarIconProps, StatCard, type StatCardProps, Textarea, type TextareaProps, Toggle, type ToggleProps, TooltipArrowIcon, UserIcon, UsersAltIcon, VideoIcon, WhatsAppIcon, avatarTypography, badgeTypography, buttonTypography, colors, commentCardTypography, counterTypography, datePickerTypography, defaultLanguageOptions, fonts, getIconsByGroup, grey, iconGroupNames, iconGroups, iconNames, icons, inputTypography, languageSwitcherTypography, ratingTypography, segmentedToggleTypography, selectTypography, statCardTypography, textareaTypography };
+export { Amenity, AmenityIcon, type AmenityIconProps, type AmenityName, type AmenityProps, type AmenityVariant, AppleIcon, AreaExpandIcon, ArrowRightIcon, Avatar, type AvatarMenuItem, type AvatarProps, BRAND_LOGO_COLORS, BRAND_LOGO_DEFAULT_HEIGHT, BRAND_LOGO_DEFAULT_WIDTH, Badge, type BadgeProps, type BadgeVariant, BagIcon, BathroomsIcon, BedroomsIcon, BellIcon, BrandLogo, type BrandLogoProps, type BrandLogoVariant, BuildingIcon, Button, type ButtonProps, type ButtonSize, type ButtonVariant, CalendarIcon, CalendarOutlineIcon, CameraIcon, CardLocationIcon, CheckBadgeIcon, CheckIcon, CheckSuccessIcon, Checkbox, type CheckboxProps, type CheckboxVariant, ChevronDownIcon, ChevronLeftIcon, ClockFilledIcon, ClockIcon, CloseIcon, CommentCard, type CommentCardProps, CopyIcon, Counter, type CounterProps, DatePicker, type DatePickerProps, type DatePickerRangeProps, type DatePickerSingleProps, type DateRange, FacebookIcon, FavoritesButton, type FavoritesButtonProps, FiltersIcon, GlobeIcon, GooglePlayIcon, type GreyStep, GuestsIcon, HeartIcon, HelpCircleIcon, HomeIcon, Icon, type IconByNameProps, type IconComponent, type IconGroup, type IconName, type IconProps, Input, type InputIcon, type InputProps, type InputSize, InstagramIcon, KeyIcon, type LanguageOption, LanguageSwitcher, type LanguageSwitcherProps, LayoutGridIcon, LinkedInIcon, ListViewIcon, LocationPinIcon, LogOutIcon, MailIcon, MapCollapseIcon, MapExpandIcon, MapViewIcon, MenuIcon, type MenuIconProps, MenuItem, type MenuItemProps, MinusIcon, NavigateIcon, PhoneIcon, PlusIcon, QrCodeIcon, Range, type RangeProps, type RangeValue, RatingInput, type RatingInputProps, RatingStarIcon, SaveHeartIcon, SearchIcon, SegmentedToggle, type SegmentedToggleOption, type SegmentedToggleProps, Select, type SelectIcon, type SelectMultipleProps, type SelectOption, type SelectProps, type SelectSingleProps, SettingsIcon, ShareIcon, ShowIcon, SidebarIcon, SortIcon, StarFilledIcon, StarIcon, type StarIconProps, StatCard, type StatCardProps, Textarea, type TextareaProps, Toggle, type ToggleProps, TooltipArrowIcon, UserIcon, UsersAltIcon, VideoIcon, WhatsAppIcon, avatarTypography, badgeTypography, buttonTypography, colors, commentCardTypography, counterTypography, datePickerTypography, defaultLanguageOptions, fonts, getIconsByGroup, grey, iconGroupNames, iconGroups, iconNames, icons, inputTypography, languageSwitcherTypography, ratingTypography, segmentedToggleTypography, selectTypography, statCardTypography, textareaTypography };

package/dist/index.d.ts

@@ -1,7 +1,32 @@
 import * as react from 'react';
 import { ReactNode, ComponentType } from 'react';
 import * as react_native from 'react-native';
-import { PressableProps, GestureResponderEvent, StyleProp, ViewStyle, TextStyle, View, ViewProps, TouchableOpacityProps, TextInputProps, TextInput } from 'react-native';
+import { PressableProps, StyleProp, ViewStyle, TextStyle, View, GestureResponderEvent, ViewProps, TouchableOpacityProps, TextInputProps, TextInput } from 'react-native';
+
+declare const amenityNames: readonly ["kitchen", "wifi", "tv", "washer", "ac", "bbq", "forestView", "pets"];
+type AmenityName = (typeof amenityNames)[number];
+
+interface AmenityIconProps {
+    name: AmenityName;
+    size?: number;
+    color?: string;
+}
+declare function AmenityIcon({ name, size, color }: AmenityIconProps): react.JSX.Element;
+
+type AmenityVariant = "display" | "selectable";
+interface AmenityProps extends Omit<PressableProps, "children" | "disabled" | "onPress" | "style"> {
+    icon: AmenityName;
+    label: string;
+    variant?: AmenityVariant;
+    selected?: boolean;
+    defaultSelected?: boolean;
+    onSelectedChange?: (selected: boolean) => void;
+    disabled?: boolean;
+    style?: StyleProp<ViewStyle>;
+    labelStyle?: StyleProp<TextStyle>;
+    className?: string;
+}
+declare const Amenity: react.ForwardRefExoticComponent<AmenityProps & react.RefAttributes<View>>;
 
 interface MenuItemProps extends Omit<PressableProps, "onPress" | "disabled" | "style" | "children" | "hitSlop"> {
     /** Leading icon, e.g. `<CalendarIcon size={16} />` — pass it pre-colored. */
@@ -109,6 +134,9 @@ interface ArrowRightIconProps {
 /** Native — react-native-svg (peer dependency). */
 declare function ArrowRightIcon({ size, color, strokeWidth, }: ArrowRightIconProps): react.JSX.Element;
 
+declare function AppleIcon({ size, color }: IconProps): react.JSX.Element;
+declare function GooglePlayIcon({ size }: IconProps): react.JSX.Element;
+
 declare function BagIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
 
 declare function BellIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
@@ -271,6 +299,7 @@ declare function VideoIcon({ size, color, strokeWidth }: IconProps): react.JSX.E
 
 declare const icons: {
     readonly areaExpand: typeof AreaExpandIcon;
+    readonly apple: typeof AppleIcon;
     readonly arrowRight: typeof ArrowRightIcon;
     readonly bag: typeof BagIcon;
     readonly bell: typeof BellIcon;
@@ -295,6 +324,7 @@ declare const icons: {
     readonly guests: typeof GuestsIcon;
     readonly heart: typeof HeartIcon;
     readonly globe: typeof GlobeIcon;
+    readonly googlePlay: typeof GooglePlayIcon;
     readonly helpCircle: typeof HelpCircleIcon;
     readonly home: typeof HomeIcon;
     readonly instagram: typeof InstagramIcon;
@@ -337,7 +367,7 @@ declare const iconGroups: {
     readonly actions: readonly ["show", "bell", "camera", "key", "check", "checkBadge", "checkSuccess", "copy", "search", "calendar", "calendarOutline", "close", "ratingStar", "saveHeart", "share", "filters", "heart", "star", "starFilled", "minus", "plus", "sort"];
     readonly objects: readonly ["bag", "bathrooms", "bedrooms", "building", "cardLocation", "clock", "clockFilled", "guests", "qrCode", "user", "usersAlt", "video", "whatsApp"];
     readonly communication: readonly ["mail", "phone"];
-    readonly social: readonly ["facebook", "instagram", "linkedin"];
+    readonly social: readonly ["apple", "facebook", "googlePlay", "instagram", "linkedin"];
     readonly interface: readonly ["areaExpand", "globe", "layoutGrid", "sidebar", "settings", "helpCircle", "logOut", "tooltipArrow"];
 };
 type IconGroup = keyof typeof iconGroups;
@@ -787,12 +817,12 @@ declare const statCardTypography: {
     readonly lineHeight: 16;
     readonly letterSpacing: 0;
 };
-/** Segmented toggle label — Medium 12, line-height 100%, letter-spacing 0. */
+/** Segmented toggle label — Medium 12, 14px line-height, letter-spacing 0. */
 declare const segmentedToggleTypography: {
     readonly fontFamily: "Noto Sans Armenian";
     readonly fontSize: 12;
     readonly fontWeight: "500";
-    readonly lineHeight: 12;
+    readonly lineHeight: 14;
     readonly letterSpacing: 0;
 };
 /** Language switcher trigger and option labels — SemiBold 14. */
@@ -986,4 +1016,4 @@ declare const textareaTypography: {
     };
 };
 
-export { AreaExpandIcon, ArrowRightIcon, Avatar, type AvatarMenuItem, type AvatarProps, BRAND_LOGO_COLORS, BRAND_LOGO_DEFAULT_HEIGHT, BRAND_LOGO_DEFAULT_WIDTH, Badge, type BadgeProps, type BadgeVariant, BagIcon, BathroomsIcon, BedroomsIcon, BellIcon, BrandLogo, type BrandLogoProps, type BrandLogoVariant, BuildingIcon, Button, type ButtonProps, type ButtonSize, type ButtonVariant, CalendarIcon, CalendarOutlineIcon, CameraIcon, CardLocationIcon, CheckBadgeIcon, CheckIcon, CheckSuccessIcon, Checkbox, type CheckboxProps, type CheckboxVariant, ChevronDownIcon, ChevronLeftIcon, ClockFilledIcon, ClockIcon, CloseIcon, CommentCard, type CommentCardProps, CopyIcon, Counter, type CounterProps, DatePicker, type DatePickerProps, type DatePickerRangeProps, type DatePickerSingleProps, type DateRange, FacebookIcon, FavoritesButton, type FavoritesButtonProps, FiltersIcon, GlobeIcon, type GreyStep, GuestsIcon, HeartIcon, HelpCircleIcon, HomeIcon, Icon, type IconByNameProps, type IconComponent, type IconGroup, type IconName, type IconProps, Input, type InputIcon, type InputProps, type InputSize, InstagramIcon, KeyIcon, type LanguageOption, LanguageSwitcher, type LanguageSwitcherProps, LayoutGridIcon, LinkedInIcon, ListViewIcon, LocationPinIcon, LogOutIcon, MailIcon, MapCollapseIcon, MapExpandIcon, MapViewIcon, MenuIcon, type MenuIconProps, MenuItem, type MenuItemProps, MinusIcon, NavigateIcon, PhoneIcon, PlusIcon, QrCodeIcon, Range, type RangeProps, type RangeValue, RatingInput, type RatingInputProps, RatingStarIcon, SaveHeartIcon, SearchIcon, SegmentedToggle, type SegmentedToggleOption, type SegmentedToggleProps, Select, type SelectIcon, type SelectMultipleProps, type SelectOption, type SelectProps, type SelectSingleProps, SettingsIcon, ShareIcon, ShowIcon, SidebarIcon, SortIcon, StarFilledIcon, StarIcon, type StarIconProps, StatCard, type StatCardProps, Textarea, type TextareaProps, Toggle, type ToggleProps, TooltipArrowIcon, UserIcon, UsersAltIcon, VideoIcon, WhatsAppIcon, avatarTypography, badgeTypography, buttonTypography, colors, commentCardTypography, counterTypography, datePickerTypography, defaultLanguageOptions, fonts, getIconsByGroup, grey, iconGroupNames, iconGroups, iconNames, icons, inputTypography, languageSwitcherTypography, ratingTypography, segmentedToggleTypography, selectTypography, statCardTypography, textareaTypography };
+export { Amenity, AmenityIcon, type AmenityIconProps, type AmenityName, type AmenityProps, type AmenityVariant, AppleIcon, AreaExpandIcon, ArrowRightIcon, Avatar, type AvatarMenuItem, type AvatarProps, BRAND_LOGO_COLORS, BRAND_LOGO_DEFAULT_HEIGHT, BRAND_LOGO_DEFAULT_WIDTH, Badge, type BadgeProps, type BadgeVariant, BagIcon, BathroomsIcon, BedroomsIcon, BellIcon, BrandLogo, type BrandLogoProps, type BrandLogoVariant, BuildingIcon, Button, type ButtonProps, type ButtonSize, type ButtonVariant, CalendarIcon, CalendarOutlineIcon, CameraIcon, CardLocationIcon, CheckBadgeIcon, CheckIcon, CheckSuccessIcon, Checkbox, type CheckboxProps, type CheckboxVariant, ChevronDownIcon, ChevronLeftIcon, ClockFilledIcon, ClockIcon, CloseIcon, CommentCard, type CommentCardProps, CopyIcon, Counter, type CounterProps, DatePicker, type DatePickerProps, type DatePickerRangeProps, type DatePickerSingleProps, type DateRange, FacebookIcon, FavoritesButton, type FavoritesButtonProps, FiltersIcon, GlobeIcon, GooglePlayIcon, type GreyStep, GuestsIcon, HeartIcon, HelpCircleIcon, HomeIcon, Icon, type IconByNameProps, type IconComponent, type IconGroup, type IconName, type IconProps, Input, type InputIcon, type InputProps, type InputSize, InstagramIcon, KeyIcon, type LanguageOption, LanguageSwitcher, type LanguageSwitcherProps, LayoutGridIcon, LinkedInIcon, ListViewIcon, LocationPinIcon, LogOutIcon, MailIcon, MapCollapseIcon, MapExpandIcon, MapViewIcon, MenuIcon, type MenuIconProps, MenuItem, type MenuItemProps, MinusIcon, NavigateIcon, PhoneIcon, PlusIcon, QrCodeIcon, Range, type RangeProps, type RangeValue, RatingInput, type RatingInputProps, RatingStarIcon, SaveHeartIcon, SearchIcon, SegmentedToggle, type SegmentedToggleOption, type SegmentedToggleProps, Select, type SelectIcon, type SelectMultipleProps, type SelectOption, type SelectProps, type SelectSingleProps, SettingsIcon, ShareIcon, ShowIcon, SidebarIcon, SortIcon, StarFilledIcon, StarIcon, type StarIconProps, StatCard, type StatCardProps, Textarea, type TextareaProps, Toggle, type ToggleProps, TooltipArrowIcon, UserIcon, UsersAltIcon, VideoIcon, WhatsAppIcon, avatarTypography, badgeTypography, buttonTypography, colors, commentCardTypography, counterTypography, datePickerTypography, defaultLanguageOptions, fonts, getIconsByGroup, grey, iconGroupNames, iconGroups, iconNames, icons, inputTypography, languageSwitcherTypography, ratingTypography, segmentedToggleTypography, selectTypography, statCardTypography, textareaTypography };