@ecohouse/ui 0.1.7 → 0.1.9

package/dist/index.d.cts

@@ -20,6 +20,27 @@ interface MenuItemProps extends Omit<PressableProps, "onPress" | "disabled" | "s
 }
 declare const MenuItem: react.ForwardRefExoticComponent<MenuItemProps & react.RefAttributes<View>>;
 
+type BrandLogoVariant = "white" | "brand";
+interface BrandLogoProps {
+    /** White for dark surfaces, or the Cortel brand color for light surfaces. */
+    variant?: BrandLogoVariant;
+    /** Rendered width. Defaults to 62; setting only width preserves the original ratio. */
+    width?: number;
+    /** Rendered height. Defaults to 86; setting only height preserves the original ratio. */
+    height?: number;
+    /** Accessible name announced for the logo. */
+    accessibilityLabel?: string;
+}
+declare const BRAND_LOGO_DEFAULT_WIDTH = 62;
+declare const BRAND_LOGO_DEFAULT_HEIGHT = 86;
+declare const BRAND_LOGO_COLORS: {
+    readonly white: "#FFFFFF";
+    readonly brand: "#B76533";
+};
+
+/** Native Cortel Booking brand mark. */
+declare function BrandLogo({ variant, width, height, accessibilityLabel, }: BrandLogoProps): react.JSX.Element;
+
 /** Data shape for an Avatar dropdown option — same fields as `MenuItem`. */
 type AvatarMenuItem = Pick<MenuItemProps, "icon" | "label" | "disabled" | "backgroundColor" | "hoverColor"> & {
     /** Stable identity for React keys; falls back to `label`. */
@@ -114,6 +135,8 @@ declare function FacebookIcon({ size, color }: IconProps): react.JSX.Element;
 /** Native — react-native-svg (peer dependency). */
 declare function HeartIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
 
+declare function GlobeIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
+
 /** Native — react-native-svg (peer dependency). */
 declare function HelpCircleIcon({ size, color, strokeWidth, }: IconProps): react.JSX.Element;
 
@@ -204,6 +227,7 @@ declare const icons: {
     readonly clock: typeof ClockIcon;
     readonly facebook: typeof FacebookIcon;
     readonly heart: typeof HeartIcon;
+    readonly globe: typeof GlobeIcon;
     readonly helpCircle: typeof HelpCircleIcon;
     readonly home: typeof HomeIcon;
     readonly instagram: typeof InstagramIcon;
@@ -234,7 +258,7 @@ declare const iconGroups: {
     readonly objects: readonly ["bag", "building", "clock", "user", "usersAlt", "video"];
     readonly communication: readonly ["mail", "phone"];
     readonly social: readonly ["facebook", "instagram", "linkedin"];
-    readonly interface: readonly ["layoutGrid", "sidebar", "settings", "helpCircle", "logOut"];
+    readonly interface: readonly ["globe", "layoutGrid", "sidebar", "settings", "helpCircle", "logOut"];
 };
 type IconGroup = keyof typeof iconGroups;
 declare const iconGroupNames: IconGroup[];
@@ -287,6 +311,38 @@ interface SegmentedToggleProps extends Omit<ViewProps, "style" | "children"> {
 }
 declare const SegmentedToggle: react.ForwardRefExoticComponent<SegmentedToggleProps & react.RefAttributes<View>>;
 
+interface LanguageOption {
+    /** Stable locale identifier, such as `hy`, `en`, or `ru`. */
+    value: string;
+    /** Short label shown in the trigger and menu. */
+    label: string;
+}
+interface LanguageSwitcherProps extends Omit<ViewProps, "style" | "children"> {
+    options?: readonly LanguageOption[];
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    disabled?: boolean;
+    accessibilityLabel?: string;
+    style?: StyleProp<ViewStyle>;
+    className?: string;
+    hitSlop?: PressableProps["hitSlop"];
+}
+declare const defaultLanguageOptions: readonly [{
+    readonly value: "hy";
+    readonly label: "Հայ";
+}, {
+    readonly value: "en";
+    readonly label: "Eng";
+}, {
+    readonly value: "ru";
+    readonly label: "Рус";
+}];
+declare const LanguageSwitcher: react.ForwardRefExoticComponent<LanguageSwitcherProps & react.RefAttributes<View>>;
+
 interface StatCardProps extends Omit<ViewProps, "style" | "children"> {
     label: string;
     icon: IconComponent;
@@ -615,6 +671,14 @@ declare const segmentedToggleTypography: {
     readonly lineHeight: 14;
     readonly letterSpacing: 0;
 };
+/** Language switcher trigger and option labels — SemiBold 14. */
+declare const languageSwitcherTypography: {
+    readonly fontFamily: "Noto Sans Armenian";
+    readonly fontSize: 14;
+    readonly fontWeight: "600";
+    readonly lineHeight: 19;
+    readonly letterSpacing: 0;
+};
 /** Counter value — Bold 14, line-height 100%, letter-spacing 0. */
 declare const counterTypography: {
     readonly fontFamily: "Noto Sans Armenian";
@@ -798,4 +862,4 @@ declare const textareaTypography: {
     };
 };
 
-export { ArrowRightIcon, Avatar, type AvatarMenuItem, type AvatarProps, Badge, type BadgeProps, type BadgeVariant, BagIcon, BellIcon, BuildingIcon, Button, type ButtonProps, type ButtonSize, type ButtonVariant, CalendarIcon, CalendarOutlineIcon, CameraIcon, CheckBadgeIcon, CheckIcon, Checkbox, type CheckboxProps, type CheckboxVariant, ChevronDownIcon, ChevronLeftIcon, ClockIcon, CommentCard, type CommentCardProps, Counter, type CounterProps, DatePicker, type DatePickerProps, type DatePickerRangeProps, type DatePickerSingleProps, type DateRange, FacebookIcon, type GreyStep, HeartIcon, HelpCircleIcon, HomeIcon, Icon, type IconByNameProps, type IconComponent, type IconGroup, type IconName, type IconProps, Input, type InputProps, type InputSize, InstagramIcon, KeyIcon, LayoutGridIcon, LinkedInIcon, LogOutIcon, MailIcon, MenuItem, type MenuItemProps, MinusIcon, NavigateIcon, PhoneIcon, PlusIcon, RatingInput, type RatingInputProps, SearchIcon, SegmentedToggle, type SegmentedToggleOption, type SegmentedToggleProps, Select, type SelectMultipleProps, type SelectOption, type SelectProps, type SelectSingleProps, SettingsIcon, ShowIcon, SidebarIcon, StarFilledIcon, StarIcon, type StarIconProps, StatCard, type StatCardProps, Textarea, type TextareaProps, Toggle, type ToggleProps, UserIcon, UsersAltIcon, VideoIcon, avatarTypography, badgeTypography, buttonTypography, colors, commentCardTypography, counterTypography, datePickerTypography, fonts, getIconsByGroup, grey, iconGroupNames, iconGroups, iconNames, icons, inputTypography, ratingTypography, segmentedToggleTypography, selectTypography, statCardTypography, textareaTypography };
+export { ArrowRightIcon, Avatar, type AvatarMenuItem, type AvatarProps, BRAND_LOGO_COLORS, BRAND_LOGO_DEFAULT_HEIGHT, BRAND_LOGO_DEFAULT_WIDTH, Badge, type BadgeProps, type BadgeVariant, BagIcon, BellIcon, BrandLogo, type BrandLogoProps, type BrandLogoVariant, BuildingIcon, Button, type ButtonProps, type ButtonSize, type ButtonVariant, CalendarIcon, CalendarOutlineIcon, CameraIcon, CheckBadgeIcon, CheckIcon, Checkbox, type CheckboxProps, type CheckboxVariant, ChevronDownIcon, ChevronLeftIcon, ClockIcon, CommentCard, type CommentCardProps, Counter, type CounterProps, DatePicker, type DatePickerProps, type DatePickerRangeProps, type DatePickerSingleProps, type DateRange, FacebookIcon, GlobeIcon, type GreyStep, HeartIcon, HelpCircleIcon, HomeIcon, Icon, type IconByNameProps, type IconComponent, type IconGroup, type IconName, type IconProps, Input, type InputProps, type InputSize, InstagramIcon, KeyIcon, type LanguageOption, LanguageSwitcher, type LanguageSwitcherProps, LayoutGridIcon, LinkedInIcon, LogOutIcon, MailIcon, MenuItem, type MenuItemProps, MinusIcon, NavigateIcon, PhoneIcon, PlusIcon, RatingInput, type RatingInputProps, SearchIcon, SegmentedToggle, type SegmentedToggleOption, type SegmentedToggleProps, Select, type SelectMultipleProps, type SelectOption, type SelectProps, type SelectSingleProps, SettingsIcon, ShowIcon, SidebarIcon, StarFilledIcon, StarIcon, type StarIconProps, StatCard, type StatCardProps, Textarea, type TextareaProps, Toggle, type ToggleProps, UserIcon, UsersAltIcon, VideoIcon, 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,27 @@ interface MenuItemProps extends Omit<PressableProps, "onPress" | "disabled" | "s
 }
 declare const MenuItem: react.ForwardRefExoticComponent<MenuItemProps & react.RefAttributes<View>>;
 
+type BrandLogoVariant = "white" | "brand";
+interface BrandLogoProps {
+    /** White for dark surfaces, or the Cortel brand color for light surfaces. */
+    variant?: BrandLogoVariant;
+    /** Rendered width. Defaults to 62; setting only width preserves the original ratio. */
+    width?: number;
+    /** Rendered height. Defaults to 86; setting only height preserves the original ratio. */
+    height?: number;
+    /** Accessible name announced for the logo. */
+    accessibilityLabel?: string;
+}
+declare const BRAND_LOGO_DEFAULT_WIDTH = 62;
+declare const BRAND_LOGO_DEFAULT_HEIGHT = 86;
+declare const BRAND_LOGO_COLORS: {
+    readonly white: "#FFFFFF";
+    readonly brand: "#B76533";
+};
+
+/** Native Cortel Booking brand mark. */
+declare function BrandLogo({ variant, width, height, accessibilityLabel, }: BrandLogoProps): react.JSX.Element;
+
 /** Data shape for an Avatar dropdown option — same fields as `MenuItem`. */
 type AvatarMenuItem = Pick<MenuItemProps, "icon" | "label" | "disabled" | "backgroundColor" | "hoverColor"> & {
     /** Stable identity for React keys; falls back to `label`. */
@@ -114,6 +135,8 @@ declare function FacebookIcon({ size, color }: IconProps): react.JSX.Element;
 /** Native — react-native-svg (peer dependency). */
 declare function HeartIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
 
+declare function GlobeIcon({ size, color, strokeWidth }: IconProps): react.JSX.Element;
+
 /** Native — react-native-svg (peer dependency). */
 declare function HelpCircleIcon({ size, color, strokeWidth, }: IconProps): react.JSX.Element;
 
@@ -204,6 +227,7 @@ declare const icons: {
     readonly clock: typeof ClockIcon;
     readonly facebook: typeof FacebookIcon;
     readonly heart: typeof HeartIcon;
+    readonly globe: typeof GlobeIcon;
     readonly helpCircle: typeof HelpCircleIcon;
     readonly home: typeof HomeIcon;
     readonly instagram: typeof InstagramIcon;
@@ -234,7 +258,7 @@ declare const iconGroups: {
     readonly objects: readonly ["bag", "building", "clock", "user", "usersAlt", "video"];
     readonly communication: readonly ["mail", "phone"];
     readonly social: readonly ["facebook", "instagram", "linkedin"];
-    readonly interface: readonly ["layoutGrid", "sidebar", "settings", "helpCircle", "logOut"];
+    readonly interface: readonly ["globe", "layoutGrid", "sidebar", "settings", "helpCircle", "logOut"];
 };
 type IconGroup = keyof typeof iconGroups;
 declare const iconGroupNames: IconGroup[];
@@ -287,6 +311,38 @@ interface SegmentedToggleProps extends Omit<ViewProps, "style" | "children"> {
 }
 declare const SegmentedToggle: react.ForwardRefExoticComponent<SegmentedToggleProps & react.RefAttributes<View>>;
 
+interface LanguageOption {
+    /** Stable locale identifier, such as `hy`, `en`, or `ru`. */
+    value: string;
+    /** Short label shown in the trigger and menu. */
+    label: string;
+}
+interface LanguageSwitcherProps extends Omit<ViewProps, "style" | "children"> {
+    options?: readonly LanguageOption[];
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    disabled?: boolean;
+    accessibilityLabel?: string;
+    style?: StyleProp<ViewStyle>;
+    className?: string;
+    hitSlop?: PressableProps["hitSlop"];
+}
+declare const defaultLanguageOptions: readonly [{
+    readonly value: "hy";
+    readonly label: "Հայ";
+}, {
+    readonly value: "en";
+    readonly label: "Eng";
+}, {
+    readonly value: "ru";
+    readonly label: "Рус";
+}];
+declare const LanguageSwitcher: react.ForwardRefExoticComponent<LanguageSwitcherProps & react.RefAttributes<View>>;
+
 interface StatCardProps extends Omit<ViewProps, "style" | "children"> {
     label: string;
     icon: IconComponent;
@@ -615,6 +671,14 @@ declare const segmentedToggleTypography: {
     readonly lineHeight: 14;
     readonly letterSpacing: 0;
 };
+/** Language switcher trigger and option labels — SemiBold 14. */
+declare const languageSwitcherTypography: {
+    readonly fontFamily: "Noto Sans Armenian";
+    readonly fontSize: 14;
+    readonly fontWeight: "600";
+    readonly lineHeight: 19;
+    readonly letterSpacing: 0;
+};
 /** Counter value — Bold 14, line-height 100%, letter-spacing 0. */
 declare const counterTypography: {
     readonly fontFamily: "Noto Sans Armenian";
@@ -798,4 +862,4 @@ declare const textareaTypography: {
     };
 };
 
-export { ArrowRightIcon, Avatar, type AvatarMenuItem, type AvatarProps, Badge, type BadgeProps, type BadgeVariant, BagIcon, BellIcon, BuildingIcon, Button, type ButtonProps, type ButtonSize, type ButtonVariant, CalendarIcon, CalendarOutlineIcon, CameraIcon, CheckBadgeIcon, CheckIcon, Checkbox, type CheckboxProps, type CheckboxVariant, ChevronDownIcon, ChevronLeftIcon, ClockIcon, CommentCard, type CommentCardProps, Counter, type CounterProps, DatePicker, type DatePickerProps, type DatePickerRangeProps, type DatePickerSingleProps, type DateRange, FacebookIcon, type GreyStep, HeartIcon, HelpCircleIcon, HomeIcon, Icon, type IconByNameProps, type IconComponent, type IconGroup, type IconName, type IconProps, Input, type InputProps, type InputSize, InstagramIcon, KeyIcon, LayoutGridIcon, LinkedInIcon, LogOutIcon, MailIcon, MenuItem, type MenuItemProps, MinusIcon, NavigateIcon, PhoneIcon, PlusIcon, RatingInput, type RatingInputProps, SearchIcon, SegmentedToggle, type SegmentedToggleOption, type SegmentedToggleProps, Select, type SelectMultipleProps, type SelectOption, type SelectProps, type SelectSingleProps, SettingsIcon, ShowIcon, SidebarIcon, StarFilledIcon, StarIcon, type StarIconProps, StatCard, type StatCardProps, Textarea, type TextareaProps, Toggle, type ToggleProps, UserIcon, UsersAltIcon, VideoIcon, avatarTypography, badgeTypography, buttonTypography, colors, commentCardTypography, counterTypography, datePickerTypography, fonts, getIconsByGroup, grey, iconGroupNames, iconGroups, iconNames, icons, inputTypography, ratingTypography, segmentedToggleTypography, selectTypography, statCardTypography, textareaTypography };
+export { ArrowRightIcon, Avatar, type AvatarMenuItem, type AvatarProps, BRAND_LOGO_COLORS, BRAND_LOGO_DEFAULT_HEIGHT, BRAND_LOGO_DEFAULT_WIDTH, Badge, type BadgeProps, type BadgeVariant, BagIcon, BellIcon, BrandLogo, type BrandLogoProps, type BrandLogoVariant, BuildingIcon, Button, type ButtonProps, type ButtonSize, type ButtonVariant, CalendarIcon, CalendarOutlineIcon, CameraIcon, CheckBadgeIcon, CheckIcon, Checkbox, type CheckboxProps, type CheckboxVariant, ChevronDownIcon, ChevronLeftIcon, ClockIcon, CommentCard, type CommentCardProps, Counter, type CounterProps, DatePicker, type DatePickerProps, type DatePickerRangeProps, type DatePickerSingleProps, type DateRange, FacebookIcon, GlobeIcon, type GreyStep, HeartIcon, HelpCircleIcon, HomeIcon, Icon, type IconByNameProps, type IconComponent, type IconGroup, type IconName, type IconProps, Input, type InputProps, type InputSize, InstagramIcon, KeyIcon, type LanguageOption, LanguageSwitcher, type LanguageSwitcherProps, LayoutGridIcon, LinkedInIcon, LogOutIcon, MailIcon, MenuItem, type MenuItemProps, MinusIcon, NavigateIcon, PhoneIcon, PlusIcon, RatingInput, type RatingInputProps, SearchIcon, SegmentedToggle, type SegmentedToggleOption, type SegmentedToggleProps, Select, type SelectMultipleProps, type SelectOption, type SelectProps, type SelectSingleProps, SettingsIcon, ShowIcon, SidebarIcon, StarFilledIcon, StarIcon, type StarIconProps, StatCard, type StatCardProps, Textarea, type TextareaProps, Toggle, type ToggleProps, UserIcon, UsersAltIcon, VideoIcon, avatarTypography, badgeTypography, buttonTypography, colors, commentCardTypography, counterTypography, datePickerTypography, defaultLanguageOptions, fonts, getIconsByGroup, grey, iconGroupNames, iconGroups, iconNames, icons, inputTypography, languageSwitcherTypography, ratingTypography, segmentedToggleTypography, selectTypography, statCardTypography, textareaTypography };