@chekinapp/ui 0.0.1 → 0.0.2

package/dist/index.d.cts

@@ -2332,6 +2332,34 @@ declare const AirbnbInput: React$1.ForwardRefExoticComponent<React$1.InputHTMLAt
     renderErrorMessage?: boolean;
 } & React$1.RefAttributes<HTMLInputElement>>;
 
+type PhoneFieldOption = {
+    value: string;
+    label: string;
+    disabled?: boolean;
+};
+type PhoneFieldValue = {
+    code: string;
+    number: string;
+};
+type PhoneFieldProps = {
+    variant?: 'default' | 'airbnb';
+    label: string;
+    topLabel?: string;
+    value?: PhoneFieldValue | null;
+    onChange: (value: PhoneFieldValue) => void;
+    options: PhoneFieldOption[];
+    placeholder?: string;
+    disabled?: boolean;
+    error?: string;
+    className?: string;
+    name?: string;
+    codeName?: string;
+    numberName?: string;
+    mobileTitle?: string;
+    codePlaceholder?: string;
+};
+declare function PhoneField({ variant, label, topLabel, value, onChange, options, placeholder, disabled, error, className, name, codeName, numberName, mobileTitle, codePlaceholder, }: PhoneFieldProps): react_jsx_runtime.JSX.Element;
+
 type SelectValue = string | number;
 type SelectRenderTriggerProps<T = undefined, V extends SelectValue = string, L extends string | number | React$1.ReactNode = string> = {
     id: string;
@@ -2415,4 +2443,4 @@ declare const SearchableSelect: SearchableSelectComponent;
 
 declare function cn(...inputs: ClassValue[]): string;
 
-export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, AccordionTrigger, type AccordionTriggerProps, AirbnbInput, type AirbnbInputProps, AirbnbSearchInput, AirbnbSelect, type AirbnbSelectProps, AlertBox, type AlertBoxProps, AlertSize, AlertSizes, AlertType, AlertTypes, AudioPlayer, type AudioPlayerProps, Avatar, type AvatarProps, Badge, type BadgeProps, BaseCheckbox, type BaseCheckboxProps, BetaBadge, type BetaBadgeProps, BookmarkTabsList, type BookmarkTabsListProps, BookmarkTabsTrigger, type BookmarkTabsTriggerProps, BoxOptionSelector, type BoxOptionSelectorProps, type BoxOptionSelectorSwitchProps, Breadcrumb, type BreadcrumbProps, type BreadcrumbType, Breadcrumbs, type BreadcrumbsProps, Button, ButtonGroup, type ButtonGroupProps, ButtonGroupText, type ButtonGroupTextProps, type ButtonProps, type ButtonStatuses, ButtonsGroupLabel, type ButtonsGroupLabelProps, Calendar, type CalendarProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, type ChannelOption, ChannelSelector, type ChannelSelectorProps, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxOption, type CheckboxProps, CommingSoonBadge, type CommingSoonBadgeProps, ConfirmationDialog, type ConfirmationDialogProps, CopyIcon, type CopyIconProps, CopyLinkButton, type CopyLinkButtonProps, type CustomIconEntry, DataTable, type DataTableProps, DatePicker, type DatePickerProps, DefaultSelectTrigger, type DefaultSelectTriggerProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DialogVisuallyHidden, DividingSubsection, DownloadEntryFormsButton, type DownloadEntryFormsButtonProps, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownButton, type DropdownButtonProps, DropdownMenu, DropdownMenuContent, type DropdownMenuContentSide, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuSeparator, DropdownMenuTrigger, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptySectionPlaceholder, type EmptySectionPlaceholderProps, EmptyTitle, ErrorMessage, type ErrorMessageProps, ExternalLink, type ExternalLinkProps, FeatureCard, type FeatureCardProps, FieldTrigger, type FieldTriggerProps, FileInputButton, type FileInputButtonProps, FormBox, Content as FormBoxContent, type FormBoxContentProps, Header as FormBoxHeader, type FormBoxHeaderProps, Root as FormBoxRoot, type FormBoxRootProps, SubHeader as FormBoxSubHeader, type FormBoxSubHeaderProps, FramedIcon, type FramedIconProps, FreeTextField, type FreeTextFieldProps, GridItems, type GridItemsProps, type GuestVerificationStatus, HALO_ICON_STATUS, HaloIcon, type HaloIconProps, HelpTooltip, type HelpTooltipProps, IVStatusBadge, type IVStatusBadgeProps, IV_BADGE_STATUS, Icon$1 as Icon, IconButton, type IconButtonProps, type IconEntry, type IconNames, type IconProps, IconRegistry, IconsDropdown, type IconsDropdownProps, Image, ImageFullScreenView, type ImageFullScreenViewProps, type ImageProps, InfoBox, type InfoBoxProps, Input, InputOTP, InputOTPGroup, type InputOTPProps, InputOTPSeparator, InputOTPSlot, type InputProps, LABEL_PLACEMENT, Label, type LabelProps, LargeModal, type LargeModalProps, LearnMoreButton, type LearnMoreButtonProps, Link, type LinkProps, Loader, type LoaderProps, LoadingBar, type LoadingBarProps, type LucideIconEntry, METRIC_CARD_VARIANTS, MetricCard, type MetricCardProps, Modal, ModalButton, ModalLoader, type ModalLoaderProps, type ModalProps, OverlayLoader, type OverlayLoaderProps, PageLoader, type PageLoaderProps, Pagination, type PaginationProps, type PaginationVariant, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverPortal, PopoverTrigger, Radio, RadioGroup, RadioGroupItem, type RadioOption, type RadioProps, RadioWithBorder, RatingProgress, type RatingProgressProps, RatingRadioGroup, type RatingRadioGroupProps, RatingStars, type RatingStarsProps, RegistryIcon, RotateIcon, type RotateIconProps, ScrollArea, type ScrollAreaProps, ScrollBar, type ScrollBarProps, SearchButton, type SearchButtonProps, SearchInput, type SearchInputProps, SearchableSelect, type SearchableSelectProps, type SearchableSelectValue, Section, type SectionProps, SectionTag, SectionTagColors, type SectionTagProps, Select, SelectContent, type SelectForwardType, SelectGroup, SelectItem, SelectLabel, type SelectOption, SelectPortal, type SelectProps, SelectRoot, SelectSeparator, SelectTrigger, SelectValue$1 as SelectValue, SelectorButton, type SelectorButtonProps, type SelectorOption, Selectors, type SelectorsProps, Separator, type SeparatorProps, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarIcon, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, type SkeletonProps, SmallGridSingleItem, type SmallGridSingleItemProps, SortingAction, type SortingActionProps, type SortingActionValue, type SortingByVariant, StatusBadge, type StatusBadgeProps, type StatusBadgeVariant, StatusBox, type StatusBoxProps, StatusButton, type StatusButtonProps, Stepper, type StepperProps, SubSection, SubSectionSize, Switch, SwitchBlocks, type SwitchBlocksOption, type SwitchBlocksProps, SwitchGroup, type SwitchGroupProps, type SwitchOption, type SwitchProps, TASK_VARIANTS, TabbedSection, type TabbedSectionProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TablePlaceholder, type TablePlaceholderProps, TableRow, Tabs, TabsContent, TabsList, type TabsListProps, TabsTrigger, type TabsTriggerProps, TaskCard, type TaskCardProps, TextField, type TextFieldProps, Textarea, type TextareaProps, ThreeDotsLoader, type ThreeDotsLoaderProps, ToggleGroup, ToggleGroupItem, Toggles, type TogglesForwardType, type TogglesProps, Tooltip, TooltipContent, type TooltipContentProps, type TooltipProps, TooltipProvider, TooltipRoot, type TooltipRootProps, TooltipRootWrapper, TooltipTrigger, type UiKitLocale, UploadedFilesList, type UploadedFilesListProps, VideoPlayer, type VideoPlayerProps, WideButton, type WideButtonProps, badgeVariants, bookmarkTabsListVariants, bookmarkTabsTriggerVariants, buttonGroupVariants, buttonVariants, calendarClassNames, cn, emptyMediaVariants, getSidebarState, inputVariants, labelVariants, sectionTagVariants, switchThumbVariants, switchVariants, tabsListVariants, tabsTriggerVariants, toggleVariants, uiKitI18nResources, uiKitTranslations, useRadioOptions, useSidebar, useSidebarMenuButton, useSidebarSafe, useUpdateToast };
+export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, AccordionTrigger, type AccordionTriggerProps, AirbnbInput, type AirbnbInputProps, AirbnbSearchInput, AirbnbSelect, type AirbnbSelectProps, AlertBox, type AlertBoxProps, AlertSize, AlertSizes, AlertType, AlertTypes, AudioPlayer, type AudioPlayerProps, Avatar, type AvatarProps, Badge, type BadgeProps, BaseCheckbox, type BaseCheckboxProps, BetaBadge, type BetaBadgeProps, BookmarkTabsList, type BookmarkTabsListProps, BookmarkTabsTrigger, type BookmarkTabsTriggerProps, BoxOptionSelector, type BoxOptionSelectorProps, type BoxOptionSelectorSwitchProps, Breadcrumb, type BreadcrumbProps, type BreadcrumbType, Breadcrumbs, type BreadcrumbsProps, Button, ButtonGroup, type ButtonGroupProps, ButtonGroupText, type ButtonGroupTextProps, type ButtonProps, type ButtonStatuses, ButtonsGroupLabel, type ButtonsGroupLabelProps, Calendar, type CalendarProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, type ChannelOption, ChannelSelector, type ChannelSelectorProps, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxOption, type CheckboxProps, CommingSoonBadge, type CommingSoonBadgeProps, ConfirmationDialog, type ConfirmationDialogProps, CopyIcon, type CopyIconProps, CopyLinkButton, type CopyLinkButtonProps, type CustomIconEntry, DataTable, type DataTableProps, DatePicker, type DatePickerProps, DefaultSelectTrigger, type DefaultSelectTriggerProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DialogVisuallyHidden, DividingSubsection, DownloadEntryFormsButton, type DownloadEntryFormsButtonProps, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownButton, type DropdownButtonProps, DropdownMenu, DropdownMenuContent, type DropdownMenuContentSide, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuSeparator, DropdownMenuTrigger, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptySectionPlaceholder, type EmptySectionPlaceholderProps, EmptyTitle, ErrorMessage, type ErrorMessageProps, ExternalLink, type ExternalLinkProps, FeatureCard, type FeatureCardProps, FieldTrigger, type FieldTriggerProps, FileInputButton, type FileInputButtonProps, FormBox, Content as FormBoxContent, type FormBoxContentProps, Header as FormBoxHeader, type FormBoxHeaderProps, Root as FormBoxRoot, type FormBoxRootProps, SubHeader as FormBoxSubHeader, type FormBoxSubHeaderProps, FramedIcon, type FramedIconProps, FreeTextField, type FreeTextFieldProps, GridItems, type GridItemsProps, type GuestVerificationStatus, HALO_ICON_STATUS, HaloIcon, type HaloIconProps, HelpTooltip, type HelpTooltipProps, IVStatusBadge, type IVStatusBadgeProps, IV_BADGE_STATUS, Icon$1 as Icon, IconButton, type IconButtonProps, type IconEntry, type IconNames, type IconProps, IconRegistry, IconsDropdown, type IconsDropdownProps, Image, ImageFullScreenView, type ImageFullScreenViewProps, type ImageProps, InfoBox, type InfoBoxProps, Input, InputOTP, InputOTPGroup, type InputOTPProps, InputOTPSeparator, InputOTPSlot, type InputProps, LABEL_PLACEMENT, Label, type LabelProps, LargeModal, type LargeModalProps, LearnMoreButton, type LearnMoreButtonProps, Link, type LinkProps, Loader, type LoaderProps, LoadingBar, type LoadingBarProps, type LucideIconEntry, METRIC_CARD_VARIANTS, MetricCard, type MetricCardProps, Modal, ModalButton, ModalLoader, type ModalLoaderProps, type ModalProps, OverlayLoader, type OverlayLoaderProps, PageLoader, type PageLoaderProps, Pagination, type PaginationProps, type PaginationVariant, PhoneField, type PhoneFieldOption, type PhoneFieldProps, type PhoneFieldValue, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverPortal, PopoverTrigger, Radio, RadioGroup, RadioGroupItem, type RadioOption, type RadioProps, RadioWithBorder, RatingProgress, type RatingProgressProps, RatingRadioGroup, type RatingRadioGroupProps, RatingStars, type RatingStarsProps, RegistryIcon, RotateIcon, type RotateIconProps, ScrollArea, type ScrollAreaProps, ScrollBar, type ScrollBarProps, SearchButton, type SearchButtonProps, SearchInput, type SearchInputProps, SearchableSelect, type SearchableSelectProps, type SearchableSelectValue, Section, type SectionProps, SectionTag, SectionTagColors, type SectionTagProps, Select, SelectContent, type SelectForwardType, SelectGroup, SelectItem, SelectLabel, type SelectOption, SelectPortal, type SelectProps, SelectRoot, SelectSeparator, SelectTrigger, SelectValue$1 as SelectValue, SelectorButton, type SelectorButtonProps, type SelectorOption, Selectors, type SelectorsProps, Separator, type SeparatorProps, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarIcon, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, type SkeletonProps, SmallGridSingleItem, type SmallGridSingleItemProps, SortingAction, type SortingActionProps, type SortingActionValue, type SortingByVariant, StatusBadge, type StatusBadgeProps, type StatusBadgeVariant, StatusBox, type StatusBoxProps, StatusButton, type StatusButtonProps, Stepper, type StepperProps, SubSection, SubSectionSize, Switch, SwitchBlocks, type SwitchBlocksOption, type SwitchBlocksProps, SwitchGroup, type SwitchGroupProps, type SwitchOption, type SwitchProps, TASK_VARIANTS, TabbedSection, type TabbedSectionProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TablePlaceholder, type TablePlaceholderProps, TableRow, Tabs, TabsContent, TabsList, type TabsListProps, TabsTrigger, type TabsTriggerProps, TaskCard, type TaskCardProps, TextField, type TextFieldProps, Textarea, type TextareaProps, ThreeDotsLoader, type ThreeDotsLoaderProps, ToggleGroup, ToggleGroupItem, Toggles, type TogglesForwardType, type TogglesProps, Tooltip, TooltipContent, type TooltipContentProps, type TooltipProps, TooltipProvider, TooltipRoot, type TooltipRootProps, TooltipRootWrapper, TooltipTrigger, type UiKitLocale, UploadedFilesList, type UploadedFilesListProps, VideoPlayer, type VideoPlayerProps, WideButton, type WideButtonProps, badgeVariants, bookmarkTabsListVariants, bookmarkTabsTriggerVariants, buttonGroupVariants, buttonVariants, calendarClassNames, cn, emptyMediaVariants, getSidebarState, inputVariants, labelVariants, sectionTagVariants, switchThumbVariants, switchVariants, tabsListVariants, tabsTriggerVariants, toggleVariants, uiKitI18nResources, uiKitTranslations, useRadioOptions, useSidebar, useSidebarMenuButton, useSidebarSafe, useUpdateToast };

package/dist/index.d.ts

@@ -2332,6 +2332,34 @@ declare const AirbnbInput: React$1.ForwardRefExoticComponent<React$1.InputHTMLAt
     renderErrorMessage?: boolean;
 } & React$1.RefAttributes<HTMLInputElement>>;
 
+type PhoneFieldOption = {
+    value: string;
+    label: string;
+    disabled?: boolean;
+};
+type PhoneFieldValue = {
+    code: string;
+    number: string;
+};
+type PhoneFieldProps = {
+    variant?: 'default' | 'airbnb';
+    label: string;
+    topLabel?: string;
+    value?: PhoneFieldValue | null;
+    onChange: (value: PhoneFieldValue) => void;
+    options: PhoneFieldOption[];
+    placeholder?: string;
+    disabled?: boolean;
+    error?: string;
+    className?: string;
+    name?: string;
+    codeName?: string;
+    numberName?: string;
+    mobileTitle?: string;
+    codePlaceholder?: string;
+};
+declare function PhoneField({ variant, label, topLabel, value, onChange, options, placeholder, disabled, error, className, name, codeName, numberName, mobileTitle, codePlaceholder, }: PhoneFieldProps): react_jsx_runtime.JSX.Element;
+
 type SelectValue = string | number;
 type SelectRenderTriggerProps<T = undefined, V extends SelectValue = string, L extends string | number | React$1.ReactNode = string> = {
     id: string;
@@ -2415,4 +2443,4 @@ declare const SearchableSelect: SearchableSelectComponent;
 
 declare function cn(...inputs: ClassValue[]): string;
 
-export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, AccordionTrigger, type AccordionTriggerProps, AirbnbInput, type AirbnbInputProps, AirbnbSearchInput, AirbnbSelect, type AirbnbSelectProps, AlertBox, type AlertBoxProps, AlertSize, AlertSizes, AlertType, AlertTypes, AudioPlayer, type AudioPlayerProps, Avatar, type AvatarProps, Badge, type BadgeProps, BaseCheckbox, type BaseCheckboxProps, BetaBadge, type BetaBadgeProps, BookmarkTabsList, type BookmarkTabsListProps, BookmarkTabsTrigger, type BookmarkTabsTriggerProps, BoxOptionSelector, type BoxOptionSelectorProps, type BoxOptionSelectorSwitchProps, Breadcrumb, type BreadcrumbProps, type BreadcrumbType, Breadcrumbs, type BreadcrumbsProps, Button, ButtonGroup, type ButtonGroupProps, ButtonGroupText, type ButtonGroupTextProps, type ButtonProps, type ButtonStatuses, ButtonsGroupLabel, type ButtonsGroupLabelProps, Calendar, type CalendarProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, type ChannelOption, ChannelSelector, type ChannelSelectorProps, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxOption, type CheckboxProps, CommingSoonBadge, type CommingSoonBadgeProps, ConfirmationDialog, type ConfirmationDialogProps, CopyIcon, type CopyIconProps, CopyLinkButton, type CopyLinkButtonProps, type CustomIconEntry, DataTable, type DataTableProps, DatePicker, type DatePickerProps, DefaultSelectTrigger, type DefaultSelectTriggerProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DialogVisuallyHidden, DividingSubsection, DownloadEntryFormsButton, type DownloadEntryFormsButtonProps, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownButton, type DropdownButtonProps, DropdownMenu, DropdownMenuContent, type DropdownMenuContentSide, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuSeparator, DropdownMenuTrigger, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptySectionPlaceholder, type EmptySectionPlaceholderProps, EmptyTitle, ErrorMessage, type ErrorMessageProps, ExternalLink, type ExternalLinkProps, FeatureCard, type FeatureCardProps, FieldTrigger, type FieldTriggerProps, FileInputButton, type FileInputButtonProps, FormBox, Content as FormBoxContent, type FormBoxContentProps, Header as FormBoxHeader, type FormBoxHeaderProps, Root as FormBoxRoot, type FormBoxRootProps, SubHeader as FormBoxSubHeader, type FormBoxSubHeaderProps, FramedIcon, type FramedIconProps, FreeTextField, type FreeTextFieldProps, GridItems, type GridItemsProps, type GuestVerificationStatus, HALO_ICON_STATUS, HaloIcon, type HaloIconProps, HelpTooltip, type HelpTooltipProps, IVStatusBadge, type IVStatusBadgeProps, IV_BADGE_STATUS, Icon$1 as Icon, IconButton, type IconButtonProps, type IconEntry, type IconNames, type IconProps, IconRegistry, IconsDropdown, type IconsDropdownProps, Image, ImageFullScreenView, type ImageFullScreenViewProps, type ImageProps, InfoBox, type InfoBoxProps, Input, InputOTP, InputOTPGroup, type InputOTPProps, InputOTPSeparator, InputOTPSlot, type InputProps, LABEL_PLACEMENT, Label, type LabelProps, LargeModal, type LargeModalProps, LearnMoreButton, type LearnMoreButtonProps, Link, type LinkProps, Loader, type LoaderProps, LoadingBar, type LoadingBarProps, type LucideIconEntry, METRIC_CARD_VARIANTS, MetricCard, type MetricCardProps, Modal, ModalButton, ModalLoader, type ModalLoaderProps, type ModalProps, OverlayLoader, type OverlayLoaderProps, PageLoader, type PageLoaderProps, Pagination, type PaginationProps, type PaginationVariant, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverPortal, PopoverTrigger, Radio, RadioGroup, RadioGroupItem, type RadioOption, type RadioProps, RadioWithBorder, RatingProgress, type RatingProgressProps, RatingRadioGroup, type RatingRadioGroupProps, RatingStars, type RatingStarsProps, RegistryIcon, RotateIcon, type RotateIconProps, ScrollArea, type ScrollAreaProps, ScrollBar, type ScrollBarProps, SearchButton, type SearchButtonProps, SearchInput, type SearchInputProps, SearchableSelect, type SearchableSelectProps, type SearchableSelectValue, Section, type SectionProps, SectionTag, SectionTagColors, type SectionTagProps, Select, SelectContent, type SelectForwardType, SelectGroup, SelectItem, SelectLabel, type SelectOption, SelectPortal, type SelectProps, SelectRoot, SelectSeparator, SelectTrigger, SelectValue$1 as SelectValue, SelectorButton, type SelectorButtonProps, type SelectorOption, Selectors, type SelectorsProps, Separator, type SeparatorProps, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarIcon, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, type SkeletonProps, SmallGridSingleItem, type SmallGridSingleItemProps, SortingAction, type SortingActionProps, type SortingActionValue, type SortingByVariant, StatusBadge, type StatusBadgeProps, type StatusBadgeVariant, StatusBox, type StatusBoxProps, StatusButton, type StatusButtonProps, Stepper, type StepperProps, SubSection, SubSectionSize, Switch, SwitchBlocks, type SwitchBlocksOption, type SwitchBlocksProps, SwitchGroup, type SwitchGroupProps, type SwitchOption, type SwitchProps, TASK_VARIANTS, TabbedSection, type TabbedSectionProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TablePlaceholder, type TablePlaceholderProps, TableRow, Tabs, TabsContent, TabsList, type TabsListProps, TabsTrigger, type TabsTriggerProps, TaskCard, type TaskCardProps, TextField, type TextFieldProps, Textarea, type TextareaProps, ThreeDotsLoader, type ThreeDotsLoaderProps, ToggleGroup, ToggleGroupItem, Toggles, type TogglesForwardType, type TogglesProps, Tooltip, TooltipContent, type TooltipContentProps, type TooltipProps, TooltipProvider, TooltipRoot, type TooltipRootProps, TooltipRootWrapper, TooltipTrigger, type UiKitLocale, UploadedFilesList, type UploadedFilesListProps, VideoPlayer, type VideoPlayerProps, WideButton, type WideButtonProps, badgeVariants, bookmarkTabsListVariants, bookmarkTabsTriggerVariants, buttonGroupVariants, buttonVariants, calendarClassNames, cn, emptyMediaVariants, getSidebarState, inputVariants, labelVariants, sectionTagVariants, switchThumbVariants, switchVariants, tabsListVariants, tabsTriggerVariants, toggleVariants, uiKitI18nResources, uiKitTranslations, useRadioOptions, useSidebar, useSidebarMenuButton, useSidebarSafe, useUpdateToast };
+export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, AccordionTrigger, type AccordionTriggerProps, AirbnbInput, type AirbnbInputProps, AirbnbSearchInput, AirbnbSelect, type AirbnbSelectProps, AlertBox, type AlertBoxProps, AlertSize, AlertSizes, AlertType, AlertTypes, AudioPlayer, type AudioPlayerProps, Avatar, type AvatarProps, Badge, type BadgeProps, BaseCheckbox, type BaseCheckboxProps, BetaBadge, type BetaBadgeProps, BookmarkTabsList, type BookmarkTabsListProps, BookmarkTabsTrigger, type BookmarkTabsTriggerProps, BoxOptionSelector, type BoxOptionSelectorProps, type BoxOptionSelectorSwitchProps, Breadcrumb, type BreadcrumbProps, type BreadcrumbType, Breadcrumbs, type BreadcrumbsProps, Button, ButtonGroup, type ButtonGroupProps, ButtonGroupText, type ButtonGroupTextProps, type ButtonProps, type ButtonStatuses, ButtonsGroupLabel, type ButtonsGroupLabelProps, Calendar, type CalendarProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, type ChannelOption, ChannelSelector, type ChannelSelectorProps, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxOption, type CheckboxProps, CommingSoonBadge, type CommingSoonBadgeProps, ConfirmationDialog, type ConfirmationDialogProps, CopyIcon, type CopyIconProps, CopyLinkButton, type CopyLinkButtonProps, type CustomIconEntry, DataTable, type DataTableProps, DatePicker, type DatePickerProps, DefaultSelectTrigger, type DefaultSelectTriggerProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DialogVisuallyHidden, DividingSubsection, DownloadEntryFormsButton, type DownloadEntryFormsButtonProps, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownButton, type DropdownButtonProps, DropdownMenu, DropdownMenuContent, type DropdownMenuContentSide, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuSeparator, DropdownMenuTrigger, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptySectionPlaceholder, type EmptySectionPlaceholderProps, EmptyTitle, ErrorMessage, type ErrorMessageProps, ExternalLink, type ExternalLinkProps, FeatureCard, type FeatureCardProps, FieldTrigger, type FieldTriggerProps, FileInputButton, type FileInputButtonProps, FormBox, Content as FormBoxContent, type FormBoxContentProps, Header as FormBoxHeader, type FormBoxHeaderProps, Root as FormBoxRoot, type FormBoxRootProps, SubHeader as FormBoxSubHeader, type FormBoxSubHeaderProps, FramedIcon, type FramedIconProps, FreeTextField, type FreeTextFieldProps, GridItems, type GridItemsProps, type GuestVerificationStatus, HALO_ICON_STATUS, HaloIcon, type HaloIconProps, HelpTooltip, type HelpTooltipProps, IVStatusBadge, type IVStatusBadgeProps, IV_BADGE_STATUS, Icon$1 as Icon, IconButton, type IconButtonProps, type IconEntry, type IconNames, type IconProps, IconRegistry, IconsDropdown, type IconsDropdownProps, Image, ImageFullScreenView, type ImageFullScreenViewProps, type ImageProps, InfoBox, type InfoBoxProps, Input, InputOTP, InputOTPGroup, type InputOTPProps, InputOTPSeparator, InputOTPSlot, type InputProps, LABEL_PLACEMENT, Label, type LabelProps, LargeModal, type LargeModalProps, LearnMoreButton, type LearnMoreButtonProps, Link, type LinkProps, Loader, type LoaderProps, LoadingBar, type LoadingBarProps, type LucideIconEntry, METRIC_CARD_VARIANTS, MetricCard, type MetricCardProps, Modal, ModalButton, ModalLoader, type ModalLoaderProps, type ModalProps, OverlayLoader, type OverlayLoaderProps, PageLoader, type PageLoaderProps, Pagination, type PaginationProps, type PaginationVariant, PhoneField, type PhoneFieldOption, type PhoneFieldProps, type PhoneFieldValue, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverPortal, PopoverTrigger, Radio, RadioGroup, RadioGroupItem, type RadioOption, type RadioProps, RadioWithBorder, RatingProgress, type RatingProgressProps, RatingRadioGroup, type RatingRadioGroupProps, RatingStars, type RatingStarsProps, RegistryIcon, RotateIcon, type RotateIconProps, ScrollArea, type ScrollAreaProps, ScrollBar, type ScrollBarProps, SearchButton, type SearchButtonProps, SearchInput, type SearchInputProps, SearchableSelect, type SearchableSelectProps, type SearchableSelectValue, Section, type SectionProps, SectionTag, SectionTagColors, type SectionTagProps, Select, SelectContent, type SelectForwardType, SelectGroup, SelectItem, SelectLabel, type SelectOption, SelectPortal, type SelectProps, SelectRoot, SelectSeparator, SelectTrigger, SelectValue$1 as SelectValue, SelectorButton, type SelectorButtonProps, type SelectorOption, Selectors, type SelectorsProps, Separator, type SeparatorProps, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarIcon, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, type SkeletonProps, SmallGridSingleItem, type SmallGridSingleItemProps, SortingAction, type SortingActionProps, type SortingActionValue, type SortingByVariant, StatusBadge, type StatusBadgeProps, type StatusBadgeVariant, StatusBox, type StatusBoxProps, StatusButton, type StatusButtonProps, Stepper, type StepperProps, SubSection, SubSectionSize, Switch, SwitchBlocks, type SwitchBlocksOption, type SwitchBlocksProps, SwitchGroup, type SwitchGroupProps, type SwitchOption, type SwitchProps, TASK_VARIANTS, TabbedSection, type TabbedSectionProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TablePlaceholder, type TablePlaceholderProps, TableRow, Tabs, TabsContent, TabsList, type TabsListProps, TabsTrigger, type TabsTriggerProps, TaskCard, type TaskCardProps, TextField, type TextFieldProps, Textarea, type TextareaProps, ThreeDotsLoader, type ThreeDotsLoaderProps, ToggleGroup, ToggleGroupItem, Toggles, type TogglesForwardType, type TogglesProps, Tooltip, TooltipContent, type TooltipContentProps, type TooltipProps, TooltipProvider, TooltipRoot, type TooltipRootProps, TooltipRootWrapper, TooltipTrigger, type UiKitLocale, UploadedFilesList, type UploadedFilesListProps, VideoPlayer, type VideoPlayerProps, WideButton, type WideButtonProps, badgeVariants, bookmarkTabsListVariants, bookmarkTabsTriggerVariants, buttonGroupVariants, buttonVariants, calendarClassNames, cn, emptyMediaVariants, getSidebarState, inputVariants, labelVariants, sectionTagVariants, switchThumbVariants, switchVariants, tabsListVariants, tabsTriggerVariants, toggleVariants, uiKitI18nResources, uiKitTranslations, useRadioOptions, useSidebar, useSidebarMenuButton, useSidebarSafe, useUpdateToast };

package/dist/index.js

@@ -9126,6 +9126,10 @@ var AirbnbInput = React31.forwardRef(
 );
 AirbnbInput.displayName = "Input";
 
+// src/airbnb/phone-field/PhoneField.tsx
+import * as React37 from "react";
+import { ChevronDown as ChevronDown2 } from "lucide-react";
+
 // src/airbnb/select/Select.tsx
 import * as React36 from "react";
 
@@ -10190,17 +10194,170 @@ function AirbnbSelect({
   ] });
 }
 
+// src/airbnb/phone-field/PhoneField.tsx
+import { jsx as jsx129, jsxs as jsxs83 } from "react/jsx-runtime";
+function PhoneField({
+  variant = "default",
+  label,
+  topLabel,
+  value,
+  onChange,
+  options,
+  placeholder = "Phone number",
+  disabled,
+  error,
+  className,
+  name,
+  codeName,
+  numberName,
+  mobileTitle,
+  codePlaceholder = "+00"
+}) {
+  const inputId = React37.useId();
+  const codeOptions = React37.useMemo(
+    () => options.map((option) => ({
+      value: option.value,
+      label: option.label,
+      disabled: option.disabled
+    })),
+    [options]
+  );
+  const selectedCodeOption = React37.useMemo(
+    () => codeOptions.find((option) => option.value === value?.code) ?? null,
+    [codeOptions, value?.code]
+  );
+  const combinedValue = value?.code || value?.number ? `${value?.code ?? ""}${value?.number ?? ""}` : "";
+  return /* @__PURE__ */ jsxs83("div", { className: cn("w-full max-w-[480px]", className), children: [
+    name && /* @__PURE__ */ jsx129("input", { type: "hidden", name, value: combinedValue, disabled }),
+    codeName && /* @__PURE__ */ jsx129(
+      "input",
+      {
+        type: "hidden",
+        name: codeName,
+        value: value?.code ?? "",
+        disabled
+      }
+    ),
+    numberName && /* @__PURE__ */ jsx129(
+      "input",
+      {
+        type: "hidden",
+        name: numberName,
+        value: value?.number ?? "",
+        disabled
+      }
+    ),
+    topLabel && /* @__PURE__ */ jsx129(
+      "label",
+      {
+        htmlFor: inputId,
+        className: "mb-3 block text-[16px] font-medium leading-5 text-[#1F1F1B]",
+        children: topLabel
+      }
+    ),
+    /* @__PURE__ */ jsxs83("div", { className: "flex items-stretch", children: [
+      /* @__PURE__ */ jsx129(
+        AirbnbSelect,
+        {
+          variant,
+          options: codeOptions,
+          value: selectedCodeOption,
+          onChange: (option) => onChange({
+            code: String(option.value),
+            number: value?.number ?? ""
+          }),
+          label: `${label} country code`,
+          placeholder: codePlaceholder,
+          disabled,
+          className: "max-w-none shrink-0 basis-[96px]",
+          mobileTitle: mobileTitle ?? "Select country code",
+          dropdownClassName: "right-auto w-[280px]",
+          getValueLabel: (option) => String(option.value),
+          renderTrigger: ({
+            id,
+            open,
+            variant: selectVariant,
+            disabled: triggerDisabled,
+            listboxId,
+            triggerRef,
+            onClick,
+            onKeyDown,
+            valueLabel
+          }) => /* @__PURE__ */ jsxs83(
+            "button",
+            {
+              id,
+              ref: triggerRef,
+              type: "button",
+              "aria-label": `${label} country code`,
+              "aria-haspopup": "listbox",
+              "aria-expanded": open,
+              "aria-controls": listboxId,
+              disabled: triggerDisabled,
+              onClick,
+              onKeyDown,
+              className: cn(
+                "flex w-full items-center justify-center gap-2 border border-r-0 text-[16px] font-medium leading-6 transition-colors focus-visible:outline-none",
+                selectVariant === "airbnb" ? "h-full min-h-[60px] rounded-l-[16px] rounded-r-none px-4 focus-visible:ring-2 focus-visible:ring-[#1F1F1B] focus-visible:ring-offset-2" : "min-h-[48px] rounded-l-[10px] rounded-r-none px-3.5 focus-visible:border-[#315EFB]",
+                error ? "border-[var(--status-danger)] bg-[#F2F2F2] text-[var(--status-danger)]" : selectVariant === "airbnb" ? "border-[#8C8C8C] bg-[#F4F4F2] text-[#1F1F1B]" : "border-[#A8A8A4] bg-white text-[#1F1F1B]",
+                triggerDisabled ? "cursor-not-allowed opacity-50" : "cursor-pointer"
+              ),
+              children: [
+                /* @__PURE__ */ jsx129("span", { children: valueLabel ?? codePlaceholder }),
+                /* @__PURE__ */ jsx129(
+                  ChevronDown2,
+                  {
+                    className: cn("h-5 w-5 transition-transform", open ? "rotate-180" : ""),
+                    strokeWidth: 2
+                  }
+                )
+              ]
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ jsx129(
+        AirbnbInput,
+        {
+          id: inputId,
+          variant,
+          type: "tel",
+          inputMode: "tel",
+          label,
+          helperText: placeholder,
+          value: value?.number ?? "",
+          placeholder,
+          disabled,
+          error,
+          renderErrorMessage: false,
+          wrapperClassName: "min-w-0 flex-1",
+          fieldClassName: cn(
+            variant === "airbnb" ? "min-h-[60px] rounded-l-none rounded-r-[16px] border-l-0" : "rounded-l-none rounded-r-[10px] border-l-0"
+          ),
+          contentClassName: cn(variant === "airbnb" ? "h-[40px] py-2" : "h-[48px]"),
+          inputClassName: "text-[16px] leading-7",
+          onChange: (event) => onChange({
+            code: value?.code ?? "",
+            number: event.target.value
+          })
+        }
+      )
+    ] }),
+    error && /* @__PURE__ */ jsx129(FieldErrorMessage, { message: error })
+  ] });
+}
+
 // src/airbnb/search-input/SearchInput.tsx
-import * as React37 from "react";
+import * as React38 from "react";
 import { useTranslation as useTranslation22 } from "react-i18next";
 import { Search as Search3, X as X8 } from "lucide-react";
-import { jsx as jsx129, jsxs as jsxs83 } from "react/jsx-runtime";
-var AirbnbSearchInput = React37.forwardRef(({ onReset, placeholder, wrapperClassName, ...props }, ref) => {
+import { jsx as jsx130, jsxs as jsxs84 } from "react/jsx-runtime";
+var AirbnbSearchInput = React38.forwardRef(({ onReset, placeholder, wrapperClassName, ...props }, ref) => {
   const { t } = useTranslation22();
   const placeholderText = placeholder || t("search_property") + "...";
-  return /* @__PURE__ */ jsxs83("div", { className: cn("input-wrapper relative", wrapperClassName), children: [
-    /* @__PURE__ */ jsx129(Search3, { className: "absolute left-4 top-1/2 h-5 w-5 -translate-y-1/2 transform text-[#9696B9]" }),
-    /* @__PURE__ */ jsx129(
+  return /* @__PURE__ */ jsxs84("div", { className: cn("input-wrapper relative", wrapperClassName), children: [
+    /* @__PURE__ */ jsx130(Search3, { className: "absolute left-4 top-1/2 h-5 w-5 -translate-y-1/2 transform text-[#9696B9]" }),
+    /* @__PURE__ */ jsx130(
       "input",
       {
         ...props,
@@ -10219,13 +10376,13 @@ var AirbnbSearchInput = React37.forwardRef(({ onReset, placeholder, wrapperClass
         )
       }
     ),
-    onReset && /* @__PURE__ */ jsx129(
+    onReset && /* @__PURE__ */ jsx130(
       Button,
       {
         variant: "ghost",
         onClick: onReset,
         className: "absolute right-0 top-1/2 h-5 w-5 -translate-y-1/2 transform text-[#9696B9]",
-        children: /* @__PURE__ */ jsx129(X8, { className: "h-5 w-5" })
+        children: /* @__PURE__ */ jsx130(X8, { className: "h-5 w-5" })
       }
     )
   ] });
@@ -10233,10 +10390,10 @@ var AirbnbSearchInput = React37.forwardRef(({ onReset, placeholder, wrapperClass
 AirbnbSearchInput.displayName = "SearchInput";
 
 // src/searchable-select/SearchableSelect.tsx
-import * as React38 from "react";
-import { ChevronDown as ChevronDown2, Search as Search4 } from "lucide-react";
+import * as React39 from "react";
+import { ChevronDown as ChevronDown3, Search as Search4 } from "lucide-react";
 import { useVirtualizer } from "@tanstack/react-virtual";
-import { jsx as jsx130, jsxs as jsxs84 } from "react/jsx-runtime";
+import { jsx as jsx131, jsxs as jsxs85 } from "react/jsx-runtime";
 var ROW_HEIGHT = 48;
 var DESKTOP_LIST_HEIGHT = 280;
 var MOBILE_LIST_HEIGHT = 420;
@@ -10273,13 +10430,13 @@ var SearchableSelectInternal = ({
   loadingMessage
 }, ref) => {
   const { isMatch: isMobile } = useScreenResize(DEVICE.mobileXL);
-  const reactId = React38.useId();
-  const [open, setOpen] = React38.useState(false);
-  const [internalSearchValue, setInternalSearchValue] = React38.useState("");
-  const [highlightedIndex, setHighlightedIndex] = React38.useState(-1);
-  const containerRef = React38.useRef(null);
-  const triggerRef = React38.useRef(null);
-  const inputRef = React38.useRef(null);
+  const reactId = React39.useId();
+  const [open, setOpen] = React39.useState(false);
+  const [internalSearchValue, setInternalSearchValue] = React39.useState("");
+  const [highlightedIndex, setHighlightedIndex] = React39.useState(-1);
+  const containerRef = React39.useRef(null);
+  const triggerRef = React39.useRef(null);
+  const inputRef = React39.useRef(null);
   const listboxId = `${reactId}-listbox`;
   const labelId = `${reactId}-label`;
   const valueId = `${reactId}-value`;
@@ -10288,13 +10445,13 @@ var SearchableSelectInternal = ({
   const searchInputId = `${reactId}-search`;
   const effectiveSearchValue = searchValue ?? internalSearchValue;
   const shouldFilterLocally = !onSearchChange && filterOption !== null;
-  const visibleOptions = React38.useMemo(() => {
+  const visibleOptions = React39.useMemo(() => {
     if (!shouldFilterLocally || !effectiveSearchValue) {
       return options;
     }
     return options.filter((option) => filterOption(option, effectiveSearchValue));
   }, [effectiveSearchValue, filterOption, options, shouldFilterLocally]);
-  const selectedIndex = React38.useMemo(
+  const selectedIndex = React39.useMemo(
     () => visibleOptions.findIndex((option) => option.value === value?.value),
     [value?.value, visibleOptions]
   );
@@ -10303,7 +10460,7 @@ var SearchableSelectInternal = ({
   const describedBy = error && !hideErrorMessage ? errorId : void 0;
   const activeOptionId = highlightedIndex >= 0 ? getOptionId(reactId, highlightedIndex) : void 0;
   useOutsideClick(containerRef, open && !isMobile ? () => closeSelect() : null);
-  React38.useEffect(() => {
+  React39.useEffect(() => {
     if (!open) return;
     const frameId = window.requestAnimationFrame(() => {
       inputRef.current?.focus();
@@ -10312,7 +10469,7 @@ var SearchableSelectInternal = ({
       window.cancelAnimationFrame(frameId);
     };
   }, [open]);
-  React38.useEffect(() => {
+  React39.useEffect(() => {
     if (!open) {
       setHighlightedIndex(-1);
       return;
@@ -10387,7 +10544,7 @@ var SearchableSelectInternal = ({
       }
     }
   }
-  const content = /* @__PURE__ */ jsx130(
+  const content = /* @__PURE__ */ jsx131(
     SearchableSelectContent,
     {
       inputId: searchInputId,
@@ -10414,10 +10571,10 @@ var SearchableSelectInternal = ({
       onOptionHover: setHighlightedIndex
     }
   );
-  React38.useImperativeHandle(ref, () => triggerRef.current, []);
-  return /* @__PURE__ */ jsxs84("div", { ref: containerRef, className: cn("relative w-full max-w-[480px]", className), children: [
-    name && /* @__PURE__ */ jsx130("input", { type: "hidden", name, value: value ? String(value.value) : "" }),
-    /* @__PURE__ */ jsx130(
+  React39.useImperativeHandle(ref, () => triggerRef.current, []);
+  return /* @__PURE__ */ jsxs85("div", { ref: containerRef, className: cn("relative w-full max-w-[480px]", className), children: [
+    name && /* @__PURE__ */ jsx131("input", { type: "hidden", name, value: value ? String(value.value) : "" }),
+    /* @__PURE__ */ jsx131(
       FieldTrigger,
       {
         id: `${reactId}-trigger`,
@@ -10447,8 +10604,8 @@ var SearchableSelectInternal = ({
           openSelect();
         },
         onKeyDown: handleTriggerKeyDown,
-        trailingAdornment: /* @__PURE__ */ jsx130(
-          ChevronDown2,
+        trailingAdornment: /* @__PURE__ */ jsx131(
+          ChevronDown3,
           {
             className: cn(
               "h-6 w-6 text-[#1F1F1B] transition-transform",
@@ -10458,7 +10615,7 @@ var SearchableSelectInternal = ({
         )
       }
     ),
-    isMobile ? /* @__PURE__ */ jsx130(
+    isMobile ? /* @__PURE__ */ jsx131(
       Drawer,
       {
         open,
@@ -10469,13 +10626,13 @@ var SearchableSelectInternal = ({
           }
           closeSelect();
         },
-        children: /* @__PURE__ */ jsxs84(DrawerContent, { onClose: closeSelect, lockScroll: false, children: [
-          /* @__PURE__ */ jsx130(DrawerTitle, { className: "sr-only", children: mobileTitle ?? label }),
-          /* @__PURE__ */ jsx130(DrawerDescription, { className: "sr-only", children: label }),
-          /* @__PURE__ */ jsx130("div", { className: "px-5 pb-5 pt-1", children: content })
+        children: /* @__PURE__ */ jsxs85(DrawerContent, { onClose: closeSelect, lockScroll: false, children: [
+          /* @__PURE__ */ jsx131(DrawerTitle, { className: "sr-only", children: mobileTitle ?? label }),
+          /* @__PURE__ */ jsx131(DrawerDescription, { className: "sr-only", children: label }),
+          /* @__PURE__ */ jsx131("div", { className: "px-5 pb-5 pt-1", children: content })
         ] })
       }
-    ) : open ? /* @__PURE__ */ jsx130(
+    ) : open ? /* @__PURE__ */ jsx131(
       "div",
       {
         className: cn(
@@ -10487,7 +10644,7 @@ var SearchableSelectInternal = ({
     ) : null
   ] });
 };
-var SearchableSelect = React38.forwardRef(
+var SearchableSelect = React39.forwardRef(
   SearchableSelectInternal
 );
 function SearchableSelectContent({
@@ -10514,9 +10671,9 @@ function SearchableSelectContent({
   onOptionClick,
   onOptionHover
 }) {
-  const listRef = React38.useRef(null);
-  const lastLoadMoreOptionsLengthRef = React38.useRef(null);
-  const previousHighlightedIndexRef = React38.useRef(highlightedIndex);
+  const listRef = React39.useRef(null);
+  const lastLoadMoreOptionsLengthRef = React39.useRef(null);
+  const previousHighlightedIndexRef = React39.useRef(highlightedIndex);
   const rowCount = options.length + (loading && options.length > 0 ? 1 : 0);
   const virtualizer = useVirtualizer({
     count: rowCount,
@@ -10527,7 +10684,7 @@ function SearchableSelectContent({
   const virtualItems = virtualizer.getVirtualItems();
   const emptyMessage = noOptionsMessage?.() ?? "No matches found";
   const loadingText = loadingMessage?.() ?? "Loading...";
-  React38.useEffect(() => {
+  React39.useEffect(() => {
     const lastItem = virtualItems[virtualItems.length - 1];
     const shouldLoadMore = !!lastItem && hasNextPage && !loading && lastItem.index >= options.length - LOAD_MORE_THRESHOLD;
     if (shouldLoadMore && lastLoadMoreOptionsLengthRef.current !== options.length) {
@@ -10535,23 +10692,23 @@ function SearchableSelectContent({
       onLoadMore?.();
     }
   }, [hasNextPage, loading, onLoadMore, options.length, virtualItems]);
-  React38.useEffect(() => {
+  React39.useEffect(() => {
     const hasHighlightedIndexChanged = previousHighlightedIndexRef.current !== highlightedIndex;
     previousHighlightedIndexRef.current = highlightedIndex;
     if (highlightedIndex >= 0 && hasHighlightedIndexChanged) {
       virtualizer.scrollToIndex(highlightedIndex, { align: "auto" });
     }
   }, [highlightedIndex, virtualizer]);
-  return /* @__PURE__ */ jsxs84("div", { className: "p-2", children: [
-    /* @__PURE__ */ jsxs84("div", { className: "relative mb-2", children: [
-      /* @__PURE__ */ jsx130(
+  return /* @__PURE__ */ jsxs85("div", { className: "p-2", children: [
+    /* @__PURE__ */ jsxs85("div", { className: "relative mb-2", children: [
+      /* @__PURE__ */ jsx131(
         Search4,
         {
           "aria-hidden": "true",
           className: "absolute left-4 top-1/2 h-5 w-5 -translate-y-1/2 text-[#9696B9]"
         }
       ),
-      /* @__PURE__ */ jsx130(
+      /* @__PURE__ */ jsx131(
         "input",
         {
           id: inputId,
@@ -10570,7 +10727,7 @@ function SearchableSelectContent({
         }
       )
     ] }),
-    loading && options.length === 0 ? /* @__PURE__ */ jsx130("div", { className: "px-4 py-5 text-center text-base leading-6 text-[#6C6C6C]", children: loadingText }) : options.length === 0 ? /* @__PURE__ */ jsx130("div", { className: "px-4 py-5 text-center text-base leading-6 text-[#6C6C6C]", children: emptyMessage }) : /* @__PURE__ */ jsx130(
+    loading && options.length === 0 ? /* @__PURE__ */ jsx131("div", { className: "px-4 py-5 text-center text-base leading-6 text-[#6C6C6C]", children: loadingText }) : options.length === 0 ? /* @__PURE__ */ jsx131("div", { className: "px-4 py-5 text-center text-base leading-6 text-[#6C6C6C]", children: emptyMessage }) : /* @__PURE__ */ jsx131(
       "div",
       {
         id: listboxId,
@@ -10579,7 +10736,7 @@ function SearchableSelectContent({
         "aria-labelledby": labelId,
         className: cn("overflow-y-auto outline-none", menuClassName),
         style: { height: Math.min(height, rowCount * ROW_HEIGHT) },
-        children: /* @__PURE__ */ jsx130(
+        children: /* @__PURE__ */ jsx131(
           "div",
           {
             className: "relative w-full",
@@ -10587,7 +10744,7 @@ function SearchableSelectContent({
             children: virtualItems.map((virtualItem) => {
               const option = options[virtualItem.index];
               if (!option) {
-                return /* @__PURE__ */ jsx130(
+                return /* @__PURE__ */ jsx131(
                   "div",
                   {
                     className: "absolute left-0 top-0 flex w-full items-center px-4 text-base leading-6 text-[#6C6C6C]",
@@ -10602,7 +10759,7 @@ function SearchableSelectContent({
               }
               const isSelected = value?.value === option.value;
               const isHighlighted = virtualItem.index === highlightedIndex;
-              return /* @__PURE__ */ jsx130(
+              return /* @__PURE__ */ jsx131(
                 "button",
                 {
                   id: getOptionId(idPrefix, virtualItem.index),
@@ -10624,7 +10781,7 @@ function SearchableSelectContent({
                     height: `${virtualItem.size}px`,
                     transform: `translateY(${virtualItem.start}px)`
                   },
-                  children: /* @__PURE__ */ jsx130("span", { className: "truncate text-center", children: String(option.label) })
+                  children: /* @__PURE__ */ jsx131("span", { className: "truncate text-center", children: String(option.label) })
                 },
                 `${String(option.value)}-${virtualItem.index}`
               );
@@ -10779,6 +10936,7 @@ export {
   OverlayLoader,
   PageLoader,
   Pagination,
+  PhoneField,
   Popover,
   PopoverAnchor,
   PopoverClose,