@chekinapp/ui 0.0.139 → 0.0.140

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.d.cts CHANGED
@@ -2873,6 +2873,13 @@ type PhoneInputValue = {
2873
2873
  number: string;
2874
2874
  };
2875
2875
 
2876
+ type PhoneInputHandle = {
2877
+ getCodeSearchValue: () => string;
2878
+ setCodeSearchValue: (value: string) => void;
2879
+ getNumberValue: () => string;
2880
+ setNumberValue: (value: string) => void;
2881
+ focus: () => void;
2882
+ };
2876
2883
  type PhoneInputProps = {
2877
2884
  options: PhoneInputOption[];
2878
2885
  value?: PhoneInputValue | null;
@@ -2900,7 +2907,7 @@ type PhoneInputProps = {
2900
2907
  searchable?: boolean;
2901
2908
  defaultCode?: string;
2902
2909
  };
2903
- declare const PhoneInput: React$1.ForwardRefExoticComponent<PhoneInputProps & React$1.RefAttributes<HTMLDivElement>>;
2910
+ declare const PhoneInput: React$1.ForwardRefExoticComponent<PhoneInputProps & React$1.RefAttributes<PhoneInputHandle>>;
2904
2911
 
2905
2912
  declare function clearPhoneNumber(value: string): string;
2906
2913
  declare function findPhoneCode(value: string, codeSet: Set<string>): string | undefined;
@@ -3073,6 +3080,7 @@ type BaseSelectProps<T, V extends SelectValue$1, L extends ReactNode> = {
3073
3080
  hideIndicator?: boolean;
3074
3081
  openMenuOnFocus?: boolean;
3075
3082
  components?: SelectComponents<T, V, L>;
3083
+ inputValue?: string;
3076
3084
  onInputChange?: (value: string) => void;
3077
3085
  searchable?: boolean;
3078
3086
  searchPosition?: 'trigger' | 'dropdown';
@@ -4082,4 +4090,4 @@ interface AirbnbSwitchProps extends Omit<React$1.ComponentPropsWithoutRef<typeof
4082
4090
  }
4083
4091
  declare const AirbnbSwitch: React$1.ForwardRefExoticComponent<AirbnbSwitchProps & React$1.RefAttributes<HTMLButtonElement>>;
4084
4092
 
4085
- export { ALERT_BOX_VARIANTS, Accordion, AccordionContent, type AccordionContentProps, AccordionItem, AccordionTrigger, type AccordionTriggerProps, AirbnbDatePicker, type AirbnbDatePickerProps, type AirbnbDatePickerValue, AirbnbFieldTrigger, type AirbnbFieldTriggerProps, AirbnbInput, type AirbnbInputProps, AirbnbPhoneField, type AirbnbPhoneFieldOption, type AirbnbPhoneFieldProps, type AirbnbPhoneFieldValue, AirbnbSearchInput, AirbnbSearchableSelect, type AirbnbSearchableSelectProps, type AirbnbSearchableSelectValue, AirbnbSelect, type AirbnbSelectProps, AirbnbSwitch, type AirbnbSwitchProps, Alert, AlertBox, type AlertBoxProps, type AlertBoxVariant, AlertDescription, AlertSize, AlertSizes, AlertTitle, AlertType, AlertTypes, AudioPlayer, type AudioPlayerProps, Avatar, type AvatarProps, Badge, type BadgeProps, BaseCheckbox, type BaseCheckboxProps, type BaseSelectProps, 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, Carousel, CarouselNext, CarouselPrevious, type CarouselProps, CarouselRoot, type CarouselRootProps, CarouselSlide, CarouselTrack, CarouselViewport, CheckList, type CheckListProps, Checkbox, CheckboxDropdownGroup, type CheckboxDropdownGroupConfig, type CheckboxDropdownGroupProps, CheckboxDropdownMultiGroup, CheckboxGroup, type CheckboxGroupProps, type CheckboxOption, type CheckboxProps, type CheckboxSize, CircularLoader, Collapsible, CollapsibleContent, CollapsibleTrigger, CommingSoonBadge, type CommingSoonBadgeProps, ConfirmationDialog, type ConfirmationDialogProps, CopyIcon, type CopyIconProps, CopyLinkButton, type CopyLinkButtonProps, CopyString, type CopyStringProps, Counter, type CounterProps, CounterSize, CreatableMultiSelect, type CreatableMultiSelectProps, CreatableSelect, type CreatableSelectProps, CustomCheckboxDropdownGroup, type CustomIconEntry, DEFAULT_DISPLAY_FORMAT, DEVICE_BREAKPOINTS, DataTable, type DataTableProps, DateRangePicker, type DateRangePickerImperativeProps, type OpenDirection as DateRangePickerOpenDirection, type DateRangePickerProps, DateTableFilter, Datepicker, type DatepickerDate, type DatepickerHandle, type DatepickerProps, type DatepickerSubfield, DebouncedSearchInput, type DebouncedSearchInputProps, DefaultSelectTrigger, type DefaultSelectTriggerProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DialogVisuallyHidden, DividingSubsection, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownButton, type DropdownButtonProps, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, type DropdownMenuContentSide, DropdownMenuGroup, DropdownMenuItem, DropdownMenuItemContent, type DropdownMenuItemContentProps, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptySectionPlaceholder, type EmptySectionPlaceholderProps, EmptyTitle, ErrorMessage, type ErrorMessageProps, ExpandableContent, type ExpandableContentProps, type ExpandableContentTrigger, ExternalLink, type ExternalLinkProps, FieldErrorMessage, type FieldErrorMessageProps, FileInput, FileInputButton, type FileInputButtonProps, type FileInputProps, type FileInputValue, FormBox, Content as FormBoxContent, type FormBoxContentProps, Header as FormBoxHeader, type FormBoxHeaderProps, Root$1 as FormBoxRoot, type FormBoxRootProps, SubHeader as FormBoxSubHeader, type FormBoxSubHeaderProps, FramedIcon, type FramedIconProps, HALO_ICON_STATUS, HaloIcon, type HaloIconProps, HelpTooltip, type HelpTooltipProps, IconButton, type IconButtonProps, type IconEntry, IconsDropdown, type IconsDropdownProps, Image, ImageFullScreenView, type ImageFullScreenViewProps, type ImageProps, InfiniteScrollMultiSelect, type InfiniteScrollMultiSelectProps, InfiniteScrollSelect, type InfiniteScrollSelectProps, InfoBox, type InfoBoxProps, Input, InputOTP, InputOTPGroup, type InputOTPProps, InputOTPSeparator, InputOTPSlot, type InputProps, Label, type LabelProps, LargeModal, type LargeModalProps, LearnMoreButton, type LearnMoreButtonProps, LegacyInfinitySelect, type LegacyInfinitySelectProps, LegacyInput, type LegacyInputProps, LegacyMultiSelect, type LegacyMultiSelectProps, LegacySelect, LegacySelectContent, LegacySelectGroup, LegacySelectItem, LegacySelectLabel, LegacySelectPortal, type LegacySelectProps, LegacySelectRoot, LegacySelectScrollDownButton, LegacySelectScrollUpButton, LegacySelectSeparator, type LegacySelectSize, LegacySelectTrigger, LegacySelectValue, LegacyTextarea, type LegacyTextareaProps, Link, type LinkProps, LoadingBar, type LoadingBarProps, type LucideIconEntry, type MobileCameraProps, type MobileScreenshotPayload, MobileWebcam, Modal, ModalButton, ModalLoader, type ModalLoaderProps, type ModalProps, MultiSelect, type MultiSelectProps, NumberedList, type NumberedListProps, type OptionsCardsProps, OverlayLoader, type OverlayLoaderProps, Pagination, type PaginationProps, type PaginationVariant, PhoneInput, type PhoneInputOption, type PhoneInputProps, type PhoneInputValue, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverPortal, PopoverTrigger, PopoverWithTooltip, type PopoverWithTooltipProps, Radio, type RadioCardOption, MemoizedRadioCardsGroup as RadioCardsGroup, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioOption, type RadioProps, type RadioSize, RadioWithBorder, RatingProgress, type RatingProgressProps, RatingRadioGroup, type RatingRadioGroupProps, RatingStars, type RatingStarsProps, type RegisterUiKitI18nOptions, ResponsiveDropdown, type ResponsiveDropdownOption, type ResponsiveDropdownProps, ResponsiveSheet, type ResponsiveSheetProps, RotateArrow, type RotateArrowProps, ScrollArea, type ScrollAreaProps, ScrollBar, type ScrollBarProps, type ScrollableAreaState, SearchButton, type SearchButtonProps, SearchInput, type SearchInputProps, Section, SectionGroup, type SectionGroupItemProps, type SectionGroupLabelProps, type SectionGroupProps, type SectionProps, SectionTag, SectionTagColors, type SectionTagProps, Select, SelectAllRow, type SelectAllRowProps, SelectCheckboxOption, SelectCheckboxes, type SelectCheckboxesProps, type SelectCheckboxesTriggerRenderer, type SelectFormatGroupLabel, type SelectGroupedOption, SelectIconsBox, type SelectIconsBoxProps, type MultiSelectModeProps as SelectMultiProps, type SelectOption, type SelectOptionGroup, type SelectProps, type SelectorOption, 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, SignatureCanvas, type SignatureCanvasRef, type SingleSelectProps, Skeleton, type SkeletonProps, Slider, 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, SvgIcon, type SvgIconProps, type SvgIconSize, Switch, SwitchBlocks, type SwitchBlocksOption, type SwitchBlocksProps, SwitchGroup, type SwitchGroupProps, type SwitchOption, type SwitchProps, TabbedSection, type TabbedSectionProps, Table, TableBody, TableCaption, TableCell, TableFilter, type TableFilterProps, TableFooter, TableHead, TableHeader, TableLoader, type TableLoaderProps, type TableLoaderRootProps, TablePlaceholder, type TablePlaceholderProps, TableRow, Tabs, TabsContent, TabsList, type TabsListProps, TabsTrigger, type TabsTriggerProps, Textarea, type TextareaProps, ThreeDotsLoader, type ThreeDotsLoaderProps, TimePicker, type TimePickerFormat, type TimePickerProps, type TimeSettings, Timeline, TimelineConnector, type TimelineConnectorProps, TimelineContent, type TimelineContentProps, type TimelineContextProps, TimelineDescription, type TimelineDescriptionProps, TimelineDot, type TimelineDotProps, TimelineItem, type TimelineItemProps, type TimelineProps, TimelineSeparator, type TimelineSeparatorProps, TimelineTitle, type TimelineTitleProps, ToggleGroup, ToggleGroupItem, Toggles, type TogglesForwardType, type TogglesProps, Tooltip, TooltipContent, type TooltipContentProps, type TooltipProps, TooltipProvider, TooltipRoot, type TooltipRootProps, TooltipRootWrapper, TooltipTrigger, UI_KIT_I18N_NAMESPACE, type UiKitLocale, UploadedFilesList, type UploadedFilesListProps, type UseScrollableAreaOptions, type UseScrollableAreaResult, VerticalTabs, type VerticalTabsProps, type VerticalTabsStep, type VideoConstraints, VideoModal, type VideoModalProps, VideoPlayer, type VideoPlayerProps, VisualCheckbox, type VisualCheckboxProps, Webcam, type WebcamProps, type WebcamRefTypes, WideButton, type WideButtonProps, addSupportEmailToMessage, badgeVariants, bookmarkTabsListVariants, bookmarkTabsTriggerVariants, buttonGroupVariants, buttonVariants, calendarClassNames, clearPhoneNumber, cn, compressFile, compressImage, copyToClipboard, countriesFilter, createDisabledMatchers, emptyMediaVariants, findPhoneCode, findPhoneCodeOption, formatDate, formatPhoneCodeOptionLabel, getErrorMessage, getFileSizeMB, getScrollableAreaState, getSidebarState, isDayBlocked, isNumeric, labelVariants, parseDate, parsePhoneValueWithOptions, registerUiKitI18n, scrollToTop, sectionTagVariants, switchThumbVariants, switchVariants, tabsListVariants, tabsTriggerVariants, toCssSize, toastResponseError, toggleVariants, uiKitI18nResources, uiKitTranslations, useAbortController, useAccordionState, useCarouselContext, useClickEscape, useCombinedRef, useCopyToClipboard, useCountdown, useDebounce, useDebouncedFunction, useEvent, useHover, useIframeFocusTrapFallback, useIsFormTouched, useIsMobile, useIsMounted, useKeyDown, useLoadMore, useLockBodyScroll, useModalControls, useModalWithHistoryControls, useOutsideClick, usePagination, usePrevious, usePromisedModalControls, useRadioOptions, useResetAfterRequestStatus, useScreenResize, useScrollFrameIntoView, useScrollToTop, useScrollableArea, useSearchInput, useSidebar, useSidebarMenuButton, useSidebarSafe, useStickyStuck, useSwitchSectionActive, useTimeline, useTimeout, useTimeoutRef, useUpdateToast, useValidateDates };
4093
+ export { ALERT_BOX_VARIANTS, Accordion, AccordionContent, type AccordionContentProps, AccordionItem, AccordionTrigger, type AccordionTriggerProps, AirbnbDatePicker, type AirbnbDatePickerProps, type AirbnbDatePickerValue, AirbnbFieldTrigger, type AirbnbFieldTriggerProps, AirbnbInput, type AirbnbInputProps, AirbnbPhoneField, type AirbnbPhoneFieldOption, type AirbnbPhoneFieldProps, type AirbnbPhoneFieldValue, AirbnbSearchInput, AirbnbSearchableSelect, type AirbnbSearchableSelectProps, type AirbnbSearchableSelectValue, AirbnbSelect, type AirbnbSelectProps, AirbnbSwitch, type AirbnbSwitchProps, Alert, AlertBox, type AlertBoxProps, type AlertBoxVariant, AlertDescription, AlertSize, AlertSizes, AlertTitle, AlertType, AlertTypes, AudioPlayer, type AudioPlayerProps, Avatar, type AvatarProps, Badge, type BadgeProps, BaseCheckbox, type BaseCheckboxProps, type BaseSelectProps, 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, Carousel, CarouselNext, CarouselPrevious, type CarouselProps, CarouselRoot, type CarouselRootProps, CarouselSlide, CarouselTrack, CarouselViewport, CheckList, type CheckListProps, Checkbox, CheckboxDropdownGroup, type CheckboxDropdownGroupConfig, type CheckboxDropdownGroupProps, CheckboxDropdownMultiGroup, CheckboxGroup, type CheckboxGroupProps, type CheckboxOption, type CheckboxProps, type CheckboxSize, CircularLoader, Collapsible, CollapsibleContent, CollapsibleTrigger, CommingSoonBadge, type CommingSoonBadgeProps, ConfirmationDialog, type ConfirmationDialogProps, CopyIcon, type CopyIconProps, CopyLinkButton, type CopyLinkButtonProps, CopyString, type CopyStringProps, Counter, type CounterProps, CounterSize, CreatableMultiSelect, type CreatableMultiSelectProps, CreatableSelect, type CreatableSelectProps, CustomCheckboxDropdownGroup, type CustomIconEntry, DEFAULT_DISPLAY_FORMAT, DEVICE_BREAKPOINTS, DataTable, type DataTableProps, DateRangePicker, type DateRangePickerImperativeProps, type OpenDirection as DateRangePickerOpenDirection, type DateRangePickerProps, DateTableFilter, Datepicker, type DatepickerDate, type DatepickerHandle, type DatepickerProps, type DatepickerSubfield, DebouncedSearchInput, type DebouncedSearchInputProps, DefaultSelectTrigger, type DefaultSelectTriggerProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DialogVisuallyHidden, DividingSubsection, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownButton, type DropdownButtonProps, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, type DropdownMenuContentSide, DropdownMenuGroup, DropdownMenuItem, DropdownMenuItemContent, type DropdownMenuItemContentProps, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptySectionPlaceholder, type EmptySectionPlaceholderProps, EmptyTitle, ErrorMessage, type ErrorMessageProps, ExpandableContent, type ExpandableContentProps, type ExpandableContentTrigger, ExternalLink, type ExternalLinkProps, FieldErrorMessage, type FieldErrorMessageProps, FileInput, FileInputButton, type FileInputButtonProps, type FileInputProps, type FileInputValue, FormBox, Content as FormBoxContent, type FormBoxContentProps, Header as FormBoxHeader, type FormBoxHeaderProps, Root$1 as FormBoxRoot, type FormBoxRootProps, SubHeader as FormBoxSubHeader, type FormBoxSubHeaderProps, FramedIcon, type FramedIconProps, HALO_ICON_STATUS, HaloIcon, type HaloIconProps, HelpTooltip, type HelpTooltipProps, IconButton, type IconButtonProps, type IconEntry, IconsDropdown, type IconsDropdownProps, Image, ImageFullScreenView, type ImageFullScreenViewProps, type ImageProps, InfiniteScrollMultiSelect, type InfiniteScrollMultiSelectProps, InfiniteScrollSelect, type InfiniteScrollSelectProps, InfoBox, type InfoBoxProps, Input, InputOTP, InputOTPGroup, type InputOTPProps, InputOTPSeparator, InputOTPSlot, type InputProps, Label, type LabelProps, LargeModal, type LargeModalProps, LearnMoreButton, type LearnMoreButtonProps, LegacyInfinitySelect, type LegacyInfinitySelectProps, LegacyInput, type LegacyInputProps, LegacyMultiSelect, type LegacyMultiSelectProps, LegacySelect, LegacySelectContent, LegacySelectGroup, LegacySelectItem, LegacySelectLabel, LegacySelectPortal, type LegacySelectProps, LegacySelectRoot, LegacySelectScrollDownButton, LegacySelectScrollUpButton, LegacySelectSeparator, type LegacySelectSize, LegacySelectTrigger, LegacySelectValue, LegacyTextarea, type LegacyTextareaProps, Link, type LinkProps, LoadingBar, type LoadingBarProps, type LucideIconEntry, type MobileCameraProps, type MobileScreenshotPayload, MobileWebcam, Modal, ModalButton, ModalLoader, type ModalLoaderProps, type ModalProps, MultiSelect, type MultiSelectProps, NumberedList, type NumberedListProps, type OptionsCardsProps, OverlayLoader, type OverlayLoaderProps, Pagination, type PaginationProps, type PaginationVariant, PhoneInput, type PhoneInputHandle, type PhoneInputOption, type PhoneInputProps, type PhoneInputValue, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverPortal, PopoverTrigger, PopoverWithTooltip, type PopoverWithTooltipProps, Radio, type RadioCardOption, MemoizedRadioCardsGroup as RadioCardsGroup, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioOption, type RadioProps, type RadioSize, RadioWithBorder, RatingProgress, type RatingProgressProps, RatingRadioGroup, type RatingRadioGroupProps, RatingStars, type RatingStarsProps, type RegisterUiKitI18nOptions, ResponsiveDropdown, type ResponsiveDropdownOption, type ResponsiveDropdownProps, ResponsiveSheet, type ResponsiveSheetProps, RotateArrow, type RotateArrowProps, ScrollArea, type ScrollAreaProps, ScrollBar, type ScrollBarProps, type ScrollableAreaState, SearchButton, type SearchButtonProps, SearchInput, type SearchInputProps, Section, SectionGroup, type SectionGroupItemProps, type SectionGroupLabelProps, type SectionGroupProps, type SectionProps, SectionTag, SectionTagColors, type SectionTagProps, Select, SelectAllRow, type SelectAllRowProps, SelectCheckboxOption, SelectCheckboxes, type SelectCheckboxesProps, type SelectCheckboxesTriggerRenderer, type SelectFormatGroupLabel, type SelectGroupedOption, SelectIconsBox, type SelectIconsBoxProps, type MultiSelectModeProps as SelectMultiProps, type SelectOption, type SelectOptionGroup, type SelectProps, type SelectorOption, 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, SignatureCanvas, type SignatureCanvasRef, type SingleSelectProps, Skeleton, type SkeletonProps, Slider, 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, SvgIcon, type SvgIconProps, type SvgIconSize, Switch, SwitchBlocks, type SwitchBlocksOption, type SwitchBlocksProps, SwitchGroup, type SwitchGroupProps, type SwitchOption, type SwitchProps, TabbedSection, type TabbedSectionProps, Table, TableBody, TableCaption, TableCell, TableFilter, type TableFilterProps, TableFooter, TableHead, TableHeader, TableLoader, type TableLoaderProps, type TableLoaderRootProps, TablePlaceholder, type TablePlaceholderProps, TableRow, Tabs, TabsContent, TabsList, type TabsListProps, TabsTrigger, type TabsTriggerProps, Textarea, type TextareaProps, ThreeDotsLoader, type ThreeDotsLoaderProps, TimePicker, type TimePickerFormat, type TimePickerProps, type TimeSettings, Timeline, TimelineConnector, type TimelineConnectorProps, TimelineContent, type TimelineContentProps, type TimelineContextProps, TimelineDescription, type TimelineDescriptionProps, TimelineDot, type TimelineDotProps, TimelineItem, type TimelineItemProps, type TimelineProps, TimelineSeparator, type TimelineSeparatorProps, TimelineTitle, type TimelineTitleProps, ToggleGroup, ToggleGroupItem, Toggles, type TogglesForwardType, type TogglesProps, Tooltip, TooltipContent, type TooltipContentProps, type TooltipProps, TooltipProvider, TooltipRoot, type TooltipRootProps, TooltipRootWrapper, TooltipTrigger, UI_KIT_I18N_NAMESPACE, type UiKitLocale, UploadedFilesList, type UploadedFilesListProps, type UseScrollableAreaOptions, type UseScrollableAreaResult, VerticalTabs, type VerticalTabsProps, type VerticalTabsStep, type VideoConstraints, VideoModal, type VideoModalProps, VideoPlayer, type VideoPlayerProps, VisualCheckbox, type VisualCheckboxProps, Webcam, type WebcamProps, type WebcamRefTypes, WideButton, type WideButtonProps, addSupportEmailToMessage, badgeVariants, bookmarkTabsListVariants, bookmarkTabsTriggerVariants, buttonGroupVariants, buttonVariants, calendarClassNames, clearPhoneNumber, cn, compressFile, compressImage, copyToClipboard, countriesFilter, createDisabledMatchers, emptyMediaVariants, findPhoneCode, findPhoneCodeOption, formatDate, formatPhoneCodeOptionLabel, getErrorMessage, getFileSizeMB, getScrollableAreaState, getSidebarState, isDayBlocked, isNumeric, labelVariants, parseDate, parsePhoneValueWithOptions, registerUiKitI18n, scrollToTop, sectionTagVariants, switchThumbVariants, switchVariants, tabsListVariants, tabsTriggerVariants, toCssSize, toastResponseError, toggleVariants, uiKitI18nResources, uiKitTranslations, useAbortController, useAccordionState, useCarouselContext, useClickEscape, useCombinedRef, useCopyToClipboard, useCountdown, useDebounce, useDebouncedFunction, useEvent, useHover, useIframeFocusTrapFallback, useIsFormTouched, useIsMobile, useIsMounted, useKeyDown, useLoadMore, useLockBodyScroll, useModalControls, useModalWithHistoryControls, useOutsideClick, usePagination, usePrevious, usePromisedModalControls, useRadioOptions, useResetAfterRequestStatus, useScreenResize, useScrollFrameIntoView, useScrollToTop, useScrollableArea, useSearchInput, useSidebar, useSidebarMenuButton, useSidebarSafe, useStickyStuck, useSwitchSectionActive, useTimeline, useTimeout, useTimeoutRef, useUpdateToast, useValidateDates };
package/dist/index.d.ts CHANGED
@@ -2873,6 +2873,13 @@ type PhoneInputValue = {
2873
2873
  number: string;
2874
2874
  };
2875
2875
 
2876
+ type PhoneInputHandle = {
2877
+ getCodeSearchValue: () => string;
2878
+ setCodeSearchValue: (value: string) => void;
2879
+ getNumberValue: () => string;
2880
+ setNumberValue: (value: string) => void;
2881
+ focus: () => void;
2882
+ };
2876
2883
  type PhoneInputProps = {
2877
2884
  options: PhoneInputOption[];
2878
2885
  value?: PhoneInputValue | null;
@@ -2900,7 +2907,7 @@ type PhoneInputProps = {
2900
2907
  searchable?: boolean;
2901
2908
  defaultCode?: string;
2902
2909
  };
2903
- declare const PhoneInput: React$1.ForwardRefExoticComponent<PhoneInputProps & React$1.RefAttributes<HTMLDivElement>>;
2910
+ declare const PhoneInput: React$1.ForwardRefExoticComponent<PhoneInputProps & React$1.RefAttributes<PhoneInputHandle>>;
2904
2911
 
2905
2912
  declare function clearPhoneNumber(value: string): string;
2906
2913
  declare function findPhoneCode(value: string, codeSet: Set<string>): string | undefined;
@@ -3073,6 +3080,7 @@ type BaseSelectProps<T, V extends SelectValue$1, L extends ReactNode> = {
3073
3080
  hideIndicator?: boolean;
3074
3081
  openMenuOnFocus?: boolean;
3075
3082
  components?: SelectComponents<T, V, L>;
3083
+ inputValue?: string;
3076
3084
  onInputChange?: (value: string) => void;
3077
3085
  searchable?: boolean;
3078
3086
  searchPosition?: 'trigger' | 'dropdown';
@@ -4082,4 +4090,4 @@ interface AirbnbSwitchProps extends Omit<React$1.ComponentPropsWithoutRef<typeof
4082
4090
  }
4083
4091
  declare const AirbnbSwitch: React$1.ForwardRefExoticComponent<AirbnbSwitchProps & React$1.RefAttributes<HTMLButtonElement>>;
4084
4092
 
4085
- export { ALERT_BOX_VARIANTS, Accordion, AccordionContent, type AccordionContentProps, AccordionItem, AccordionTrigger, type AccordionTriggerProps, AirbnbDatePicker, type AirbnbDatePickerProps, type AirbnbDatePickerValue, AirbnbFieldTrigger, type AirbnbFieldTriggerProps, AirbnbInput, type AirbnbInputProps, AirbnbPhoneField, type AirbnbPhoneFieldOption, type AirbnbPhoneFieldProps, type AirbnbPhoneFieldValue, AirbnbSearchInput, AirbnbSearchableSelect, type AirbnbSearchableSelectProps, type AirbnbSearchableSelectValue, AirbnbSelect, type AirbnbSelectProps, AirbnbSwitch, type AirbnbSwitchProps, Alert, AlertBox, type AlertBoxProps, type AlertBoxVariant, AlertDescription, AlertSize, AlertSizes, AlertTitle, AlertType, AlertTypes, AudioPlayer, type AudioPlayerProps, Avatar, type AvatarProps, Badge, type BadgeProps, BaseCheckbox, type BaseCheckboxProps, type BaseSelectProps, 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, Carousel, CarouselNext, CarouselPrevious, type CarouselProps, CarouselRoot, type CarouselRootProps, CarouselSlide, CarouselTrack, CarouselViewport, CheckList, type CheckListProps, Checkbox, CheckboxDropdownGroup, type CheckboxDropdownGroupConfig, type CheckboxDropdownGroupProps, CheckboxDropdownMultiGroup, CheckboxGroup, type CheckboxGroupProps, type CheckboxOption, type CheckboxProps, type CheckboxSize, CircularLoader, Collapsible, CollapsibleContent, CollapsibleTrigger, CommingSoonBadge, type CommingSoonBadgeProps, ConfirmationDialog, type ConfirmationDialogProps, CopyIcon, type CopyIconProps, CopyLinkButton, type CopyLinkButtonProps, CopyString, type CopyStringProps, Counter, type CounterProps, CounterSize, CreatableMultiSelect, type CreatableMultiSelectProps, CreatableSelect, type CreatableSelectProps, CustomCheckboxDropdownGroup, type CustomIconEntry, DEFAULT_DISPLAY_FORMAT, DEVICE_BREAKPOINTS, DataTable, type DataTableProps, DateRangePicker, type DateRangePickerImperativeProps, type OpenDirection as DateRangePickerOpenDirection, type DateRangePickerProps, DateTableFilter, Datepicker, type DatepickerDate, type DatepickerHandle, type DatepickerProps, type DatepickerSubfield, DebouncedSearchInput, type DebouncedSearchInputProps, DefaultSelectTrigger, type DefaultSelectTriggerProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DialogVisuallyHidden, DividingSubsection, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownButton, type DropdownButtonProps, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, type DropdownMenuContentSide, DropdownMenuGroup, DropdownMenuItem, DropdownMenuItemContent, type DropdownMenuItemContentProps, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptySectionPlaceholder, type EmptySectionPlaceholderProps, EmptyTitle, ErrorMessage, type ErrorMessageProps, ExpandableContent, type ExpandableContentProps, type ExpandableContentTrigger, ExternalLink, type ExternalLinkProps, FieldErrorMessage, type FieldErrorMessageProps, FileInput, FileInputButton, type FileInputButtonProps, type FileInputProps, type FileInputValue, FormBox, Content as FormBoxContent, type FormBoxContentProps, Header as FormBoxHeader, type FormBoxHeaderProps, Root$1 as FormBoxRoot, type FormBoxRootProps, SubHeader as FormBoxSubHeader, type FormBoxSubHeaderProps, FramedIcon, type FramedIconProps, HALO_ICON_STATUS, HaloIcon, type HaloIconProps, HelpTooltip, type HelpTooltipProps, IconButton, type IconButtonProps, type IconEntry, IconsDropdown, type IconsDropdownProps, Image, ImageFullScreenView, type ImageFullScreenViewProps, type ImageProps, InfiniteScrollMultiSelect, type InfiniteScrollMultiSelectProps, InfiniteScrollSelect, type InfiniteScrollSelectProps, InfoBox, type InfoBoxProps, Input, InputOTP, InputOTPGroup, type InputOTPProps, InputOTPSeparator, InputOTPSlot, type InputProps, Label, type LabelProps, LargeModal, type LargeModalProps, LearnMoreButton, type LearnMoreButtonProps, LegacyInfinitySelect, type LegacyInfinitySelectProps, LegacyInput, type LegacyInputProps, LegacyMultiSelect, type LegacyMultiSelectProps, LegacySelect, LegacySelectContent, LegacySelectGroup, LegacySelectItem, LegacySelectLabel, LegacySelectPortal, type LegacySelectProps, LegacySelectRoot, LegacySelectScrollDownButton, LegacySelectScrollUpButton, LegacySelectSeparator, type LegacySelectSize, LegacySelectTrigger, LegacySelectValue, LegacyTextarea, type LegacyTextareaProps, Link, type LinkProps, LoadingBar, type LoadingBarProps, type LucideIconEntry, type MobileCameraProps, type MobileScreenshotPayload, MobileWebcam, Modal, ModalButton, ModalLoader, type ModalLoaderProps, type ModalProps, MultiSelect, type MultiSelectProps, NumberedList, type NumberedListProps, type OptionsCardsProps, OverlayLoader, type OverlayLoaderProps, Pagination, type PaginationProps, type PaginationVariant, PhoneInput, type PhoneInputOption, type PhoneInputProps, type PhoneInputValue, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverPortal, PopoverTrigger, PopoverWithTooltip, type PopoverWithTooltipProps, Radio, type RadioCardOption, MemoizedRadioCardsGroup as RadioCardsGroup, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioOption, type RadioProps, type RadioSize, RadioWithBorder, RatingProgress, type RatingProgressProps, RatingRadioGroup, type RatingRadioGroupProps, RatingStars, type RatingStarsProps, type RegisterUiKitI18nOptions, ResponsiveDropdown, type ResponsiveDropdownOption, type ResponsiveDropdownProps, ResponsiveSheet, type ResponsiveSheetProps, RotateArrow, type RotateArrowProps, ScrollArea, type ScrollAreaProps, ScrollBar, type ScrollBarProps, type ScrollableAreaState, SearchButton, type SearchButtonProps, SearchInput, type SearchInputProps, Section, SectionGroup, type SectionGroupItemProps, type SectionGroupLabelProps, type SectionGroupProps, type SectionProps, SectionTag, SectionTagColors, type SectionTagProps, Select, SelectAllRow, type SelectAllRowProps, SelectCheckboxOption, SelectCheckboxes, type SelectCheckboxesProps, type SelectCheckboxesTriggerRenderer, type SelectFormatGroupLabel, type SelectGroupedOption, SelectIconsBox, type SelectIconsBoxProps, type MultiSelectModeProps as SelectMultiProps, type SelectOption, type SelectOptionGroup, type SelectProps, type SelectorOption, 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, SignatureCanvas, type SignatureCanvasRef, type SingleSelectProps, Skeleton, type SkeletonProps, Slider, 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, SvgIcon, type SvgIconProps, type SvgIconSize, Switch, SwitchBlocks, type SwitchBlocksOption, type SwitchBlocksProps, SwitchGroup, type SwitchGroupProps, type SwitchOption, type SwitchProps, TabbedSection, type TabbedSectionProps, Table, TableBody, TableCaption, TableCell, TableFilter, type TableFilterProps, TableFooter, TableHead, TableHeader, TableLoader, type TableLoaderProps, type TableLoaderRootProps, TablePlaceholder, type TablePlaceholderProps, TableRow, Tabs, TabsContent, TabsList, type TabsListProps, TabsTrigger, type TabsTriggerProps, Textarea, type TextareaProps, ThreeDotsLoader, type ThreeDotsLoaderProps, TimePicker, type TimePickerFormat, type TimePickerProps, type TimeSettings, Timeline, TimelineConnector, type TimelineConnectorProps, TimelineContent, type TimelineContentProps, type TimelineContextProps, TimelineDescription, type TimelineDescriptionProps, TimelineDot, type TimelineDotProps, TimelineItem, type TimelineItemProps, type TimelineProps, TimelineSeparator, type TimelineSeparatorProps, TimelineTitle, type TimelineTitleProps, ToggleGroup, ToggleGroupItem, Toggles, type TogglesForwardType, type TogglesProps, Tooltip, TooltipContent, type TooltipContentProps, type TooltipProps, TooltipProvider, TooltipRoot, type TooltipRootProps, TooltipRootWrapper, TooltipTrigger, UI_KIT_I18N_NAMESPACE, type UiKitLocale, UploadedFilesList, type UploadedFilesListProps, type UseScrollableAreaOptions, type UseScrollableAreaResult, VerticalTabs, type VerticalTabsProps, type VerticalTabsStep, type VideoConstraints, VideoModal, type VideoModalProps, VideoPlayer, type VideoPlayerProps, VisualCheckbox, type VisualCheckboxProps, Webcam, type WebcamProps, type WebcamRefTypes, WideButton, type WideButtonProps, addSupportEmailToMessage, badgeVariants, bookmarkTabsListVariants, bookmarkTabsTriggerVariants, buttonGroupVariants, buttonVariants, calendarClassNames, clearPhoneNumber, cn, compressFile, compressImage, copyToClipboard, countriesFilter, createDisabledMatchers, emptyMediaVariants, findPhoneCode, findPhoneCodeOption, formatDate, formatPhoneCodeOptionLabel, getErrorMessage, getFileSizeMB, getScrollableAreaState, getSidebarState, isDayBlocked, isNumeric, labelVariants, parseDate, parsePhoneValueWithOptions, registerUiKitI18n, scrollToTop, sectionTagVariants, switchThumbVariants, switchVariants, tabsListVariants, tabsTriggerVariants, toCssSize, toastResponseError, toggleVariants, uiKitI18nResources, uiKitTranslations, useAbortController, useAccordionState, useCarouselContext, useClickEscape, useCombinedRef, useCopyToClipboard, useCountdown, useDebounce, useDebouncedFunction, useEvent, useHover, useIframeFocusTrapFallback, useIsFormTouched, useIsMobile, useIsMounted, useKeyDown, useLoadMore, useLockBodyScroll, useModalControls, useModalWithHistoryControls, useOutsideClick, usePagination, usePrevious, usePromisedModalControls, useRadioOptions, useResetAfterRequestStatus, useScreenResize, useScrollFrameIntoView, useScrollToTop, useScrollableArea, useSearchInput, useSidebar, useSidebarMenuButton, useSidebarSafe, useStickyStuck, useSwitchSectionActive, useTimeline, useTimeout, useTimeoutRef, useUpdateToast, useValidateDates };
4093
+ export { ALERT_BOX_VARIANTS, Accordion, AccordionContent, type AccordionContentProps, AccordionItem, AccordionTrigger, type AccordionTriggerProps, AirbnbDatePicker, type AirbnbDatePickerProps, type AirbnbDatePickerValue, AirbnbFieldTrigger, type AirbnbFieldTriggerProps, AirbnbInput, type AirbnbInputProps, AirbnbPhoneField, type AirbnbPhoneFieldOption, type AirbnbPhoneFieldProps, type AirbnbPhoneFieldValue, AirbnbSearchInput, AirbnbSearchableSelect, type AirbnbSearchableSelectProps, type AirbnbSearchableSelectValue, AirbnbSelect, type AirbnbSelectProps, AirbnbSwitch, type AirbnbSwitchProps, Alert, AlertBox, type AlertBoxProps, type AlertBoxVariant, AlertDescription, AlertSize, AlertSizes, AlertTitle, AlertType, AlertTypes, AudioPlayer, type AudioPlayerProps, Avatar, type AvatarProps, Badge, type BadgeProps, BaseCheckbox, type BaseCheckboxProps, type BaseSelectProps, 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, Carousel, CarouselNext, CarouselPrevious, type CarouselProps, CarouselRoot, type CarouselRootProps, CarouselSlide, CarouselTrack, CarouselViewport, CheckList, type CheckListProps, Checkbox, CheckboxDropdownGroup, type CheckboxDropdownGroupConfig, type CheckboxDropdownGroupProps, CheckboxDropdownMultiGroup, CheckboxGroup, type CheckboxGroupProps, type CheckboxOption, type CheckboxProps, type CheckboxSize, CircularLoader, Collapsible, CollapsibleContent, CollapsibleTrigger, CommingSoonBadge, type CommingSoonBadgeProps, ConfirmationDialog, type ConfirmationDialogProps, CopyIcon, type CopyIconProps, CopyLinkButton, type CopyLinkButtonProps, CopyString, type CopyStringProps, Counter, type CounterProps, CounterSize, CreatableMultiSelect, type CreatableMultiSelectProps, CreatableSelect, type CreatableSelectProps, CustomCheckboxDropdownGroup, type CustomIconEntry, DEFAULT_DISPLAY_FORMAT, DEVICE_BREAKPOINTS, DataTable, type DataTableProps, DateRangePicker, type DateRangePickerImperativeProps, type OpenDirection as DateRangePickerOpenDirection, type DateRangePickerProps, DateTableFilter, Datepicker, type DatepickerDate, type DatepickerHandle, type DatepickerProps, type DatepickerSubfield, DebouncedSearchInput, type DebouncedSearchInputProps, DefaultSelectTrigger, type DefaultSelectTriggerProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DialogVisuallyHidden, DividingSubsection, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownButton, type DropdownButtonProps, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, type DropdownMenuContentSide, DropdownMenuGroup, DropdownMenuItem, DropdownMenuItemContent, type DropdownMenuItemContentProps, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptySectionPlaceholder, type EmptySectionPlaceholderProps, EmptyTitle, ErrorMessage, type ErrorMessageProps, ExpandableContent, type ExpandableContentProps, type ExpandableContentTrigger, ExternalLink, type ExternalLinkProps, FieldErrorMessage, type FieldErrorMessageProps, FileInput, FileInputButton, type FileInputButtonProps, type FileInputProps, type FileInputValue, FormBox, Content as FormBoxContent, type FormBoxContentProps, Header as FormBoxHeader, type FormBoxHeaderProps, Root$1 as FormBoxRoot, type FormBoxRootProps, SubHeader as FormBoxSubHeader, type FormBoxSubHeaderProps, FramedIcon, type FramedIconProps, HALO_ICON_STATUS, HaloIcon, type HaloIconProps, HelpTooltip, type HelpTooltipProps, IconButton, type IconButtonProps, type IconEntry, IconsDropdown, type IconsDropdownProps, Image, ImageFullScreenView, type ImageFullScreenViewProps, type ImageProps, InfiniteScrollMultiSelect, type InfiniteScrollMultiSelectProps, InfiniteScrollSelect, type InfiniteScrollSelectProps, InfoBox, type InfoBoxProps, Input, InputOTP, InputOTPGroup, type InputOTPProps, InputOTPSeparator, InputOTPSlot, type InputProps, Label, type LabelProps, LargeModal, type LargeModalProps, LearnMoreButton, type LearnMoreButtonProps, LegacyInfinitySelect, type LegacyInfinitySelectProps, LegacyInput, type LegacyInputProps, LegacyMultiSelect, type LegacyMultiSelectProps, LegacySelect, LegacySelectContent, LegacySelectGroup, LegacySelectItem, LegacySelectLabel, LegacySelectPortal, type LegacySelectProps, LegacySelectRoot, LegacySelectScrollDownButton, LegacySelectScrollUpButton, LegacySelectSeparator, type LegacySelectSize, LegacySelectTrigger, LegacySelectValue, LegacyTextarea, type LegacyTextareaProps, Link, type LinkProps, LoadingBar, type LoadingBarProps, type LucideIconEntry, type MobileCameraProps, type MobileScreenshotPayload, MobileWebcam, Modal, ModalButton, ModalLoader, type ModalLoaderProps, type ModalProps, MultiSelect, type MultiSelectProps, NumberedList, type NumberedListProps, type OptionsCardsProps, OverlayLoader, type OverlayLoaderProps, Pagination, type PaginationProps, type PaginationVariant, PhoneInput, type PhoneInputHandle, type PhoneInputOption, type PhoneInputProps, type PhoneInputValue, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverPortal, PopoverTrigger, PopoverWithTooltip, type PopoverWithTooltipProps, Radio, type RadioCardOption, MemoizedRadioCardsGroup as RadioCardsGroup, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioOption, type RadioProps, type RadioSize, RadioWithBorder, RatingProgress, type RatingProgressProps, RatingRadioGroup, type RatingRadioGroupProps, RatingStars, type RatingStarsProps, type RegisterUiKitI18nOptions, ResponsiveDropdown, type ResponsiveDropdownOption, type ResponsiveDropdownProps, ResponsiveSheet, type ResponsiveSheetProps, RotateArrow, type RotateArrowProps, ScrollArea, type ScrollAreaProps, ScrollBar, type ScrollBarProps, type ScrollableAreaState, SearchButton, type SearchButtonProps, SearchInput, type SearchInputProps, Section, SectionGroup, type SectionGroupItemProps, type SectionGroupLabelProps, type SectionGroupProps, type SectionProps, SectionTag, SectionTagColors, type SectionTagProps, Select, SelectAllRow, type SelectAllRowProps, SelectCheckboxOption, SelectCheckboxes, type SelectCheckboxesProps, type SelectCheckboxesTriggerRenderer, type SelectFormatGroupLabel, type SelectGroupedOption, SelectIconsBox, type SelectIconsBoxProps, type MultiSelectModeProps as SelectMultiProps, type SelectOption, type SelectOptionGroup, type SelectProps, type SelectorOption, 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, SignatureCanvas, type SignatureCanvasRef, type SingleSelectProps, Skeleton, type SkeletonProps, Slider, 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, SvgIcon, type SvgIconProps, type SvgIconSize, Switch, SwitchBlocks, type SwitchBlocksOption, type SwitchBlocksProps, SwitchGroup, type SwitchGroupProps, type SwitchOption, type SwitchProps, TabbedSection, type TabbedSectionProps, Table, TableBody, TableCaption, TableCell, TableFilter, type TableFilterProps, TableFooter, TableHead, TableHeader, TableLoader, type TableLoaderProps, type TableLoaderRootProps, TablePlaceholder, type TablePlaceholderProps, TableRow, Tabs, TabsContent, TabsList, type TabsListProps, TabsTrigger, type TabsTriggerProps, Textarea, type TextareaProps, ThreeDotsLoader, type ThreeDotsLoaderProps, TimePicker, type TimePickerFormat, type TimePickerProps, type TimeSettings, Timeline, TimelineConnector, type TimelineConnectorProps, TimelineContent, type TimelineContentProps, type TimelineContextProps, TimelineDescription, type TimelineDescriptionProps, TimelineDot, type TimelineDotProps, TimelineItem, type TimelineItemProps, type TimelineProps, TimelineSeparator, type TimelineSeparatorProps, TimelineTitle, type TimelineTitleProps, ToggleGroup, ToggleGroupItem, Toggles, type TogglesForwardType, type TogglesProps, Tooltip, TooltipContent, type TooltipContentProps, type TooltipProps, TooltipProvider, TooltipRoot, type TooltipRootProps, TooltipRootWrapper, TooltipTrigger, UI_KIT_I18N_NAMESPACE, type UiKitLocale, UploadedFilesList, type UploadedFilesListProps, type UseScrollableAreaOptions, type UseScrollableAreaResult, VerticalTabs, type VerticalTabsProps, type VerticalTabsStep, type VideoConstraints, VideoModal, type VideoModalProps, VideoPlayer, type VideoPlayerProps, VisualCheckbox, type VisualCheckboxProps, Webcam, type WebcamProps, type WebcamRefTypes, WideButton, type WideButtonProps, addSupportEmailToMessage, badgeVariants, bookmarkTabsListVariants, bookmarkTabsTriggerVariants, buttonGroupVariants, buttonVariants, calendarClassNames, clearPhoneNumber, cn, compressFile, compressImage, copyToClipboard, countriesFilter, createDisabledMatchers, emptyMediaVariants, findPhoneCode, findPhoneCodeOption, formatDate, formatPhoneCodeOptionLabel, getErrorMessage, getFileSizeMB, getScrollableAreaState, getSidebarState, isDayBlocked, isNumeric, labelVariants, parseDate, parsePhoneValueWithOptions, registerUiKitI18n, scrollToTop, sectionTagVariants, switchThumbVariants, switchVariants, tabsListVariants, tabsTriggerVariants, toCssSize, toastResponseError, toggleVariants, uiKitI18nResources, uiKitTranslations, useAbortController, useAccordionState, useCarouselContext, useClickEscape, useCombinedRef, useCopyToClipboard, useCountdown, useDebounce, useDebouncedFunction, useEvent, useHover, useIframeFocusTrapFallback, useIsFormTouched, useIsMobile, useIsMounted, useKeyDown, useLoadMore, useLockBodyScroll, useModalControls, useModalWithHistoryControls, useOutsideClick, usePagination, usePrevious, usePromisedModalControls, useRadioOptions, useResetAfterRequestStatus, useScreenResize, useScrollFrameIntoView, useScrollToTop, useScrollableArea, useSearchInput, useSidebar, useSidebarMenuButton, useSidebarSafe, useStickyStuck, useSwitchSectionActive, useTimeline, useTimeout, useTimeoutRef, useUpdateToast, useValidateDates };
package/dist/index.js CHANGED
@@ -13162,6 +13162,7 @@ function useSelectState(params) {
13162
13162
  onKeyDown,
13163
13163
  onFocus,
13164
13164
  onBlur,
13165
+ inputValue: controlledInputValue,
13165
13166
  onInputChange,
13166
13167
  isSearchInDropdown,
13167
13168
  searchable = true
@@ -13179,9 +13180,17 @@ function useSelectState(params) {
13179
13180
  [singleSelected, getValueLabel]
13180
13181
  );
13181
13182
  const isSearchOnlyInput = searchable && (isMulti || Boolean(isSearchInDropdown));
13182
- const [inputValue, setInputValue] = React48.useState(
13183
+ const isInputControlled = controlledInputValue !== void 0;
13184
+ const [internalInputValue, setInternalInputValue] = React48.useState(
13183
13185
  searchable && !isSearchOnlyInput ? valueLabel : ""
13184
13186
  );
13187
+ const inputValue = isInputControlled ? controlledInputValue : internalInputValue;
13188
+ const setInputValue = React48.useCallback(
13189
+ (next) => {
13190
+ if (!isInputControlled) setInternalInputValue(next);
13191
+ },
13192
+ [isInputControlled]
13193
+ );
13185
13194
  const hasValue = selectedOptions.length > 0;
13186
13195
  const isBlocked = Boolean(disabled) || Boolean(loading) || Boolean(readOnly);
13187
13196
  const hasInvalidState = Boolean(error);
@@ -13348,7 +13357,7 @@ function useSelectState(params) {
13348
13357
  onInputChange?.(nextValue);
13349
13358
  if (!isOpen) setIsOpen(true);
13350
13359
  },
13351
- [isOpen, onInputChange, searchable, setIsOpen]
13360
+ [isOpen, onInputChange, searchable, setIsOpen, setInputValue]
13352
13361
  );
13353
13362
  const handleInputFocus = React48.useCallback(
13354
13363
  (event) => {
@@ -13876,6 +13885,7 @@ function SelectInternal(props, ref) {
13876
13885
  hideIndicator,
13877
13886
  openMenuOnFocus,
13878
13887
  components: userComponents,
13888
+ inputValue,
13879
13889
  onInputChange,
13880
13890
  searchable = true,
13881
13891
  searchPosition = "trigger",
@@ -13945,6 +13955,7 @@ function SelectInternal(props, ref) {
13945
13955
  onKeyDown,
13946
13956
  onFocus,
13947
13957
  onBlur,
13958
+ inputValue,
13948
13959
  onInputChange,
13949
13960
  isSearchInDropdown,
13950
13961
  searchable
@@ -14169,189 +14180,228 @@ function formatPhoneCodeOptionLabel(option) {
14169
14180
  // src/dashboard/phone-input/PhoneInput.tsx
14170
14181
  import { jsx as jsx156, jsxs as jsxs100 } from "react/jsx-runtime";
14171
14182
  var EMPTY_VALUE = { code: "", number: "" };
14172
- var PhoneInput = React50.forwardRef(function PhoneInput2({
14173
- options,
14174
- value,
14175
- onChange,
14176
- onFocus,
14177
- onBlur,
14178
- name,
14179
- codeName,
14180
- numberName,
14181
- label,
14182
- topLabel,
14183
- prefixLabel,
14184
- placeholder,
14185
- codePlaceholder = "+00",
14186
- disabled,
14187
- loading,
14188
- readOnly,
14189
- codeReadOnly,
14190
- optional,
14191
- tooltip,
14192
- error,
14193
- invalid,
14194
- className,
14195
- autoDetectCode = true,
14196
- searchable = true,
14197
- defaultCode
14198
- }, ref) {
14199
- const { t } = useTranslation33();
14200
- const groupLabelId = React50.useId();
14201
- const errorMsgId = React50.useId();
14202
- const numberInputRef = React50.useRef(null);
14203
- const safeValue = value ?? EMPTY_VALUE;
14204
- const effectiveCode = safeValue.code || defaultCode || "";
14205
- const resolvedLabel = label ?? "";
14206
- const hasExternalError = Boolean(error);
14207
- const isPrefixRequired = autoDetectCode && Boolean(safeValue.number) && !effectiveCode;
14208
- const hasInvalidState = hasExternalError || Boolean(invalid) || isPrefixRequired;
14209
- const errorMessage = error ?? (isPrefixRequired ? t("prefix_required") : void 0);
14210
- const combinedValue = effectiveCode || safeValue.number ? `${effectiveCode}${safeValue.number}` : "";
14211
- const codeOptions = React50.useMemo(
14212
- () => options.map((option) => ({
14213
- value: option.value,
14214
- label: formatPhoneCodeOptionLabel(option),
14215
- data: option.data,
14216
- isDisabled: option.disabled
14217
- })),
14218
- [options]
14219
- );
14220
- const selectedCodeOption = React50.useMemo(
14221
- () => codeOptions.find((option) => option.value === effectiveCode) ?? null,
14222
- [codeOptions, effectiveCode]
14223
- );
14224
- const parsePhoneValue = React50.useMemo(
14225
- () => parsePhoneValueWithOptions(options),
14226
- [options]
14227
- );
14228
- const emitChange = (next) => {
14229
- onChange?.(next, name);
14230
- };
14231
- const handleCodeChange = (option) => {
14232
- if (!option) return;
14233
- emitChange({ code: option.value, number: safeValue.number });
14234
- if (!disabled && !readOnly) {
14235
- setTimeout(() => numberInputRef.current?.focus(), 0);
14236
- }
14237
- };
14238
- const handleNumberChange = (event) => {
14239
- if (readOnly || disabled) return;
14240
- const rawValue = event.target.value;
14241
- if (!autoDetectCode) {
14242
- emitChange({ code: effectiveCode, number: clearPhoneNumber(rawValue) });
14243
- return;
14244
- }
14245
- const parsed = parsePhoneValue(rawValue);
14246
- const cleanedNumber = clearPhoneNumber(parsed.number);
14247
- if (parsed.code) {
14248
- emitChange({ code: parsed.code, number: cleanedNumber });
14249
- return;
14250
- }
14251
- emitChange({ code: effectiveCode, number: cleanedNumber });
14252
- };
14253
- return /* @__PURE__ */ jsxs100(
14254
- "div",
14255
- {
14256
- className: cn(
14257
- "relative w-[var(--field-width,100%)] max-w-[var(--field-max-width,296px)]",
14258
- disabled && "cursor-not-allowed opacity-50",
14259
- loading && "cursor-progress",
14260
- className
14261
- ),
14262
- children: [
14263
- name && /* @__PURE__ */ jsx156("input", { type: "hidden", name, value: combinedValue, disabled }),
14264
- codeName && /* @__PURE__ */ jsx156("input", { type: "hidden", name: codeName, value: effectiveCode, disabled }),
14265
- numberName && /* @__PURE__ */ jsx156(
14266
- "input",
14267
- {
14268
- type: "hidden",
14269
- name: numberName,
14270
- value: safeValue.number,
14271
- disabled
14272
- }
14273
- ),
14274
- topLabel && /* @__PURE__ */ jsx156(
14275
- "span",
14276
- {
14277
- id: groupLabelId,
14278
- className: "mb-2 block text-[14px] font-medium text-[var(--chekin-color-brand-navy)]",
14279
- children: topLabel
14280
- }
14281
- ),
14282
- /* @__PURE__ */ jsxs100(
14283
- "div",
14284
- {
14285
- role: "group",
14286
- "aria-labelledby": topLabel ? groupLabelId : void 0,
14287
- className: "grid grid-cols-[96px_minmax(0,1fr)] gap-2",
14288
- children: [
14289
- /* @__PURE__ */ jsx156(
14290
- Select,
14291
- {
14292
- ref,
14293
- options: codeOptions,
14294
- value: selectedCodeOption,
14295
- onChange: handleCodeChange,
14296
- label: prefixLabel,
14297
- placeholder: codePlaceholder,
14298
- disabled,
14299
- readOnly: Boolean(readOnly) || Boolean(codeReadOnly),
14300
- loading,
14301
- invalid: hasInvalidState,
14302
- hideErrorMessage: true,
14303
- searchPosition: searchable ? "dropdown" : "trigger",
14304
- searchable,
14305
- filterOption: countriesFilter,
14306
- clearable: false,
14307
- getValueLabel: (option) => option.value,
14308
- className: "max-w-none w-auto",
14309
- dropdownClassName: "right-auto w-[280px]"
14310
- }
14311
- ),
14312
- /* @__PURE__ */ jsx156(
14313
- Input,
14314
- {
14315
- ref: numberInputRef,
14316
- type: "tel",
14317
- inputMode: "tel",
14318
- autoComplete: "tel-national",
14319
- label: resolvedLabel,
14320
- value: safeValue.number,
14321
- placeholder,
14322
- disabled,
14323
- readOnly,
14324
- loading,
14325
- invalid: hasInvalidState,
14326
- tooltip,
14327
- "aria-label": resolvedLabel || name,
14328
- "aria-describedby": errorMessage ? errorMsgId : void 0,
14329
- onChange: handleNumberChange,
14330
- onFocus,
14331
- onBlur,
14332
- renderErrorMessage: false,
14333
- wrapperClassName: "max-w-none w-auto",
14334
- contentClassName: readOnly ? "!cursor-default" : void 0,
14335
- inputClassName: readOnly ? "!cursor-default" : void 0
14336
- }
14337
- )
14338
- ]
14339
- }
14183
+ var PhoneInput = React50.forwardRef(
14184
+ function PhoneInput2({
14185
+ options,
14186
+ value,
14187
+ onChange,
14188
+ onFocus,
14189
+ onBlur,
14190
+ name,
14191
+ codeName,
14192
+ numberName,
14193
+ label,
14194
+ topLabel,
14195
+ prefixLabel,
14196
+ placeholder,
14197
+ codePlaceholder = "+00",
14198
+ disabled,
14199
+ loading,
14200
+ readOnly,
14201
+ codeReadOnly,
14202
+ optional,
14203
+ tooltip,
14204
+ error,
14205
+ invalid,
14206
+ className,
14207
+ autoDetectCode = true,
14208
+ searchable = true,
14209
+ defaultCode
14210
+ }, ref) {
14211
+ const { t } = useTranslation33();
14212
+ const groupLabelId = React50.useId();
14213
+ const errorMsgId = React50.useId();
14214
+ const numberInputRef = React50.useRef(null);
14215
+ const [codeSearchValue, setCodeSearchValue] = React50.useState("");
14216
+ const safeValue = value ?? EMPTY_VALUE;
14217
+ const effectiveCode = safeValue.code || defaultCode || "";
14218
+ const resolvedLabel = label ?? "";
14219
+ const hasExternalError = Boolean(error);
14220
+ const isPrefixRequired = autoDetectCode && Boolean(safeValue.number) && !effectiveCode;
14221
+ const hasInvalidState = hasExternalError || Boolean(invalid) || isPrefixRequired;
14222
+ const errorMessage = error ?? (isPrefixRequired ? t("prefix_required") : void 0);
14223
+ const combinedValue = effectiveCode || safeValue.number ? `${effectiveCode}${safeValue.number}` : "";
14224
+ const codeOptions = React50.useMemo(
14225
+ () => options.map((option) => ({
14226
+ value: option.value,
14227
+ label: formatPhoneCodeOptionLabel(option),
14228
+ data: option.data,
14229
+ isDisabled: option.disabled
14230
+ })),
14231
+ [options]
14232
+ );
14233
+ const selectedCodeOption = React50.useMemo(
14234
+ () => codeOptions.find((option) => option.value === effectiveCode) ?? null,
14235
+ [codeOptions, effectiveCode]
14236
+ );
14237
+ const parsePhoneValue = React50.useMemo(
14238
+ () => parsePhoneValueWithOptions(options),
14239
+ [options]
14240
+ );
14241
+ const emitChange = (next) => {
14242
+ onChange?.(next, name);
14243
+ };
14244
+ const handleCodeChange = (option) => {
14245
+ if (!option) return;
14246
+ emitChange({ code: option.value, number: safeValue.number });
14247
+ if (!disabled && !readOnly) {
14248
+ setTimeout(() => numberInputRef.current?.focus(), 0);
14249
+ }
14250
+ };
14251
+ const handleNumberChange = (event) => {
14252
+ if (readOnly || disabled) return;
14253
+ const rawValue = event.target.value;
14254
+ if (!autoDetectCode) {
14255
+ emitChange({ code: effectiveCode, number: clearPhoneNumber(rawValue) });
14256
+ return;
14257
+ }
14258
+ const parsed = parsePhoneValue(rawValue);
14259
+ const cleanedNumber = clearPhoneNumber(parsed.number);
14260
+ if (parsed.code) {
14261
+ emitChange({ code: parsed.code, number: cleanedNumber });
14262
+ return;
14263
+ }
14264
+ emitChange({ code: effectiveCode, number: cleanedNumber });
14265
+ };
14266
+ const effectiveCodeRef = React50.useRef(effectiveCode);
14267
+ const numberValueRef = React50.useRef(safeValue.number);
14268
+ const codeSearchValueRef = React50.useRef(codeSearchValue);
14269
+ const onChangeRef = React50.useRef(onChange);
14270
+ const nameRef = React50.useRef(name);
14271
+ effectiveCodeRef.current = effectiveCode;
14272
+ numberValueRef.current = safeValue.number;
14273
+ codeSearchValueRef.current = codeSearchValue;
14274
+ onChangeRef.current = onChange;
14275
+ nameRef.current = name;
14276
+ React50.useImperativeHandle(
14277
+ ref,
14278
+ () => ({
14279
+ getCodeSearchValue: () => codeSearchValueRef.current,
14280
+ setCodeSearchValue: (next) => setCodeSearchValue(next),
14281
+ getNumberValue: () => numberValueRef.current,
14282
+ setNumberValue: (next) => {
14283
+ const cleanedNumber = clearPhoneNumber(next);
14284
+ onChangeRef.current?.(
14285
+ { code: effectiveCodeRef.current, number: cleanedNumber },
14286
+ nameRef.current
14287
+ );
14288
+ },
14289
+ focus: () => numberInputRef.current?.focus()
14290
+ }),
14291
+ []
14292
+ );
14293
+ return /* @__PURE__ */ jsxs100(
14294
+ "div",
14295
+ {
14296
+ className: cn(
14297
+ "relative w-[var(--field-width,100%)] max-w-[var(--field-max-width,296px)]",
14298
+ disabled && "cursor-not-allowed opacity-50",
14299
+ loading && "cursor-progress",
14300
+ className
14340
14301
  ),
14341
- !errorMessage && optional && /* @__PURE__ */ jsx156("span", { className: "mt-[1px] block text-left text-[14px] font-medium text-[var(--chekin-color-gray-1)]", children: typeof optional === "string" ? optional : t("optional") }),
14342
- errorMessage && /* @__PURE__ */ jsx156(
14343
- FieldErrorMessage,
14344
- {
14345
- id: errorMsgId,
14346
- message: errorMessage,
14347
- "data-testid": name ? `${name}-error` : void 0,
14348
- className: "mt-[1px] text-[14px]"
14349
- }
14350
- )
14351
- ]
14352
- }
14353
- );
14354
- });
14302
+ children: [
14303
+ name && /* @__PURE__ */ jsx156("input", { type: "hidden", name, value: combinedValue, disabled }),
14304
+ codeName && /* @__PURE__ */ jsx156(
14305
+ "input",
14306
+ {
14307
+ type: "hidden",
14308
+ name: codeName,
14309
+ value: effectiveCode,
14310
+ disabled
14311
+ }
14312
+ ),
14313
+ numberName && /* @__PURE__ */ jsx156(
14314
+ "input",
14315
+ {
14316
+ type: "hidden",
14317
+ name: numberName,
14318
+ value: safeValue.number,
14319
+ disabled
14320
+ }
14321
+ ),
14322
+ topLabel && /* @__PURE__ */ jsx156(
14323
+ "span",
14324
+ {
14325
+ id: groupLabelId,
14326
+ className: "mb-2 block text-[14px] font-medium text-[var(--chekin-color-brand-navy)]",
14327
+ children: topLabel
14328
+ }
14329
+ ),
14330
+ /* @__PURE__ */ jsxs100(
14331
+ "div",
14332
+ {
14333
+ role: "group",
14334
+ "aria-labelledby": topLabel ? groupLabelId : void 0,
14335
+ className: "grid grid-cols-[96px_minmax(0,1fr)] gap-2",
14336
+ children: [
14337
+ /* @__PURE__ */ jsx156(
14338
+ Select,
14339
+ {
14340
+ options: codeOptions,
14341
+ value: selectedCodeOption,
14342
+ onChange: handleCodeChange,
14343
+ label: prefixLabel,
14344
+ placeholder: codePlaceholder,
14345
+ disabled,
14346
+ readOnly: Boolean(readOnly) || Boolean(codeReadOnly),
14347
+ loading,
14348
+ invalid: hasInvalidState,
14349
+ hideErrorMessage: true,
14350
+ searchPosition: searchable ? "dropdown" : "trigger",
14351
+ searchable,
14352
+ filterOption: countriesFilter,
14353
+ clearable: false,
14354
+ getValueLabel: (option) => option.value,
14355
+ className: "max-w-none w-auto",
14356
+ dropdownClassName: "right-auto w-[280px]",
14357
+ inputValue: searchable ? codeSearchValue : void 0,
14358
+ onInputChange: setCodeSearchValue
14359
+ }
14360
+ ),
14361
+ /* @__PURE__ */ jsx156(
14362
+ Input,
14363
+ {
14364
+ ref: numberInputRef,
14365
+ type: "tel",
14366
+ inputMode: "tel",
14367
+ autoComplete: "tel-national",
14368
+ label: resolvedLabel,
14369
+ value: safeValue.number,
14370
+ placeholder,
14371
+ disabled,
14372
+ readOnly,
14373
+ loading,
14374
+ invalid: hasInvalidState,
14375
+ tooltip,
14376
+ "aria-label": resolvedLabel || name,
14377
+ "aria-describedby": errorMessage ? errorMsgId : void 0,
14378
+ onChange: handleNumberChange,
14379
+ onFocus,
14380
+ onBlur,
14381
+ renderErrorMessage: false,
14382
+ wrapperClassName: "max-w-none w-auto",
14383
+ contentClassName: readOnly ? "!cursor-default" : void 0,
14384
+ inputClassName: readOnly ? "!cursor-default" : void 0
14385
+ }
14386
+ )
14387
+ ]
14388
+ }
14389
+ ),
14390
+ !errorMessage && optional && /* @__PURE__ */ jsx156("span", { className: "mt-[1px] block text-left text-[14px] font-medium text-[var(--chekin-color-gray-1)]", children: typeof optional === "string" ? optional : t("optional") }),
14391
+ errorMessage && /* @__PURE__ */ jsx156(
14392
+ FieldErrorMessage,
14393
+ {
14394
+ id: errorMsgId,
14395
+ message: errorMessage,
14396
+ "data-testid": name ? `${name}-error` : void 0,
14397
+ className: "mt-[1px] text-[14px]"
14398
+ }
14399
+ )
14400
+ ]
14401
+ }
14402
+ );
14403
+ }
14404
+ );
14355
14405
  PhoneInput.displayName = "PhoneInput";
14356
14406
 
14357
14407
  // src/dashboard/creatable-select/CreatableSelect.tsx