@ecohouse/ui 0.1.21 → 0.1.23

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. */
@@ -354,16 +379,6 @@ interface IconByNameProps extends IconProps {
 }
 declare function Icon({ name, ...props }: IconByNameProps): react.JSX.Element;
 
-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 BadgeVariant = "default" | "transparent";
 interface BadgeProps extends Omit<ViewProps, "style" | "children"> {
     label: string;
@@ -802,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. */
@@ -1001,4 +1016,4 @@ declare const textareaTypography: {
     };
 };
 
-export { AmenityIcon, type AmenityIconProps, type AmenityName, 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 };
+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. */
@@ -354,16 +379,6 @@ interface IconByNameProps extends IconProps {
 }
 declare function Icon({ name, ...props }: IconByNameProps): react.JSX.Element;
 
-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 BadgeVariant = "default" | "transparent";
 interface BadgeProps extends Omit<ViewProps, "style" | "children"> {
     label: string;
@@ -802,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. */
@@ -1001,4 +1016,4 @@ declare const textareaTypography: {
     };
 };
 
-export { AmenityIcon, type AmenityIconProps, type AmenityName, 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 };
+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 };