design-zystem 1.0.459 → 1.0.461

package/dist/ui/index.d.mts

@@ -2172,6 +2172,19 @@ interface DatePickerProps {
 /** Construit sur `react-day-picker` — la lib derrière le vrai `Calendar`/`DatePicker` de shadcn. */
 declare const DatePicker: ({ mode, value, onChange, startDate, endDate, onRangeChange, showPresets, presets, placeholder, disabled, minDate, maxDate, width, align, className, }: DatePickerProps) => react.JSX.Element;
 
+interface TimeInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'value' | 'onChange'> {
+    value: string;
+    onChange: (value: string) => void;
+    /** Largeur du champ — un format `HH:mm` n'a pas besoin de s'étirer en pleine largeur. */
+    width?: string;
+}
+/**
+ * Champ heure en texte libre (`HH:mm`), icône horloge posée dans le champ —
+ * masque écrit à la main plutôt qu'une lib tierce, même logique que le texte
+ * tapé/collé de `DatePicker` (`autoFormatTypedInput`).
+ */
+declare const TimeInput: react.ForwardRefExoticComponent<TimeInputProps & react.RefAttributes<HTMLInputElement>>;
+
 declare const ZONE_POSITIONS: {
     readonly front: readonly [32, 70];
     readonly hood: readonly [62, 70];
@@ -2471,4 +2484,4 @@ interface TourTargetProps {
 declare const TourTarget: ({ id, children }: TourTargetProps) => react.JSX.Element;
 declare const Tour: ({ steps, open, step, onStepChange, onClose, labels, targetTimeout, }: TourProps) => null;
 
-export { type ActivityFeedItem, ActivityFeedPanel, type ActivityFeedPanelProps, Attachment, type AttachmentProps, type AttachmentStatus, AudioPlayer, type AudioPlayerProps, Avatar, AvatarBadge, type AvatarBadgeConfig, type AvatarBadgeProps, AvatarEditOverlay, type AvatarEditOverlayProps, AvatarFallback, type AvatarFallbackProps, AvatarGroup, type AvatarGroupProps, AvatarImage, type AvatarImageProps, type AvatarProps, Badge, type BadgeProps, Banner, type BannerAction, type BannerJustify, type BannerProps, type BannerToggle, Box, type BoxProps, Bulk, type BulkProps, type BulkSection, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, COLOR_TOKENS, Checkbox, type CheckboxProps, Collapsible, CollapsibleContent, CollapsibleTrigger, type ColorKey, ColorPicker, type ColorPickerProps, type ColorToken, ColorTokenPicker, type ColorTokenPickerProps, DatePicker, type DatePickerMode, type DatePickerProps, type DatePreset, Divider, type DividerProps, Drawer, DrawerBody, DrawerClose, DrawerDescription, type DrawerDirection, DrawerFooter, DrawerHeader, type DrawerProps, DrawerTitle, EmailInput, type EmailInputProps, EmptyState, type EmptyStateProps, FAB_EDGE_MARGIN, FAB_SIZE, FilePicker, type FilePickerProps, FileUploadZone, type FileUploadZoneProps, type FloatingAction, FloatingButton, type FloatingButtonProps, type FloatingSafeArea, Gantt, type GanttBand, type GanttBar, type GanttDay, GanttDot, type GanttProps, type GanttRow, GanttSwatch, GlobalSearch, GlobalSearchInput, GlobalSearchLoadMore, type GlobalSearchLoadMoreProps, type GlobalSearchProps, GlobalSearchResults, GlobalSearchRow, type GlobalSearchRowProps, GlobalSearchSection, type GlobalSearchSectionProps, type HeaderCheckState, type HexColor, HistoryButton, type HistoryButtonProps, type HistoryChange, HistoryDrawer, type HistoryDrawerProps, type HistoryEntry, type HistoryFilter, HistoryList, type HistoryListProps, Icon, IconBadge, type IconBadgeProps, type IconColor, type IconFamily, type IconProps, type IconSize, type IconTabItem, IconTabs, type IconTabsProps, IconTooltip, type IconTooltipProps, type IconVariant, Image, type ImageProps, InfoTooltip, type InfoTooltipProps, type InfoTooltipVariant, Input, InputGroup, InputGroupAddon, type InputGroupAddonProps, InputGroupButton, type InputGroupButtonProps, type InputGroupProps, type InputProps, Item, ItemActions, ItemContent, ItemDescription, ItemMedia, type ItemMediaProps, type ItemProps, ItemTitle, Label, type LabelProps, Layout, type LayoutProps, Link, type LinkProps, Message, MessageDateSeparator, type MessageDateSeparatorProps, type MessageProps, MessageScroller, type MessageScrollerProps, type MessageSeparatorTone, type MessageVariant, MetricCard, type MetricCardProps, Modal, ModalBody, ModalClose, ModalDescription, ModalFooter, ModalHeader, type ModalProps, ModalTitle, type MultiSelectProps, type OptimizeImageOptions, type OptimizeImageResult, PageContainer, type PageContainerProps, Pagination, type PaginationProps, PasswordInput, type PasswordInputProps, PdfPreview, type PdfPreviewProps, PhoneInput, type PhoneInputMeta, type PhoneInputProps, Popover, type PopoverMenuItem, type PopoverProps, ProgressBar, type ProgressBarProps, type ProgressMarker, type ProgressSegment, Radio, type RadioOption, type RadioProps, type RowId, type RowSelection, ScrollArea, type ScrollAreaProps, SearchInput, type SearchInputProps, Select, type SelectBubbleOption, type SelectGroup, type SelectItem, type SelectOption, type SelectProps, Sidebar, SidebarActionCard, type SidebarActionCardProps, SidebarContent, type SidebarContentProps, SidebarFooter, type SidebarFooterProps, SidebarGroup, type SidebarGroupProps, SidebarHeader, type SidebarHeaderProps, SidebarMenuButton, type SidebarMenuButtonProps, SidebarMenuSearchInput, type SidebarMenuSearchInputProps, SidebarMenuSub, SidebarMenuSubButton, type SidebarMenuSubButtonProps, SidebarMenuSubItem, type SidebarMenuSubItemProps, type SidebarMenuSubProps, type SidebarProps, SidebarSupportInfo, type SidebarSupportInfoProps, SidebarTrigger, type SidebarTriggerProps, SidebarUserMenu, type SidebarUserMenuAction, type SidebarUserMenuLeafAction, type SidebarUserMenuProps, type SingleSelectProps, Skeleton, type SkeletonProps, Slider, type SliderProps, Spinner, type SpinnerProps, type SpinnerSize, Stepper, type StepperProps, Switch, type SwitchProps, TOUR_TARGET_ATTRIBUTE, type TabItem, Table, type TableAction, TableActionsCell, type TableActionsCellProps, type TableAlertAction, TableAlertRow, type TableAlertRowProps, type TableAlertTone, TableCell, type TableCellProps, type TableCellTheme, TableClientCell, type TableClientCellProps, type TableColumnsAlign, type TableEmptyState, TableExpandedRow, type TableExpandedRowProps, TableFooter, TableFooterCell, type TableFooterCellProps, type TableFooterProps, TableFooterRow, type TableFooterRowProps, TableHeader, TableHeaderCell, type TableHeaderCellProps, type TableHeaderProps, TableHeaderRow, type TableHeaderRowProps, type TablePagination, TablePersonCell, type TablePersonCellProps, type TableProps, TableRow, type TableRowProps, TableSectionRow, type TableSectionRowProps, TableSelectCell, type TableSelectCellProps, TableSelectHeaderCell, type TableSelectHeaderCellProps, type TableSelection, TableStatusCell, type TableStatusCellProps, TableSubgroupRow, type TableSubgroupRowProps, type TableToolbarProps, type TableToolbarSearch, type TableToolbarStatusFilter, type TableVariant, Tabs, type TabsProps, type TabsVariant, TagBubble, type TagBubbleProps, type TagLevelItem, TagLevelPicker, type TagLevelPickerProps, type TagLevelPickerSize, type TagOption, type TagSearchOption, TagSelect, type TagSelectProps, Text, type TextProps, Textarea, type TextareaProps, type TextareaVariant, Tile, type TileProps, type TileVariant, Timeline, type TimelineItem, type TimelineProps, type ToastId, type ToastOptions, type ToastType, Toaster, Tooltip, type TooltipProps, Tour, type TourCloseReason, type TourLabels, type TourPlacement, type TourProps, type TourStep, TourTarget, type TourTargetProps, type UseRowSelectionOptions, VEHICLE_DAMAGE_ZONES, VehicleDamageMap, type VehicleDamageMapProps, type VehicleDamageMapSideLabels, type VehicleDamageMark, type VehicleDamageZone, VideoPlayer, type VideoPlayerProps, addBusinessDays, allowAutofill, appendCacheBuster, appendQueryParam, buttonGroupVariants, buttonVariants, capitalizeFirstLetter, colors, easterDate, formatAddress, formatCityFromFormattedAddress, formatCityWithPostalCode, formatDate, formatDateWithTime, formatDistance, formatDuration, formatEuro, formatKM, formatLocality, formatName, formatNameWithInitial, formatPhoneNumber, formatPlate, formatPlateWithoutDashes, formatPostalCodeFromFormattedAddress, formatRegionCode, formatTime, formatVideoDuration, formatVin, generateHexColor, getAvatarColor, getCleanFileName, getElapsedTime, getFileIconByMimeType, getFileKind, getFileNameFromUrl, getInitials, getMimeCategory, getPastelColorPair, getRelativeTime, isHoliday, isSameDay, isolateCity, linkVariants, noAutofillProps, optimizeImage, parseAmount, parseIsoDate, toast, truncateFileName, truncateText, useAvatarSize, useRowSelection };
+export { type ActivityFeedItem, ActivityFeedPanel, type ActivityFeedPanelProps, Attachment, type AttachmentProps, type AttachmentStatus, AudioPlayer, type AudioPlayerProps, Avatar, AvatarBadge, type AvatarBadgeConfig, type AvatarBadgeProps, AvatarEditOverlay, type AvatarEditOverlayProps, AvatarFallback, type AvatarFallbackProps, AvatarGroup, type AvatarGroupProps, AvatarImage, type AvatarImageProps, type AvatarProps, Badge, type BadgeProps, Banner, type BannerAction, type BannerJustify, type BannerProps, type BannerToggle, Box, type BoxProps, Bulk, type BulkProps, type BulkSection, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, COLOR_TOKENS, Checkbox, type CheckboxProps, Collapsible, CollapsibleContent, CollapsibleTrigger, type ColorKey, ColorPicker, type ColorPickerProps, type ColorToken, ColorTokenPicker, type ColorTokenPickerProps, DatePicker, type DatePickerMode, type DatePickerProps, type DatePreset, Divider, type DividerProps, Drawer, DrawerBody, DrawerClose, DrawerDescription, type DrawerDirection, DrawerFooter, DrawerHeader, type DrawerProps, DrawerTitle, EmailInput, type EmailInputProps, EmptyState, type EmptyStateProps, FAB_EDGE_MARGIN, FAB_SIZE, FilePicker, type FilePickerProps, FileUploadZone, type FileUploadZoneProps, type FloatingAction, FloatingButton, type FloatingButtonProps, type FloatingSafeArea, Gantt, type GanttBand, type GanttBar, type GanttDay, GanttDot, type GanttProps, type GanttRow, GanttSwatch, GlobalSearch, GlobalSearchInput, GlobalSearchLoadMore, type GlobalSearchLoadMoreProps, type GlobalSearchProps, GlobalSearchResults, GlobalSearchRow, type GlobalSearchRowProps, GlobalSearchSection, type GlobalSearchSectionProps, type HeaderCheckState, type HexColor, HistoryButton, type HistoryButtonProps, type HistoryChange, HistoryDrawer, type HistoryDrawerProps, type HistoryEntry, type HistoryFilter, HistoryList, type HistoryListProps, Icon, IconBadge, type IconBadgeProps, type IconColor, type IconFamily, type IconProps, type IconSize, type IconTabItem, IconTabs, type IconTabsProps, IconTooltip, type IconTooltipProps, type IconVariant, Image, type ImageProps, InfoTooltip, type InfoTooltipProps, type InfoTooltipVariant, Input, InputGroup, InputGroupAddon, type InputGroupAddonProps, InputGroupButton, type InputGroupButtonProps, type InputGroupProps, type InputProps, Item, ItemActions, ItemContent, ItemDescription, ItemMedia, type ItemMediaProps, type ItemProps, ItemTitle, Label, type LabelProps, Layout, type LayoutProps, Link, type LinkProps, Message, MessageDateSeparator, type MessageDateSeparatorProps, type MessageProps, MessageScroller, type MessageScrollerProps, type MessageSeparatorTone, type MessageVariant, MetricCard, type MetricCardProps, Modal, ModalBody, ModalClose, ModalDescription, ModalFooter, ModalHeader, type ModalProps, ModalTitle, type MultiSelectProps, type OptimizeImageOptions, type OptimizeImageResult, PageContainer, type PageContainerProps, Pagination, type PaginationProps, PasswordInput, type PasswordInputProps, PdfPreview, type PdfPreviewProps, PhoneInput, type PhoneInputMeta, type PhoneInputProps, Popover, type PopoverMenuItem, type PopoverProps, ProgressBar, type ProgressBarProps, type ProgressMarker, type ProgressSegment, Radio, type RadioOption, type RadioProps, type RowId, type RowSelection, ScrollArea, type ScrollAreaProps, SearchInput, type SearchInputProps, Select, type SelectBubbleOption, type SelectGroup, type SelectItem, type SelectOption, type SelectProps, Sidebar, SidebarActionCard, type SidebarActionCardProps, SidebarContent, type SidebarContentProps, SidebarFooter, type SidebarFooterProps, SidebarGroup, type SidebarGroupProps, SidebarHeader, type SidebarHeaderProps, SidebarMenuButton, type SidebarMenuButtonProps, SidebarMenuSearchInput, type SidebarMenuSearchInputProps, SidebarMenuSub, SidebarMenuSubButton, type SidebarMenuSubButtonProps, SidebarMenuSubItem, type SidebarMenuSubItemProps, type SidebarMenuSubProps, type SidebarProps, SidebarSupportInfo, type SidebarSupportInfoProps, SidebarTrigger, type SidebarTriggerProps, SidebarUserMenu, type SidebarUserMenuAction, type SidebarUserMenuLeafAction, type SidebarUserMenuProps, type SingleSelectProps, Skeleton, type SkeletonProps, Slider, type SliderProps, Spinner, type SpinnerProps, type SpinnerSize, Stepper, type StepperProps, Switch, type SwitchProps, TOUR_TARGET_ATTRIBUTE, type TabItem, Table, type TableAction, TableActionsCell, type TableActionsCellProps, type TableAlertAction, TableAlertRow, type TableAlertRowProps, type TableAlertTone, TableCell, type TableCellProps, type TableCellTheme, TableClientCell, type TableClientCellProps, type TableColumnsAlign, type TableEmptyState, TableExpandedRow, type TableExpandedRowProps, TableFooter, TableFooterCell, type TableFooterCellProps, type TableFooterProps, TableFooterRow, type TableFooterRowProps, TableHeader, TableHeaderCell, type TableHeaderCellProps, type TableHeaderProps, TableHeaderRow, type TableHeaderRowProps, type TablePagination, TablePersonCell, type TablePersonCellProps, type TableProps, TableRow, type TableRowProps, TableSectionRow, type TableSectionRowProps, TableSelectCell, type TableSelectCellProps, TableSelectHeaderCell, type TableSelectHeaderCellProps, type TableSelection, TableStatusCell, type TableStatusCellProps, TableSubgroupRow, type TableSubgroupRowProps, type TableToolbarProps, type TableToolbarSearch, type TableToolbarStatusFilter, type TableVariant, Tabs, type TabsProps, type TabsVariant, TagBubble, type TagBubbleProps, type TagLevelItem, TagLevelPicker, type TagLevelPickerProps, type TagLevelPickerSize, type TagOption, type TagSearchOption, TagSelect, type TagSelectProps, Text, type TextProps, Textarea, type TextareaProps, type TextareaVariant, Tile, type TileProps, type TileVariant, TimeInput, type TimeInputProps, Timeline, type TimelineItem, type TimelineProps, type ToastId, type ToastOptions, type ToastType, Toaster, Tooltip, type TooltipProps, Tour, type TourCloseReason, type TourLabels, type TourPlacement, type TourProps, type TourStep, TourTarget, type TourTargetProps, type UseRowSelectionOptions, VEHICLE_DAMAGE_ZONES, VehicleDamageMap, type VehicleDamageMapProps, type VehicleDamageMapSideLabels, type VehicleDamageMark, type VehicleDamageZone, VideoPlayer, type VideoPlayerProps, addBusinessDays, allowAutofill, appendCacheBuster, appendQueryParam, buttonGroupVariants, buttonVariants, capitalizeFirstLetter, colors, easterDate, formatAddress, formatCityFromFormattedAddress, formatCityWithPostalCode, formatDate, formatDateWithTime, formatDistance, formatDuration, formatEuro, formatKM, formatLocality, formatName, formatNameWithInitial, formatPhoneNumber, formatPlate, formatPlateWithoutDashes, formatPostalCodeFromFormattedAddress, formatRegionCode, formatTime, formatVideoDuration, formatVin, generateHexColor, getAvatarColor, getCleanFileName, getElapsedTime, getFileIconByMimeType, getFileKind, getFileNameFromUrl, getInitials, getMimeCategory, getPastelColorPair, getRelativeTime, isHoliday, isSameDay, isolateCity, linkVariants, noAutofillProps, optimizeImage, parseAmount, parseIsoDate, toast, truncateFileName, truncateText, useAvatarSize, useRowSelection };

package/dist/ui/index.d.ts

@@ -2172,6 +2172,19 @@ interface DatePickerProps {
 /** Construit sur `react-day-picker` — la lib derrière le vrai `Calendar`/`DatePicker` de shadcn. */
 declare const DatePicker: ({ mode, value, onChange, startDate, endDate, onRangeChange, showPresets, presets, placeholder, disabled, minDate, maxDate, width, align, className, }: DatePickerProps) => react.JSX.Element;
 
+interface TimeInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'value' | 'onChange'> {
+    value: string;
+    onChange: (value: string) => void;
+    /** Largeur du champ — un format `HH:mm` n'a pas besoin de s'étirer en pleine largeur. */
+    width?: string;
+}
+/**
+ * Champ heure en texte libre (`HH:mm`), icône horloge posée dans le champ —
+ * masque écrit à la main plutôt qu'une lib tierce, même logique que le texte
+ * tapé/collé de `DatePicker` (`autoFormatTypedInput`).
+ */
+declare const TimeInput: react.ForwardRefExoticComponent<TimeInputProps & react.RefAttributes<HTMLInputElement>>;
+
 declare const ZONE_POSITIONS: {
     readonly front: readonly [32, 70];
     readonly hood: readonly [62, 70];
@@ -2471,4 +2484,4 @@ interface TourTargetProps {
 declare const TourTarget: ({ id, children }: TourTargetProps) => react.JSX.Element;
 declare const Tour: ({ steps, open, step, onStepChange, onClose, labels, targetTimeout, }: TourProps) => null;
 
-export { type ActivityFeedItem, ActivityFeedPanel, type ActivityFeedPanelProps, Attachment, type AttachmentProps, type AttachmentStatus, AudioPlayer, type AudioPlayerProps, Avatar, AvatarBadge, type AvatarBadgeConfig, type AvatarBadgeProps, AvatarEditOverlay, type AvatarEditOverlayProps, AvatarFallback, type AvatarFallbackProps, AvatarGroup, type AvatarGroupProps, AvatarImage, type AvatarImageProps, type AvatarProps, Badge, type BadgeProps, Banner, type BannerAction, type BannerJustify, type BannerProps, type BannerToggle, Box, type BoxProps, Bulk, type BulkProps, type BulkSection, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, COLOR_TOKENS, Checkbox, type CheckboxProps, Collapsible, CollapsibleContent, CollapsibleTrigger, type ColorKey, ColorPicker, type ColorPickerProps, type ColorToken, ColorTokenPicker, type ColorTokenPickerProps, DatePicker, type DatePickerMode, type DatePickerProps, type DatePreset, Divider, type DividerProps, Drawer, DrawerBody, DrawerClose, DrawerDescription, type DrawerDirection, DrawerFooter, DrawerHeader, type DrawerProps, DrawerTitle, EmailInput, type EmailInputProps, EmptyState, type EmptyStateProps, FAB_EDGE_MARGIN, FAB_SIZE, FilePicker, type FilePickerProps, FileUploadZone, type FileUploadZoneProps, type FloatingAction, FloatingButton, type FloatingButtonProps, type FloatingSafeArea, Gantt, type GanttBand, type GanttBar, type GanttDay, GanttDot, type GanttProps, type GanttRow, GanttSwatch, GlobalSearch, GlobalSearchInput, GlobalSearchLoadMore, type GlobalSearchLoadMoreProps, type GlobalSearchProps, GlobalSearchResults, GlobalSearchRow, type GlobalSearchRowProps, GlobalSearchSection, type GlobalSearchSectionProps, type HeaderCheckState, type HexColor, HistoryButton, type HistoryButtonProps, type HistoryChange, HistoryDrawer, type HistoryDrawerProps, type HistoryEntry, type HistoryFilter, HistoryList, type HistoryListProps, Icon, IconBadge, type IconBadgeProps, type IconColor, type IconFamily, type IconProps, type IconSize, type IconTabItem, IconTabs, type IconTabsProps, IconTooltip, type IconTooltipProps, type IconVariant, Image, type ImageProps, InfoTooltip, type InfoTooltipProps, type InfoTooltipVariant, Input, InputGroup, InputGroupAddon, type InputGroupAddonProps, InputGroupButton, type InputGroupButtonProps, type InputGroupProps, type InputProps, Item, ItemActions, ItemContent, ItemDescription, ItemMedia, type ItemMediaProps, type ItemProps, ItemTitle, Label, type LabelProps, Layout, type LayoutProps, Link, type LinkProps, Message, MessageDateSeparator, type MessageDateSeparatorProps, type MessageProps, MessageScroller, type MessageScrollerProps, type MessageSeparatorTone, type MessageVariant, MetricCard, type MetricCardProps, Modal, ModalBody, ModalClose, ModalDescription, ModalFooter, ModalHeader, type ModalProps, ModalTitle, type MultiSelectProps, type OptimizeImageOptions, type OptimizeImageResult, PageContainer, type PageContainerProps, Pagination, type PaginationProps, PasswordInput, type PasswordInputProps, PdfPreview, type PdfPreviewProps, PhoneInput, type PhoneInputMeta, type PhoneInputProps, Popover, type PopoverMenuItem, type PopoverProps, ProgressBar, type ProgressBarProps, type ProgressMarker, type ProgressSegment, Radio, type RadioOption, type RadioProps, type RowId, type RowSelection, ScrollArea, type ScrollAreaProps, SearchInput, type SearchInputProps, Select, type SelectBubbleOption, type SelectGroup, type SelectItem, type SelectOption, type SelectProps, Sidebar, SidebarActionCard, type SidebarActionCardProps, SidebarContent, type SidebarContentProps, SidebarFooter, type SidebarFooterProps, SidebarGroup, type SidebarGroupProps, SidebarHeader, type SidebarHeaderProps, SidebarMenuButton, type SidebarMenuButtonProps, SidebarMenuSearchInput, type SidebarMenuSearchInputProps, SidebarMenuSub, SidebarMenuSubButton, type SidebarMenuSubButtonProps, SidebarMenuSubItem, type SidebarMenuSubItemProps, type SidebarMenuSubProps, type SidebarProps, SidebarSupportInfo, type SidebarSupportInfoProps, SidebarTrigger, type SidebarTriggerProps, SidebarUserMenu, type SidebarUserMenuAction, type SidebarUserMenuLeafAction, type SidebarUserMenuProps, type SingleSelectProps, Skeleton, type SkeletonProps, Slider, type SliderProps, Spinner, type SpinnerProps, type SpinnerSize, Stepper, type StepperProps, Switch, type SwitchProps, TOUR_TARGET_ATTRIBUTE, type TabItem, Table, type TableAction, TableActionsCell, type TableActionsCellProps, type TableAlertAction, TableAlertRow, type TableAlertRowProps, type TableAlertTone, TableCell, type TableCellProps, type TableCellTheme, TableClientCell, type TableClientCellProps, type TableColumnsAlign, type TableEmptyState, TableExpandedRow, type TableExpandedRowProps, TableFooter, TableFooterCell, type TableFooterCellProps, type TableFooterProps, TableFooterRow, type TableFooterRowProps, TableHeader, TableHeaderCell, type TableHeaderCellProps, type TableHeaderProps, TableHeaderRow, type TableHeaderRowProps, type TablePagination, TablePersonCell, type TablePersonCellProps, type TableProps, TableRow, type TableRowProps, TableSectionRow, type TableSectionRowProps, TableSelectCell, type TableSelectCellProps, TableSelectHeaderCell, type TableSelectHeaderCellProps, type TableSelection, TableStatusCell, type TableStatusCellProps, TableSubgroupRow, type TableSubgroupRowProps, type TableToolbarProps, type TableToolbarSearch, type TableToolbarStatusFilter, type TableVariant, Tabs, type TabsProps, type TabsVariant, TagBubble, type TagBubbleProps, type TagLevelItem, TagLevelPicker, type TagLevelPickerProps, type TagLevelPickerSize, type TagOption, type TagSearchOption, TagSelect, type TagSelectProps, Text, type TextProps, Textarea, type TextareaProps, type TextareaVariant, Tile, type TileProps, type TileVariant, Timeline, type TimelineItem, type TimelineProps, type ToastId, type ToastOptions, type ToastType, Toaster, Tooltip, type TooltipProps, Tour, type TourCloseReason, type TourLabels, type TourPlacement, type TourProps, type TourStep, TourTarget, type TourTargetProps, type UseRowSelectionOptions, VEHICLE_DAMAGE_ZONES, VehicleDamageMap, type VehicleDamageMapProps, type VehicleDamageMapSideLabels, type VehicleDamageMark, type VehicleDamageZone, VideoPlayer, type VideoPlayerProps, addBusinessDays, allowAutofill, appendCacheBuster, appendQueryParam, buttonGroupVariants, buttonVariants, capitalizeFirstLetter, colors, easterDate, formatAddress, formatCityFromFormattedAddress, formatCityWithPostalCode, formatDate, formatDateWithTime, formatDistance, formatDuration, formatEuro, formatKM, formatLocality, formatName, formatNameWithInitial, formatPhoneNumber, formatPlate, formatPlateWithoutDashes, formatPostalCodeFromFormattedAddress, formatRegionCode, formatTime, formatVideoDuration, formatVin, generateHexColor, getAvatarColor, getCleanFileName, getElapsedTime, getFileIconByMimeType, getFileKind, getFileNameFromUrl, getInitials, getMimeCategory, getPastelColorPair, getRelativeTime, isHoliday, isSameDay, isolateCity, linkVariants, noAutofillProps, optimizeImage, parseAmount, parseIsoDate, toast, truncateFileName, truncateText, useAvatarSize, useRowSelection };
+export { type ActivityFeedItem, ActivityFeedPanel, type ActivityFeedPanelProps, Attachment, type AttachmentProps, type AttachmentStatus, AudioPlayer, type AudioPlayerProps, Avatar, AvatarBadge, type AvatarBadgeConfig, type AvatarBadgeProps, AvatarEditOverlay, type AvatarEditOverlayProps, AvatarFallback, type AvatarFallbackProps, AvatarGroup, type AvatarGroupProps, AvatarImage, type AvatarImageProps, type AvatarProps, Badge, type BadgeProps, Banner, type BannerAction, type BannerJustify, type BannerProps, type BannerToggle, Box, type BoxProps, Bulk, type BulkProps, type BulkSection, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, COLOR_TOKENS, Checkbox, type CheckboxProps, Collapsible, CollapsibleContent, CollapsibleTrigger, type ColorKey, ColorPicker, type ColorPickerProps, type ColorToken, ColorTokenPicker, type ColorTokenPickerProps, DatePicker, type DatePickerMode, type DatePickerProps, type DatePreset, Divider, type DividerProps, Drawer, DrawerBody, DrawerClose, DrawerDescription, type DrawerDirection, DrawerFooter, DrawerHeader, type DrawerProps, DrawerTitle, EmailInput, type EmailInputProps, EmptyState, type EmptyStateProps, FAB_EDGE_MARGIN, FAB_SIZE, FilePicker, type FilePickerProps, FileUploadZone, type FileUploadZoneProps, type FloatingAction, FloatingButton, type FloatingButtonProps, type FloatingSafeArea, Gantt, type GanttBand, type GanttBar, type GanttDay, GanttDot, type GanttProps, type GanttRow, GanttSwatch, GlobalSearch, GlobalSearchInput, GlobalSearchLoadMore, type GlobalSearchLoadMoreProps, type GlobalSearchProps, GlobalSearchResults, GlobalSearchRow, type GlobalSearchRowProps, GlobalSearchSection, type GlobalSearchSectionProps, type HeaderCheckState, type HexColor, HistoryButton, type HistoryButtonProps, type HistoryChange, HistoryDrawer, type HistoryDrawerProps, type HistoryEntry, type HistoryFilter, HistoryList, type HistoryListProps, Icon, IconBadge, type IconBadgeProps, type IconColor, type IconFamily, type IconProps, type IconSize, type IconTabItem, IconTabs, type IconTabsProps, IconTooltip, type IconTooltipProps, type IconVariant, Image, type ImageProps, InfoTooltip, type InfoTooltipProps, type InfoTooltipVariant, Input, InputGroup, InputGroupAddon, type InputGroupAddonProps, InputGroupButton, type InputGroupButtonProps, type InputGroupProps, type InputProps, Item, ItemActions, ItemContent, ItemDescription, ItemMedia, type ItemMediaProps, type ItemProps, ItemTitle, Label, type LabelProps, Layout, type LayoutProps, Link, type LinkProps, Message, MessageDateSeparator, type MessageDateSeparatorProps, type MessageProps, MessageScroller, type MessageScrollerProps, type MessageSeparatorTone, type MessageVariant, MetricCard, type MetricCardProps, Modal, ModalBody, ModalClose, ModalDescription, ModalFooter, ModalHeader, type ModalProps, ModalTitle, type MultiSelectProps, type OptimizeImageOptions, type OptimizeImageResult, PageContainer, type PageContainerProps, Pagination, type PaginationProps, PasswordInput, type PasswordInputProps, PdfPreview, type PdfPreviewProps, PhoneInput, type PhoneInputMeta, type PhoneInputProps, Popover, type PopoverMenuItem, type PopoverProps, ProgressBar, type ProgressBarProps, type ProgressMarker, type ProgressSegment, Radio, type RadioOption, type RadioProps, type RowId, type RowSelection, ScrollArea, type ScrollAreaProps, SearchInput, type SearchInputProps, Select, type SelectBubbleOption, type SelectGroup, type SelectItem, type SelectOption, type SelectProps, Sidebar, SidebarActionCard, type SidebarActionCardProps, SidebarContent, type SidebarContentProps, SidebarFooter, type SidebarFooterProps, SidebarGroup, type SidebarGroupProps, SidebarHeader, type SidebarHeaderProps, SidebarMenuButton, type SidebarMenuButtonProps, SidebarMenuSearchInput, type SidebarMenuSearchInputProps, SidebarMenuSub, SidebarMenuSubButton, type SidebarMenuSubButtonProps, SidebarMenuSubItem, type SidebarMenuSubItemProps, type SidebarMenuSubProps, type SidebarProps, SidebarSupportInfo, type SidebarSupportInfoProps, SidebarTrigger, type SidebarTriggerProps, SidebarUserMenu, type SidebarUserMenuAction, type SidebarUserMenuLeafAction, type SidebarUserMenuProps, type SingleSelectProps, Skeleton, type SkeletonProps, Slider, type SliderProps, Spinner, type SpinnerProps, type SpinnerSize, Stepper, type StepperProps, Switch, type SwitchProps, TOUR_TARGET_ATTRIBUTE, type TabItem, Table, type TableAction, TableActionsCell, type TableActionsCellProps, type TableAlertAction, TableAlertRow, type TableAlertRowProps, type TableAlertTone, TableCell, type TableCellProps, type TableCellTheme, TableClientCell, type TableClientCellProps, type TableColumnsAlign, type TableEmptyState, TableExpandedRow, type TableExpandedRowProps, TableFooter, TableFooterCell, type TableFooterCellProps, type TableFooterProps, TableFooterRow, type TableFooterRowProps, TableHeader, TableHeaderCell, type TableHeaderCellProps, type TableHeaderProps, TableHeaderRow, type TableHeaderRowProps, type TablePagination, TablePersonCell, type TablePersonCellProps, type TableProps, TableRow, type TableRowProps, TableSectionRow, type TableSectionRowProps, TableSelectCell, type TableSelectCellProps, TableSelectHeaderCell, type TableSelectHeaderCellProps, type TableSelection, TableStatusCell, type TableStatusCellProps, TableSubgroupRow, type TableSubgroupRowProps, type TableToolbarProps, type TableToolbarSearch, type TableToolbarStatusFilter, type TableVariant, Tabs, type TabsProps, type TabsVariant, TagBubble, type TagBubbleProps, type TagLevelItem, TagLevelPicker, type TagLevelPickerProps, type TagLevelPickerSize, type TagOption, type TagSearchOption, TagSelect, type TagSelectProps, Text, type TextProps, Textarea, type TextareaProps, type TextareaVariant, Tile, type TileProps, type TileVariant, TimeInput, type TimeInputProps, Timeline, type TimelineItem, type TimelineProps, type ToastId, type ToastOptions, type ToastType, Toaster, Tooltip, type TooltipProps, Tour, type TourCloseReason, type TourLabels, type TourPlacement, type TourProps, type TourStep, TourTarget, type TourTargetProps, type UseRowSelectionOptions, VEHICLE_DAMAGE_ZONES, VehicleDamageMap, type VehicleDamageMapProps, type VehicleDamageMapSideLabels, type VehicleDamageMark, type VehicleDamageZone, VideoPlayer, type VideoPlayerProps, addBusinessDays, allowAutofill, appendCacheBuster, appendQueryParam, buttonGroupVariants, buttonVariants, capitalizeFirstLetter, colors, easterDate, formatAddress, formatCityFromFormattedAddress, formatCityWithPostalCode, formatDate, formatDateWithTime, formatDistance, formatDuration, formatEuro, formatKM, formatLocality, formatName, formatNameWithInitial, formatPhoneNumber, formatPlate, formatPlateWithoutDashes, formatPostalCodeFromFormattedAddress, formatRegionCode, formatTime, formatVideoDuration, formatVin, generateHexColor, getAvatarColor, getCleanFileName, getElapsedTime, getFileIconByMimeType, getFileKind, getFileNameFromUrl, getInitials, getMimeCategory, getPastelColorPair, getRelativeTime, isHoliday, isSameDay, isolateCity, linkVariants, noAutofillProps, optimizeImage, parseAmount, parseIsoDate, toast, truncateFileName, truncateText, useAvatarSize, useRowSelection };

package/dist/ui/index.js

@@ -196,6 +196,7 @@ __export(index_exports, {
   Text: () => Text,
   Textarea: () => Textarea,
   Tile: () => Tile,
+  TimeInput: () => TimeInput,
   Timeline: () => Timeline,
   Toaster: () => Toaster,
   Tooltip: () => Tooltip,
@@ -10232,9 +10233,46 @@ var DatePicker = ({
   ] });
 };
 
-// src/ui/components/ui/VehicleDamageMap.tsx
+// src/ui/components/ui/TimeInput.tsx
 var import_react67 = require("react");
 var import_jsx_runtime120 = require("react/jsx-runtime");
+var formatDigitsAsTime = (digits) => [digits.slice(0, 2), digits.slice(2, 4)].filter(Boolean).join(":");
+var TimeInput = (0, import_react67.forwardRef)(
+  (_a, ref) => {
+    var _b = _a, { value, onChange, className, width = "110px", style } = _b, props = __objRest(_b, ["value", "onChange", "className", "width", "style"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("div", { className: "relative", style: __spreadValues({ width }, style), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
+        Input,
+        __spreadValues({
+          ref,
+          type: "text",
+          inputMode: "numeric",
+          placeholder: "HH:mm",
+          value,
+          onChange: (e) => {
+            const digits = e.target.value.replace(/\D/g, "").slice(0, 4);
+            onChange(formatDigitsAsTime(digits));
+          },
+          className: cn("w-full pr-8", className)
+        }, props)
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
+        Icon,
+        {
+          name: "clock",
+          size: "s",
+          color: "grey-500",
+          className: "pointer-events-none absolute right-2.5 top-1/2 -translate-y-1/2"
+        }
+      )
+    ] });
+  }
+);
+TimeInput.displayName = "TimeInput";
+
+// src/ui/components/ui/VehicleDamageMap.tsx
+var import_react68 = require("react");
+var import_jsx_runtime121 = require("react/jsx-runtime");
 var WIDTH = 240;
 var HEIGHT = 140;
 var ZONE_POSITIONS = {
@@ -10267,29 +10305,29 @@ var TONES = {
 };
 var VehicleOutline = ({
   sideLabels
-}) => /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(
   "svg",
   {
     viewBox: `0 0 ${WIDTH} ${HEIGHT}`,
     className: "absolute inset-0 h-full w-full",
     "aria-hidden": true,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("g", { fill: colors.grey_600, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("rect", { x: "54", y: "20", width: "26", height: "10", rx: "3" }),
-        /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("rect", { x: "54", y: "110", width: "26", height: "10", rx: "3" }),
-        /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("rect", { x: "162", y: "20", width: "26", height: "10", rx: "3" }),
-        /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("rect", { x: "162", y: "110", width: "26", height: "10", rx: "3" })
+      /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("g", { fill: colors.grey_600, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("rect", { x: "54", y: "20", width: "26", height: "10", rx: "3" }),
+        /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("rect", { x: "54", y: "110", width: "26", height: "10", rx: "3" }),
+        /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("rect", { x: "162", y: "20", width: "26", height: "10", rx: "3" }),
+        /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("rect", { x: "162", y: "110", width: "26", height: "10", rx: "3" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("g", { fill: colors.grey_200, stroke: colors.grey_400, strokeWidth: "1.5", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("ellipse", { cx: "94", cy: "26", rx: "3", ry: "5" }),
-        /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("ellipse", { cx: "94", cy: "114", rx: "3", ry: "5" }),
-        /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("path", { d: "M34 48 Q34 28 58 28 H184 Q206 28 206 48 V92 Q206 112 184 112 H58 Q34 112 34 92 Z" })
+      /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("g", { fill: colors.grey_200, stroke: colors.grey_400, strokeWidth: "1.5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("ellipse", { cx: "94", cy: "26", rx: "3", ry: "5" }),
+        /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("ellipse", { cx: "94", cy: "114", rx: "3", ry: "5" }),
+        /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("path", { d: "M34 48 Q34 28 58 28 H184 Q206 28 206 48 V92 Q206 112 184 112 H58 Q34 112 34 92 Z" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("g", { fill: colors.grey_300, stroke: colors.grey_400, strokeWidth: "1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("path", { d: "M78 40 L98 46 V94 L78 100 Q70 70 78 40 Z" }),
-        /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("path", { d: "M180 42 L166 47 V93 L180 98 Q186 70 180 42 Z" })
+      /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("g", { fill: colors.grey_300, stroke: colors.grey_400, strokeWidth: "1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("path", { d: "M78 40 L98 46 V94 L78 100 Q70 70 78 40 Z" }),
+        /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("path", { d: "M180 42 L166 47 V93 L180 98 Q186 70 180 42 Z" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
         "rect",
         {
           x: "102",
@@ -10302,7 +10340,7 @@ var VehicleOutline = ({
           strokeWidth: "1"
         }
       ),
-      sideLabels && /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(
+      sideLabels && /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(
         "g",
         {
           fill: colors.grey_500,
@@ -10311,17 +10349,17 @@ var VehicleOutline = ({
           textAnchor: "middle",
           letterSpacing: "0.5",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("text", { x: "120", y: "11", children: sideLabels.right.toUpperCase() }),
-            /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("text", { x: "120", y: "135", children: sideLabels.left.toUpperCase() }),
-            /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("text", { x: "14", y: "70", transform: "rotate(-90 14 70)", children: sideLabels.front.toUpperCase() }),
-            /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("text", { x: "226", y: "70", transform: "rotate(90 226 70)", children: sideLabels.rear.toUpperCase() })
+            /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("text", { x: "120", y: "11", children: sideLabels.right.toUpperCase() }),
+            /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("text", { x: "120", y: "135", children: sideLabels.left.toUpperCase() }),
+            /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("text", { x: "14", y: "70", transform: "rotate(-90 14 70)", children: sideLabels.front.toUpperCase() }),
+            /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("text", { x: "226", y: "70", transform: "rotate(90 226 70)", children: sideLabels.rear.toUpperCase() })
           ]
         }
       )
     ]
   }
 );
-var VehicleDamageMap = (0, import_react67.forwardRef)(
+var VehicleDamageMap = (0, import_react68.forwardRef)(
   (_a, ref) => {
     var _b = _a, {
       marks,
@@ -10338,7 +10376,7 @@ var VehicleDamageMap = (0, import_react67.forwardRef)(
       "width",
       "className"
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(
       "div",
       __spreadProps(__spreadValues({
         ref,
@@ -10346,7 +10384,7 @@ var VehicleDamageMap = (0, import_react67.forwardRef)(
         style: { width, height: width * HEIGHT / WIDTH }
       }, rest), {
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(VehicleOutline, { sideLabels }),
+          /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(VehicleOutline, { sideLabels }),
           marks.map((mark) => {
             var _a2, _b2, _c;
             const [x, y] = ZONE_POSITIONS[mark.zone];
@@ -10361,7 +10399,7 @@ var VehicleDamageMap = (0, import_react67.forwardRef)(
               backgroundColor: TONES[(_a2 = mark.tone) != null ? _a2 : "danger"],
               boxShadow: selected ? `0 0 0 2px ${colors.blue_950}` : void 0
             };
-            const pin = onZoneClick ? /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
+            const pin = onZoneClick ? /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
               "button",
               {
                 type: "button",
@@ -10372,7 +10410,7 @@ var VehicleDamageMap = (0, import_react67.forwardRef)(
                 style: pinStyle,
                 children: mark.content
               }
-            ) : /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
+            ) : /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
               "span",
               {
                 role: "img",
@@ -10382,7 +10420,7 @@ var VehicleDamageMap = (0, import_react67.forwardRef)(
                 children: mark.content
               }
             );
-            return mark.label ? /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(Tooltip, { content: mark.label, children: pin }, mark.zone) : /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("span", { children: pin }, mark.zone);
+            return mark.label ? /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(Tooltip, { content: mark.label, children: pin }, mark.zone) : /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("span", { children: pin }, mark.zone);
           })
         ]
       })
@@ -10843,9 +10881,9 @@ var optimizeImage = async (file, desiredBaseName, opts = {}) => {
 };
 
 // src/ui/components/ui/Tour.tsx
-var import_react68 = require("react");
+var import_react69 = require("react");
 var import_driver = require("driver.js");
-var import_jsx_runtime121 = require("react/jsx-runtime");
+var import_jsx_runtime122 = require("react/jsx-runtime");
 var TOUR_TARGET_ATTRIBUTE = "data-tour-target";
 var DEFAULT_LABELS = {
   previous: "Pr\xE9c\xE9dent",
@@ -10857,7 +10895,7 @@ var DEFAULT_LABELS = {
 var STAGE_PADDING = 6;
 var GHOST_TRANSITION_MS = 200;
 var HIGHLIGHT_DURATION_MS = 400;
-var TourTarget = ({ id, children }) => /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("div", __spreadProps(__spreadValues({}, { [TOUR_TARGET_ATTRIBUTE]: id }), { className: "contents", children }));
+var TourTarget = ({ id, children }) => /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("div", __spreadProps(__spreadValues({}, { [TOUR_TARGET_ATTRIBUTE]: id }), { className: "contents", children }));
 var isContents = (element) => getComputedStyle(element).display === "contents";
 var measure = (element) => {
   if (!isContents(element)) {
@@ -10898,9 +10936,9 @@ var Tour = ({
   const current = steps[step];
   const total = steps.length;
   const isLast = step === total - 1;
-  const driverRef = (0, import_react68.useRef)(null);
-  const ghostRef = (0, import_react68.useRef)(null);
-  const actions = (0, import_react68.useRef)({
+  const driverRef = (0, import_react69.useRef)(null);
+  const ghostRef = (0, import_react69.useRef)(null);
+  const actions = (0, import_react69.useRef)({
     next: () => {
     },
     previous: () => {
@@ -10915,7 +10953,7 @@ var Tour = ({
     },
     close: () => onClose("close")
   };
-  (0, import_react68.useEffect)(() => {
+  (0, import_react69.useEffect)(() => {
     if (!open) return;
     const ghost = document.createElement("div");
     ghost.className = "dz-tour-target";
@@ -10941,7 +10979,7 @@ var Tour = ({
       ghostRef.current = null;
     };
   }, [open]);
-  (0, import_react68.useEffect)(() => {
+  (0, import_react69.useEffect)(() => {
     if (!open) return;
     const onKeyDown = (event) => {
       if (event.key === "Escape") {
@@ -10953,7 +10991,7 @@ var Tour = ({
     window.addEventListener("keydown", onKeyDown, true);
     return () => window.removeEventListener("keydown", onKeyDown, true);
   }, [open]);
-  const view = (0, import_react68.useRef)({ current, text, step, total, isLast });
+  const view = (0, import_react69.useRef)({ current, text, step, total, isLast });
   view.current = { current, text, step, total, isLast };
   const targetKey = [(_a = current == null ? void 0 : current.target) != null ? _a : []].flat().join("|");
   const popoverKey = [
@@ -10966,7 +11004,7 @@ var Tour = ({
     isLast ? text.finish : text.next,
     text.close
   ].join("|");
-  (0, import_react68.useEffect)(() => {
+  (0, import_react69.useEffect)(() => {
     const instance = driverRef.current;
     const ghost = ghostRef.current;
     const { current: current2, text: text2, step: step2, total: total2, isLast: isLast2 } = view.current;
@@ -11198,6 +11236,7 @@ var Tour = ({
   Text,
   Textarea,
   Tile,
+  TimeInput,
   Timeline,
   Toaster,
   Tooltip,

package/dist/ui/index.mjs

@@ -10048,9 +10048,46 @@ var DatePicker = ({
   ] });
 };
 
-// src/ui/components/ui/VehicleDamageMap.tsx
+// src/ui/components/ui/TimeInput.tsx
 import { forwardRef as forwardRef38 } from "react";
 import { jsx as jsx120, jsxs as jsxs71 } from "react/jsx-runtime";
+var formatDigitsAsTime = (digits) => [digits.slice(0, 2), digits.slice(2, 4)].filter(Boolean).join(":");
+var TimeInput = forwardRef38(
+  (_a, ref) => {
+    var _b = _a, { value, onChange, className, width = "110px", style } = _b, props = __objRest(_b, ["value", "onChange", "className", "width", "style"]);
+    return /* @__PURE__ */ jsxs71("div", { className: "relative", style: __spreadValues({ width }, style), children: [
+      /* @__PURE__ */ jsx120(
+        Input,
+        __spreadValues({
+          ref,
+          type: "text",
+          inputMode: "numeric",
+          placeholder: "HH:mm",
+          value,
+          onChange: (e) => {
+            const digits = e.target.value.replace(/\D/g, "").slice(0, 4);
+            onChange(formatDigitsAsTime(digits));
+          },
+          className: cn("w-full pr-8", className)
+        }, props)
+      ),
+      /* @__PURE__ */ jsx120(
+        Icon,
+        {
+          name: "clock",
+          size: "s",
+          color: "grey-500",
+          className: "pointer-events-none absolute right-2.5 top-1/2 -translate-y-1/2"
+        }
+      )
+    ] });
+  }
+);
+TimeInput.displayName = "TimeInput";
+
+// src/ui/components/ui/VehicleDamageMap.tsx
+import { forwardRef as forwardRef39 } from "react";
+import { jsx as jsx121, jsxs as jsxs72 } from "react/jsx-runtime";
 var WIDTH = 240;
 var HEIGHT = 140;
 var ZONE_POSITIONS = {
@@ -10083,29 +10120,29 @@ var TONES = {
 };
 var VehicleOutline = ({
   sideLabels
-}) => /* @__PURE__ */ jsxs71(
+}) => /* @__PURE__ */ jsxs72(
   "svg",
   {
     viewBox: `0 0 ${WIDTH} ${HEIGHT}`,
     className: "absolute inset-0 h-full w-full",
     "aria-hidden": true,
     children: [
-      /* @__PURE__ */ jsxs71("g", { fill: colors.grey_600, children: [
-        /* @__PURE__ */ jsx120("rect", { x: "54", y: "20", width: "26", height: "10", rx: "3" }),
-        /* @__PURE__ */ jsx120("rect", { x: "54", y: "110", width: "26", height: "10", rx: "3" }),
-        /* @__PURE__ */ jsx120("rect", { x: "162", y: "20", width: "26", height: "10", rx: "3" }),
-        /* @__PURE__ */ jsx120("rect", { x: "162", y: "110", width: "26", height: "10", rx: "3" })
+      /* @__PURE__ */ jsxs72("g", { fill: colors.grey_600, children: [
+        /* @__PURE__ */ jsx121("rect", { x: "54", y: "20", width: "26", height: "10", rx: "3" }),
+        /* @__PURE__ */ jsx121("rect", { x: "54", y: "110", width: "26", height: "10", rx: "3" }),
+        /* @__PURE__ */ jsx121("rect", { x: "162", y: "20", width: "26", height: "10", rx: "3" }),
+        /* @__PURE__ */ jsx121("rect", { x: "162", y: "110", width: "26", height: "10", rx: "3" })
       ] }),
-      /* @__PURE__ */ jsxs71("g", { fill: colors.grey_200, stroke: colors.grey_400, strokeWidth: "1.5", children: [
-        /* @__PURE__ */ jsx120("ellipse", { cx: "94", cy: "26", rx: "3", ry: "5" }),
-        /* @__PURE__ */ jsx120("ellipse", { cx: "94", cy: "114", rx: "3", ry: "5" }),
-        /* @__PURE__ */ jsx120("path", { d: "M34 48 Q34 28 58 28 H184 Q206 28 206 48 V92 Q206 112 184 112 H58 Q34 112 34 92 Z" })
+      /* @__PURE__ */ jsxs72("g", { fill: colors.grey_200, stroke: colors.grey_400, strokeWidth: "1.5", children: [
+        /* @__PURE__ */ jsx121("ellipse", { cx: "94", cy: "26", rx: "3", ry: "5" }),
+        /* @__PURE__ */ jsx121("ellipse", { cx: "94", cy: "114", rx: "3", ry: "5" }),
+        /* @__PURE__ */ jsx121("path", { d: "M34 48 Q34 28 58 28 H184 Q206 28 206 48 V92 Q206 112 184 112 H58 Q34 112 34 92 Z" })
       ] }),
-      /* @__PURE__ */ jsxs71("g", { fill: colors.grey_300, stroke: colors.grey_400, strokeWidth: "1", children: [
-        /* @__PURE__ */ jsx120("path", { d: "M78 40 L98 46 V94 L78 100 Q70 70 78 40 Z" }),
-        /* @__PURE__ */ jsx120("path", { d: "M180 42 L166 47 V93 L180 98 Q186 70 180 42 Z" })
+      /* @__PURE__ */ jsxs72("g", { fill: colors.grey_300, stroke: colors.grey_400, strokeWidth: "1", children: [
+        /* @__PURE__ */ jsx121("path", { d: "M78 40 L98 46 V94 L78 100 Q70 70 78 40 Z" }),
+        /* @__PURE__ */ jsx121("path", { d: "M180 42 L166 47 V93 L180 98 Q186 70 180 42 Z" })
       ] }),
-      /* @__PURE__ */ jsx120(
+      /* @__PURE__ */ jsx121(
         "rect",
         {
           x: "102",
@@ -10118,7 +10155,7 @@ var VehicleOutline = ({
           strokeWidth: "1"
         }
       ),
-      sideLabels && /* @__PURE__ */ jsxs71(
+      sideLabels && /* @__PURE__ */ jsxs72(
         "g",
         {
           fill: colors.grey_500,
@@ -10127,17 +10164,17 @@ var VehicleOutline = ({
           textAnchor: "middle",
           letterSpacing: "0.5",
           children: [
-            /* @__PURE__ */ jsx120("text", { x: "120", y: "11", children: sideLabels.right.toUpperCase() }),
-            /* @__PURE__ */ jsx120("text", { x: "120", y: "135", children: sideLabels.left.toUpperCase() }),
-            /* @__PURE__ */ jsx120("text", { x: "14", y: "70", transform: "rotate(-90 14 70)", children: sideLabels.front.toUpperCase() }),
-            /* @__PURE__ */ jsx120("text", { x: "226", y: "70", transform: "rotate(90 226 70)", children: sideLabels.rear.toUpperCase() })
+            /* @__PURE__ */ jsx121("text", { x: "120", y: "11", children: sideLabels.right.toUpperCase() }),
+            /* @__PURE__ */ jsx121("text", { x: "120", y: "135", children: sideLabels.left.toUpperCase() }),
+            /* @__PURE__ */ jsx121("text", { x: "14", y: "70", transform: "rotate(-90 14 70)", children: sideLabels.front.toUpperCase() }),
+            /* @__PURE__ */ jsx121("text", { x: "226", y: "70", transform: "rotate(90 226 70)", children: sideLabels.rear.toUpperCase() })
           ]
         }
       )
     ]
   }
 );
-var VehicleDamageMap = forwardRef38(
+var VehicleDamageMap = forwardRef39(
   (_a, ref) => {
     var _b = _a, {
       marks,
@@ -10154,7 +10191,7 @@ var VehicleDamageMap = forwardRef38(
       "width",
       "className"
     ]);
-    return /* @__PURE__ */ jsxs71(
+    return /* @__PURE__ */ jsxs72(
       "div",
       __spreadProps(__spreadValues({
         ref,
@@ -10162,7 +10199,7 @@ var VehicleDamageMap = forwardRef38(
         style: { width, height: width * HEIGHT / WIDTH }
       }, rest), {
         children: [
-          /* @__PURE__ */ jsx120(VehicleOutline, { sideLabels }),
+          /* @__PURE__ */ jsx121(VehicleOutline, { sideLabels }),
           marks.map((mark) => {
             var _a2, _b2, _c;
             const [x, y] = ZONE_POSITIONS[mark.zone];
@@ -10177,7 +10214,7 @@ var VehicleDamageMap = forwardRef38(
               backgroundColor: TONES[(_a2 = mark.tone) != null ? _a2 : "danger"],
               boxShadow: selected ? `0 0 0 2px ${colors.blue_950}` : void 0
             };
-            const pin = onZoneClick ? /* @__PURE__ */ jsx120(
+            const pin = onZoneClick ? /* @__PURE__ */ jsx121(
               "button",
               {
                 type: "button",
@@ -10188,7 +10225,7 @@ var VehicleDamageMap = forwardRef38(
                 style: pinStyle,
                 children: mark.content
               }
-            ) : /* @__PURE__ */ jsx120(
+            ) : /* @__PURE__ */ jsx121(
               "span",
               {
                 role: "img",
@@ -10198,7 +10235,7 @@ var VehicleDamageMap = forwardRef38(
                 children: mark.content
               }
             );
-            return mark.label ? /* @__PURE__ */ jsx120(Tooltip, { content: mark.label, children: pin }, mark.zone) : /* @__PURE__ */ jsx120("span", { children: pin }, mark.zone);
+            return mark.label ? /* @__PURE__ */ jsx121(Tooltip, { content: mark.label, children: pin }, mark.zone) : /* @__PURE__ */ jsx121("span", { children: pin }, mark.zone);
           })
         ]
       })
@@ -10661,7 +10698,7 @@ var optimizeImage = async (file, desiredBaseName, opts = {}) => {
 // src/ui/components/ui/Tour.tsx
 import { useEffect as useEffect12, useRef as useRef18 } from "react";
 import { driver } from "driver.js";
-import { jsx as jsx121 } from "react/jsx-runtime";
+import { jsx as jsx122 } from "react/jsx-runtime";
 var TOUR_TARGET_ATTRIBUTE = "data-tour-target";
 var DEFAULT_LABELS = {
   previous: "Pr\xE9c\xE9dent",
@@ -10673,7 +10710,7 @@ var DEFAULT_LABELS = {
 var STAGE_PADDING = 6;
 var GHOST_TRANSITION_MS = 200;
 var HIGHLIGHT_DURATION_MS = 400;
-var TourTarget = ({ id, children }) => /* @__PURE__ */ jsx121("div", __spreadProps(__spreadValues({}, { [TOUR_TARGET_ATTRIBUTE]: id }), { className: "contents", children }));
+var TourTarget = ({ id, children }) => /* @__PURE__ */ jsx122("div", __spreadProps(__spreadValues({}, { [TOUR_TARGET_ATTRIBUTE]: id }), { className: "contents", children }));
 var isContents = (element) => getComputedStyle(element).display === "contents";
 var measure = (element) => {
   if (!isContents(element)) {
@@ -11013,6 +11050,7 @@ export {
   Text,
   Textarea,
   Tile,
+  TimeInput,
   Timeline,
   Toaster,
   Tooltip,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "design-zystem",
-  "version": "1.0.459",
+  "version": "1.0.461",
   "description": "A React design system of importable components",
   "main": "dist/index.js",
   "module": "dist/index.mjs",