@chekinapp/ui 0.0.123 → 0.0.125

package/dist/index.d.cts

@@ -2890,6 +2890,7 @@ type PhoneInputProps = {
     options: PhoneInputOption[];
     value?: PhoneInputValue | null;
     onChange?: (value: PhoneInputValue, name?: string) => void;
+    onFocus?: React$1.FocusEventHandler<HTMLInputElement>;
     onBlur?: React$1.FocusEventHandler<HTMLInputElement>;
     name?: string;
     codeName?: string;
@@ -3042,6 +3043,7 @@ type SelectComponents<T = unknown, V extends SelectValue$1 = SelectValue$1, L ex
 type BaseSelectProps<T, V extends SelectValue$1, L extends ReactNode> = {
     options?: SelectGroupedOption<T, V, L>[];
     onBlur?: React$1.FocusEventHandler<HTMLDivElement>;
+    onFocus?: React$1.FocusEventHandler<HTMLInputElement>;
     label?: string;
     topLabel?: string;
     placeholder?: string;
@@ -3222,11 +3224,21 @@ declare const Textarea: React$1.ForwardRefExoticComponent<Omit<React$1.TextareaH
 } & React$1.RefAttributes<HTMLTextAreaElement>>;
 
 type DatepickerDate = Date | null;
+type DatepickerSubfield = 'day' | 'month' | 'year';
+type DatepickerHandle = {
+    getDayValue: () => string;
+    getYearValue: () => string;
+    setDayValue: (value: string) => void;
+    setYearValue: (value: string) => void;
+};
 type DatepickerProps = {
     label?: string;
     value?: DatepickerDate;
     defaultValue?: DatepickerDate;
     onChange?: (value: DatepickerDate, name?: string) => void;
+    onFocus?: React$1.FocusEventHandler<HTMLInputElement | HTMLButtonElement>;
+    onFieldFocus?: (subfield: DatepickerSubfield) => void;
+    onFieldBlur?: (subfield: DatepickerSubfield) => void;
     name?: string;
     invalid?: boolean;
     error?: string;
@@ -3251,7 +3263,7 @@ type DatepickerProps = {
     maxDate?: Date;
     formatValue?: (date: Date) => string;
 };
-declare const Datepicker: React$1.ForwardRefExoticComponent<DatepickerProps & React$1.RefAttributes<HTMLInputElement>>;
+declare const Datepicker: React$1.ForwardRefExoticComponent<DatepickerProps & React$1.RefAttributes<DatepickerHandle>>;
 
 declare const DEFAULT_DISPLAY_FORMAT = "dd-MM-yyyy";
 declare const formatDate: (format?: string) => (date: Date) => string;
@@ -3264,6 +3276,7 @@ type DateRangePickerProps = Omit<Partial<PropsRange>, 'mode' | 'selected'> & Omi
     value?: DateRange;
     defaultValue?: DateRange;
     onChange?: (value: DateRange | undefined, name?: string) => void;
+    onFocus?: React$1.FocusEventHandler<HTMLInputElement>;
     onBlur?: (value: DateRange | undefined) => void;
     name?: string;
     invalid?: boolean;
@@ -3303,6 +3316,7 @@ declare const DateRangePicker: React$1.ForwardRefExoticComponent<Omit<Partial<Pr
     value?: DateRange;
     defaultValue?: DateRange;
     onChange?: (value: DateRange | undefined, name?: string) => void;
+    onFocus?: React$1.FocusEventHandler<HTMLInputElement>;
     onBlur?: (value: DateRange | undefined) => void;
     name?: string;
     invalid?: boolean;
@@ -3389,6 +3403,7 @@ type FileInputProps = {
     label?: string;
     value?: FileInputValue;
     onChange?: (value: File | null, event?: React$1.ChangeEvent<HTMLInputElement>) => void;
+    onFocus?: React$1.FocusEventHandler<HTMLInputElement>;
     onDownload?: (url: string) => void;
     name?: string;
     placeholder?: string;
@@ -3420,6 +3435,7 @@ type SelectIconsBoxProps = {
     isOpen?: boolean;
     defaultOpen?: boolean;
     onOpenChange?: (isOpen: boolean) => void;
+    onFocus?: React$1.FocusEventHandler<HTMLDivElement>;
     position?: 'left' | 'right' | 'center';
     className?: string;
     boxClassName?: string;
@@ -4065,4 +4081,4 @@ interface AirbnbSwitchProps extends Omit<React$1.ComponentPropsWithoutRef<typeof
 }
 declare const AirbnbSwitch: React$1.ForwardRefExoticComponent<AirbnbSwitchProps & React$1.RefAttributes<HTMLButtonElement>>;
 
-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 };
+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

@@ -2890,6 +2890,7 @@ type PhoneInputProps = {
     options: PhoneInputOption[];
     value?: PhoneInputValue | null;
     onChange?: (value: PhoneInputValue, name?: string) => void;
+    onFocus?: React$1.FocusEventHandler<HTMLInputElement>;
     onBlur?: React$1.FocusEventHandler<HTMLInputElement>;
     name?: string;
     codeName?: string;
@@ -3042,6 +3043,7 @@ type SelectComponents<T = unknown, V extends SelectValue$1 = SelectValue$1, L ex
 type BaseSelectProps<T, V extends SelectValue$1, L extends ReactNode> = {
     options?: SelectGroupedOption<T, V, L>[];
     onBlur?: React$1.FocusEventHandler<HTMLDivElement>;
+    onFocus?: React$1.FocusEventHandler<HTMLInputElement>;
     label?: string;
     topLabel?: string;
     placeholder?: string;
@@ -3222,11 +3224,21 @@ declare const Textarea: React$1.ForwardRefExoticComponent<Omit<React$1.TextareaH
 } & React$1.RefAttributes<HTMLTextAreaElement>>;
 
 type DatepickerDate = Date | null;
+type DatepickerSubfield = 'day' | 'month' | 'year';
+type DatepickerHandle = {
+    getDayValue: () => string;
+    getYearValue: () => string;
+    setDayValue: (value: string) => void;
+    setYearValue: (value: string) => void;
+};
 type DatepickerProps = {
     label?: string;
     value?: DatepickerDate;
     defaultValue?: DatepickerDate;
     onChange?: (value: DatepickerDate, name?: string) => void;
+    onFocus?: React$1.FocusEventHandler<HTMLInputElement | HTMLButtonElement>;
+    onFieldFocus?: (subfield: DatepickerSubfield) => void;
+    onFieldBlur?: (subfield: DatepickerSubfield) => void;
     name?: string;
     invalid?: boolean;
     error?: string;
@@ -3251,7 +3263,7 @@ type DatepickerProps = {
     maxDate?: Date;
     formatValue?: (date: Date) => string;
 };
-declare const Datepicker: React$1.ForwardRefExoticComponent<DatepickerProps & React$1.RefAttributes<HTMLInputElement>>;
+declare const Datepicker: React$1.ForwardRefExoticComponent<DatepickerProps & React$1.RefAttributes<DatepickerHandle>>;
 
 declare const DEFAULT_DISPLAY_FORMAT = "dd-MM-yyyy";
 declare const formatDate: (format?: string) => (date: Date) => string;
@@ -3264,6 +3276,7 @@ type DateRangePickerProps = Omit<Partial<PropsRange>, 'mode' | 'selected'> & Omi
     value?: DateRange;
     defaultValue?: DateRange;
     onChange?: (value: DateRange | undefined, name?: string) => void;
+    onFocus?: React$1.FocusEventHandler<HTMLInputElement>;
     onBlur?: (value: DateRange | undefined) => void;
     name?: string;
     invalid?: boolean;
@@ -3303,6 +3316,7 @@ declare const DateRangePicker: React$1.ForwardRefExoticComponent<Omit<Partial<Pr
     value?: DateRange;
     defaultValue?: DateRange;
     onChange?: (value: DateRange | undefined, name?: string) => void;
+    onFocus?: React$1.FocusEventHandler<HTMLInputElement>;
     onBlur?: (value: DateRange | undefined) => void;
     name?: string;
     invalid?: boolean;
@@ -3389,6 +3403,7 @@ type FileInputProps = {
     label?: string;
     value?: FileInputValue;
     onChange?: (value: File | null, event?: React$1.ChangeEvent<HTMLInputElement>) => void;
+    onFocus?: React$1.FocusEventHandler<HTMLInputElement>;
     onDownload?: (url: string) => void;
     name?: string;
     placeholder?: string;
@@ -3420,6 +3435,7 @@ type SelectIconsBoxProps = {
     isOpen?: boolean;
     defaultOpen?: boolean;
     onOpenChange?: (isOpen: boolean) => void;
+    onFocus?: React$1.FocusEventHandler<HTMLDivElement>;
     position?: 'left' | 'right' | 'center';
     className?: string;
     boxClassName?: string;
@@ -4065,4 +4081,4 @@ interface AirbnbSwitchProps extends Omit<React$1.ComponentPropsWithoutRef<typeof
 }
 declare const AirbnbSwitch: React$1.ForwardRefExoticComponent<AirbnbSwitchProps & React$1.RefAttributes<HTMLButtonElement>>;
 
-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 };
+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

@@ -12494,7 +12494,8 @@ function SelectFieldShell({
             {
               id: errorId,
               message: errorMessage,
-              className: "mt-[1px] text-[14px]"
+              className: "mt-[1px] text-[14px]",
+              "data-testid": name ? `${name}-error` : void 0
             }
           )
         ] })
@@ -13202,6 +13203,7 @@ function useSelectState(params) {
     closeMenuOnSelect,
     openMenuOnFocus = true,
     onKeyDown,
+    onFocus,
     onBlur,
     isSearchInDropdown
   } = params;
@@ -13218,9 +13220,7 @@ function useSelectState(params) {
     [singleSelected, getValueLabel]
   );
   const isSearchOnlyInput = isMulti || Boolean(isSearchInDropdown);
-  const [inputValue, setInputValue] = React48.useState(
-    isSearchOnlyInput ? "" : valueLabel
-  );
+  const [inputValue, setInputValue] = React48.useState(isSearchOnlyInput ? "" : valueLabel);
   const hasValue = selectedOptions.length > 0;
   const isBlocked = Boolean(disabled) || Boolean(loading) || Boolean(readOnly);
   const hasInvalidState = Boolean(error);
@@ -13379,14 +13379,18 @@ function useSelectState(params) {
     },
     [isOpen, setIsOpen]
   );
-  const handleInputFocus = React48.useCallback(() => {
-    if (isBlocked) return;
-    setIsFocused(true);
-    if (openMenuOnFocus) setIsOpen(true);
-    if (!isMulti) {
-      requestAnimationFrame(() => inputRef.current?.select());
-    }
-  }, [isBlocked, openMenuOnFocus, setIsOpen, isMulti]);
+  const handleInputFocus = React48.useCallback(
+    (event) => {
+      if (isBlocked) return;
+      onFocus?.(event);
+      setIsFocused(true);
+      if (openMenuOnFocus) setIsOpen(true);
+      if (!isMulti) {
+        requestAnimationFrame(() => inputRef.current?.select());
+      }
+    },
+    [isBlocked, onFocus, openMenuOnFocus, setIsOpen, isMulti]
+  );
   const handleContainerClick = React48.useCallback(() => {
     if (isBlocked) return;
     inputRef.current?.focus();
@@ -13820,6 +13824,7 @@ function SelectInternal(props, ref) {
   const {
     options = [],
     onBlur,
+    onFocus,
     label,
     topLabel,
     placeholder,
@@ -13921,6 +13926,7 @@ function SelectInternal(props, ref) {
     closeMenuOnSelect,
     openMenuOnFocus,
     onKeyDown,
+    onFocus,
     onBlur,
     isSearchInDropdown
   });
@@ -14147,6 +14153,7 @@ var PhoneInput = React50.forwardRef(
     options,
     value,
     onChange,
+    onFocus,
     onBlur,
     name,
     codeName,
@@ -14286,6 +14293,7 @@ var PhoneInput = React50.forwardRef(
                 tooltip,
                 "aria-label": resolvedLabel || name,
                 onChange: handleNumberChange,
+                onFocus,
                 onBlur,
                 renderErrorMessage: false,
                 wrapperClassName: "!max-w-none"
@@ -15875,6 +15883,9 @@ var Datepicker = React62.forwardRef(
     value,
     defaultValue,
     onChange,
+    onFocus,
+    onFieldFocus,
+    onFieldBlur,
     name,
     invalid,
     error,
@@ -15938,9 +15949,30 @@ var Datepicker = React62.forwardRef(
     const [monthInputValue, setMonthInputValue] = React62.useState("");
     const [monthHighlightIndex, setMonthHighlightIndex] = React62.useState(-1);
     const isMobile3 = useIsMobile();
+    const emitChangeRef = React62.useRef(() => {
+    });
+    const dayStateRef = React62.useRef(day);
+    const yearStateRef = React62.useRef(year);
+    const monthIndexRef = React62.useRef(monthIndex);
+    dayStateRef.current = day;
+    yearStateRef.current = year;
+    monthIndexRef.current = monthIndex;
     React62.useImperativeHandle(
       ref,
-      () => dayInputRef.current ?? mobileTriggerRef.current,
+      () => ({
+        getDayValue: () => dayStateRef.current,
+        getYearValue: () => yearStateRef.current,
+        setDayValue: (next) => {
+          if (!PARTIAL_DAY_PATTERN.test(next)) return;
+          setDay(next);
+          emitChangeRef.current(next, monthIndexRef.current, yearStateRef.current);
+        },
+        setYearValue: (next) => {
+          if (!PARTIAL_YEAR_PATTERN.test(next)) return;
+          setYear(next);
+          emitChangeRef.current(dayStateRef.current, monthIndexRef.current, next);
+        }
+      }),
       []
     );
     React62.useEffect(() => {
@@ -16001,6 +16033,7 @@ var Datepicker = React62.forwardRef(
       },
       [name, onChange]
     );
+    emitChangeRef.current = emitChange;
     const handleDayChange = (event) => {
       const next = event.target.value;
       if (!PARTIAL_DAY_PATTERN.test(next)) return;
@@ -16188,6 +16221,7 @@ var Datepicker = React62.forwardRef(
                 "aria-busy": loading,
                 disabled: isBlocked || readOnly,
                 onClick: openWheel,
+                onFocus,
                 className: cn(
                   "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",
                   triggerText ? "bg-transparent text-[var(--chekin-color-brand-navy)]" : "bg-[var(--empty-field-background)] text-[var(--chekin-color-gray-1)]",
@@ -16230,8 +16264,15 @@ var Datepicker = React62.forwardRef(
                       "aria-invalid": isInvalid,
                       "aria-labelledby": labelId,
                       onChange: handleDayChange,
-                      onFocus: () => setFocusedField("day"),
-                      onBlur: () => setFocusedField(null),
+                      onFocus: (event) => {
+                        onFocus?.(event);
+                        onFieldFocus?.("day");
+                        setFocusedField("day");
+                      },
+                      onBlur: () => {
+                        onFieldBlur?.("day");
+                        setFocusedField(null);
+                      },
                       maxLength: 2,
                       className: subInputClass
                     }
@@ -16258,7 +16299,9 @@ var Datepicker = React62.forwardRef(
                         disabled: isBlocked,
                         readOnly,
                         onChange: handleMonthInputChange,
-                        onFocus: () => {
+                        onFocus: (event) => {
+                          onFocus?.(event);
+                          onFieldFocus?.("month");
                           setFocusedField("month");
                           if (!isBlocked && !readOnly) {
                             setIsMonthOpen(true);
@@ -16266,6 +16309,7 @@ var Datepicker = React62.forwardRef(
                           }
                         },
                         onBlur: () => {
+                          onFieldBlur?.("month");
                           setFocusedField(null);
                           commitMonthInput();
                         },
@@ -16313,8 +16357,15 @@ var Datepicker = React62.forwardRef(
                       "aria-invalid": isInvalid,
                       "aria-labelledby": labelId,
                       onChange: handleYearChange,
-                      onFocus: () => setFocusedField("year"),
-                      onBlur: () => setFocusedField(null),
+                      onFocus: (event) => {
+                        onFocus?.(event);
+                        onFieldFocus?.("year");
+                        setFocusedField("year");
+                      },
+                      onBlur: () => {
+                        onFieldBlur?.("year");
+                        setFocusedField(null);
+                      },
                       maxLength: 4,
                       className: subInputClass
                     }
@@ -16844,6 +16895,7 @@ var DateRangePicker = React66.forwardRef(function DateRangePicker2({
   value: externalValue,
   defaultValue,
   onChange,
+  onFocus,
   onBlur,
   name,
   invalid,
@@ -17039,11 +17091,13 @@ var DateRangePicker = React66.forwardRef(function DateRangePicker2({
               openCalendarLabel: t("open_calendar"),
               onFromTextChange: setFromText,
               onToTextChange: setToText,
-              onFromFocus: () => {
+              onFromFocus: (event) => {
+                onFocus?.(event);
                 setFocusedInput("from");
                 if (!readOnly && !isBlocked) setIsOpen(true);
               },
-              onToFocus: () => {
+              onToFocus: (event) => {
+                onFocus?.(event);
                 setFocusedInput("to");
                 if (!readOnly && !isBlocked) setIsOpen(true);
               },
@@ -17300,6 +17354,7 @@ var FileInput = React69.forwardRef(function FileInput2({
   label,
   value,
   onChange,
+  onFocus,
   onDownload = defaultDownload,
   name = "file",
   placeholder,
@@ -17373,6 +17428,7 @@ var FileInput = React69.forwardRef(function FileInput2({
             multiple,
             disabled: isBlocked || readOnly,
             onChange: handleFileChange,
+            onFocus,
             className: "absolute h-[0.1px] w-[0.1px] opacity-0",
             "aria-labelledby": labelId,
             "aria-invalid": isInvalid
@@ -17473,6 +17529,7 @@ var SelectIconsBox = React70.forwardRef(
     isOpen: controlledOpen,
     defaultOpen = false,
     onOpenChange,
+    onFocus,
     position = "left",
     className,
     boxClassName
@@ -17500,6 +17557,7 @@ var SelectIconsBox = React70.forwardRef(
       setOpen(false);
     };
     const handleContainerFocus = (event) => {
+      onFocus?.(event);
       if (event.target !== event.currentTarget) return;
       const focusable = event.currentTarget.querySelector(
         FOCUSABLE_TRIGGER_SELECTOR2