@ecohouse/ui 0.1.28 → 0.1.30

package/dist/index.d.cts

@@ -117,6 +117,27 @@ interface AvatarProps extends Omit<PressableProps, "onPress" | "disabled" | "sty
 }
 declare const Avatar: react.ForwardRefExoticComponent<AvatarProps & react.RefAttributes<View>>;
 
+interface AvatarSimpleProps extends Omit<ViewProps, "style" | "children"> {
+    /** Logged-in user's display name. */
+    name: string;
+    /** Shown under the name, e.g. the user's email. */
+    email: string;
+    /** Photo URL; falls back to a solid placeholder when missing or when it fails to load. */
+    imageUrl?: string | null;
+    /** Called when the trailing logout control is pressed. */
+    onLogOut?: () => void;
+    /** Accessible label for the logout control. Defaults to `"Log out"`. */
+    logOutAccessibilityLabel?: string;
+    /**
+     * Compact mode — avatar image only (no card chrome, name, email, or logout).
+     * Used by collapsed account sidebars.
+     */
+    compact?: boolean;
+    style?: StyleProp<ViewStyle>;
+    className?: string;
+}
+declare const AvatarSimple: react.ForwardRefExoticComponent<AvatarSimpleProps & react.RefAttributes<View>>;
+
 interface IconProps {
     size?: number;
     color?: string;
@@ -409,7 +430,11 @@ interface SegmentedToggleOption {
     icon?: IconComponent;
 }
 interface SegmentedToggleProps extends Omit<ViewProps, "style" | "children"> {
-    options: readonly [SegmentedToggleOption, SegmentedToggleOption];
+    /**
+     * Segment options. Supports 2 or 3 options (e.g. Active / Completed / Cancelled).
+     * Passing fewer than 2 options is unsupported.
+     */
+    options: readonly [SegmentedToggleOption, SegmentedToggleOption] | readonly [SegmentedToggleOption, SegmentedToggleOption, SegmentedToggleOption];
     value?: string;
     defaultValue?: string;
     onValueChange?: (value: string) => void;
@@ -421,6 +446,43 @@ interface SegmentedToggleProps extends Omit<ViewProps, "style" | "children"> {
 }
 declare const SegmentedToggle: react.ForwardRefExoticComponent<SegmentedToggleProps & react.RefAttributes<View>>;
 
+interface SidebarItem {
+    /** Stable identity for React keys. */
+    key: string;
+    label: string;
+    /** Icon component — colored by the sidebar based on active state. */
+    icon: IconComponent;
+    /** Marks the current route / selection. */
+    active?: boolean;
+    onPress?: () => void;
+}
+interface SidebarUser {
+    name: string;
+    email: string;
+    imageUrl?: string | null;
+}
+interface SidebarProps extends Omit<ViewProps, "style" | "children"> {
+    items: readonly SidebarItem[];
+    user: SidebarUser;
+    onLogOut?: () => void;
+    /** Accessible name for the brand mark. Defaults to `"Cortel Booking"`. */
+    logoAccessibilityLabel?: string;
+    /** Accessible name for the nav landmark. Defaults to `"Account navigation"`. */
+    navigationAccessibilityLabel?: string;
+    /** Accessible label when the sidebar is expanded. Defaults to `"Collapse sidebar"`. */
+    collapseAccessibilityLabel?: string;
+    /** Accessible label when the sidebar is collapsed. Defaults to `"Expand sidebar"`. */
+    expandAccessibilityLabel?: string;
+    /** Accessible label for the logout control. Defaults to `"Log out"`. */
+    logOutAccessibilityLabel?: string;
+    collapsed?: boolean;
+    defaultCollapsed?: boolean;
+    onCollapsedChange?: (collapsed: boolean) => void;
+    style?: StyleProp<ViewStyle>;
+    className?: string;
+}
+declare const Sidebar: react.ForwardRefExoticComponent<SidebarProps & react.RefAttributes<View>>;
+
 interface LanguageOption {
     /** Stable locale identifier, such as `hy`, `en`, or `ru`. */
     value: string;
@@ -585,6 +647,31 @@ interface InputProps extends Omit<TextInputProps, "style" | "editable"> {
 }
 declare const Input: react.ForwardRefExoticComponent<InputProps & react.RefAttributes<TextInput>>;
 
+interface VerificationCodeInputHandle {
+    clear: () => void;
+    focus: (index?: number) => void;
+}
+interface VerificationCodeInputProps extends Omit<ViewProps, "children" | "style"> {
+    /** Number of numeric cells. */
+    length?: number;
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    /** Called whenever every cell contains a digit. */
+    onComplete?: (value: string) => void;
+    /** Called when Enter/submit is pressed from a cell. */
+    onSubmit?: (value: string) => void;
+    error?: boolean;
+    disabled?: boolean;
+    autoFocus?: boolean;
+    /** Localized accessible name for each zero-based cell index. */
+    getDigitAccessibilityLabel?: (index: number) => string;
+    style?: StyleProp<ViewStyle>;
+    inputStyle?: StyleProp<TextStyle>;
+    className?: string;
+}
+declare const VerificationCodeInput: react.ForwardRefExoticComponent<VerificationCodeInputProps & react.RefAttributes<VerificationCodeInputHandle>>;
+
 type SelectOption = {
     label: string;
     value: string;
@@ -1050,4 +1137,4 @@ declare const 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 DatePickerVariant, 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, AvatarSimple, type AvatarSimpleProps, 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 DatePickerVariant, 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, Sidebar, SidebarIcon, type SidebarItem, type SidebarProps, type SidebarUser, SortIcon, StarFilledIcon, StarIcon, type StarIconProps, StatCard, type StatCardProps, Textarea, type TextareaProps, Toggle, type ToggleProps, TooltipArrowIcon, UserIcon, UsersAltIcon, VerificationCodeInput, type VerificationCodeInputHandle, type VerificationCodeInputProps, 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

@@ -117,6 +117,27 @@ interface AvatarProps extends Omit<PressableProps, "onPress" | "disabled" | "sty
 }
 declare const Avatar: react.ForwardRefExoticComponent<AvatarProps & react.RefAttributes<View>>;
 
+interface AvatarSimpleProps extends Omit<ViewProps, "style" | "children"> {
+    /** Logged-in user's display name. */
+    name: string;
+    /** Shown under the name, e.g. the user's email. */
+    email: string;
+    /** Photo URL; falls back to a solid placeholder when missing or when it fails to load. */
+    imageUrl?: string | null;
+    /** Called when the trailing logout control is pressed. */
+    onLogOut?: () => void;
+    /** Accessible label for the logout control. Defaults to `"Log out"`. */
+    logOutAccessibilityLabel?: string;
+    /**
+     * Compact mode — avatar image only (no card chrome, name, email, or logout).
+     * Used by collapsed account sidebars.
+     */
+    compact?: boolean;
+    style?: StyleProp<ViewStyle>;
+    className?: string;
+}
+declare const AvatarSimple: react.ForwardRefExoticComponent<AvatarSimpleProps & react.RefAttributes<View>>;
+
 interface IconProps {
     size?: number;
     color?: string;
@@ -409,7 +430,11 @@ interface SegmentedToggleOption {
     icon?: IconComponent;
 }
 interface SegmentedToggleProps extends Omit<ViewProps, "style" | "children"> {
-    options: readonly [SegmentedToggleOption, SegmentedToggleOption];
+    /**
+     * Segment options. Supports 2 or 3 options (e.g. Active / Completed / Cancelled).
+     * Passing fewer than 2 options is unsupported.
+     */
+    options: readonly [SegmentedToggleOption, SegmentedToggleOption] | readonly [SegmentedToggleOption, SegmentedToggleOption, SegmentedToggleOption];
     value?: string;
     defaultValue?: string;
     onValueChange?: (value: string) => void;
@@ -421,6 +446,43 @@ interface SegmentedToggleProps extends Omit<ViewProps, "style" | "children"> {
 }
 declare const SegmentedToggle: react.ForwardRefExoticComponent<SegmentedToggleProps & react.RefAttributes<View>>;
 
+interface SidebarItem {
+    /** Stable identity for React keys. */
+    key: string;
+    label: string;
+    /** Icon component — colored by the sidebar based on active state. */
+    icon: IconComponent;
+    /** Marks the current route / selection. */
+    active?: boolean;
+    onPress?: () => void;
+}
+interface SidebarUser {
+    name: string;
+    email: string;
+    imageUrl?: string | null;
+}
+interface SidebarProps extends Omit<ViewProps, "style" | "children"> {
+    items: readonly SidebarItem[];
+    user: SidebarUser;
+    onLogOut?: () => void;
+    /** Accessible name for the brand mark. Defaults to `"Cortel Booking"`. */
+    logoAccessibilityLabel?: string;
+    /** Accessible name for the nav landmark. Defaults to `"Account navigation"`. */
+    navigationAccessibilityLabel?: string;
+    /** Accessible label when the sidebar is expanded. Defaults to `"Collapse sidebar"`. */
+    collapseAccessibilityLabel?: string;
+    /** Accessible label when the sidebar is collapsed. Defaults to `"Expand sidebar"`. */
+    expandAccessibilityLabel?: string;
+    /** Accessible label for the logout control. Defaults to `"Log out"`. */
+    logOutAccessibilityLabel?: string;
+    collapsed?: boolean;
+    defaultCollapsed?: boolean;
+    onCollapsedChange?: (collapsed: boolean) => void;
+    style?: StyleProp<ViewStyle>;
+    className?: string;
+}
+declare const Sidebar: react.ForwardRefExoticComponent<SidebarProps & react.RefAttributes<View>>;
+
 interface LanguageOption {
     /** Stable locale identifier, such as `hy`, `en`, or `ru`. */
     value: string;
@@ -585,6 +647,31 @@ interface InputProps extends Omit<TextInputProps, "style" | "editable"> {
 }
 declare const Input: react.ForwardRefExoticComponent<InputProps & react.RefAttributes<TextInput>>;
 
+interface VerificationCodeInputHandle {
+    clear: () => void;
+    focus: (index?: number) => void;
+}
+interface VerificationCodeInputProps extends Omit<ViewProps, "children" | "style"> {
+    /** Number of numeric cells. */
+    length?: number;
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    /** Called whenever every cell contains a digit. */
+    onComplete?: (value: string) => void;
+    /** Called when Enter/submit is pressed from a cell. */
+    onSubmit?: (value: string) => void;
+    error?: boolean;
+    disabled?: boolean;
+    autoFocus?: boolean;
+    /** Localized accessible name for each zero-based cell index. */
+    getDigitAccessibilityLabel?: (index: number) => string;
+    style?: StyleProp<ViewStyle>;
+    inputStyle?: StyleProp<TextStyle>;
+    className?: string;
+}
+declare const VerificationCodeInput: react.ForwardRefExoticComponent<VerificationCodeInputProps & react.RefAttributes<VerificationCodeInputHandle>>;
+
 type SelectOption = {
     label: string;
     value: string;
@@ -1050,4 +1137,4 @@ declare const 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 DatePickerVariant, 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, AvatarSimple, type AvatarSimpleProps, 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 DatePickerVariant, 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, Sidebar, SidebarIcon, type SidebarItem, type SidebarProps, type SidebarUser, SortIcon, StarFilledIcon, StarIcon, type StarIconProps, StatCard, type StatCardProps, Textarea, type TextareaProps, Toggle, type ToggleProps, TooltipArrowIcon, UserIcon, UsersAltIcon, VerificationCodeInput, type VerificationCodeInputHandle, type VerificationCodeInputProps, VideoIcon, WhatsAppIcon, avatarTypography, badgeTypography, buttonTypography, colors, commentCardTypography, counterTypography, datePickerTypography, defaultLanguageOptions, fonts, getIconsByGroup, grey, iconGroupNames, iconGroups, iconNames, icons, inputTypography, languageSwitcherTypography, ratingTypography, segmentedToggleTypography, selectTypography, statCardTypography, textareaTypography };