@helpwave/hightide 0.6.7 → 0.6.9

package/dist/index.d.mts

@@ -176,6 +176,7 @@ type FormFieldLayoutProps = Omit<HTMLAttributes<HTMLDivElement>, 'children'> & O
     invalidDescriptionProps?: Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'id'>;
     description?: ReactNode;
     descriptionProps?: Omit<HTMLAttributes<HTMLParagraphElement>, 'children' | 'id'>;
+    showRequiredIndicator?: boolean;
 };
 declare const FormFieldLayout: react.ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "children"> & Omit<Partial<FormFieldInteractionStates>, "invalid"> & {
     children: (bag: FormFieldLayoutBag) => ReactNode;
@@ -186,6 +187,7 @@ declare const FormFieldLayout: react.ForwardRefExoticComponent<Omit<HTMLAttribut
     invalidDescriptionProps?: Omit<HTMLAttributes<HTMLDivElement>, "children" | "id">;
     description?: ReactNode;
     descriptionProps?: Omit<HTMLAttributes<HTMLParagraphElement>, "children" | "id">;
+    showRequiredIndicator?: boolean;
 } & react.RefAttributes<HTMLDivElement>>;
 
 type FormValidationBehaviour = 'always' | 'touched' | 'submit';
@@ -235,30 +237,29 @@ type FormStoreProps<T extends FormValue> = {
     validators?: Partial<{
         [K in keyof T]: (v: T[K]) => ReactNode;
     }>;
-    validationBehaviour?: FormValidationBehaviour;
 };
 declare class FormStore<T extends FormValue> {
     private values;
     private initialValues;
     private validators;
-    private validationBehaviour;
     private hasTriedSubmitting;
     private errors;
     private touched;
     private listeners;
     private submittingTouchesAll;
-    constructor({ initialValues, hasTriedSubmitting, submittingTouchesAll, validators, validationBehaviour, }: FormStoreProps<T>);
+    constructor({ initialValues, hasTriedSubmitting, submittingTouchesAll, validators, }: FormStoreProps<T>);
     getValue<K extends keyof T>(key: K): T[K];
     getAllValues(): T;
     setValue<K extends keyof T>(key: K, value: T[K], triggerUpdate?: boolean): void;
     setValues(values: Partial<T>, triggerUpdate?: boolean): void;
     getTouched(key: keyof T): boolean;
+    getAllTouched(): Partial<Record<keyof T, boolean>>;
     setTouched(key: keyof T, isTouched?: boolean): void;
     getHasError(): boolean;
     getErrors(): Partial<Record<keyof T, ReactNode>>;
     getError(key: keyof T): ReactNode;
     private setError;
-    changeValidationBehavoir(validationBehaviour: FormValidationBehaviour): void;
+    getHasTriedSubmitting(): boolean;
     changeValidators(validators: Partial<Record<keyof T, FormValidator<T>>>): void;
     validate(key: keyof T): void;
     validateAll(): void;
@@ -268,7 +269,7 @@ declare class FormStore<T extends FormValue> {
     reset(): void;
 }
 
-type UseCreateFormProps<T extends FormValue> = FormStoreProps<T> & {
+type UseCreateFormProps<T extends FormValue> = Omit<FormStoreProps<T>, 'validationBehaviour'> & {
     onFormSubmit: (values: T) => void;
     onFormError?: (values: T, errors: Partial<Record<keyof T, ReactNode>>) => void;
     /**
@@ -304,19 +305,19 @@ type UseCreateFormProps<T extends FormValue> = FormStoreProps<T> & {
     scrollOptions?: ScrollIntoViewOptions;
 };
 type UseCreateFormResult<T extends FormValue> = {
+    /**
+     * The form store.
+     * Do not attempt to read the store directly, use useFormObserver or useFormField instead.
+     * Otherwise you will not get the latest values and errors.
+     */
     store: FormStore<T>;
     reset: () => void;
     submit: () => void;
     update: (updater: Partial<T> | ((current: T) => Partial<T>)) => void;
     validateAll: () => void;
-    getError: (key: keyof T) => ReactNode;
-    getErrors: () => Partial<Record<keyof T, ReactNode>>;
-    getIsValid: () => boolean;
-    getValues: () => T;
-    getValue: <K extends keyof T>(key: K) => T[K];
     registerRef: (key: keyof T) => (el: HTMLElement | null) => void;
 };
-declare function useCreateForm<T extends FormValue>({ onFormSubmit, onFormError, onValueChange, onUpdate, onValidUpdate, initialValues, hasTriedSubmitting, validators, validationBehaviour, scrollToElements, scrollOptions, }: UseCreateFormProps<T>): UseCreateFormResult<T>;
+declare function useCreateForm<T extends FormValue>({ onFormSubmit, onFormError, onValueChange, onUpdate, onValidUpdate, initialValues, hasTriedSubmitting, validators, scrollToElements, scrollOptions, }: UseCreateFormProps<T>): UseCreateFormResult<T>;
 
 type FormFieldFocusableElementProps = FormFieldAriaAttributes & {
     id: string;
@@ -326,6 +327,7 @@ type FormFieldBag<T extends FormValue, K extends keyof T> = {
     dataProps: FormFieldDataHandling<T[K]>;
     focusableElementProps: FormFieldFocusableElementProps;
     interactionStates: FormFieldInteractionStates;
+    touched: boolean;
     other: {
         updateValue: (value: T[K]) => void;
     };
@@ -334,13 +336,14 @@ interface FormFieldProps<T extends FormValue, K extends keyof T> extends Omit<Fo
     children: (bag: FormFieldBag<T, K>) => ReactNode;
     name: K;
     triggerUpdateOnEditComplete?: boolean;
+    validationBehaviour?: FormValidationBehaviour;
 }
 type FormFieldDataHandling<T> = {
     value: T;
     onValueChange: (value: T) => void;
     onEditComplete: (value: T) => void;
 };
-declare const FormField: <T extends FormValue, K extends keyof T>({ children, name, triggerUpdateOnEditComplete, ...props }: FormFieldProps<T, K>) => react_jsx_runtime.JSX.Element;
+declare const FormField: <T extends FormValue, K extends keyof T>({ children, name, triggerUpdateOnEditComplete, validationBehaviour, ...props }: FormFieldProps<T, K>) => react_jsx_runtime.JSX.Element;
 
 type FormContextType<T extends FormValue> = UseCreateFormResult<T>;
 declare const FormContext: react.Context<FormContextType<any>>;
@@ -349,17 +352,58 @@ type FormProviderProps<T extends FormValue> = PropsWithChildren & {
 };
 declare const FormProvider: <T extends FormValue>({ children, state }: FormProviderProps<T>) => react_jsx_runtime.JSX.Element;
 declare function useForm<T extends FormValue>(): FormContextType<T>;
-type UseFormFieldOptions = {
+interface UseFormFieldParameter<T extends FormValue> {
+    key: keyof T;
+}
+interface UseFormFieldOptions {
     triggerUpdate?: boolean;
-};
+    validationBehaviour?: FormValidationBehaviour;
+}
+interface UserFormFieldProps<T extends FormValue> extends UseFormFieldParameter<T>, UseFormFieldOptions {
+}
 type FormFieldResult<T> = {
     store: FormStore<T>;
     value: T;
     error: ReactNode;
+    touched: boolean;
+    hasTriedSubmitting: boolean;
     dataProps: FormFieldDataHandling<T>;
     registerRef: (el: HTMLElement | null) => void;
 };
-declare function useFormField<T extends FormValue, K extends keyof T>(key: K, { triggerUpdate }: UseFormFieldOptions): FormFieldResult<T[K]> | null;
+declare function useFormField<T extends FormValue, K extends keyof T>(key: K, { triggerUpdate, validationBehaviour }: UseFormFieldOptions): FormFieldResult<T[K]> | null;
+type UseFormObserverProps<T extends FormValue> = {
+    formStore?: FormStore<T>;
+};
+interface FormObserverResult<T extends FormValue> {
+    store: FormStore<T>;
+    values: T;
+    touched: Partial<Record<keyof T, boolean>>;
+    errors: Partial<Record<keyof T, ReactNode>>;
+    hasErrors: boolean;
+    hasTriedSubmitting: boolean;
+}
+declare function useFormObserver<T extends FormValue>({ formStore }?: UseFormObserverProps<T>): FormObserverResult<T> | null;
+interface UseFormObserverKeyProps<T extends FormValue, K extends keyof T> {
+    formStore?: FormStore<T>;
+    key: K;
+}
+interface FormObserverKeyResult<T extends FormValue, K extends keyof T> {
+    store: FormStore<T>;
+    value: T[K];
+    error: ReactNode;
+    hasError: boolean;
+    touched: boolean;
+}
+declare function useFormObserverKey<T extends FormValue, K extends keyof T>({ formStore, key }: UseFormObserverKeyProps<T, K>): FormObserverKeyResult<T, K> | null;
+
+interface FormObserverProps<T extends FormValue> extends UseFormObserverProps<T> {
+    children: (bag: FormObserverResult<T>) => ReactNode;
+}
+declare const FormObserver: <T extends FormValue>({ children, formStore }: FormObserverProps<T>) => ReactNode;
+interface FormObserverKeyProps<T extends FormValue, K extends keyof T> extends UseFormObserverKeyProps<T, K> {
+    children: (bag: FormObserverKeyResult<T, K>) => ReactNode;
+}
+declare const FormObserverKey: <T extends FormValue, K extends keyof T>({ children, formStore, key }: FormObserverKeyProps<T, K>) => ReactNode;
 
 type FloatingElementAlignment = 'beforeStart' | 'afterStart' | 'center' | 'beforeEnd' | 'afterEnd';
 type CalculatePositionOptions = {
@@ -1086,12 +1130,13 @@ type TableProviderProps<T> = {
     columns?: ColumnDef<T>[];
     children?: ReactNode;
     isUsingFillerRows?: boolean;
-    fillerRow?: (columnId: string, table: Table$1<T>) => ReactNode;
+    fillerRowCell?: (columnId: string, table: Table$1<T>) => ReactNode;
     initialState?: Omit<InitialTableState, 'columnSizing'>;
     onRowClick?: (row: Row<T>, table: Table$1<T>) => void;
+    onFillerRowClick?: (index: number, table: Table$1<T>) => void;
     state?: Omit<TableState, 'columnSizing'>;
 } & Partial<TableOptions<T>>;
-declare const TableProvider: <T>({ data, isUsingFillerRows, fillerRow, initialState, onRowClick, defaultColumn: defaultColumnOverwrite, state, columns: columnsProp, children, ...tableOptions }: TableProviderProps<T>) => react_jsx_runtime.JSX.Element;
+declare const TableProvider: <T>({ data, isUsingFillerRows, fillerRowCell, initialState, onRowClick, onFillerRowClick, defaultColumn: defaultColumnOverwrite, state, columns: columnsProp, children, ...tableOptions }: TableProviderProps<T>) => react_jsx_runtime.JSX.Element;
 
 declare module '@tanstack/react-table' {
     interface ColumnMeta<TData extends RowData, TValue> {
@@ -1279,7 +1324,7 @@ interface TableWithSelectionProviderProps<T> extends TableProviderProps<T> {
     disableClickRowClickSelection?: boolean;
     selectionRowId?: string;
 }
-declare const TableWithSelectionProvider: <T>({ children, state, fillerRow, rowSelection, disableClickRowClickSelection, selectionRowId, onRowClick, meta, ...props }: TableWithSelectionProviderProps<T>) => react_jsx_runtime.JSX.Element;
+declare const TableWithSelectionProvider: <T>({ children, state, fillerRowCell, rowSelection, disableClickRowClickSelection, selectionRowId, onRowClick, ...props }: TableWithSelectionProviderProps<T>) => react_jsx_runtime.JSX.Element;
 
 interface TableProps<T> extends HTMLAttributes<HTMLDivElement> {
     table: TableProviderProps<T>;
@@ -1398,8 +1443,9 @@ type TableDataContextType<T> = {
     data: T[];
     pagination: PaginationState;
     isUsingFillerRows: boolean;
-    fillerRow: (columnId: string, table: Table$1<T>) => ReactNode;
-    onRowClick: (row: Row<T>, table: Table$1<T>) => void;
+    fillerRowCell: (columnId: string, table: Table$1<T>) => ReactNode;
+    onRowClick?: (row: Row<T>, table: Table$1<T>) => void;
+    onFillerRowClick?: (index: number, table: Table$1<T>) => void;
 };
 declare const TableDataContext: react.Context<TableDataContextType<any>>;
 declare const useTableDataContext: <T>() => TableDataContextType<T>;
@@ -2072,10 +2118,6 @@ type TimeDisplayProps = {
  */
 declare const TimeDisplay: ({ date, mode }: TimeDisplayProps) => react_jsx_runtime.JSX.Element;
 
-type DateTimeInputHandle = {
-    input: HTMLDivElement | null;
-    popup: HTMLDivElement | null;
-};
 interface DateTimeInputProps extends Partial<FormFieldInteractionStates>, ControlledStateProps<Date | null>, Omit<ButtonHTMLAttributes<HTMLDivElement>, 'defaultValue' | 'value'>, Partial<FormFieldDataHandling<Date | null>> {
     placeholder?: ReactNode;
     allowRemove?: boolean;
@@ -2085,7 +2127,7 @@ interface DateTimeInputProps extends Partial<FormFieldInteractionStates>, Contro
     outsideClickCloses?: boolean;
     onDialogOpeningChange?: (isOpen: boolean) => void;
 }
-declare const DateTimeInput: react.ForwardRefExoticComponent<DateTimeInputProps & react.RefAttributes<DateTimeInputHandle>>;
+declare const DateTimeInput: react.ForwardRefExoticComponent<DateTimeInputProps & react.RefAttributes<HTMLDivElement>>;
 
 type InsideLabelInputProps = Omit<InputProps, 'aria-label' | 'aria-labelledby' | 'placeholder'> & {
     label: ReactNode;
@@ -2765,4 +2807,4 @@ declare class SessionStorageService extends StorageService {
 
 declare const writeToClipboard: (text: string) => Promise<void>;
 
-export { ASTNodeInterpreter, type ASTNodeInterpreterProps, AnchoredFloatingContainer, type AnchoredFloatingContainerProps, AnimatedRing, type AnimatedRingProps, ArrayUtil, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, type AvatarSize, type BackgroundOverlayProps, type BagFunction, type BagFunctionOrNode, type BagFunctionOrValue, BagFunctionUtil, BooleanFilter, type BooleanFilterParameter, type BooleanFilterProps, type BooleanFilterValue, BreadCrumbGroup, BreadCrumbLink, type BreadCrumbLinkProps, type BreadCrumbProps, BreadCrumbs, Button, type ButtonColor, type ButtonProps, ButtonUtil, Carousel, type CarouselProps, CarouselSlide, type CarouselSlideProps, Checkbox, CheckboxProperty, type CheckboxPropertyProps, type CheckboxProps, CheckboxUncontrolled, type CheckboxUncontrolledProps, Chip, type ChipColor, ChipList, type ChipListProps, type ChipProps, ChipUtil, Circle, type CircleProps, type ColumnSizeCalculatoProps, ColumnSizeUtil, ConfirmDialog, type ConfirmDialogProps, type ConfirmDialogType, type ControlledStateProps, CopyToClipboardWrapper, type CopyToClipboardWrapperProps, type Crumb, DateFilter, type DateFilterParameter, type DateFilterProps, type DateFilterValue, DatePicker, type DatePickerProps, DatePickerUncontrolled, DateProperty, type DatePropertyProps, DateTimeInput, type DateTimeInputHandle, type DateTimeInputProps, DateTimePicker, DateTimePickerDialog, type DateTimePickerDialogProps, type DateTimePickerMode, type DateTimePickerProps, DateTimePickerUncontrolled, DateUtils, DayPicker, type DayPickerProps, DayPickerUncontrolled, type DeepPartial, Dialog, DialogContext, type DialogContextType, type DialogOpenerPassingProps, DialogOpenerWrapper, type DialogOpenerWrapperBag, type DialogOpenerWrapperProps, type DialogPosition, type DialogProps, DialogRoot, type DialogRootProps, type Direction, DiscardChangesDialog, DividerInserter, type DividerInserterProps, Drawer, type DrawerAligment, type DrawerProps, Duration, type DurationJSON, type EaseFunction, EaseFunctions, type EditCompleteOptions, type EditCompleteOptionsResolved, type ElementHandle, ErrorComponent, type ErrorComponentProps, type Exact, Expandable, ExpandableContent, type ExpandableContentProps, ExpandableHeader, type ExpandableHeaderProps, type ExpandableProps, ExpandableRoot, type ExpandableRootProps, ExpandableUncontrolled, ExpansionIcon, type ExpansionIconProps, type FAQItem, FAQSection, type FAQSectionProps, FillerCell, type FillerCellProps, type FloatingElementAlignment, FocusTrap, type FocusTrapProps, FocusTrapWrapper, type FocusTrapWrapperProps, FormContext, type FormContextType, type FormEvent, type FormEventListener, FormField, type FormFieldAriaAttributes, type FormFieldBag, type FormFieldDataHandling, type FormFieldFocusableElementProps, type FormFieldInteractionStates, FormFieldLayout, type FormFieldLayoutBag, type FormFieldLayoutIds, type FormFieldLayoutProps, type FormFieldProps, type FormFieldResult, FormProvider, type FormProviderProps, FormStore, type FormStoreProps, type FormValidationBehaviour, type FormValidator, type FormValue, GenericFilter, type GenericFilterParameter, type GenericFilterProps, type GenericFilterValue, HelpwaveBadge, type HelpwaveBadgeProps, HelpwaveLogo, type HelpwaveProps, type HighlightStartPositionBehavior, type HightideConfig, HightideConfigContext, HightideConfigProvider, type HightideConfigProviderProps, HightideProvider, type HightideTranslationEntries, type HightideTranslationLocales, InfiniteScroll, type InfiniteScrollProps, Input, InputDialog, type InputModalProps, type InputProps, InputUncontrolled, InsideLabelInput, InsideLabelInputUncontrolled, LanguageDialog, ListBox, ListBoxItem, type ListBoxItemProps, ListBoxMultiple, type ListBoxMultipleProps, ListBoxMultipleUncontrolled, type ListBoxMultipleUncontrolledProps, ListBoxPrimitive, type ListBoxPrimitiveProps, type ListBoxProps, ListBoxUncontrolled, type ListBoxUncontrolledProps, LoadingAndErrorComponent, type LoadingAndErrorComponentProps, LoadingAnimation, type LoadingAnimationProps, type LoadingComponentProps, LoadingContainer, LocalStorageService, LocaleContext, type LocaleContextValue, LocaleProvider, type LocaleProviderProps, type LocalizationConfig, LocalizationUtil, LoopingArrayCalculator, MarkdownInterpreter, type MarkdownInterpreterProps, MathUtil, Menu, type MenuBag, MenuItem, type MenuItemProps, type MenuProps, type Month, MultiSearchWithMapping, MultiSelect, MultiSelectButton, type MultiSelectButtonProps, MultiSelectChipDisplay, MultiSelectChipDisplayButton, type MultiSelectChipDisplayProps, MultiSelectChipDisplayUncontrolled, type MultiSelectChipDisplayUncontrolledProps, MultiSelectContent, type MultiSelectContentProps, MultiSelectOption, type MultiSelectOptionProps, MultiSelectProperty, type MultiSelectPropertyProps, type MultiSelectProps, MultiSelectRoot, type MultiSelectRootProps, MultiSelectUncontrolled, MultiSubjectSearchWithMapping, Navigation, NavigationItemList, type NavigationItemListProps, type NavigationItemType, type NavigationProps, NumberFilter, type NumberFilterParameter, type NumberFilterProps, type NumberFilterValue, NumberProperty, type NumberPropertyProps, OperatorLabel, type OperatorLabelProps, type OverlayItem, OverlayRegistry, Pagination, type PaginationProps, PopUp, PopUpContext, type PopUpContextType, PopUpOpener, type PopUpOpenerBag, type PopUpOpenerProps, type PopUpProps, PopUpRoot, type PopUpRootProps, Portal, type PortalProps, ProgressIndicator, type ProgressIndicatorProps, PromiseUtils, PropertyBase, type PropertyBaseProps, type PropertyField, PropsUtil, type PropsWithBagFunction, type PropsWithBagFunctionOrChildren, RadialRings, type RadialRingsProps, type Range, type RangeOptions, type ResolvedTheme, Ring, type RingProps, RingWave, type RingWaveProps, ScrollPicker, type ScrollPickerProps, SearchBar, type SearchBarProps, Select, SelectButton, type SelectButtonProps, SelectContent, type SelectContentProps, SelectContext, type SelectIconAppearance, SelectOption, type SelectOptionProps, type SelectProps, SelectRoot, type SelectRootProps, SelectUncontrolled, type SelectUncontrolledProps, SessionStorageService, type SharedSelectRootProps, SimpleSearch, SimpleSearchWithMapping, type SingleOrArray, SingleSelectProperty, type SingleSelectPropertyProps, StepperBar, type StepperBarProps, StepperBarUncontrolled, type StepperState, type SuperSet, type TabContextType, type TabInfo, TabList, TabPanel, TabSwitcher, type TabSwitcherProps, TabView, Table, TableBody, type TableBooleanFilter, TableCell, type TableCellProps, TableColumn, TableColumnDefinitionContext, type TableColumnDefinitionContextType, type TableColumnProps, TableColumnSwitcher, TableColumnSwitcherPopUp, type TableColumnSwitcherPopUpProps, type TableColumnSwitcherProps, TableContainerContext, type TableContainerContextType, TableDataContext, type TableDataContextType, type TableDateFilter, TableDisplay, type TableDisplayProps, TableFilter, type TableFilterBaseProps, TableFilterButton, type TableFilterButtonProps, type TableFilterCategory, TableFilterContent, type TableFilterContentProps, TableFilterOperator, type TableFilterType, type TableFilterValue, type TableGenericFilter, TableHeader, TableHeaderContext, type TableHeaderContextType, type TableHeaderProps, type TableNumberFilter, TablePageSizeSelect, type TablePageSizeSelectProps, TablePagination, TablePaginationMenu, type TablePaginationProps, type TableProps, TableProvider, type TableProviderProps, TableSortButton, type TableSortButtonProps, type TableTagsFilter, type TableTextFilter, TableWithSelection, type TableWithSelectionProps, TableWithSelectionProvider, type TableWithSelectionProviderProps, TagIcon, type TagProps, TagsFilter, type TagsFilterParameter, type TagsFilterProps, type TagsFilterValue, TextFilter, type TextFilterParameter, type TextFilterProps, type TextFilterValue, TextImage, type TextImageProps, TextProperty, type TextPropertyProps, Textarea, type TextareaProps, TextareaUncontrolled, TextareaWithHeadline, type TextareaWithHeadlineProps, type ThemeConfig, ThemeContext, ThemeDialog, ThemeProvider, type ThemeProviderProps, type ThemeType, ThemeUtil, TimeDisplay, TimePicker, type TimePickerMinuteIncrement, type TimePickerProps, TimePickerUncontrolled, ToggleableInput, ToggleableInputUncontrolled, Tooltip, type TooltipConfig, type TooltipProps, Transition, type TransitionState, type TransitionWrapperProps, type UnBoundedRange, type UseAnchoredPositionOptions, type UseAnchoredPostitionProps, type UseCreateFormProps, type UseCreateFormResult, type UseDelayOptions, type UseDelayOptionsResolved, type UseFocusTrapProps, type UseFormFieldOptions, type UseOutsideClickHandlers, type UseOutsideClickOptions, type UseOutsideClickProps, type UseOverlayRegistryProps, type UseOverlayRegistryResult, type UsePresenceRefProps, type UseSearchProps, UseValidators, type ValidatorError, type ValidatorResult, VerticalDivider, type VerticalDividerProps, Visibility, type VisibilityProps, type WeekDay, YearMonthPicker, type YearMonthPickerProps, YearMonthPickerUncontrolled, addDuration, builder, changeDuration, closestMatch, createLoopingList, createLoopingListWithIndex, equalSizeGroups, formatDate, formatDateTime, getBetweenDuration, getNeighbours, getWeeksForCalenderMonth, hightideTranslation, hightideTranslationLocales, isInTimeSpan, isTableFilterCategory, match, mergeProps, noop, range, resolveSetState, subtractDuration, toSizeVars, useAnchoredPosition, useControlledState, useCreateForm, useDelay, useDialogContext, useFocusGuards, useFocusManagement, useFocusOnceVisible, useFocusTrap, useForm, useFormField, useHandleRefs, useHightideConfig, useHightideTranslation, useHoverState, useICUTranslation, useIsMounted, useLanguage, useLocalStorage, useLocale, useLogOnce, useLogUnstableDependencies, useOutsideClick, useOverlayRegistry, useOverwritableState, usePopUpContext, usePresenceRef, useRerender, useResizeCallbackWrapper, useSearch, useSelectContext, useTabContext, useTableColumnDefinitionContext, useTableContainerContext, useTableDataContext, useTableHeaderContext, useTheme, useTransitionState, useTranslatedValidators, validateEmail, writeToClipboard };
+export { ASTNodeInterpreter, type ASTNodeInterpreterProps, AnchoredFloatingContainer, type AnchoredFloatingContainerProps, AnimatedRing, type AnimatedRingProps, ArrayUtil, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, type AvatarSize, type BackgroundOverlayProps, type BagFunction, type BagFunctionOrNode, type BagFunctionOrValue, BagFunctionUtil, BooleanFilter, type BooleanFilterParameter, type BooleanFilterProps, type BooleanFilterValue, BreadCrumbGroup, BreadCrumbLink, type BreadCrumbLinkProps, type BreadCrumbProps, BreadCrumbs, Button, type ButtonColor, type ButtonProps, ButtonUtil, Carousel, type CarouselProps, CarouselSlide, type CarouselSlideProps, Checkbox, CheckboxProperty, type CheckboxPropertyProps, type CheckboxProps, CheckboxUncontrolled, type CheckboxUncontrolledProps, Chip, type ChipColor, ChipList, type ChipListProps, type ChipProps, ChipUtil, Circle, type CircleProps, type ColumnSizeCalculatoProps, ColumnSizeUtil, ConfirmDialog, type ConfirmDialogProps, type ConfirmDialogType, type ControlledStateProps, CopyToClipboardWrapper, type CopyToClipboardWrapperProps, type Crumb, DateFilter, type DateFilterParameter, type DateFilterProps, type DateFilterValue, DatePicker, type DatePickerProps, DatePickerUncontrolled, DateProperty, type DatePropertyProps, DateTimeInput, type DateTimeInputProps, DateTimePicker, DateTimePickerDialog, type DateTimePickerDialogProps, type DateTimePickerMode, type DateTimePickerProps, DateTimePickerUncontrolled, DateUtils, DayPicker, type DayPickerProps, DayPickerUncontrolled, type DeepPartial, Dialog, DialogContext, type DialogContextType, type DialogOpenerPassingProps, DialogOpenerWrapper, type DialogOpenerWrapperBag, type DialogOpenerWrapperProps, type DialogPosition, type DialogProps, DialogRoot, type DialogRootProps, type Direction, DiscardChangesDialog, DividerInserter, type DividerInserterProps, Drawer, type DrawerAligment, type DrawerProps, Duration, type DurationJSON, type EaseFunction, EaseFunctions, type EditCompleteOptions, type EditCompleteOptionsResolved, type ElementHandle, ErrorComponent, type ErrorComponentProps, type Exact, Expandable, ExpandableContent, type ExpandableContentProps, ExpandableHeader, type ExpandableHeaderProps, type ExpandableProps, ExpandableRoot, type ExpandableRootProps, ExpandableUncontrolled, ExpansionIcon, type ExpansionIconProps, type FAQItem, FAQSection, type FAQSectionProps, FillerCell, type FillerCellProps, type FloatingElementAlignment, FocusTrap, type FocusTrapProps, FocusTrapWrapper, type FocusTrapWrapperProps, FormContext, type FormContextType, type FormEvent, type FormEventListener, FormField, type FormFieldAriaAttributes, type FormFieldBag, type FormFieldDataHandling, type FormFieldFocusableElementProps, type FormFieldInteractionStates, FormFieldLayout, type FormFieldLayoutBag, type FormFieldLayoutIds, type FormFieldLayoutProps, type FormFieldProps, type FormFieldResult, FormObserver, FormObserverKey, type FormObserverKeyProps, type FormObserverKeyResult, type FormObserverProps, type FormObserverResult, FormProvider, type FormProviderProps, FormStore, type FormStoreProps, type FormValidationBehaviour, type FormValidator, type FormValue, GenericFilter, type GenericFilterParameter, type GenericFilterProps, type GenericFilterValue, HelpwaveBadge, type HelpwaveBadgeProps, HelpwaveLogo, type HelpwaveProps, type HighlightStartPositionBehavior, type HightideConfig, HightideConfigContext, HightideConfigProvider, type HightideConfigProviderProps, HightideProvider, type HightideTranslationEntries, type HightideTranslationLocales, InfiniteScroll, type InfiniteScrollProps, Input, InputDialog, type InputModalProps, type InputProps, InputUncontrolled, InsideLabelInput, InsideLabelInputUncontrolled, LanguageDialog, ListBox, ListBoxItem, type ListBoxItemProps, ListBoxMultiple, type ListBoxMultipleProps, ListBoxMultipleUncontrolled, type ListBoxMultipleUncontrolledProps, ListBoxPrimitive, type ListBoxPrimitiveProps, type ListBoxProps, ListBoxUncontrolled, type ListBoxUncontrolledProps, LoadingAndErrorComponent, type LoadingAndErrorComponentProps, LoadingAnimation, type LoadingAnimationProps, type LoadingComponentProps, LoadingContainer, LocalStorageService, LocaleContext, type LocaleContextValue, LocaleProvider, type LocaleProviderProps, type LocalizationConfig, LocalizationUtil, LoopingArrayCalculator, MarkdownInterpreter, type MarkdownInterpreterProps, MathUtil, Menu, type MenuBag, MenuItem, type MenuItemProps, type MenuProps, type Month, MultiSearchWithMapping, MultiSelect, MultiSelectButton, type MultiSelectButtonProps, MultiSelectChipDisplay, MultiSelectChipDisplayButton, type MultiSelectChipDisplayProps, MultiSelectChipDisplayUncontrolled, type MultiSelectChipDisplayUncontrolledProps, MultiSelectContent, type MultiSelectContentProps, MultiSelectOption, type MultiSelectOptionProps, MultiSelectProperty, type MultiSelectPropertyProps, type MultiSelectProps, MultiSelectRoot, type MultiSelectRootProps, MultiSelectUncontrolled, MultiSubjectSearchWithMapping, Navigation, NavigationItemList, type NavigationItemListProps, type NavigationItemType, type NavigationProps, NumberFilter, type NumberFilterParameter, type NumberFilterProps, type NumberFilterValue, NumberProperty, type NumberPropertyProps, OperatorLabel, type OperatorLabelProps, type OverlayItem, OverlayRegistry, Pagination, type PaginationProps, PopUp, PopUpContext, type PopUpContextType, PopUpOpener, type PopUpOpenerBag, type PopUpOpenerProps, type PopUpProps, PopUpRoot, type PopUpRootProps, Portal, type PortalProps, ProgressIndicator, type ProgressIndicatorProps, PromiseUtils, PropertyBase, type PropertyBaseProps, type PropertyField, PropsUtil, type PropsWithBagFunction, type PropsWithBagFunctionOrChildren, RadialRings, type RadialRingsProps, type Range, type RangeOptions, type ResolvedTheme, Ring, type RingProps, RingWave, type RingWaveProps, ScrollPicker, type ScrollPickerProps, SearchBar, type SearchBarProps, Select, SelectButton, type SelectButtonProps, SelectContent, type SelectContentProps, SelectContext, type SelectIconAppearance, SelectOption, type SelectOptionProps, type SelectProps, SelectRoot, type SelectRootProps, SelectUncontrolled, type SelectUncontrolledProps, SessionStorageService, type SharedSelectRootProps, SimpleSearch, SimpleSearchWithMapping, type SingleOrArray, SingleSelectProperty, type SingleSelectPropertyProps, StepperBar, type StepperBarProps, StepperBarUncontrolled, type StepperState, type SuperSet, type TabContextType, type TabInfo, TabList, TabPanel, TabSwitcher, type TabSwitcherProps, TabView, Table, TableBody, type TableBooleanFilter, TableCell, type TableCellProps, TableColumn, TableColumnDefinitionContext, type TableColumnDefinitionContextType, type TableColumnProps, TableColumnSwitcher, TableColumnSwitcherPopUp, type TableColumnSwitcherPopUpProps, type TableColumnSwitcherProps, TableContainerContext, type TableContainerContextType, TableDataContext, type TableDataContextType, type TableDateFilter, TableDisplay, type TableDisplayProps, TableFilter, type TableFilterBaseProps, TableFilterButton, type TableFilterButtonProps, type TableFilterCategory, TableFilterContent, type TableFilterContentProps, TableFilterOperator, type TableFilterType, type TableFilterValue, type TableGenericFilter, TableHeader, TableHeaderContext, type TableHeaderContextType, type TableHeaderProps, type TableNumberFilter, TablePageSizeSelect, type TablePageSizeSelectProps, TablePagination, TablePaginationMenu, type TablePaginationProps, type TableProps, TableProvider, type TableProviderProps, TableSortButton, type TableSortButtonProps, type TableTagsFilter, type TableTextFilter, TableWithSelection, type TableWithSelectionProps, TableWithSelectionProvider, type TableWithSelectionProviderProps, TagIcon, type TagProps, TagsFilter, type TagsFilterParameter, type TagsFilterProps, type TagsFilterValue, TextFilter, type TextFilterParameter, type TextFilterProps, type TextFilterValue, TextImage, type TextImageProps, TextProperty, type TextPropertyProps, Textarea, type TextareaProps, TextareaUncontrolled, TextareaWithHeadline, type TextareaWithHeadlineProps, type ThemeConfig, ThemeContext, ThemeDialog, ThemeProvider, type ThemeProviderProps, type ThemeType, ThemeUtil, TimeDisplay, TimePicker, type TimePickerMinuteIncrement, type TimePickerProps, TimePickerUncontrolled, ToggleableInput, ToggleableInputUncontrolled, Tooltip, type TooltipConfig, type TooltipProps, Transition, type TransitionState, type TransitionWrapperProps, type UnBoundedRange, type UseAnchoredPositionOptions, type UseAnchoredPostitionProps, type UseCreateFormProps, type UseCreateFormResult, type UseDelayOptions, type UseDelayOptionsResolved, type UseFocusTrapProps, type UseFormFieldOptions, type UseFormFieldParameter, type UseFormObserverKeyProps, type UseFormObserverProps, type UseOutsideClickHandlers, type UseOutsideClickOptions, type UseOutsideClickProps, type UseOverlayRegistryProps, type UseOverlayRegistryResult, type UsePresenceRefProps, type UseSearchProps, UseValidators, type UserFormFieldProps, type ValidatorError, type ValidatorResult, VerticalDivider, type VerticalDividerProps, Visibility, type VisibilityProps, type WeekDay, YearMonthPicker, type YearMonthPickerProps, YearMonthPickerUncontrolled, addDuration, builder, changeDuration, closestMatch, createLoopingList, createLoopingListWithIndex, equalSizeGroups, formatDate, formatDateTime, getBetweenDuration, getNeighbours, getWeeksForCalenderMonth, hightideTranslation, hightideTranslationLocales, isInTimeSpan, isTableFilterCategory, match, mergeProps, noop, range, resolveSetState, subtractDuration, toSizeVars, useAnchoredPosition, useControlledState, useCreateForm, useDelay, useDialogContext, useFocusGuards, useFocusManagement, useFocusOnceVisible, useFocusTrap, useForm, useFormField, useFormObserver, useFormObserverKey, useHandleRefs, useHightideConfig, useHightideTranslation, useHoverState, useICUTranslation, useIsMounted, useLanguage, useLocalStorage, useLocale, useLogOnce, useLogUnstableDependencies, useOutsideClick, useOverlayRegistry, useOverwritableState, usePopUpContext, usePresenceRef, useRerender, useResizeCallbackWrapper, useSearch, useSelectContext, useTabContext, useTableColumnDefinitionContext, useTableContainerContext, useTableDataContext, useTableHeaderContext, useTheme, useTransitionState, useTranslatedValidators, validateEmail, writeToClipboard };

package/dist/index.d.ts

@@ -176,6 +176,7 @@ type FormFieldLayoutProps = Omit<HTMLAttributes<HTMLDivElement>, 'children'> & O
     invalidDescriptionProps?: Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'id'>;
     description?: ReactNode;
     descriptionProps?: Omit<HTMLAttributes<HTMLParagraphElement>, 'children' | 'id'>;
+    showRequiredIndicator?: boolean;
 };
 declare const FormFieldLayout: react.ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "children"> & Omit<Partial<FormFieldInteractionStates>, "invalid"> & {
     children: (bag: FormFieldLayoutBag) => ReactNode;
@@ -186,6 +187,7 @@ declare const FormFieldLayout: react.ForwardRefExoticComponent<Omit<HTMLAttribut
     invalidDescriptionProps?: Omit<HTMLAttributes<HTMLDivElement>, "children" | "id">;
     description?: ReactNode;
     descriptionProps?: Omit<HTMLAttributes<HTMLParagraphElement>, "children" | "id">;
+    showRequiredIndicator?: boolean;
 } & react.RefAttributes<HTMLDivElement>>;
 
 type FormValidationBehaviour = 'always' | 'touched' | 'submit';
@@ -235,30 +237,29 @@ type FormStoreProps<T extends FormValue> = {
     validators?: Partial<{
         [K in keyof T]: (v: T[K]) => ReactNode;
     }>;
-    validationBehaviour?: FormValidationBehaviour;
 };
 declare class FormStore<T extends FormValue> {
     private values;
     private initialValues;
     private validators;
-    private validationBehaviour;
     private hasTriedSubmitting;
     private errors;
     private touched;
     private listeners;
     private submittingTouchesAll;
-    constructor({ initialValues, hasTriedSubmitting, submittingTouchesAll, validators, validationBehaviour, }: FormStoreProps<T>);
+    constructor({ initialValues, hasTriedSubmitting, submittingTouchesAll, validators, }: FormStoreProps<T>);
     getValue<K extends keyof T>(key: K): T[K];
     getAllValues(): T;
     setValue<K extends keyof T>(key: K, value: T[K], triggerUpdate?: boolean): void;
     setValues(values: Partial<T>, triggerUpdate?: boolean): void;
     getTouched(key: keyof T): boolean;
+    getAllTouched(): Partial<Record<keyof T, boolean>>;
     setTouched(key: keyof T, isTouched?: boolean): void;
     getHasError(): boolean;
     getErrors(): Partial<Record<keyof T, ReactNode>>;
     getError(key: keyof T): ReactNode;
     private setError;
-    changeValidationBehavoir(validationBehaviour: FormValidationBehaviour): void;
+    getHasTriedSubmitting(): boolean;
     changeValidators(validators: Partial<Record<keyof T, FormValidator<T>>>): void;
     validate(key: keyof T): void;
     validateAll(): void;
@@ -268,7 +269,7 @@ declare class FormStore<T extends FormValue> {
     reset(): void;
 }
 
-type UseCreateFormProps<T extends FormValue> = FormStoreProps<T> & {
+type UseCreateFormProps<T extends FormValue> = Omit<FormStoreProps<T>, 'validationBehaviour'> & {
     onFormSubmit: (values: T) => void;
     onFormError?: (values: T, errors: Partial<Record<keyof T, ReactNode>>) => void;
     /**
@@ -304,19 +305,19 @@ type UseCreateFormProps<T extends FormValue> = FormStoreProps<T> & {
     scrollOptions?: ScrollIntoViewOptions;
 };
 type UseCreateFormResult<T extends FormValue> = {
+    /**
+     * The form store.
+     * Do not attempt to read the store directly, use useFormObserver or useFormField instead.
+     * Otherwise you will not get the latest values and errors.
+     */
     store: FormStore<T>;
     reset: () => void;
     submit: () => void;
     update: (updater: Partial<T> | ((current: T) => Partial<T>)) => void;
     validateAll: () => void;
-    getError: (key: keyof T) => ReactNode;
-    getErrors: () => Partial<Record<keyof T, ReactNode>>;
-    getIsValid: () => boolean;
-    getValues: () => T;
-    getValue: <K extends keyof T>(key: K) => T[K];
     registerRef: (key: keyof T) => (el: HTMLElement | null) => void;
 };
-declare function useCreateForm<T extends FormValue>({ onFormSubmit, onFormError, onValueChange, onUpdate, onValidUpdate, initialValues, hasTriedSubmitting, validators, validationBehaviour, scrollToElements, scrollOptions, }: UseCreateFormProps<T>): UseCreateFormResult<T>;
+declare function useCreateForm<T extends FormValue>({ onFormSubmit, onFormError, onValueChange, onUpdate, onValidUpdate, initialValues, hasTriedSubmitting, validators, scrollToElements, scrollOptions, }: UseCreateFormProps<T>): UseCreateFormResult<T>;
 
 type FormFieldFocusableElementProps = FormFieldAriaAttributes & {
     id: string;
@@ -326,6 +327,7 @@ type FormFieldBag<T extends FormValue, K extends keyof T> = {
     dataProps: FormFieldDataHandling<T[K]>;
     focusableElementProps: FormFieldFocusableElementProps;
     interactionStates: FormFieldInteractionStates;
+    touched: boolean;
     other: {
         updateValue: (value: T[K]) => void;
     };
@@ -334,13 +336,14 @@ interface FormFieldProps<T extends FormValue, K extends keyof T> extends Omit<Fo
     children: (bag: FormFieldBag<T, K>) => ReactNode;
     name: K;
     triggerUpdateOnEditComplete?: boolean;
+    validationBehaviour?: FormValidationBehaviour;
 }
 type FormFieldDataHandling<T> = {
     value: T;
     onValueChange: (value: T) => void;
     onEditComplete: (value: T) => void;
 };
-declare const FormField: <T extends FormValue, K extends keyof T>({ children, name, triggerUpdateOnEditComplete, ...props }: FormFieldProps<T, K>) => react_jsx_runtime.JSX.Element;
+declare const FormField: <T extends FormValue, K extends keyof T>({ children, name, triggerUpdateOnEditComplete, validationBehaviour, ...props }: FormFieldProps<T, K>) => react_jsx_runtime.JSX.Element;
 
 type FormContextType<T extends FormValue> = UseCreateFormResult<T>;
 declare const FormContext: react.Context<FormContextType<any>>;
@@ -349,17 +352,58 @@ type FormProviderProps<T extends FormValue> = PropsWithChildren & {
 };
 declare const FormProvider: <T extends FormValue>({ children, state }: FormProviderProps<T>) => react_jsx_runtime.JSX.Element;
 declare function useForm<T extends FormValue>(): FormContextType<T>;
-type UseFormFieldOptions = {
+interface UseFormFieldParameter<T extends FormValue> {
+    key: keyof T;
+}
+interface UseFormFieldOptions {
     triggerUpdate?: boolean;
-};
+    validationBehaviour?: FormValidationBehaviour;
+}
+interface UserFormFieldProps<T extends FormValue> extends UseFormFieldParameter<T>, UseFormFieldOptions {
+}
 type FormFieldResult<T> = {
     store: FormStore<T>;
     value: T;
     error: ReactNode;
+    touched: boolean;
+    hasTriedSubmitting: boolean;
     dataProps: FormFieldDataHandling<T>;
     registerRef: (el: HTMLElement | null) => void;
 };
-declare function useFormField<T extends FormValue, K extends keyof T>(key: K, { triggerUpdate }: UseFormFieldOptions): FormFieldResult<T[K]> | null;
+declare function useFormField<T extends FormValue, K extends keyof T>(key: K, { triggerUpdate, validationBehaviour }: UseFormFieldOptions): FormFieldResult<T[K]> | null;
+type UseFormObserverProps<T extends FormValue> = {
+    formStore?: FormStore<T>;
+};
+interface FormObserverResult<T extends FormValue> {
+    store: FormStore<T>;
+    values: T;
+    touched: Partial<Record<keyof T, boolean>>;
+    errors: Partial<Record<keyof T, ReactNode>>;
+    hasErrors: boolean;
+    hasTriedSubmitting: boolean;
+}
+declare function useFormObserver<T extends FormValue>({ formStore }?: UseFormObserverProps<T>): FormObserverResult<T> | null;
+interface UseFormObserverKeyProps<T extends FormValue, K extends keyof T> {
+    formStore?: FormStore<T>;
+    key: K;
+}
+interface FormObserverKeyResult<T extends FormValue, K extends keyof T> {
+    store: FormStore<T>;
+    value: T[K];
+    error: ReactNode;
+    hasError: boolean;
+    touched: boolean;
+}
+declare function useFormObserverKey<T extends FormValue, K extends keyof T>({ formStore, key }: UseFormObserverKeyProps<T, K>): FormObserverKeyResult<T, K> | null;
+
+interface FormObserverProps<T extends FormValue> extends UseFormObserverProps<T> {
+    children: (bag: FormObserverResult<T>) => ReactNode;
+}
+declare const FormObserver: <T extends FormValue>({ children, formStore }: FormObserverProps<T>) => ReactNode;
+interface FormObserverKeyProps<T extends FormValue, K extends keyof T> extends UseFormObserverKeyProps<T, K> {
+    children: (bag: FormObserverKeyResult<T, K>) => ReactNode;
+}
+declare const FormObserverKey: <T extends FormValue, K extends keyof T>({ children, formStore, key }: FormObserverKeyProps<T, K>) => ReactNode;
 
 type FloatingElementAlignment = 'beforeStart' | 'afterStart' | 'center' | 'beforeEnd' | 'afterEnd';
 type CalculatePositionOptions = {
@@ -1086,12 +1130,13 @@ type TableProviderProps<T> = {
     columns?: ColumnDef<T>[];
     children?: ReactNode;
     isUsingFillerRows?: boolean;
-    fillerRow?: (columnId: string, table: Table$1<T>) => ReactNode;
+    fillerRowCell?: (columnId: string, table: Table$1<T>) => ReactNode;
     initialState?: Omit<InitialTableState, 'columnSizing'>;
     onRowClick?: (row: Row<T>, table: Table$1<T>) => void;
+    onFillerRowClick?: (index: number, table: Table$1<T>) => void;
     state?: Omit<TableState, 'columnSizing'>;
 } & Partial<TableOptions<T>>;
-declare const TableProvider: <T>({ data, isUsingFillerRows, fillerRow, initialState, onRowClick, defaultColumn: defaultColumnOverwrite, state, columns: columnsProp, children, ...tableOptions }: TableProviderProps<T>) => react_jsx_runtime.JSX.Element;
+declare const TableProvider: <T>({ data, isUsingFillerRows, fillerRowCell, initialState, onRowClick, onFillerRowClick, defaultColumn: defaultColumnOverwrite, state, columns: columnsProp, children, ...tableOptions }: TableProviderProps<T>) => react_jsx_runtime.JSX.Element;
 
 declare module '@tanstack/react-table' {
     interface ColumnMeta<TData extends RowData, TValue> {
@@ -1279,7 +1324,7 @@ interface TableWithSelectionProviderProps<T> extends TableProviderProps<T> {
     disableClickRowClickSelection?: boolean;
     selectionRowId?: string;
 }
-declare const TableWithSelectionProvider: <T>({ children, state, fillerRow, rowSelection, disableClickRowClickSelection, selectionRowId, onRowClick, meta, ...props }: TableWithSelectionProviderProps<T>) => react_jsx_runtime.JSX.Element;
+declare const TableWithSelectionProvider: <T>({ children, state, fillerRowCell, rowSelection, disableClickRowClickSelection, selectionRowId, onRowClick, ...props }: TableWithSelectionProviderProps<T>) => react_jsx_runtime.JSX.Element;
 
 interface TableProps<T> extends HTMLAttributes<HTMLDivElement> {
     table: TableProviderProps<T>;
@@ -1398,8 +1443,9 @@ type TableDataContextType<T> = {
     data: T[];
     pagination: PaginationState;
     isUsingFillerRows: boolean;
-    fillerRow: (columnId: string, table: Table$1<T>) => ReactNode;
-    onRowClick: (row: Row<T>, table: Table$1<T>) => void;
+    fillerRowCell: (columnId: string, table: Table$1<T>) => ReactNode;
+    onRowClick?: (row: Row<T>, table: Table$1<T>) => void;
+    onFillerRowClick?: (index: number, table: Table$1<T>) => void;
 };
 declare const TableDataContext: react.Context<TableDataContextType<any>>;
 declare const useTableDataContext: <T>() => TableDataContextType<T>;
@@ -2072,10 +2118,6 @@ type TimeDisplayProps = {
  */
 declare const TimeDisplay: ({ date, mode }: TimeDisplayProps) => react_jsx_runtime.JSX.Element;
 
-type DateTimeInputHandle = {
-    input: HTMLDivElement | null;
-    popup: HTMLDivElement | null;
-};
 interface DateTimeInputProps extends Partial<FormFieldInteractionStates>, ControlledStateProps<Date | null>, Omit<ButtonHTMLAttributes<HTMLDivElement>, 'defaultValue' | 'value'>, Partial<FormFieldDataHandling<Date | null>> {
     placeholder?: ReactNode;
     allowRemove?: boolean;
@@ -2085,7 +2127,7 @@ interface DateTimeInputProps extends Partial<FormFieldInteractionStates>, Contro
     outsideClickCloses?: boolean;
     onDialogOpeningChange?: (isOpen: boolean) => void;
 }
-declare const DateTimeInput: react.ForwardRefExoticComponent<DateTimeInputProps & react.RefAttributes<DateTimeInputHandle>>;
+declare const DateTimeInput: react.ForwardRefExoticComponent<DateTimeInputProps & react.RefAttributes<HTMLDivElement>>;
 
 type InsideLabelInputProps = Omit<InputProps, 'aria-label' | 'aria-labelledby' | 'placeholder'> & {
     label: ReactNode;
@@ -2765,4 +2807,4 @@ declare class SessionStorageService extends StorageService {
 
 declare const writeToClipboard: (text: string) => Promise<void>;
 
-export { ASTNodeInterpreter, type ASTNodeInterpreterProps, AnchoredFloatingContainer, type AnchoredFloatingContainerProps, AnimatedRing, type AnimatedRingProps, ArrayUtil, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, type AvatarSize, type BackgroundOverlayProps, type BagFunction, type BagFunctionOrNode, type BagFunctionOrValue, BagFunctionUtil, BooleanFilter, type BooleanFilterParameter, type BooleanFilterProps, type BooleanFilterValue, BreadCrumbGroup, BreadCrumbLink, type BreadCrumbLinkProps, type BreadCrumbProps, BreadCrumbs, Button, type ButtonColor, type ButtonProps, ButtonUtil, Carousel, type CarouselProps, CarouselSlide, type CarouselSlideProps, Checkbox, CheckboxProperty, type CheckboxPropertyProps, type CheckboxProps, CheckboxUncontrolled, type CheckboxUncontrolledProps, Chip, type ChipColor, ChipList, type ChipListProps, type ChipProps, ChipUtil, Circle, type CircleProps, type ColumnSizeCalculatoProps, ColumnSizeUtil, ConfirmDialog, type ConfirmDialogProps, type ConfirmDialogType, type ControlledStateProps, CopyToClipboardWrapper, type CopyToClipboardWrapperProps, type Crumb, DateFilter, type DateFilterParameter, type DateFilterProps, type DateFilterValue, DatePicker, type DatePickerProps, DatePickerUncontrolled, DateProperty, type DatePropertyProps, DateTimeInput, type DateTimeInputHandle, type DateTimeInputProps, DateTimePicker, DateTimePickerDialog, type DateTimePickerDialogProps, type DateTimePickerMode, type DateTimePickerProps, DateTimePickerUncontrolled, DateUtils, DayPicker, type DayPickerProps, DayPickerUncontrolled, type DeepPartial, Dialog, DialogContext, type DialogContextType, type DialogOpenerPassingProps, DialogOpenerWrapper, type DialogOpenerWrapperBag, type DialogOpenerWrapperProps, type DialogPosition, type DialogProps, DialogRoot, type DialogRootProps, type Direction, DiscardChangesDialog, DividerInserter, type DividerInserterProps, Drawer, type DrawerAligment, type DrawerProps, Duration, type DurationJSON, type EaseFunction, EaseFunctions, type EditCompleteOptions, type EditCompleteOptionsResolved, type ElementHandle, ErrorComponent, type ErrorComponentProps, type Exact, Expandable, ExpandableContent, type ExpandableContentProps, ExpandableHeader, type ExpandableHeaderProps, type ExpandableProps, ExpandableRoot, type ExpandableRootProps, ExpandableUncontrolled, ExpansionIcon, type ExpansionIconProps, type FAQItem, FAQSection, type FAQSectionProps, FillerCell, type FillerCellProps, type FloatingElementAlignment, FocusTrap, type FocusTrapProps, FocusTrapWrapper, type FocusTrapWrapperProps, FormContext, type FormContextType, type FormEvent, type FormEventListener, FormField, type FormFieldAriaAttributes, type FormFieldBag, type FormFieldDataHandling, type FormFieldFocusableElementProps, type FormFieldInteractionStates, FormFieldLayout, type FormFieldLayoutBag, type FormFieldLayoutIds, type FormFieldLayoutProps, type FormFieldProps, type FormFieldResult, FormProvider, type FormProviderProps, FormStore, type FormStoreProps, type FormValidationBehaviour, type FormValidator, type FormValue, GenericFilter, type GenericFilterParameter, type GenericFilterProps, type GenericFilterValue, HelpwaveBadge, type HelpwaveBadgeProps, HelpwaveLogo, type HelpwaveProps, type HighlightStartPositionBehavior, type HightideConfig, HightideConfigContext, HightideConfigProvider, type HightideConfigProviderProps, HightideProvider, type HightideTranslationEntries, type HightideTranslationLocales, InfiniteScroll, type InfiniteScrollProps, Input, InputDialog, type InputModalProps, type InputProps, InputUncontrolled, InsideLabelInput, InsideLabelInputUncontrolled, LanguageDialog, ListBox, ListBoxItem, type ListBoxItemProps, ListBoxMultiple, type ListBoxMultipleProps, ListBoxMultipleUncontrolled, type ListBoxMultipleUncontrolledProps, ListBoxPrimitive, type ListBoxPrimitiveProps, type ListBoxProps, ListBoxUncontrolled, type ListBoxUncontrolledProps, LoadingAndErrorComponent, type LoadingAndErrorComponentProps, LoadingAnimation, type LoadingAnimationProps, type LoadingComponentProps, LoadingContainer, LocalStorageService, LocaleContext, type LocaleContextValue, LocaleProvider, type LocaleProviderProps, type LocalizationConfig, LocalizationUtil, LoopingArrayCalculator, MarkdownInterpreter, type MarkdownInterpreterProps, MathUtil, Menu, type MenuBag, MenuItem, type MenuItemProps, type MenuProps, type Month, MultiSearchWithMapping, MultiSelect, MultiSelectButton, type MultiSelectButtonProps, MultiSelectChipDisplay, MultiSelectChipDisplayButton, type MultiSelectChipDisplayProps, MultiSelectChipDisplayUncontrolled, type MultiSelectChipDisplayUncontrolledProps, MultiSelectContent, type MultiSelectContentProps, MultiSelectOption, type MultiSelectOptionProps, MultiSelectProperty, type MultiSelectPropertyProps, type MultiSelectProps, MultiSelectRoot, type MultiSelectRootProps, MultiSelectUncontrolled, MultiSubjectSearchWithMapping, Navigation, NavigationItemList, type NavigationItemListProps, type NavigationItemType, type NavigationProps, NumberFilter, type NumberFilterParameter, type NumberFilterProps, type NumberFilterValue, NumberProperty, type NumberPropertyProps, OperatorLabel, type OperatorLabelProps, type OverlayItem, OverlayRegistry, Pagination, type PaginationProps, PopUp, PopUpContext, type PopUpContextType, PopUpOpener, type PopUpOpenerBag, type PopUpOpenerProps, type PopUpProps, PopUpRoot, type PopUpRootProps, Portal, type PortalProps, ProgressIndicator, type ProgressIndicatorProps, PromiseUtils, PropertyBase, type PropertyBaseProps, type PropertyField, PropsUtil, type PropsWithBagFunction, type PropsWithBagFunctionOrChildren, RadialRings, type RadialRingsProps, type Range, type RangeOptions, type ResolvedTheme, Ring, type RingProps, RingWave, type RingWaveProps, ScrollPicker, type ScrollPickerProps, SearchBar, type SearchBarProps, Select, SelectButton, type SelectButtonProps, SelectContent, type SelectContentProps, SelectContext, type SelectIconAppearance, SelectOption, type SelectOptionProps, type SelectProps, SelectRoot, type SelectRootProps, SelectUncontrolled, type SelectUncontrolledProps, SessionStorageService, type SharedSelectRootProps, SimpleSearch, SimpleSearchWithMapping, type SingleOrArray, SingleSelectProperty, type SingleSelectPropertyProps, StepperBar, type StepperBarProps, StepperBarUncontrolled, type StepperState, type SuperSet, type TabContextType, type TabInfo, TabList, TabPanel, TabSwitcher, type TabSwitcherProps, TabView, Table, TableBody, type TableBooleanFilter, TableCell, type TableCellProps, TableColumn, TableColumnDefinitionContext, type TableColumnDefinitionContextType, type TableColumnProps, TableColumnSwitcher, TableColumnSwitcherPopUp, type TableColumnSwitcherPopUpProps, type TableColumnSwitcherProps, TableContainerContext, type TableContainerContextType, TableDataContext, type TableDataContextType, type TableDateFilter, TableDisplay, type TableDisplayProps, TableFilter, type TableFilterBaseProps, TableFilterButton, type TableFilterButtonProps, type TableFilterCategory, TableFilterContent, type TableFilterContentProps, TableFilterOperator, type TableFilterType, type TableFilterValue, type TableGenericFilter, TableHeader, TableHeaderContext, type TableHeaderContextType, type TableHeaderProps, type TableNumberFilter, TablePageSizeSelect, type TablePageSizeSelectProps, TablePagination, TablePaginationMenu, type TablePaginationProps, type TableProps, TableProvider, type TableProviderProps, TableSortButton, type TableSortButtonProps, type TableTagsFilter, type TableTextFilter, TableWithSelection, type TableWithSelectionProps, TableWithSelectionProvider, type TableWithSelectionProviderProps, TagIcon, type TagProps, TagsFilter, type TagsFilterParameter, type TagsFilterProps, type TagsFilterValue, TextFilter, type TextFilterParameter, type TextFilterProps, type TextFilterValue, TextImage, type TextImageProps, TextProperty, type TextPropertyProps, Textarea, type TextareaProps, TextareaUncontrolled, TextareaWithHeadline, type TextareaWithHeadlineProps, type ThemeConfig, ThemeContext, ThemeDialog, ThemeProvider, type ThemeProviderProps, type ThemeType, ThemeUtil, TimeDisplay, TimePicker, type TimePickerMinuteIncrement, type TimePickerProps, TimePickerUncontrolled, ToggleableInput, ToggleableInputUncontrolled, Tooltip, type TooltipConfig, type TooltipProps, Transition, type TransitionState, type TransitionWrapperProps, type UnBoundedRange, type UseAnchoredPositionOptions, type UseAnchoredPostitionProps, type UseCreateFormProps, type UseCreateFormResult, type UseDelayOptions, type UseDelayOptionsResolved, type UseFocusTrapProps, type UseFormFieldOptions, type UseOutsideClickHandlers, type UseOutsideClickOptions, type UseOutsideClickProps, type UseOverlayRegistryProps, type UseOverlayRegistryResult, type UsePresenceRefProps, type UseSearchProps, UseValidators, type ValidatorError, type ValidatorResult, VerticalDivider, type VerticalDividerProps, Visibility, type VisibilityProps, type WeekDay, YearMonthPicker, type YearMonthPickerProps, YearMonthPickerUncontrolled, addDuration, builder, changeDuration, closestMatch, createLoopingList, createLoopingListWithIndex, equalSizeGroups, formatDate, formatDateTime, getBetweenDuration, getNeighbours, getWeeksForCalenderMonth, hightideTranslation, hightideTranslationLocales, isInTimeSpan, isTableFilterCategory, match, mergeProps, noop, range, resolveSetState, subtractDuration, toSizeVars, useAnchoredPosition, useControlledState, useCreateForm, useDelay, useDialogContext, useFocusGuards, useFocusManagement, useFocusOnceVisible, useFocusTrap, useForm, useFormField, useHandleRefs, useHightideConfig, useHightideTranslation, useHoverState, useICUTranslation, useIsMounted, useLanguage, useLocalStorage, useLocale, useLogOnce, useLogUnstableDependencies, useOutsideClick, useOverlayRegistry, useOverwritableState, usePopUpContext, usePresenceRef, useRerender, useResizeCallbackWrapper, useSearch, useSelectContext, useTabContext, useTableColumnDefinitionContext, useTableContainerContext, useTableDataContext, useTableHeaderContext, useTheme, useTransitionState, useTranslatedValidators, validateEmail, writeToClipboard };
+export { ASTNodeInterpreter, type ASTNodeInterpreterProps, AnchoredFloatingContainer, type AnchoredFloatingContainerProps, AnimatedRing, type AnimatedRingProps, ArrayUtil, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, type AvatarSize, type BackgroundOverlayProps, type BagFunction, type BagFunctionOrNode, type BagFunctionOrValue, BagFunctionUtil, BooleanFilter, type BooleanFilterParameter, type BooleanFilterProps, type BooleanFilterValue, BreadCrumbGroup, BreadCrumbLink, type BreadCrumbLinkProps, type BreadCrumbProps, BreadCrumbs, Button, type ButtonColor, type ButtonProps, ButtonUtil, Carousel, type CarouselProps, CarouselSlide, type CarouselSlideProps, Checkbox, CheckboxProperty, type CheckboxPropertyProps, type CheckboxProps, CheckboxUncontrolled, type CheckboxUncontrolledProps, Chip, type ChipColor, ChipList, type ChipListProps, type ChipProps, ChipUtil, Circle, type CircleProps, type ColumnSizeCalculatoProps, ColumnSizeUtil, ConfirmDialog, type ConfirmDialogProps, type ConfirmDialogType, type ControlledStateProps, CopyToClipboardWrapper, type CopyToClipboardWrapperProps, type Crumb, DateFilter, type DateFilterParameter, type DateFilterProps, type DateFilterValue, DatePicker, type DatePickerProps, DatePickerUncontrolled, DateProperty, type DatePropertyProps, DateTimeInput, type DateTimeInputProps, DateTimePicker, DateTimePickerDialog, type DateTimePickerDialogProps, type DateTimePickerMode, type DateTimePickerProps, DateTimePickerUncontrolled, DateUtils, DayPicker, type DayPickerProps, DayPickerUncontrolled, type DeepPartial, Dialog, DialogContext, type DialogContextType, type DialogOpenerPassingProps, DialogOpenerWrapper, type DialogOpenerWrapperBag, type DialogOpenerWrapperProps, type DialogPosition, type DialogProps, DialogRoot, type DialogRootProps, type Direction, DiscardChangesDialog, DividerInserter, type DividerInserterProps, Drawer, type DrawerAligment, type DrawerProps, Duration, type DurationJSON, type EaseFunction, EaseFunctions, type EditCompleteOptions, type EditCompleteOptionsResolved, type ElementHandle, ErrorComponent, type ErrorComponentProps, type Exact, Expandable, ExpandableContent, type ExpandableContentProps, ExpandableHeader, type ExpandableHeaderProps, type ExpandableProps, ExpandableRoot, type ExpandableRootProps, ExpandableUncontrolled, ExpansionIcon, type ExpansionIconProps, type FAQItem, FAQSection, type FAQSectionProps, FillerCell, type FillerCellProps, type FloatingElementAlignment, FocusTrap, type FocusTrapProps, FocusTrapWrapper, type FocusTrapWrapperProps, FormContext, type FormContextType, type FormEvent, type FormEventListener, FormField, type FormFieldAriaAttributes, type FormFieldBag, type FormFieldDataHandling, type FormFieldFocusableElementProps, type FormFieldInteractionStates, FormFieldLayout, type FormFieldLayoutBag, type FormFieldLayoutIds, type FormFieldLayoutProps, type FormFieldProps, type FormFieldResult, FormObserver, FormObserverKey, type FormObserverKeyProps, type FormObserverKeyResult, type FormObserverProps, type FormObserverResult, FormProvider, type FormProviderProps, FormStore, type FormStoreProps, type FormValidationBehaviour, type FormValidator, type FormValue, GenericFilter, type GenericFilterParameter, type GenericFilterProps, type GenericFilterValue, HelpwaveBadge, type HelpwaveBadgeProps, HelpwaveLogo, type HelpwaveProps, type HighlightStartPositionBehavior, type HightideConfig, HightideConfigContext, HightideConfigProvider, type HightideConfigProviderProps, HightideProvider, type HightideTranslationEntries, type HightideTranslationLocales, InfiniteScroll, type InfiniteScrollProps, Input, InputDialog, type InputModalProps, type InputProps, InputUncontrolled, InsideLabelInput, InsideLabelInputUncontrolled, LanguageDialog, ListBox, ListBoxItem, type ListBoxItemProps, ListBoxMultiple, type ListBoxMultipleProps, ListBoxMultipleUncontrolled, type ListBoxMultipleUncontrolledProps, ListBoxPrimitive, type ListBoxPrimitiveProps, type ListBoxProps, ListBoxUncontrolled, type ListBoxUncontrolledProps, LoadingAndErrorComponent, type LoadingAndErrorComponentProps, LoadingAnimation, type LoadingAnimationProps, type LoadingComponentProps, LoadingContainer, LocalStorageService, LocaleContext, type LocaleContextValue, LocaleProvider, type LocaleProviderProps, type LocalizationConfig, LocalizationUtil, LoopingArrayCalculator, MarkdownInterpreter, type MarkdownInterpreterProps, MathUtil, Menu, type MenuBag, MenuItem, type MenuItemProps, type MenuProps, type Month, MultiSearchWithMapping, MultiSelect, MultiSelectButton, type MultiSelectButtonProps, MultiSelectChipDisplay, MultiSelectChipDisplayButton, type MultiSelectChipDisplayProps, MultiSelectChipDisplayUncontrolled, type MultiSelectChipDisplayUncontrolledProps, MultiSelectContent, type MultiSelectContentProps, MultiSelectOption, type MultiSelectOptionProps, MultiSelectProperty, type MultiSelectPropertyProps, type MultiSelectProps, MultiSelectRoot, type MultiSelectRootProps, MultiSelectUncontrolled, MultiSubjectSearchWithMapping, Navigation, NavigationItemList, type NavigationItemListProps, type NavigationItemType, type NavigationProps, NumberFilter, type NumberFilterParameter, type NumberFilterProps, type NumberFilterValue, NumberProperty, type NumberPropertyProps, OperatorLabel, type OperatorLabelProps, type OverlayItem, OverlayRegistry, Pagination, type PaginationProps, PopUp, PopUpContext, type PopUpContextType, PopUpOpener, type PopUpOpenerBag, type PopUpOpenerProps, type PopUpProps, PopUpRoot, type PopUpRootProps, Portal, type PortalProps, ProgressIndicator, type ProgressIndicatorProps, PromiseUtils, PropertyBase, type PropertyBaseProps, type PropertyField, PropsUtil, type PropsWithBagFunction, type PropsWithBagFunctionOrChildren, RadialRings, type RadialRingsProps, type Range, type RangeOptions, type ResolvedTheme, Ring, type RingProps, RingWave, type RingWaveProps, ScrollPicker, type ScrollPickerProps, SearchBar, type SearchBarProps, Select, SelectButton, type SelectButtonProps, SelectContent, type SelectContentProps, SelectContext, type SelectIconAppearance, SelectOption, type SelectOptionProps, type SelectProps, SelectRoot, type SelectRootProps, SelectUncontrolled, type SelectUncontrolledProps, SessionStorageService, type SharedSelectRootProps, SimpleSearch, SimpleSearchWithMapping, type SingleOrArray, SingleSelectProperty, type SingleSelectPropertyProps, StepperBar, type StepperBarProps, StepperBarUncontrolled, type StepperState, type SuperSet, type TabContextType, type TabInfo, TabList, TabPanel, TabSwitcher, type TabSwitcherProps, TabView, Table, TableBody, type TableBooleanFilter, TableCell, type TableCellProps, TableColumn, TableColumnDefinitionContext, type TableColumnDefinitionContextType, type TableColumnProps, TableColumnSwitcher, TableColumnSwitcherPopUp, type TableColumnSwitcherPopUpProps, type TableColumnSwitcherProps, TableContainerContext, type TableContainerContextType, TableDataContext, type TableDataContextType, type TableDateFilter, TableDisplay, type TableDisplayProps, TableFilter, type TableFilterBaseProps, TableFilterButton, type TableFilterButtonProps, type TableFilterCategory, TableFilterContent, type TableFilterContentProps, TableFilterOperator, type TableFilterType, type TableFilterValue, type TableGenericFilter, TableHeader, TableHeaderContext, type TableHeaderContextType, type TableHeaderProps, type TableNumberFilter, TablePageSizeSelect, type TablePageSizeSelectProps, TablePagination, TablePaginationMenu, type TablePaginationProps, type TableProps, TableProvider, type TableProviderProps, TableSortButton, type TableSortButtonProps, type TableTagsFilter, type TableTextFilter, TableWithSelection, type TableWithSelectionProps, TableWithSelectionProvider, type TableWithSelectionProviderProps, TagIcon, type TagProps, TagsFilter, type TagsFilterParameter, type TagsFilterProps, type TagsFilterValue, TextFilter, type TextFilterParameter, type TextFilterProps, type TextFilterValue, TextImage, type TextImageProps, TextProperty, type TextPropertyProps, Textarea, type TextareaProps, TextareaUncontrolled, TextareaWithHeadline, type TextareaWithHeadlineProps, type ThemeConfig, ThemeContext, ThemeDialog, ThemeProvider, type ThemeProviderProps, type ThemeType, ThemeUtil, TimeDisplay, TimePicker, type TimePickerMinuteIncrement, type TimePickerProps, TimePickerUncontrolled, ToggleableInput, ToggleableInputUncontrolled, Tooltip, type TooltipConfig, type TooltipProps, Transition, type TransitionState, type TransitionWrapperProps, type UnBoundedRange, type UseAnchoredPositionOptions, type UseAnchoredPostitionProps, type UseCreateFormProps, type UseCreateFormResult, type UseDelayOptions, type UseDelayOptionsResolved, type UseFocusTrapProps, type UseFormFieldOptions, type UseFormFieldParameter, type UseFormObserverKeyProps, type UseFormObserverProps, type UseOutsideClickHandlers, type UseOutsideClickOptions, type UseOutsideClickProps, type UseOverlayRegistryProps, type UseOverlayRegistryResult, type UsePresenceRefProps, type UseSearchProps, UseValidators, type UserFormFieldProps, type ValidatorError, type ValidatorResult, VerticalDivider, type VerticalDividerProps, Visibility, type VisibilityProps, type WeekDay, YearMonthPicker, type YearMonthPickerProps, YearMonthPickerUncontrolled, addDuration, builder, changeDuration, closestMatch, createLoopingList, createLoopingListWithIndex, equalSizeGroups, formatDate, formatDateTime, getBetweenDuration, getNeighbours, getWeeksForCalenderMonth, hightideTranslation, hightideTranslationLocales, isInTimeSpan, isTableFilterCategory, match, mergeProps, noop, range, resolveSetState, subtractDuration, toSizeVars, useAnchoredPosition, useControlledState, useCreateForm, useDelay, useDialogContext, useFocusGuards, useFocusManagement, useFocusOnceVisible, useFocusTrap, useForm, useFormField, useFormObserver, useFormObserverKey, useHandleRefs, useHightideConfig, useHightideTranslation, useHoverState, useICUTranslation, useIsMounted, useLanguage, useLocalStorage, useLocale, useLogOnce, useLogUnstableDependencies, useOutsideClick, useOverlayRegistry, useOverwritableState, usePopUpContext, usePresenceRef, useRerender, useResizeCallbackWrapper, useSearch, useSelectContext, useTabContext, useTableColumnDefinitionContext, useTableContainerContext, useTableDataContext, useTableHeaderContext, useTheme, useTransitionState, useTranslatedValidators, validateEmail, writeToClipboard };