@chekinapp/ui 0.0.122 → 0.0.124

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
@@ -1898,6 +1898,7 @@ type SelectOption<D = unknown, V extends string | number | boolean = string, L e
1898
1898
  description?: string | ReactNode;
1899
1899
  isDisabled?: boolean;
1900
1900
  readOnly?: boolean;
1901
+ isPrefilled?: boolean;
1901
1902
  };
1902
1903
  type SelectorOption<T extends string | number | boolean = string> = {
1903
1904
  value: T;
@@ -2889,6 +2890,7 @@ type PhoneInputProps = {
2889
2890
  options: PhoneInputOption[];
2890
2891
  value?: PhoneInputValue | null;
2891
2892
  onChange?: (value: PhoneInputValue, name?: string) => void;
2893
+ onFocus?: React$1.FocusEventHandler<HTMLInputElement>;
2892
2894
  onBlur?: React$1.FocusEventHandler<HTMLInputElement>;
2893
2895
  name?: string;
2894
2896
  codeName?: string;
@@ -3041,6 +3043,7 @@ type SelectComponents<T = unknown, V extends SelectValue$1 = SelectValue$1, L ex
3041
3043
  type BaseSelectProps<T, V extends SelectValue$1, L extends ReactNode> = {
3042
3044
  options?: SelectGroupedOption<T, V, L>[];
3043
3045
  onBlur?: React$1.FocusEventHandler<HTMLDivElement>;
3046
+ onFocus?: React$1.FocusEventHandler<HTMLInputElement>;
3044
3047
  label?: string;
3045
3048
  topLabel?: string;
3046
3049
  placeholder?: string;
@@ -3221,11 +3224,21 @@ declare const Textarea: React$1.ForwardRefExoticComponent<Omit<React$1.TextareaH
3221
3224
  } & React$1.RefAttributes<HTMLTextAreaElement>>;
3222
3225
 
3223
3226
  type DatepickerDate = Date | null;
3227
+ type DatepickerSubfield = 'day' | 'month' | 'year';
3228
+ type DatepickerHandle = {
3229
+ getDayValue: () => string;
3230
+ getYearValue: () => string;
3231
+ setDayValue: (value: string) => void;
3232
+ setYearValue: (value: string) => void;
3233
+ };
3224
3234
  type DatepickerProps = {
3225
3235
  label?: string;
3226
3236
  value?: DatepickerDate;
3227
3237
  defaultValue?: DatepickerDate;
3228
3238
  onChange?: (value: DatepickerDate, name?: string) => void;
3239
+ onFocus?: React$1.FocusEventHandler<HTMLInputElement | HTMLButtonElement>;
3240
+ onFieldFocus?: (subfield: DatepickerSubfield) => void;
3241
+ onFieldBlur?: (subfield: DatepickerSubfield) => void;
3229
3242
  name?: string;
3230
3243
  invalid?: boolean;
3231
3244
  error?: string;
@@ -3250,7 +3263,7 @@ type DatepickerProps = {
3250
3263
  maxDate?: Date;
3251
3264
  formatValue?: (date: Date) => string;
3252
3265
  };
3253
- declare const Datepicker: React$1.ForwardRefExoticComponent<DatepickerProps & React$1.RefAttributes<HTMLInputElement>>;
3266
+ declare const Datepicker: React$1.ForwardRefExoticComponent<DatepickerProps & React$1.RefAttributes<DatepickerHandle>>;
3254
3267
 
3255
3268
  declare const DEFAULT_DISPLAY_FORMAT = "dd-MM-yyyy";
3256
3269
  declare const formatDate: (format?: string) => (date: Date) => string;
@@ -3263,6 +3276,7 @@ type DateRangePickerProps = Omit<Partial<PropsRange>, 'mode' | 'selected'> & Omi
3263
3276
  value?: DateRange;
3264
3277
  defaultValue?: DateRange;
3265
3278
  onChange?: (value: DateRange | undefined, name?: string) => void;
3279
+ onFocus?: React$1.FocusEventHandler<HTMLInputElement>;
3266
3280
  onBlur?: (value: DateRange | undefined) => void;
3267
3281
  name?: string;
3268
3282
  invalid?: boolean;
@@ -3302,6 +3316,7 @@ declare const DateRangePicker: React$1.ForwardRefExoticComponent<Omit<Partial<Pr
3302
3316
  value?: DateRange;
3303
3317
  defaultValue?: DateRange;
3304
3318
  onChange?: (value: DateRange | undefined, name?: string) => void;
3319
+ onFocus?: React$1.FocusEventHandler<HTMLInputElement>;
3305
3320
  onBlur?: (value: DateRange | undefined) => void;
3306
3321
  name?: string;
3307
3322
  invalid?: boolean;
@@ -3388,6 +3403,7 @@ type FileInputProps = {
3388
3403
  label?: string;
3389
3404
  value?: FileInputValue;
3390
3405
  onChange?: (value: File | null, event?: React$1.ChangeEvent<HTMLInputElement>) => void;
3406
+ onFocus?: React$1.FocusEventHandler<HTMLInputElement>;
3391
3407
  onDownload?: (url: string) => void;
3392
3408
  name?: string;
3393
3409
  placeholder?: string;
@@ -3419,6 +3435,7 @@ type SelectIconsBoxProps = {
3419
3435
  isOpen?: boolean;
3420
3436
  defaultOpen?: boolean;
3421
3437
  onOpenChange?: (isOpen: boolean) => void;
3438
+ onFocus?: React$1.FocusEventHandler<HTMLDivElement>;
3422
3439
  position?: 'left' | 'right' | 'center';
3423
3440
  className?: string;
3424
3441
  boxClassName?: string;
@@ -4064,4 +4081,4 @@ interface AirbnbSwitchProps extends Omit<React$1.ComponentPropsWithoutRef<typeof
4064
4081
  }
4065
4082
  declare const AirbnbSwitch: React$1.ForwardRefExoticComponent<AirbnbSwitchProps & React$1.RefAttributes<HTMLButtonElement>>;
4066
4083
 
4067
- 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 DatepickerProps, 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, FreeTextField, type FreeTextFieldProps, 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, Webcam, type WebcamProps, type WebcamRefTypes, WideButton, type WideButtonProps, addSupportEmailToMessage, badgeVariants, bookmarkTabsListVariants, bookmarkTabsTriggerVariants, buttonGroupVariants, buttonVariants, calendarClassNames, clearPhoneNumber, cn, compressFile, compressImage, copyToClipboard, 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 };
4084
+ 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, FreeTextField, type FreeTextFieldProps, 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, Webcam, type WebcamProps, type WebcamRefTypes, WideButton, type WideButtonProps, addSupportEmailToMessage, badgeVariants, bookmarkTabsListVariants, bookmarkTabsTriggerVariants, buttonGroupVariants, buttonVariants, calendarClassNames, clearPhoneNumber, cn, compressFile, compressImage, copyToClipboard, 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
@@ -1898,6 +1898,7 @@ type SelectOption<D = unknown, V extends string | number | boolean = string, L e
1898
1898
  description?: string | ReactNode;
1899
1899
  isDisabled?: boolean;
1900
1900
  readOnly?: boolean;
1901
+ isPrefilled?: boolean;
1901
1902
  };
1902
1903
  type SelectorOption<T extends string | number | boolean = string> = {
1903
1904
  value: T;
@@ -2889,6 +2890,7 @@ type PhoneInputProps = {
2889
2890
  options: PhoneInputOption[];
2890
2891
  value?: PhoneInputValue | null;
2891
2892
  onChange?: (value: PhoneInputValue, name?: string) => void;
2893
+ onFocus?: React$1.FocusEventHandler<HTMLInputElement>;
2892
2894
  onBlur?: React$1.FocusEventHandler<HTMLInputElement>;
2893
2895
  name?: string;
2894
2896
  codeName?: string;
@@ -3041,6 +3043,7 @@ type SelectComponents<T = unknown, V extends SelectValue$1 = SelectValue$1, L ex
3041
3043
  type BaseSelectProps<T, V extends SelectValue$1, L extends ReactNode> = {
3042
3044
  options?: SelectGroupedOption<T, V, L>[];
3043
3045
  onBlur?: React$1.FocusEventHandler<HTMLDivElement>;
3046
+ onFocus?: React$1.FocusEventHandler<HTMLInputElement>;
3044
3047
  label?: string;
3045
3048
  topLabel?: string;
3046
3049
  placeholder?: string;
@@ -3221,11 +3224,21 @@ declare const Textarea: React$1.ForwardRefExoticComponent<Omit<React$1.TextareaH
3221
3224
  } & React$1.RefAttributes<HTMLTextAreaElement>>;
3222
3225
 
3223
3226
  type DatepickerDate = Date | null;
3227
+ type DatepickerSubfield = 'day' | 'month' | 'year';
3228
+ type DatepickerHandle = {
3229
+ getDayValue: () => string;
3230
+ getYearValue: () => string;
3231
+ setDayValue: (value: string) => void;
3232
+ setYearValue: (value: string) => void;
3233
+ };
3224
3234
  type DatepickerProps = {
3225
3235
  label?: string;
3226
3236
  value?: DatepickerDate;
3227
3237
  defaultValue?: DatepickerDate;
3228
3238
  onChange?: (value: DatepickerDate, name?: string) => void;
3239
+ onFocus?: React$1.FocusEventHandler<HTMLInputElement | HTMLButtonElement>;
3240
+ onFieldFocus?: (subfield: DatepickerSubfield) => void;
3241
+ onFieldBlur?: (subfield: DatepickerSubfield) => void;
3229
3242
  name?: string;
3230
3243
  invalid?: boolean;
3231
3244
  error?: string;
@@ -3250,7 +3263,7 @@ type DatepickerProps = {
3250
3263
  maxDate?: Date;
3251
3264
  formatValue?: (date: Date) => string;
3252
3265
  };
3253
- declare const Datepicker: React$1.ForwardRefExoticComponent<DatepickerProps & React$1.RefAttributes<HTMLInputElement>>;
3266
+ declare const Datepicker: React$1.ForwardRefExoticComponent<DatepickerProps & React$1.RefAttributes<DatepickerHandle>>;
3254
3267
 
3255
3268
  declare const DEFAULT_DISPLAY_FORMAT = "dd-MM-yyyy";
3256
3269
  declare const formatDate: (format?: string) => (date: Date) => string;
@@ -3263,6 +3276,7 @@ type DateRangePickerProps = Omit<Partial<PropsRange>, 'mode' | 'selected'> & Omi
3263
3276
  value?: DateRange;
3264
3277
  defaultValue?: DateRange;
3265
3278
  onChange?: (value: DateRange | undefined, name?: string) => void;
3279
+ onFocus?: React$1.FocusEventHandler<HTMLInputElement>;
3266
3280
  onBlur?: (value: DateRange | undefined) => void;
3267
3281
  name?: string;
3268
3282
  invalid?: boolean;
@@ -3302,6 +3316,7 @@ declare const DateRangePicker: React$1.ForwardRefExoticComponent<Omit<Partial<Pr
3302
3316
  value?: DateRange;
3303
3317
  defaultValue?: DateRange;
3304
3318
  onChange?: (value: DateRange | undefined, name?: string) => void;
3319
+ onFocus?: React$1.FocusEventHandler<HTMLInputElement>;
3305
3320
  onBlur?: (value: DateRange | undefined) => void;
3306
3321
  name?: string;
3307
3322
  invalid?: boolean;
@@ -3388,6 +3403,7 @@ type FileInputProps = {
3388
3403
  label?: string;
3389
3404
  value?: FileInputValue;
3390
3405
  onChange?: (value: File | null, event?: React$1.ChangeEvent<HTMLInputElement>) => void;
3406
+ onFocus?: React$1.FocusEventHandler<HTMLInputElement>;
3391
3407
  onDownload?: (url: string) => void;
3392
3408
  name?: string;
3393
3409
  placeholder?: string;
@@ -3419,6 +3435,7 @@ type SelectIconsBoxProps = {
3419
3435
  isOpen?: boolean;
3420
3436
  defaultOpen?: boolean;
3421
3437
  onOpenChange?: (isOpen: boolean) => void;
3438
+ onFocus?: React$1.FocusEventHandler<HTMLDivElement>;
3422
3439
  position?: 'left' | 'right' | 'center';
3423
3440
  className?: string;
3424
3441
  boxClassName?: string;
@@ -4064,4 +4081,4 @@ interface AirbnbSwitchProps extends Omit<React$1.ComponentPropsWithoutRef<typeof
4064
4081
  }
4065
4082
  declare const AirbnbSwitch: React$1.ForwardRefExoticComponent<AirbnbSwitchProps & React$1.RefAttributes<HTMLButtonElement>>;
4066
4083
 
4067
- 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 DatepickerProps, 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, FreeTextField, type FreeTextFieldProps, 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, Webcam, type WebcamProps, type WebcamRefTypes, WideButton, type WideButtonProps, addSupportEmailToMessage, badgeVariants, bookmarkTabsListVariants, bookmarkTabsTriggerVariants, buttonGroupVariants, buttonVariants, calendarClassNames, clearPhoneNumber, cn, compressFile, compressImage, copyToClipboard, 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 };
4084
+ 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, FreeTextField, type FreeTextFieldProps, 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, Webcam, type WebcamProps, type WebcamRefTypes, WideButton, type WideButtonProps, addSupportEmailToMessage, badgeVariants, bookmarkTabsListVariants, bookmarkTabsTriggerVariants, buttonGroupVariants, buttonVariants, calendarClassNames, clearPhoneNumber, cn, compressFile, compressImage, copyToClipboard, 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
@@ -13202,6 +13202,7 @@ function useSelectState(params) {
13202
13202
  closeMenuOnSelect,
13203
13203
  openMenuOnFocus = true,
13204
13204
  onKeyDown,
13205
+ onFocus,
13205
13206
  onBlur,
13206
13207
  isSearchInDropdown
13207
13208
  } = params;
@@ -13217,7 +13218,8 @@ function useSelectState(params) {
13217
13218
  () => resolveValueLabel(singleSelected, getValueLabel),
13218
13219
  [singleSelected, getValueLabel]
13219
13220
  );
13220
- const [inputValue, setInputValue] = React48.useState(isMulti ? "" : valueLabel);
13221
+ const isSearchOnlyInput = isMulti || Boolean(isSearchInDropdown);
13222
+ const [inputValue, setInputValue] = React48.useState(isSearchOnlyInput ? "" : valueLabel);
13221
13223
  const hasValue = selectedOptions.length > 0;
13222
13224
  const isBlocked = Boolean(disabled) || Boolean(loading) || Boolean(readOnly);
13223
13225
  const hasInvalidState = Boolean(error);
@@ -13232,18 +13234,18 @@ function useSelectState(params) {
13232
13234
  const ids = useSelectIds({ name, hasValue, error, hideErrorMessage });
13233
13235
  const { listboxId, getOptionId: getOptionId2 } = ids;
13234
13236
  React48.useEffect(() => {
13235
- if (isMulti) return;
13237
+ if (isSearchOnlyInput) return;
13236
13238
  if (!isFocused) setInputValue(valueLabel);
13237
- }, [valueLabel, isFocused, isMulti]);
13239
+ }, [valueLabel, isFocused, isSearchOnlyInput]);
13238
13240
  React48.useEffect(() => {
13239
- if (!isMulti) return;
13241
+ if (!isSearchOnlyInput) return;
13240
13242
  if (!isOpen) {
13241
13243
  setInputValue("");
13242
13244
  setHighlightedIndex(-1);
13243
13245
  }
13244
- }, [isOpen, isMulti]);
13246
+ }, [isOpen, isSearchOnlyInput]);
13245
13247
  const trimmedInput = inputValue.trim();
13246
- const isFiltering = isMulti ? trimmedInput.length > 0 : trimmedInput.length > 0 && trimmedInput.toLowerCase() !== valueLabel.toLowerCase();
13248
+ const isFiltering = isSearchOnlyInput ? trimmedInput.length > 0 : trimmedInput.length > 0 && trimmedInput.toLowerCase() !== valueLabel.toLowerCase();
13247
13249
  const filteredOptions = React48.useMemo(() => {
13248
13250
  if (!isFiltering) return options;
13249
13251
  return options.filter((option) => filterOption(option, trimmedInput));
@@ -13304,7 +13306,7 @@ function useSelectState(params) {
13304
13306
  return;
13305
13307
  }
13306
13308
  onSelectionChange([option], { action: "select" });
13307
- setInputValue(resolveValueLabel(option, getValueLabel));
13309
+ setInputValue(isSearchInDropdown ? "" : resolveValueLabel(option, getValueLabel));
13308
13310
  setIsOpen(false);
13309
13311
  setIsFocused(false);
13310
13312
  inputRef.current?.blur();
@@ -13317,7 +13319,8 @@ function useSelectState(params) {
13317
13319
  onSelectionChange,
13318
13320
  closeMenuOnSelect,
13319
13321
  setIsOpen,
13320
- getValueLabel
13322
+ getValueLabel,
13323
+ isSearchInDropdown
13321
13324
  ]
13322
13325
  );
13323
13326
  const removeOption = React48.useCallback(
@@ -13352,7 +13355,7 @@ function useSelectState(params) {
13352
13355
  return;
13353
13356
  }
13354
13357
  onSelectionChange([newOption], { action: "create" });
13355
- setInputValue(resolveValueLabel(newOption, getValueLabel));
13358
+ setInputValue(isSearchInDropdown ? "" : resolveValueLabel(newOption, getValueLabel));
13356
13359
  setIsOpen(false);
13357
13360
  setIsFocused(false);
13358
13361
  inputRef.current?.blur();
@@ -13365,7 +13368,8 @@ function useSelectState(params) {
13365
13368
  selectedOptions,
13366
13369
  closeMenuOnSelect,
13367
13370
  setIsOpen,
13368
- getValueLabel
13371
+ getValueLabel,
13372
+ isSearchInDropdown
13369
13373
  ]);
13370
13374
  const handleInputChange = React48.useCallback(
13371
13375
  (event) => {
@@ -13374,14 +13378,18 @@ function useSelectState(params) {
13374
13378
  },
13375
13379
  [isOpen, setIsOpen]
13376
13380
  );
13377
- const handleInputFocus = React48.useCallback(() => {
13378
- if (isBlocked) return;
13379
- setIsFocused(true);
13380
- if (openMenuOnFocus) setIsOpen(true);
13381
- if (!isMulti) {
13382
- requestAnimationFrame(() => inputRef.current?.select());
13383
- }
13384
- }, [isBlocked, openMenuOnFocus, setIsOpen, isMulti]);
13381
+ const handleInputFocus = React48.useCallback(
13382
+ (event) => {
13383
+ if (isBlocked) return;
13384
+ onFocus?.(event);
13385
+ setIsFocused(true);
13386
+ if (openMenuOnFocus) setIsOpen(true);
13387
+ if (!isMulti) {
13388
+ requestAnimationFrame(() => inputRef.current?.select());
13389
+ }
13390
+ },
13391
+ [isBlocked, onFocus, openMenuOnFocus, setIsOpen, isMulti]
13392
+ );
13385
13393
  const handleContainerClick = React48.useCallback(() => {
13386
13394
  if (isBlocked) return;
13387
13395
  inputRef.current?.focus();
@@ -13391,10 +13399,10 @@ function useSelectState(params) {
13391
13399
  (event) => {
13392
13400
  if (containerRef.current?.contains(event.relatedTarget)) return;
13393
13401
  setIsFocused(false);
13394
- if (!isMulti) setInputValue(valueLabel);
13402
+ if (!isSearchOnlyInput) setInputValue(valueLabel);
13395
13403
  onBlur?.(event);
13396
13404
  },
13397
- [containerRef, isMulti, valueLabel, onBlur]
13405
+ [containerRef, isSearchOnlyInput, valueLabel, onBlur]
13398
13406
  );
13399
13407
  const handleInputKeyDown = React48.useCallback(
13400
13408
  (event) => {
@@ -13448,7 +13456,7 @@ function useSelectState(params) {
13448
13456
  }
13449
13457
  if (event.key === "Escape") {
13450
13458
  event.preventDefault();
13451
- if (!isMulti) setInputValue(valueLabel);
13459
+ if (!isSearchOnlyInput) setInputValue(valueLabel);
13452
13460
  setIsOpen(false);
13453
13461
  inputRef.current?.blur();
13454
13462
  }
@@ -13456,6 +13464,7 @@ function useSelectState(params) {
13456
13464
  [
13457
13465
  onKeyDown,
13458
13466
  isMulti,
13467
+ isSearchOnlyInput,
13459
13468
  inputValue,
13460
13469
  selectedOptions,
13461
13470
  onSelectionChange,
@@ -13793,12 +13802,28 @@ function mergeComponents(overrides) {
13793
13802
  };
13794
13803
  }
13795
13804
 
13805
+ // src/dashboard/select/useSetCorrectOptionIfThereIsOnlyValue.ts
13806
+ import { useEffect as useEffect39 } from "react";
13807
+ function useSetCorrectOptionIfThereIsOnlyValue({ value, options, onChange, enabled = true }) {
13808
+ useEffect39(() => {
13809
+ if (!enabled || !value || !onChange || !options?.length) return;
13810
+ if (value.value === void 0 || value.value === null) return;
13811
+ if (value.label !== "NONE" && value.label !== "") return;
13812
+ const validOption = flattenGroupedOptions(options).find(
13813
+ (option) => option.value === value.value
13814
+ );
13815
+ if (!validOption) return;
13816
+ onChange({ ...validOption, isPrefilled: true }, { action: "select" });
13817
+ }, [enabled, onChange, options, value]);
13818
+ }
13819
+
13796
13820
  // src/dashboard/select/Select.tsx
13797
13821
  import { jsx as jsx156, jsxs as jsxs99 } from "react/jsx-runtime";
13798
13822
  function SelectInternal(props, ref) {
13799
13823
  const {
13800
13824
  options = [],
13801
13825
  onBlur,
13826
+ onFocus,
13802
13827
  label,
13803
13828
  topLabel,
13804
13829
  placeholder,
@@ -13853,6 +13878,12 @@ function SelectInternal(props, ref) {
13853
13878
  return props.defaultValue ?? null;
13854
13879
  });
13855
13880
  const currentValue = isControlled ? props.value : internalValue;
13881
+ useSetCorrectOptionIfThereIsOnlyValue({
13882
+ enabled: !isMulti,
13883
+ value: !isMulti ? props.value : void 0,
13884
+ options,
13885
+ onChange: !isMulti ? props.onChange : void 0
13886
+ });
13856
13887
  const selectedOptions = React49.useMemo(() => {
13857
13888
  if (isMulti) return currentValue ?? [];
13858
13889
  return currentValue ? [currentValue] : [];
@@ -13894,6 +13925,7 @@ function SelectInternal(props, ref) {
13894
13925
  closeMenuOnSelect,
13895
13926
  openMenuOnFocus,
13896
13927
  onKeyDown,
13928
+ onFocus,
13897
13929
  onBlur,
13898
13930
  isSearchInDropdown
13899
13931
  });
@@ -14120,6 +14152,7 @@ var PhoneInput = React50.forwardRef(
14120
14152
  options,
14121
14153
  value,
14122
14154
  onChange,
14155
+ onFocus,
14123
14156
  onBlur,
14124
14157
  name,
14125
14158
  codeName,
@@ -14259,6 +14292,7 @@ var PhoneInput = React50.forwardRef(
14259
14292
  tooltip,
14260
14293
  "aria-label": resolvedLabel || name,
14261
14294
  onChange: handleNumberChange,
14295
+ onFocus,
14262
14296
  onBlur,
14263
14297
  renderErrorMessage: false,
14264
14298
  wrapperClassName: "!max-w-none"
@@ -15848,6 +15882,9 @@ var Datepicker = React62.forwardRef(
15848
15882
  value,
15849
15883
  defaultValue,
15850
15884
  onChange,
15885
+ onFocus,
15886
+ onFieldFocus,
15887
+ onFieldBlur,
15851
15888
  name,
15852
15889
  invalid,
15853
15890
  error,
@@ -15911,9 +15948,30 @@ var Datepicker = React62.forwardRef(
15911
15948
  const [monthInputValue, setMonthInputValue] = React62.useState("");
15912
15949
  const [monthHighlightIndex, setMonthHighlightIndex] = React62.useState(-1);
15913
15950
  const isMobile3 = useIsMobile();
15951
+ const emitChangeRef = React62.useRef(() => {
15952
+ });
15953
+ const dayStateRef = React62.useRef(day);
15954
+ const yearStateRef = React62.useRef(year);
15955
+ const monthIndexRef = React62.useRef(monthIndex);
15956
+ dayStateRef.current = day;
15957
+ yearStateRef.current = year;
15958
+ monthIndexRef.current = monthIndex;
15914
15959
  React62.useImperativeHandle(
15915
15960
  ref,
15916
- () => dayInputRef.current ?? mobileTriggerRef.current,
15961
+ () => ({
15962
+ getDayValue: () => dayStateRef.current,
15963
+ getYearValue: () => yearStateRef.current,
15964
+ setDayValue: (next) => {
15965
+ if (!PARTIAL_DAY_PATTERN.test(next)) return;
15966
+ setDay(next);
15967
+ emitChangeRef.current(next, monthIndexRef.current, yearStateRef.current);
15968
+ },
15969
+ setYearValue: (next) => {
15970
+ if (!PARTIAL_YEAR_PATTERN.test(next)) return;
15971
+ setYear(next);
15972
+ emitChangeRef.current(dayStateRef.current, monthIndexRef.current, next);
15973
+ }
15974
+ }),
15917
15975
  []
15918
15976
  );
15919
15977
  React62.useEffect(() => {
@@ -15974,6 +16032,7 @@ var Datepicker = React62.forwardRef(
15974
16032
  },
15975
16033
  [name, onChange]
15976
16034
  );
16035
+ emitChangeRef.current = emitChange;
15977
16036
  const handleDayChange = (event) => {
15978
16037
  const next = event.target.value;
15979
16038
  if (!PARTIAL_DAY_PATTERN.test(next)) return;
@@ -16161,6 +16220,7 @@ var Datepicker = React62.forwardRef(
16161
16220
  "aria-busy": loading,
16162
16221
  disabled: isBlocked || readOnly,
16163
16222
  onClick: openWheel,
16223
+ onFocus,
16164
16224
  className: cn(
16165
16225
  "relative m-0 box-border flex h-12 w-full cursor-pointer items-center justify-between gap-2 rounded-[6px] border-0 px-4 text-left text-[16px] font-medium leading-5 outline-none transition-colors duration-200",
16166
16226
  triggerText ? "bg-transparent text-[var(--chekin-color-brand-navy)]" : "bg-[var(--empty-field-background)] text-[var(--chekin-color-gray-1)]",
@@ -16203,8 +16263,15 @@ var Datepicker = React62.forwardRef(
16203
16263
  "aria-invalid": isInvalid,
16204
16264
  "aria-labelledby": labelId,
16205
16265
  onChange: handleDayChange,
16206
- onFocus: () => setFocusedField("day"),
16207
- onBlur: () => setFocusedField(null),
16266
+ onFocus: (event) => {
16267
+ onFocus?.(event);
16268
+ onFieldFocus?.("day");
16269
+ setFocusedField("day");
16270
+ },
16271
+ onBlur: () => {
16272
+ onFieldBlur?.("day");
16273
+ setFocusedField(null);
16274
+ },
16208
16275
  maxLength: 2,
16209
16276
  className: subInputClass
16210
16277
  }
@@ -16231,7 +16298,9 @@ var Datepicker = React62.forwardRef(
16231
16298
  disabled: isBlocked,
16232
16299
  readOnly,
16233
16300
  onChange: handleMonthInputChange,
16234
- onFocus: () => {
16301
+ onFocus: (event) => {
16302
+ onFocus?.(event);
16303
+ onFieldFocus?.("month");
16235
16304
  setFocusedField("month");
16236
16305
  if (!isBlocked && !readOnly) {
16237
16306
  setIsMonthOpen(true);
@@ -16239,6 +16308,7 @@ var Datepicker = React62.forwardRef(
16239
16308
  }
16240
16309
  },
16241
16310
  onBlur: () => {
16311
+ onFieldBlur?.("month");
16242
16312
  setFocusedField(null);
16243
16313
  commitMonthInput();
16244
16314
  },
@@ -16286,8 +16356,15 @@ var Datepicker = React62.forwardRef(
16286
16356
  "aria-invalid": isInvalid,
16287
16357
  "aria-labelledby": labelId,
16288
16358
  onChange: handleYearChange,
16289
- onFocus: () => setFocusedField("year"),
16290
- onBlur: () => setFocusedField(null),
16359
+ onFocus: (event) => {
16360
+ onFocus?.(event);
16361
+ onFieldFocus?.("year");
16362
+ setFocusedField("year");
16363
+ },
16364
+ onBlur: () => {
16365
+ onFieldBlur?.("year");
16366
+ setFocusedField(null);
16367
+ },
16291
16368
  maxLength: 4,
16292
16369
  className: subInputClass
16293
16370
  }
@@ -16817,6 +16894,7 @@ var DateRangePicker = React66.forwardRef(function DateRangePicker2({
16817
16894
  value: externalValue,
16818
16895
  defaultValue,
16819
16896
  onChange,
16897
+ onFocus,
16820
16898
  onBlur,
16821
16899
  name,
16822
16900
  invalid,
@@ -17012,11 +17090,13 @@ var DateRangePicker = React66.forwardRef(function DateRangePicker2({
17012
17090
  openCalendarLabel: t("open_calendar"),
17013
17091
  onFromTextChange: setFromText,
17014
17092
  onToTextChange: setToText,
17015
- onFromFocus: () => {
17093
+ onFromFocus: (event) => {
17094
+ onFocus?.(event);
17016
17095
  setFocusedInput("from");
17017
17096
  if (!readOnly && !isBlocked) setIsOpen(true);
17018
17097
  },
17019
- onToFocus: () => {
17098
+ onToFocus: (event) => {
17099
+ onFocus?.(event);
17020
17100
  setFocusedInput("to");
17021
17101
  if (!readOnly && !isBlocked) setIsOpen(true);
17022
17102
  },
@@ -17273,6 +17353,7 @@ var FileInput = React69.forwardRef(function FileInput2({
17273
17353
  label,
17274
17354
  value,
17275
17355
  onChange,
17356
+ onFocus,
17276
17357
  onDownload = defaultDownload,
17277
17358
  name = "file",
17278
17359
  placeholder,
@@ -17346,6 +17427,7 @@ var FileInput = React69.forwardRef(function FileInput2({
17346
17427
  multiple,
17347
17428
  disabled: isBlocked || readOnly,
17348
17429
  onChange: handleFileChange,
17430
+ onFocus,
17349
17431
  className: "absolute h-[0.1px] w-[0.1px] opacity-0",
17350
17432
  "aria-labelledby": labelId,
17351
17433
  "aria-invalid": isInvalid
@@ -17446,6 +17528,7 @@ var SelectIconsBox = React70.forwardRef(
17446
17528
  isOpen: controlledOpen,
17447
17529
  defaultOpen = false,
17448
17530
  onOpenChange,
17531
+ onFocus,
17449
17532
  position = "left",
17450
17533
  className,
17451
17534
  boxClassName
@@ -17473,6 +17556,7 @@ var SelectIconsBox = React70.forwardRef(
17473
17556
  setOpen(false);
17474
17557
  };
17475
17558
  const handleContainerFocus = (event) => {
17559
+ onFocus?.(event);
17476
17560
  if (event.target !== event.currentTarget) return;
17477
17561
  const focusable = event.currentTarget.querySelector(
17478
17562
  FOCUSABLE_TRIGGER_SELECTOR2