@ecohouse/ui 0.1.18 → 0.1.20

package/dist/index.d.cts

@@ -20,6 +20,20 @@ interface MenuItemProps extends Omit<PressableProps, "onPress" | "disabled" | "s
 }
 declare const MenuItem: react.ForwardRefExoticComponent<MenuItemProps & react.RefAttributes<View>>;
 
+interface FavoritesButtonProps extends Omit<PressableProps, "onPress" | "disabled" | "style" | "children" | "hitSlop"> {
+    /** Controlled favorite state. */
+    value?: boolean;
+    /** Initial state when the button is uncontrolled. */
+    defaultValue?: boolean;
+    /** Called with the next favorite state when pressed. */
+    onValueChange?: (value: boolean) => void;
+    disabled?: boolean;
+    style?: StyleProp<ViewStyle>;
+    className?: string;
+    hitSlop?: PressableProps["hitSlop"];
+}
+declare const FavoritesButton: react.ForwardRefExoticComponent<FavoritesButtonProps & react.RefAttributes<react_native.View>>;
+
 type BrandLogoVariant = "white" | "brand";
 interface BrandLogoProps {
     /** White for dark surfaces, or the Cortel brand color for light surfaces. */
@@ -132,7 +146,9 @@ declare function ChevronLeftIcon({ size, color, strokeWidth }: IconProps): react
 
 declare function ClockIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
 
-declare function SaveHeartIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
+declare function CloseIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
+
+declare function SaveHeartIcon({ size, color, strokeWidth, fillOpacity, }: IconProps): react.JSX.Element;
 declare function RatingStarIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
 declare function CardLocationIcon({ size, color, strokeWidth, secondaryColor, }: IconProps): react.JSX.Element;
 declare function GuestsIcon({ size, color, fillOpacity }: IconProps): react.JSX.Element;
@@ -186,6 +202,9 @@ declare function MailIcon({ size, color, strokeWidth }: IconProps): react.JSX.El
 /** Native — react-native-svg (peer dependency). */
 declare function MapViewIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
 
+declare function MapExpandIcon(props: IconProps): react.JSX.Element;
+declare function MapCollapseIcon(props: IconProps): react.JSX.Element;
+
 interface MenuIconProps extends IconProps {
     open?: boolean;
 }
@@ -265,6 +284,7 @@ declare const icons: {
     readonly chevronDown: typeof ChevronDownIcon;
     readonly chevronLeft: typeof ChevronLeftIcon;
     readonly clock: typeof ClockIcon;
+    readonly close: typeof CloseIcon;
     readonly clockFilled: typeof ClockFilledIcon;
     readonly copy: typeof CopyIcon;
     readonly bathrooms: typeof BathroomsIcon;
@@ -286,6 +306,8 @@ declare const icons: {
     readonly logOut: typeof LogOutIcon;
     readonly mail: typeof MailIcon;
     readonly mapView: typeof MapViewIcon;
+    readonly mapCollapse: typeof MapCollapseIcon;
+    readonly mapExpand: typeof MapExpandIcon;
     readonly menu: typeof MenuIcon;
     readonly minus: typeof MinusIcon;
     readonly navigate: typeof NavigateIcon;
@@ -311,8 +333,8 @@ declare const icons: {
 type IconName = keyof typeof icons;
 declare const iconNames: IconName[];
 declare const iconGroups: {
-    readonly navigation: readonly ["arrowRight", "chevronDown", "chevronLeft", "home", "listView", "locationPin", "mapView", "menu", "navigate"];
-    readonly actions: readonly ["show", "bell", "camera", "key", "check", "checkBadge", "checkSuccess", "copy", "search", "calendar", "calendarOutline", "ratingStar", "saveHeart", "share", "filters", "heart", "star", "starFilled", "minus", "plus", "sort"];
+    readonly navigation: readonly ["arrowRight", "chevronDown", "chevronLeft", "home", "listView", "locationPin", "mapCollapse", "mapExpand", "mapView", "menu", "navigate"];
+    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"];
@@ -641,6 +663,41 @@ interface CommentCardProps extends Omit<ViewProps, "style" | "children"> {
 }
 declare const CommentCard: react.ForwardRefExoticComponent<CommentCardProps & react.RefAttributes<View>>;
 
+interface RangeValue {
+    from?: number;
+    to?: number;
+}
+interface RangeProps extends Omit<ViewProps, "style" | "children"> {
+    /** Lowest value represented by the track. */
+    min?: number;
+    /** Highest value represented by the track. */
+    max?: number;
+    /** Snapping increment for handle drag, track click, and accessibility actions. */
+    step?: number;
+    value?: RangeValue;
+    defaultValue?: RangeValue;
+    onValueChange?: (value: RangeValue) => void;
+    /** Localized empty-state text for the lower-bound input. Defaults to Armenian. */
+    fromPlaceholder?: string;
+    /** Localized empty-state text for the upper-bound input. Defaults to Armenian. */
+    toPlaceholder?: string;
+    /** Currency text rendered after both inputs. */
+    currency?: string;
+    /** Localized accessible name for the lower handle and input. Defaults to `fromPlaceholder`. */
+    fromAccessibilityLabel?: string;
+    /** Localized accessible name for the upper handle and input. Defaults to `toPlaceholder`. */
+    toAccessibilityLabel?: string;
+    disabled?: boolean;
+    /** Locale-aware display formatter. Keep this paired with `parseValue` when it adds separators. */
+    formatValue?: (value: number) => string;
+    /** Parses localized input text back to a numeric value. */
+    parseValue?: (value: string) => number | undefined;
+    style?: StyleProp<ViewStyle>;
+    className?: string;
+}
+
+declare const Range: react.ForwardRefExoticComponent<RangeProps & react.RefAttributes<View>>;
+
 declare const grey: {
     readonly "0": "#767676";
     readonly "0.5": "#6E6E6E";
@@ -929,4 +986,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, CommentCard, type CommentCardProps, CopyIcon, Counter, type CounterProps, DatePicker, type DatePickerProps, type DatePickerRangeProps, type DatePickerSingleProps, type DateRange, FacebookIcon, 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, MapViewIcon, MenuIcon, type MenuIconProps, MenuItem, type MenuItemProps, MinusIcon, NavigateIcon, PhoneIcon, PlusIcon, QrCodeIcon, 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 { 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 };

package/dist/index.d.ts

@@ -20,6 +20,20 @@ interface MenuItemProps extends Omit<PressableProps, "onPress" | "disabled" | "s
 }
 declare const MenuItem: react.ForwardRefExoticComponent<MenuItemProps & react.RefAttributes<View>>;
 
+interface FavoritesButtonProps extends Omit<PressableProps, "onPress" | "disabled" | "style" | "children" | "hitSlop"> {
+    /** Controlled favorite state. */
+    value?: boolean;
+    /** Initial state when the button is uncontrolled. */
+    defaultValue?: boolean;
+    /** Called with the next favorite state when pressed. */
+    onValueChange?: (value: boolean) => void;
+    disabled?: boolean;
+    style?: StyleProp<ViewStyle>;
+    className?: string;
+    hitSlop?: PressableProps["hitSlop"];
+}
+declare const FavoritesButton: react.ForwardRefExoticComponent<FavoritesButtonProps & react.RefAttributes<react_native.View>>;
+
 type BrandLogoVariant = "white" | "brand";
 interface BrandLogoProps {
     /** White for dark surfaces, or the Cortel brand color for light surfaces. */
@@ -132,7 +146,9 @@ declare function ChevronLeftIcon({ size, color, strokeWidth }: IconProps): react
 
 declare function ClockIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
 
-declare function SaveHeartIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
+declare function CloseIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
+
+declare function SaveHeartIcon({ size, color, strokeWidth, fillOpacity, }: IconProps): react.JSX.Element;
 declare function RatingStarIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
 declare function CardLocationIcon({ size, color, strokeWidth, secondaryColor, }: IconProps): react.JSX.Element;
 declare function GuestsIcon({ size, color, fillOpacity }: IconProps): react.JSX.Element;
@@ -186,6 +202,9 @@ declare function MailIcon({ size, color, strokeWidth }: IconProps): react.JSX.El
 /** Native — react-native-svg (peer dependency). */
 declare function MapViewIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
 
+declare function MapExpandIcon(props: IconProps): react.JSX.Element;
+declare function MapCollapseIcon(props: IconProps): react.JSX.Element;
+
 interface MenuIconProps extends IconProps {
     open?: boolean;
 }
@@ -265,6 +284,7 @@ declare const icons: {
     readonly chevronDown: typeof ChevronDownIcon;
     readonly chevronLeft: typeof ChevronLeftIcon;
     readonly clock: typeof ClockIcon;
+    readonly close: typeof CloseIcon;
     readonly clockFilled: typeof ClockFilledIcon;
     readonly copy: typeof CopyIcon;
     readonly bathrooms: typeof BathroomsIcon;
@@ -286,6 +306,8 @@ declare const icons: {
     readonly logOut: typeof LogOutIcon;
     readonly mail: typeof MailIcon;
     readonly mapView: typeof MapViewIcon;
+    readonly mapCollapse: typeof MapCollapseIcon;
+    readonly mapExpand: typeof MapExpandIcon;
     readonly menu: typeof MenuIcon;
     readonly minus: typeof MinusIcon;
     readonly navigate: typeof NavigateIcon;
@@ -311,8 +333,8 @@ declare const icons: {
 type IconName = keyof typeof icons;
 declare const iconNames: IconName[];
 declare const iconGroups: {
-    readonly navigation: readonly ["arrowRight", "chevronDown", "chevronLeft", "home", "listView", "locationPin", "mapView", "menu", "navigate"];
-    readonly actions: readonly ["show", "bell", "camera", "key", "check", "checkBadge", "checkSuccess", "copy", "search", "calendar", "calendarOutline", "ratingStar", "saveHeart", "share", "filters", "heart", "star", "starFilled", "minus", "plus", "sort"];
+    readonly navigation: readonly ["arrowRight", "chevronDown", "chevronLeft", "home", "listView", "locationPin", "mapCollapse", "mapExpand", "mapView", "menu", "navigate"];
+    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"];
@@ -641,6 +663,41 @@ interface CommentCardProps extends Omit<ViewProps, "style" | "children"> {
 }
 declare const CommentCard: react.ForwardRefExoticComponent<CommentCardProps & react.RefAttributes<View>>;
 
+interface RangeValue {
+    from?: number;
+    to?: number;
+}
+interface RangeProps extends Omit<ViewProps, "style" | "children"> {
+    /** Lowest value represented by the track. */
+    min?: number;
+    /** Highest value represented by the track. */
+    max?: number;
+    /** Snapping increment for handle drag, track click, and accessibility actions. */
+    step?: number;
+    value?: RangeValue;
+    defaultValue?: RangeValue;
+    onValueChange?: (value: RangeValue) => void;
+    /** Localized empty-state text for the lower-bound input. Defaults to Armenian. */
+    fromPlaceholder?: string;
+    /** Localized empty-state text for the upper-bound input. Defaults to Armenian. */
+    toPlaceholder?: string;
+    /** Currency text rendered after both inputs. */
+    currency?: string;
+    /** Localized accessible name for the lower handle and input. Defaults to `fromPlaceholder`. */
+    fromAccessibilityLabel?: string;
+    /** Localized accessible name for the upper handle and input. Defaults to `toPlaceholder`. */
+    toAccessibilityLabel?: string;
+    disabled?: boolean;
+    /** Locale-aware display formatter. Keep this paired with `parseValue` when it adds separators. */
+    formatValue?: (value: number) => string;
+    /** Parses localized input text back to a numeric value. */
+    parseValue?: (value: string) => number | undefined;
+    style?: StyleProp<ViewStyle>;
+    className?: string;
+}
+
+declare const Range: react.ForwardRefExoticComponent<RangeProps & react.RefAttributes<View>>;
+
 declare const grey: {
     readonly "0": "#767676";
     readonly "0.5": "#6E6E6E";
@@ -929,4 +986,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, CommentCard, type CommentCardProps, CopyIcon, Counter, type CounterProps, DatePicker, type DatePickerProps, type DatePickerRangeProps, type DatePickerSingleProps, type DateRange, FacebookIcon, 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, MapViewIcon, MenuIcon, type MenuIconProps, MenuItem, type MenuItemProps, MinusIcon, NavigateIcon, PhoneIcon, PlusIcon, QrCodeIcon, 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 { 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 };