@ecohouse/ui 0.1.17 → 0.1.19

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,7 @@ 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 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;
@@ -404,6 +418,8 @@ declare const LanguageSwitcher: react.ForwardRefExoticComponent<LanguageSwitcher
 interface StatCardProps extends Omit<ViewProps, "style" | "children"> {
     label: string;
     icon: IconComponent;
+    iconProps?: Omit<IconProps, "size">;
+    iconSize?: number;
     style?: StyleProp<ViewStyle>;
     className?: string;
 }
@@ -639,6 +655,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";
@@ -927,4 +978,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, 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, 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,7 @@ 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 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;
@@ -404,6 +418,8 @@ declare const LanguageSwitcher: react.ForwardRefExoticComponent<LanguageSwitcher
 interface StatCardProps extends Omit<ViewProps, "style" | "children"> {
     label: string;
     icon: IconComponent;
+    iconProps?: Omit<IconProps, "size">;
+    iconSize?: number;
     style?: StyleProp<ViewStyle>;
     className?: string;
 }
@@ -639,6 +655,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";
@@ -927,4 +978,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, 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, 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 };