@helpwave/hightide 0.5.4 → 0.6.1

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as React from 'react';
-import React__default, { HTMLAttributes, ButtonHTMLAttributes, ReactNode, PropsWithChildren, InputHTMLAttributes, LabelHTMLAttributes, SVGProps, CSSProperties, RefObject, TextareaHTMLAttributes, Dispatch, SetStateAction } from 'react';
+import * as React$1 from 'react';
+import React__default, { HTMLAttributes, SVGProps, CSSProperties, ReactNode, PropsWithChildren, RefObject, Dispatch, SetStateAction, ButtonHTMLAttributes, InputHTMLAttributes, ComponentProps, TextareaHTMLAttributes, LabelHTMLAttributes } from 'react';
+import Link from 'next/link';
 import { Column, RowData, FilterFn, ColumnDef, Table as Table$1, InitialTableState, Row, TableState, TableOptions, RowSelectionState, SortDirection } from '@tanstack/react-table';
 import { Translation, TranslationEntries, PartialTranslationExtension } from '@helpwave/internationalization';
 
@@ -13,404 +14,63 @@ type HelpwaveBadgeProps = HTMLAttributes<HTMLSpanElement> & {
  */
 declare const HelpwaveBadge: ({ size, ...props }: HelpwaveBadgeProps) => react_jsx_runtime.JSX.Element;
 
-type DurationJSON = {
-    years: number;
-    months: number;
-    days: number;
-    hours: number;
-    minutes: number;
-    seconds: number;
-    milliseconds: number;
-};
-declare class Duration {
-    readonly years: number;
-    readonly months: number;
-    readonly days: number;
-    readonly hours: number;
-    readonly minutes: number;
-    readonly seconds: number;
-    readonly milliseconds: number;
-    constructor({ years, months, days, hours, minutes, seconds, milliseconds, }?: Partial<DurationJSON>);
-    /** Date arithmetic */
-    addTo(date: Date): Date;
-    subtractFrom(date: Date): Date;
-    /** Duration arithmetic */
-    add(other: Duration): Duration;
-    subtract(other: Duration): Duration;
-    equals(other: Duration): boolean;
-    toJSON(): DurationJSON;
-    /** Static difference */
-    static difference(start: Date, end: Date): Duration;
-    private applyTo;
-    private assertRanges;
-    valueOf(): number;
-}
-
-declare const monthsList: readonly ["january", "february", "march", "april", "may", "june", "july", "august", "september", "october", "november", "december"];
-type Month = typeof monthsList[number];
-declare const weekDayList: readonly ["sunday", "monday", "tuesday", "wednesday", "thursday", "friday", "saturday"];
-type WeekDay = typeof weekDayList[number];
-declare const formatDate: (date: Date) => string;
-declare const formatDateTime: (date: Date) => string;
-declare const changeDuration: (date: Date, duration: Partial<DurationJSON>, isAdding?: boolean) => Date;
-declare const addDuration: (date: Date, duration: Partial<DurationJSON>) => Date;
-declare const subtractDuration: (date: Date, duration: Partial<DurationJSON>) => Date;
-declare const getBetweenDuration: (startDate: Date, endDate: Date) => Partial<DurationJSON>;
-/** Checks if a given date is in the range of two dates
- *
- * An undefined value for startDate or endDate means no bound for the start or end respectively
- */
-declare const isInTimeSpan: (value: Date, startDate?: Date, endDate?: Date) => boolean;
-declare const getWeeksForCalenderMonth: (date: Date, weekStart: WeekDay, weeks?: number) => Date[][];
-declare const DateUtils: {
-    monthsList: readonly ["january", "february", "march", "april", "may", "june", "july", "august", "september", "october", "november", "december"];
-    weekDayList: readonly ["sunday", "monday", "tuesday", "wednesday", "thursday", "friday", "saturday"];
-    equalDate: (date1: Date, date2: Date) => boolean;
-    formatAbsolute: (date: Date, locale: string, showTime: boolean) => string;
-    formatRelative: (date: Date, locale: string, showTime: boolean) => string;
-};
-
-type DayPickerProps = {
-    displayedMonth: Date;
-    selected?: Date;
-    start?: Date;
-    end?: Date;
-    onChange?: (date: Date) => void;
-    weekStart?: WeekDay;
-    markToday?: boolean;
-    className?: string;
-};
-/**
- * A component for selecting a day of a month
- */
-declare const DayPicker: ({ displayedMonth, selected, start, end, onChange, weekStart, markToday, className }: DayPickerProps) => react_jsx_runtime.JSX.Element;
-declare const DayPickerUncontrolled: ({ displayedMonth, selected, onChange, ...restProps }: DayPickerProps) => react_jsx_runtime.JSX.Element;
-
-type YearMonthPickerProps = {
-    displayedYearMonth?: Date;
-    start?: Date;
-    end?: Date;
-    onChange?: (date: Date) => void;
-    className?: string;
-    maxHeight?: number;
-    showValueOpen?: boolean;
-};
-declare const YearMonthPicker: ({ displayedYearMonth, start, end, onChange, className, showValueOpen }: YearMonthPickerProps) => react_jsx_runtime.JSX.Element;
-declare const YearMonthPickerUncontrolled: ({ displayedYearMonth, onChange, ...props }: YearMonthPickerProps) => react_jsx_runtime.JSX.Element;
-
-type DisplayMode = 'yearMonth' | 'day';
-type DatePickerProps = {
-    value?: Date;
-    start?: Date;
-    end?: Date;
-    initialDisplay?: DisplayMode;
-    onChange?: (date: Date) => void;
-    dayPickerProps?: Omit<DayPickerProps, 'displayedMonth' | 'onChange' | 'selected'>;
-    yearMonthPickerProps?: Omit<YearMonthPickerProps, 'displayedYearMonth' | 'onChange' | 'start' | 'end'>;
-    className?: string;
-};
-/**
- * A Component for picking a date
- */
-declare const DatePicker: ({ value, start, end, initialDisplay, onChange, yearMonthPickerProps, dayPickerProps, className }: DatePickerProps) => react_jsx_runtime.JSX.Element;
-/**
- * Example for the Date Picker
- */
-declare const DatePickerUncontrolled: ({ value, onChange, ...props }: DatePickerProps) => react_jsx_runtime.JSX.Element;
-
-type TimeDisplayMode = 'daysFromToday' | 'date';
-type TimeDisplayProps = {
-    date: Date;
-    mode?: TimeDisplayMode;
-};
-/**
- * A Component for displaying time and dates in a unified fashion
- */
-declare const TimeDisplay: ({ date, mode }: TimeDisplayProps) => react_jsx_runtime.JSX.Element;
-
-type MinuteIncrement = '1min' | '5min' | '10min' | '15min' | '30min';
-type TimePickerProps = {
-    time?: Date;
-    onChange?: (time: Date) => void;
-    is24HourFormat?: boolean;
-    minuteIncrement?: MinuteIncrement;
-    maxHeight?: number;
-    className?: string;
-};
-declare const TimePicker: ({ time, onChange, is24HourFormat, minuteIncrement, maxHeight, className }: TimePickerProps) => react_jsx_runtime.JSX.Element;
-declare const TimePickerUncontrolled: ({ time, onChange, ...props }: TimePickerProps) => react_jsx_runtime.JSX.Element;
-
-/**
- * The different sizes for a button
- */
-type ButtonSize = 'tiny' | 'small' | 'medium' | 'large' | 'none';
-type ButtonColoringStyle = 'outline' | 'solid' | 'text' | 'tonal' | 'none';
-type ButtonLayout = 'icon' | 'default' | 'none';
-declare const buttonColorsList: readonly ["primary", "secondary", "positive", "warning", "negative", "neutral", "none"];
-/**
- * The allowed colors for the Button
- */
-type ButtonColor = typeof buttonColorsList[number];
-declare const ButtonUtil: {
-    colors: readonly ["primary", "secondary", "positive", "warning", "negative", "neutral", "none"];
-    colorClasses: {
-        primary: string;
-        secondary: string;
-        positive: string;
-        warning: string;
-        negative: string;
-        neutral: string;
-        none: string;
-    };
-};
-/**
- * The shard properties between all button types
- */
-type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
-    /**
-     * @default 'medium'
-     */
-    size?: ButtonSize;
-    layout?: ButtonLayout;
-    color?: ButtonColor;
-    /**
-     * @default 'solid'
-     */
-    coloringStyle?: ButtonColoringStyle;
-    startIcon?: ReactNode;
-    endIcon?: ReactNode;
-    allowClickEventPropagation?: boolean;
-};
-/**
- * A button with a solid background and different sizes
- */
-declare const Button: React.ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & {
-    /**
-     * @default 'medium'
-     */
-    size?: ButtonSize;
-    layout?: ButtonLayout;
-    color?: ButtonColor;
-    /**
-     * @default 'solid'
-     */
-    coloringStyle?: ButtonColoringStyle;
-    startIcon?: ReactNode;
-    endIcon?: ReactNode;
-    allowClickEventPropagation?: boolean;
-} & React.RefAttributes<HTMLButtonElement>>;
-
-type DialogPosition = 'top' | 'center' | 'none';
-type DialogProps = HTMLAttributes<HTMLDivElement> & {
-    /** Whether the dialog is currently open */
-    isOpen: boolean;
-    /** Title of the Dialog used for accessibility */
-    titleElement: ReactNode;
-    /** Description of the Dialog used for accessibility */
-    description: ReactNode;
-    /** Callback when the dialog tries to close */
-    onClose?: () => void;
-    /** Styling for the background */
-    backgroundClassName?: string;
-    /** If true shows a close button and sends onClose on background clicks */
-    isModal?: boolean;
-    position?: DialogPosition;
-    isAnimated?: boolean;
-    containerClassName?: string;
-};
-/**
- * A generic dialog window which is managed by its parent
- */
-declare const Dialog: ({ children, isOpen, titleElement, description, isModal, onClose, backgroundClassName, position, isAnimated, containerClassName, ...props }: PropsWithChildren<DialogProps>) => React.ReactPortal;
-
-type ConfirmDialogType = 'positive' | 'negative' | 'neutral' | 'primary';
-type ButtonOverwriteType = {
-    text?: string;
-    color?: ButtonColor;
-    disabled?: boolean;
-};
-type ConfirmDialogProps = Omit<DialogProps, 'onClose'> & {
-    isShowingDecline?: boolean;
-    requireAnswer?: boolean;
-    onCancel: () => void;
-    onConfirm: () => void;
-    onDecline?: () => void;
-    confirmType?: ConfirmDialogType;
-    /**
-     * Order: Cancel, Decline, Confirm
-     */
-    buttonOverwrites?: [ButtonOverwriteType, ButtonOverwriteType, ButtonOverwriteType];
-};
-/**
- * A Dialog for asking the user for confirmation
- */
-declare const ConfirmDialog: ({ children, onCancel, onConfirm, onDecline, confirmType, buttonOverwrites, className, ...restProps }: PropsWithChildren<ConfirmDialogProps>) => react_jsx_runtime.JSX.Element;
-
-type DiscardChangesDialogProps = Omit<ConfirmDialogProps, 'onDecline' | 'onConfirm' | 'buttonOverwrites' | 'titleElement' | 'description'> & {
-    isShowingDecline?: boolean;
-    requireAnswer?: boolean;
-    onCancel: () => void;
-    onSave: () => void;
-    onDontSave: () => void;
-    titleOverwrite?: ReactNode;
-    descriptionOverwrite?: ReactNode;
-};
-declare const DiscardChangesDialog: ({ children, onCancel, onSave, onDontSave, titleOverwrite, descriptionOverwrite, ...props }: PropsWithChildren<DiscardChangesDialogProps>) => react_jsx_runtime.JSX.Element;
-
-type UseDelayOptionsResolved = {
-    delay: number;
-    disabled: boolean;
-};
-type UseDelayOptions = Partial<UseDelayOptionsResolved>;
-declare function useDelay(options?: UseDelayOptions): {
-    restartTimer: (onDelayFinish: () => void) => void;
-    clearTimer: () => void;
-    hasActiveTimer: boolean;
-};
-
-type EditCompleteOptionsResolved = {
-    onBlur: boolean;
-    afterDelay: boolean;
-    allowEnterComplete?: boolean;
-} & Omit<UseDelayOptionsResolved, 'disabled'>;
-type EditCompleteOptions = Partial<EditCompleteOptionsResolved>;
-type InputProps = InputHTMLAttributes<HTMLInputElement> & {
-    invalid?: boolean;
-    onChangeText?: (text: string) => void;
-    onEditCompleted?: (text: string) => void;
-    editCompleteOptions?: EditCompleteOptions;
-};
-/**
- * A Component for inputting text or other information
- *
- * Its state is managed must be managed by the parent
- */
-declare const Input: React__default.ForwardRefExoticComponent<InputHTMLAttributes<HTMLInputElement> & {
-    invalid?: boolean;
-    onChangeText?: (text: string) => void;
-    onEditCompleted?: (text: string) => void;
-    editCompleteOptions?: EditCompleteOptions;
-} & React__default.RefAttributes<HTMLInputElement>>;
-/**
- * A Component for inputting text or other information
- *
- * Its state is managed by the component itself
- */
-declare const InputUncontrolled: ({ value, onChangeText, ...props }: InputProps) => react_jsx_runtime.JSX.Element;
-
-type InputModalProps = ConfirmDialogProps & {
-    inputs: InputProps[];
-};
-/**
- * A modal for receiving multiple inputs
- */
-declare const InputDialog: ({ inputs, buttonOverwrites, ...props }: InputModalProps) => react_jsx_runtime.JSX.Element;
-
-type LanguageDialogProps = Omit<DialogProps, 'titleElement' | 'description'> & PropsWithChildren<{
-    titleOverwrite?: ReactNode;
-    descriptionOverwrite?: ReactNode;
-}>;
-/**
- * A Dialog for selecting the Language
- *
- * The State of open needs to be managed by the parent
- */
-declare const LanguageDialog: ({ onClose, titleOverwrite, descriptionOverwrite, ...props }: LanguageDialogProps) => react_jsx_runtime.JSX.Element;
-
-type ThemeDialogProps = Omit<DialogProps, 'titleElement' | 'description'> & {
-    titleOverwrite?: ReactNode;
-    descriptionOverwrite?: ReactNode;
-};
-/**
- * A Dialog for selecting the Theme
- *
- * The State of open needs to be managed by the parent
- */
-declare const ThemeDialog: ({ onClose, titleOverwrite, descriptionOverwrite, ...props }: PropsWithChildren<ThemeDialogProps>) => react_jsx_runtime.JSX.Element;
-
-type BagFunction<T> = (bag: T) => ReactNode;
-type BagFunctionOrNode<T> = BagFunction<T> | ReactNode;
-type PropsWithBagFunction<T, P = unknown> = P & {
-    children?: BagFunction<T>;
-};
-type PropsWithBagFunctionOrChildren<T, P = unknown> = P & {
-    children?: BagFunctionOrNode<T>;
-};
-declare const BagFunctionUtil: {
-    resolve: <T>(children: BagFunctionOrNode<T>, bag: T) => ReactNode;
-};
-
-type LabelType = 'md' | 'lg';
-type LabelProps = LabelHTMLAttributes<HTMLLabelElement> & {
-    /** The size of the label */
-    size?: LabelType;
-};
-/**
- * A Label component
- */
-declare const Label: ({ children, size, className, ...props }: LabelProps) => react_jsx_runtime.JSX.Element;
-
-type ErrorShowBehaviour = 'always' | 'whenTouched';
-type FormElementHTMLProperties = Pick<HTMLAttributes<HTMLElement>, 'id' | 'aria-labelledby' | 'aria-describedby' | 'aria-disabled' | 'aria-invalid' | 'aria-errormessage' | 'aria-required'>;
-type FormElementStateProperties = {
-    invalid: boolean;
-    disabled: boolean;
-};
-type FormElementWrapperBag = FormElementHTMLProperties & FormElementStateProperties & {
-    required: boolean;
-    isShowingError: boolean;
-    setIsShowingError: (isShowingError?: boolean) => void;
-};
-type FormElementWrapperProps = {
-    children: BagFunction<FormElementWrapperBag>;
-    id?: string;
-    required?: boolean;
-    disabled?: boolean;
-    isShowingError?: boolean;
-    onIsShowingError?: (isTouched: boolean) => void;
-    label?: ReactNode;
-    labelProps?: Omit<LabelProps, 'children'>;
-    errorShowBehaviour?: ErrorShowBehaviour;
-    error?: ReactNode;
-    errorProps?: Omit<HTMLAttributes<HTMLParagraphElement>, 'children'>;
-    description?: ReactNode;
-    descriptionProps?: Omit<HTMLAttributes<HTMLParagraphElement>, 'children'>;
-    containerClassName?: string;
+type HelpwaveProps = SVGProps<SVGSVGElement> & {
+    color?: string;
+    animate?: 'none' | 'loading' | 'pulse' | 'bounce';
+    size?: 'sm' | 'md' | 'lg';
 };
-declare const FormElementWrapper: ({ children, id, required, disabled, isShowingError: initialIsShowingError, onIsShowingError, label, labelProps, errorShowBehaviour, error, errorProps, description, descriptionProps, containerClassName, }: FormElementWrapperProps) => react_jsx_runtime.JSX.Element;
+/**
+ * The helpwave loading spinner based on the svg logo.
+ */
+declare const HelpwaveLogo: ({ color, size, animate, ...props }: HelpwaveProps) => react_jsx_runtime.JSX.Element;
 
-declare const avtarSizeList: readonly ["sm", "md", "lg", "xl"];
-type AvatarSize = typeof avtarSizeList[number];
-declare const AvatarUtil: {
-    avatarSizeMapping: Record<"sm" | "md" | "lg" | "xl", number>;
-    sizes: readonly ["sm", "md", "lg", "xl"];
-};
+type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | null;
 type ImageConfig = {
     avatarUrl: string;
     alt: string;
 };
-type AvatarProps = {
+type AvatarProps = Omit<HTMLAttributes<HTMLDivElement>, 'children'> & {
     image?: ImageConfig;
     name?: string;
     size?: AvatarSize;
-    fullyRounded?: boolean;
-    className?: string;
 };
 /**
  * A component for showing a profile picture
  */
-declare const Avatar: ({ image, name, size, fullyRounded, className }: AvatarProps) => react_jsx_runtime.JSX.Element;
-type AvatarGroupProps = {
-    avatars: Omit<AvatarProps, 'size' | 'fullyRounded'>[];
-    maxShownProfiles?: number;
+declare const Avatar: ({ image: initialImage, name, size, ...props }: AvatarProps) => react_jsx_runtime.JSX.Element;
+type AvatarGroupProps = HTMLAttributes<HTMLDivElement> & {
+    avatars: Omit<AvatarProps, 'size'>[];
     showTotalNumber?: boolean;
     size?: AvatarSize;
-    fullyRounded?: boolean;
 };
 /**
  * A component for showing a group of Avatar's
  */
-declare const AvatarGroup: ({ avatars, maxShownProfiles, showTotalNumber, size, fullyRounded }: AvatarGroupProps) => react_jsx_runtime.JSX.Element;
+declare const AvatarGroup: ({ avatars, showTotalNumber, size, ...props }: AvatarGroupProps) => react_jsx_runtime.JSX.Element;
+
+type ChipSize = 'xs' | 'sm' | 'md' | 'lg' | null;
+type ChipColoringStyle = 'solid' | 'tonal' | null;
+declare const chipColors: readonly ["primary", "secondary", "positive", "warning", "negative", "neutral"];
+type ChipColor = typeof chipColors[number];
+declare const ChipUtil: {
+    colors: readonly ["primary", "secondary", "positive", "warning", "negative", "neutral"];
+};
+type ChipProps = HTMLAttributes<HTMLDivElement> & {
+    color?: ChipColor;
+    coloringStyle?: ChipColoringStyle;
+    size?: ChipSize;
+};
+/**
+ * A component for displaying a single chip
+ */
+declare const Chip: ({ children, color, coloringStyle, size, ...props }: ChipProps) => react_jsx_runtime.JSX.Element;
+type ChipListProps = HTMLAttributes<HTMLUListElement> & {
+    list: ChipProps[];
+};
+/**
+ * A component for displaying a list of chips
+ */
+declare const ChipList: ({ list, ...props }: ChipListProps) => react_jsx_runtime.JSX.Element;
 
 type CircleProps = Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'color'> & {
     radius: number;
@@ -418,15 +78,32 @@ type CircleProps = Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'color'> &
 };
 declare const Circle: ({ radius, className, style, ...restProps }: CircleProps) => react_jsx_runtime.JSX.Element;
 
-type HelpwaveProps = SVGProps<SVGSVGElement> & {
-    color?: string;
-    animate?: 'none' | 'loading' | 'pulse' | 'bounce';
-    size?: 'sm' | 'md' | 'lg';
+type ExpansionIconProps = HTMLAttributes<HTMLDivElement> & {
+    isExpanded: boolean;
+    disabled?: boolean;
+};
+declare const ExpansionIcon: ({ children, isExpanded, disabled, ...props }: ExpansionIconProps) => react_jsx_runtime.JSX.Element;
+
+type ProgressIndicatorProps = {
+    progress: number;
+    strokeWidth?: number;
+    size?: keyof typeof sizeMapping;
+    direction?: 'clockwise' | 'counterclockwise';
+    rotation?: number;
+};
+declare const sizeMapping: {
+    small: number;
+    medium: number;
+    big: number;
 };
 /**
- * The helpwave loading spinner based on the svg logo.
+ * A progress indicator
+ *
+ * Start rotation is 3 o'clock and fills counterclockwise
+ *
+ * Progress is given from 0 to 1
  */
-declare const HelpwaveLogo: ({ color, size, animate, ...props }: HelpwaveProps) => react_jsx_runtime.JSX.Element;
+declare const ProgressIndicator: ({ progress, strokeWidth, size, direction, rotation }: ProgressIndicatorProps) => react_jsx_runtime.JSX.Element;
 
 type RingProps = {
     innerSize: number;
@@ -472,6 +149,166 @@ type TagProps = {
  */
 declare const TagIcon: ({ className, size, }: TagProps) => react_jsx_runtime.JSX.Element;
 
+type FormFieldAriaAttributes = Pick<HTMLAttributes<HTMLElement>, 'aria-labelledby' | 'aria-describedby' | 'aria-disabled' | 'aria-readonly' | 'aria-invalid' | 'aria-errormessage' | 'aria-required'>;
+type FormFieldInteractionStates = {
+    invalid: boolean;
+    disabled: boolean;
+    readOnly: boolean;
+    required: boolean;
+};
+type FormFieldLayoutIds = {
+    input: string;
+    error: string;
+    label: string;
+    description: string;
+};
+type FormFieldLayoutBag = {
+    interactionStates: FormFieldInteractionStates;
+    ariaAttributes: FormFieldAriaAttributes;
+    id: string;
+};
+type FormFieldLayoutProps = Omit<HTMLAttributes<HTMLDivElement>, 'children'> & Omit<Partial<FormFieldInteractionStates>, 'invalid'> & {
+    children: (bag: FormFieldLayoutBag) => ReactNode;
+    ids?: Partial<FormFieldLayoutIds>;
+    label?: ReactNode;
+    labelProps?: Omit<HTMLAttributes<HTMLLabelElement>, 'children' | 'id'>;
+    invalidDescription?: ReactNode;
+    invalidDescriptionProps?: Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'id'>;
+    description?: ReactNode;
+    descriptionProps?: Omit<HTMLAttributes<HTMLParagraphElement>, 'children' | 'id'>;
+};
+declare const FormFieldLayout: React$1.ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "children"> & Omit<Partial<FormFieldInteractionStates>, "invalid"> & {
+    children: (bag: FormFieldLayoutBag) => ReactNode;
+    ids?: Partial<FormFieldLayoutIds>;
+    label?: ReactNode;
+    labelProps?: Omit<HTMLAttributes<HTMLLabelElement>, "children" | "id">;
+    invalidDescription?: ReactNode;
+    invalidDescriptionProps?: Omit<HTMLAttributes<HTMLDivElement>, "children" | "id">;
+    description?: ReactNode;
+    descriptionProps?: Omit<HTMLAttributes<HTMLParagraphElement>, "children" | "id">;
+} & React$1.RefAttributes<HTMLDivElement>>;
+
+type FormValidationBehaviour = 'always' | 'touched' | 'submit';
+type FormValue = Record<string, any>;
+type FormEvent<T extends FormValue> = {
+    type: 'submit';
+    key: 'ALL';
+    values: T;
+} | {
+    type: 'submitError';
+    key: 'ALL';
+    values: T;
+    errors: Partial<Record<keyof T, ReactNode>>;
+} | {
+    type: 'reset';
+    key: 'ALL';
+    values: T;
+    errors: Partial<Record<keyof T, ReactNode>>;
+} | {
+    type: 'onChange';
+    key: keyof T;
+    value: T[keyof T];
+} | {
+    type: 'onError';
+    key: keyof T;
+    value: T[keyof T];
+    error: ReactNode;
+};
+type FormEventListener<T extends FormValue> = (event: FormEvent<T>) => void;
+type FormValidator<T extends FormValue> = (value: T[keyof T]) => ReactNode;
+type FormStoreProps<T extends FormValue> = {
+    initialValues: T;
+    hasTriedSubmitting?: boolean;
+    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;
+    constructor({ initialValues, hasTriedSubmitting, validators, validationBehaviour, }: FormStoreProps<T>);
+    getValue<K extends keyof T>(key: K): T[K];
+    getAllValues(): T;
+    setValue<K extends keyof T>(key: K, value: T[K]): void;
+    setValues(values: Partial<T>): void;
+    getTouched(key: keyof T): boolean;
+    setTouched(key: keyof T, isTouched?: boolean): void;
+    getHasError(): boolean;
+    getError(key: keyof T): ReactNode;
+    private setError;
+    changeValidationBehavoir(validationBehaviour: FormValidationBehaviour): void;
+    changeValidators(validators: Partial<Record<keyof T, FormValidator<T>>>): void;
+    validate(key: keyof T): void;
+    validateAll(): void;
+    subscribe(key: keyof T | 'ALL', listener: FormEventListener<T>): () => void;
+    private notify;
+    submit(): void;
+    reset(): void;
+}
+
+type FormFieldFocusableElementProps = FormFieldAriaAttributes & {
+    id: string;
+    ref: (element: HTMLElement | null) => void;
+};
+type FormFieldBag<T extends FormValue, K extends keyof T> = {
+    dataProps: FormFieldDataHandling<T[K]>;
+    focusableElementProps: FormFieldFocusableElementProps;
+    interactionStates: FormFieldInteractionStates;
+};
+interface FormFieldProps<T extends FormValue, K extends keyof T> extends Omit<FormFieldLayoutProps, 'invalidDescription' | 'children'> {
+    children: (bag: FormFieldBag<T, K>) => ReactNode;
+    name: K;
+}
+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, ...props }: FormFieldProps<T, K>) => react_jsx_runtime.JSX.Element;
+
+type UseCreateFormProps<T extends FormValue> = FormStoreProps<T> & {
+    onFormSubmit: (values: T) => void;
+    onFormError?: (values: T, errors: Partial<Record<keyof T, ReactNode>>) => void;
+    onValueChange?: (values: T) => void;
+    scrollToElements?: boolean;
+    scrollOptions?: ScrollIntoViewOptions;
+};
+type UseCreateFormResult<T extends FormValue> = {
+    store: FormStore<T>;
+    reset: () => void;
+    submit: () => void;
+    update: (updater: Partial<T> | ((current: T) => Partial<T>)) => void;
+    validateAll: () => void;
+    getDataProps: <K extends keyof T>(key: K) => FormFieldDataHandling<T[K]>;
+    getError: (key: keyof T) => ReactNode;
+    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, initialValues, hasTriedSubmitting, validators, validationBehaviour, scrollToElements, scrollOptions, }: UseCreateFormProps<T>): UseCreateFormResult<T>;
+
+type FormContextType<T extends FormValue> = UseCreateFormResult<T>;
+declare const FormContext: React$1.Context<FormContextType<any>>;
+type FormProviderProps<T extends FormValue> = PropsWithChildren & {
+    state: FormContextType<T>;
+};
+declare const FormProvider: <T extends FormValue>({ children, state }: FormProviderProps<T>) => react_jsx_runtime.JSX.Element;
+declare function useForm<T extends FormValue>(): FormContextType<T>;
+type FormFieldResult<T> = {
+    value: T;
+    error: ReactNode;
+    dataProps: FormFieldDataHandling<T>;
+    registerRef: (el: HTMLElement | null) => void;
+};
+declare function useFormField<T extends FormValue, K extends keyof T>(key: K): FormFieldResult<T[K]> | null;
+
 interface CarouselSlideProps extends HTMLAttributes<HTMLDivElement> {
     isSelected: boolean;
     index: number;
@@ -499,33 +336,6 @@ type CarouselProps = Omit<HTMLAttributes<HTMLDivElement>, 'children'> & {
 };
 declare const Carousel: ({ children, animationTime, isLooping, isAutoPlaying, autoLoopingTimeOut, autoLoopAnimationTime, hintNext, arrows, dots, blurColor, heightClassName, slideClassName, slideContainerProps, onSlideChanged, ...props }: CarouselProps) => react_jsx_runtime.JSX.Element;
 
-declare const chipColors: readonly ["primary", "secondary", "positive", "warning", "negative", "neutral", "none"];
-type ChipColor = typeof chipColors[number];
-type ChipVariant = 'normal' | 'fullyRounded' | 'none';
-type ChipSize = 'small' | 'medium' | 'large' | 'none';
-declare const ChipUtil: {
-    colors: readonly ["primary", "secondary", "positive", "warning", "negative", "neutral", "none"];
-};
-type ChipProps = HTMLAttributes<HTMLDivElement> & PropsWithChildren<{
-    color?: ChipColor;
-    size?: ChipSize;
-    icon?: boolean;
-    variant?: ChipVariant;
-    trailingIcon?: ReactNode;
-}>;
-/**
- * A component for displaying a single chip
- */
-declare const Chip: ({ children, trailingIcon, color, size, variant, className, ...restProps }: ChipProps) => react_jsx_runtime.JSX.Element;
-type ChipListProps = {
-    list: ChipProps[];
-    className?: string;
-};
-/**
- * A component for displaying a list of chips
- */
-declare const ChipList: ({ list, className }: ChipListProps) => react_jsx_runtime.JSX.Element;
-
 type DividerInserterProps = Omit<HTMLAttributes<HTMLDivElement>, 'children'> & {
     children: ReactNode[];
     divider: (index: number) => ReactNode;
@@ -537,11 +347,43 @@ type DividerInserterProps = Omit<HTMLAttributes<HTMLDivElement>, 'children'> & {
  */
 declare const DividerInserter: ({ children, divider, className, ...restProps }: DividerInserterProps) => react_jsx_runtime.JSX.Element;
 
-type ExpansionIconProps = {
+type DrawerAligment = 'left' | 'right' | 'bottom' | 'top';
+type DrawerProps = HTMLAttributes<HTMLDivElement> & {
+    isOpen: boolean;
+    alignment: DrawerAligment;
+    titleElement: ReactNode;
+    description: ReactNode;
+    isAnimated?: boolean;
+    containerClassName?: string;
+    backgroundClassName?: string;
+    onClose: () => void;
+};
+declare const Drawer: ({ children, isOpen, alignment, titleElement, description, containerClassName, backgroundClassName, onClose, ...props }: DrawerProps) => React$1.ReactPortal;
+
+type ExpandableRootProps = HTMLAttributes<HTMLDivElement> & {
     isExpanded?: boolean;
-    className?: string;
+    onExpandedChange?: (isExpanded: boolean) => void;
+    disabled?: boolean;
+    allowContainerToggle?: boolean;
 };
-declare const ExpansionIcon: ({ isExpanded, className }: ExpansionIconProps) => react_jsx_runtime.JSX.Element;
+declare const ExpandableRoot: React$1.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
+    isExpanded?: boolean;
+    onExpandedChange?: (isExpanded: boolean) => void;
+    disabled?: boolean;
+    allowContainerToggle?: boolean;
+} & React$1.RefAttributes<HTMLDivElement>>;
+type ExpandableHeaderProps = HTMLAttributes<HTMLDivElement> & {
+    isUsingDefaultIcon?: boolean;
+};
+declare const ExpandableHeader: React$1.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
+    isUsingDefaultIcon?: boolean;
+} & React$1.RefAttributes<HTMLDivElement>>;
+type ExpandableContentProps = HTMLAttributes<HTMLDivElement> & {
+    forceMount?: boolean;
+};
+declare const ExpandableContent: React$1.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
+    forceMount?: boolean;
+} & React$1.RefAttributes<HTMLDivElement>>;
 type IconBuilder = (expanded: boolean) => ReactNode;
 type ExpandableProps = PropsWithChildren<{
     id?: string;
@@ -549,9 +391,6 @@ type ExpandableProps = PropsWithChildren<{
     icon?: IconBuilder;
     isExpanded?: boolean;
     onChange?: (isExpanded: boolean) => void;
-    /**
-     * Whether the expansion should only happen when the header is clicked or on the entire component
-     */
     clickOnlyOnHeader?: boolean;
     disabled?: boolean;
     className?: string;
@@ -559,18 +398,12 @@ type ExpandableProps = PropsWithChildren<{
     contentClassName?: string;
     contentExpandedClassName?: string;
 }>;
-/**
- * A Component for showing and hiding content
- */
-declare const Expandable: React.ForwardRefExoticComponent<{
+declare const Expandable: React$1.ForwardRefExoticComponent<{
     id?: string;
     label: ReactNode;
     icon?: IconBuilder;
     isExpanded?: boolean;
     onChange?: (isExpanded: boolean) => void;
-    /**
-     * Whether the expansion should only happen when the header is clicked or on the entire component
-     */
     clickOnlyOnHeader?: boolean;
     disabled?: boolean;
     className?: string;
@@ -579,16 +412,13 @@ declare const Expandable: React.ForwardRefExoticComponent<{
     contentExpandedClassName?: string;
 } & {
     children?: ReactNode | undefined;
-} & React.RefAttributes<HTMLDivElement>>;
-declare const ExpandableUncontrolled: React.ForwardRefExoticComponent<{
+} & React$1.RefAttributes<HTMLDivElement>>;
+declare const ExpandableUncontrolled: React$1.ForwardRefExoticComponent<{
     id?: string;
     label: ReactNode;
     icon?: IconBuilder;
     isExpanded?: boolean;
     onChange?: (isExpanded: boolean) => void;
-    /**
-     * Whether the expansion should only happen when the header is clicked or on the entire component
-     */
     clickOnlyOnHeader?: boolean;
     disabled?: boolean;
     className?: string;
@@ -597,28 +427,16 @@ declare const ExpandableUncontrolled: React.ForwardRefExoticComponent<{
     contentExpandedClassName?: string;
 } & {
     children?: ReactNode | undefined;
-} & React.RefAttributes<HTMLDivElement>>;
+} & React$1.RefAttributes<HTMLDivElement>>;
 
-type ContentType = {
-    type: 'markdown';
-    value: string;
-} | {
-    type: 'custom';
-    value: ReactNode;
-};
 type FAQItem = Pick<ExpandableProps, 'isExpanded' | 'className'> & {
-    id: string;
     title: string;
-    content: ContentType;
+    content: ReactNode;
 };
 type FAQSectionProps = {
     entries: FAQItem[];
-    expandableClassName?: string;
 };
-/**
- * Description
- */
-declare const FAQSection: ({ entries, expandableClassName }: FAQSectionProps) => react_jsx_runtime.JSX.Element;
+declare const FAQSection: ({ entries, }: FAQSectionProps) => react_jsx_runtime.JSX.Element;
 
 type FloatingElementAlignment = 'beforeStart' | 'afterStart' | 'center' | 'beforeEnd' | 'afterEnd';
 type CalculatePositionOptions = {
@@ -654,7 +472,7 @@ type FloatingContainerProps = HTMLAttributes<HTMLDivElement> & UseFloatingElemen
  * Notes:
  * - to hide it use the hidden attribute as other means break the functionality
  */
-declare const FloatingContainer: React.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
+declare const FloatingContainer: React$1.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
     verticalAlignment?: FloatingElementAlignment;
     horizontalAlignment?: FloatingElementAlignment;
     screenPadding?: number;
@@ -670,7 +488,26 @@ declare const FloatingContainer: React.ForwardRefExoticComponent<HTMLAttributes<
      * Use sparingly
      */
     backgroundOverlay?: ReactNode;
-} & React.RefAttributes<HTMLDivElement>>;
+} & React$1.RefAttributes<HTMLDivElement>>;
+
+interface InfiniteScrollProps {
+    itemCount: number;
+    /** How many items to keep in the DOM at once (default: 30) */
+    bufferSize?: number;
+    /** How many items to add tp the DOM when reaching one end at once (default: 7) */
+    stepSize?: number;
+    /** Pixels from edge to trigger a fetch/shift (default: 30) */
+    scrollThreshold?: number;
+    /** Initial index to center on or start at (optional) */
+    initialIndex?: number;
+    /** Render prop for each item */
+    children: (index: number) => ReactNode;
+    /** Optional classname for the scroll container */
+    className?: string;
+    /** Optional style for the container */
+    style?: React.CSSProperties;
+}
+declare function InfiniteScroll({ children, itemCount, bufferSize, scrollThreshold, stepSize, initialIndex, className, style, }: InfiniteScrollProps): react_jsx_runtime.JSX.Element;
 
 type ListBoxItemProps = HTMLAttributes<HTMLLIElement> & {
     value: string;
@@ -705,94 +542,276 @@ type ListBoxProps = Omit<ListBoxPrimitiveProps, 'isMultiple' | 'value' | 'onSele
     value?: string;
     onSelectionChanged?: (value: string) => void;
 };
-declare const ListBox: React__default.ForwardRefExoticComponent<Omit<ListBoxPrimitiveProps, "value" | "onSelectionChanged" | "isMultiple"> & {
-    value?: string;
-    onSelectionChanged?: (value: string) => void;
-} & React__default.RefAttributes<HTMLUListElement>>;
-type ListBoxUncontrolledProps = ListBoxProps;
-declare const ListBoxUncontrolled: ({ value: initialValue, onSelectionChanged, ...props }: ListBoxUncontrolledProps) => react_jsx_runtime.JSX.Element;
+declare const ListBox: React__default.ForwardRefExoticComponent<Omit<ListBoxPrimitiveProps, "value" | "onSelectionChanged" | "isMultiple"> & {
+    value?: string;
+    onSelectionChanged?: (value: string) => void;
+} & React__default.RefAttributes<HTMLUListElement>>;
+type ListBoxUncontrolledProps = ListBoxProps;
+declare const ListBoxUncontrolled: ({ value: initialValue, onSelectionChanged, ...props }: ListBoxUncontrolledProps) => react_jsx_runtime.JSX.Element;
+
+type ASTNodeModifierType = 'none' | 'italic' | 'bold' | 'underline' | 'font-space' | 'primary' | 'secondary' | 'warn' | 'positive' | 'negative';
+declare const astNodeInserterType: readonly ["helpwave", "newline"];
+type ASTNodeInserterType = typeof astNodeInserterType[number];
+type ASTNodeDefaultType = 'text';
+type ASTNode = {
+    type: ASTNodeModifierType;
+    children: ASTNode[];
+} | {
+    type: ASTNodeInserterType;
+} | {
+    type: ASTNodeDefaultType;
+    text: string;
+};
+type ASTNodeInterpreterProps = {
+    node: ASTNode;
+    isRoot?: boolean;
+    className?: string;
+};
+declare const ASTNodeInterpreter: ({ node, isRoot, className, }: ASTNodeInterpreterProps) => string | react_jsx_runtime.JSX.Element;
+type MarkdownInterpreterProps = {
+    text: string;
+    className?: string;
+};
+declare const MarkdownInterpreter: ({ text, className }: MarkdownInterpreterProps) => react_jsx_runtime.JSX.Element;
+
+interface TabInfo {
+    id: string;
+    labelId: string;
+    label: ReactNode;
+}
+type PortalState = {
+    id: string;
+    ref: RefObject<HTMLElement>;
+};
+interface TabContextType {
+    tabs: {
+        activeId: string | null;
+        setActiveId: Dispatch<SetStateAction<string | null>>;
+        register: (info: TabInfo) => void;
+        unregister: (id: string) => void;
+        info?: TabInfo[];
+    };
+    portal: {
+        id: string | null;
+        element: HTMLElement | null;
+        setPortal: (state: PortalState | null) => void;
+    };
+}
+declare function useTabContext(): TabContextType;
+type TabSwitcherProps = PropsWithChildren;
+declare function TabSwitcher({ children }: TabSwitcherProps): react_jsx_runtime.JSX.Element;
+type TabListProps = HTMLAttributes<HTMLUListElement>;
+declare function TabList({ ...props }: TabListProps): react_jsx_runtime.JSX.Element;
+type TabViewProps = HTMLAttributes<HTMLDivElement>;
+declare function TabView({ ...props }: TabViewProps): react_jsx_runtime.JSX.Element;
+type TabProps = HTMLAttributes<HTMLDivElement> & {
+    label: string;
+};
+declare function TabPanel({ label, ...props }: TabProps): react_jsx_runtime.JSX.Element;
+
+type TextImageColor = 'primary' | 'secondary' | 'dark';
+type TextImageProps = {
+    title: string;
+    description: string;
+    imageUrl: string;
+    onShowMoreClicked?: () => void;
+    color?: TextImageColor;
+    badge?: string;
+    contentClassName?: string;
+    className?: string;
+};
+/**
+ * A Component for layering a Text upon an image
+ */
+declare const TextImage: ({ title, description, imageUrl, onShowMoreClicked, color, badge, contentClassName, className, }: TextImageProps) => react_jsx_runtime.JSX.Element;
+
+type VerticalDividerProps = {
+    width?: number;
+    height?: number;
+    strokeWidth?: number;
+    dashGap?: number;
+    dashLength?: number;
+};
+/**
+ * A Component for creating a vertical Divider
+ */
+declare const VerticalDivider: ({ width, height, strokeWidth, dashGap, dashLength, }: VerticalDividerProps) => react_jsx_runtime.JSX.Element;
+
+type VisibilityProps = PropsWithChildren & {
+    isVisible?: boolean;
+};
+declare function Visibility({ children, isVisible }: VisibilityProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * The different sizes for a button
+ */
+type ButtonSize = 'xs' | 'sm' | 'md' | 'lg' | null;
+type ButtonColoringStyle = 'outline' | 'solid' | 'text' | 'tonal' | null;
+type ButtonLayout = 'icon' | 'default' | null;
+declare const buttonColorsList: readonly ["primary", "secondary", "positive", "warning", "negative", "neutral"];
+/**
+ * The allowed colors for the Button
+ */
+type ButtonColor = typeof buttonColorsList[number] | null;
+declare const ButtonUtil: {
+    colors: readonly ["primary", "secondary", "positive", "warning", "negative", "neutral"];
+};
+/**
+ * The shard properties between all button types
+ */
+type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
+    /**
+     * @default 'medium'
+     */
+    size?: ButtonSize;
+    layout?: ButtonLayout;
+    color?: ButtonColor;
+    /**
+     * @default 'solid'
+     */
+    coloringStyle?: ButtonColoringStyle;
+    allowClickEventPropagation?: boolean;
+};
+/**
+ * A button with a solid background and different sizes
+ */
+declare const Button: React$1.ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & {
+    /**
+     * @default 'medium'
+     */
+    size?: ButtonSize;
+    layout?: ButtonLayout;
+    color?: ButtonColor;
+    /**
+     * @default 'solid'
+     */
+    coloringStyle?: ButtonColoringStyle;
+    allowClickEventPropagation?: boolean;
+} & React$1.RefAttributes<HTMLButtonElement>>;
+
+type DialogPosition = 'top' | 'center' | 'none';
+type DialogProps = HTMLAttributes<HTMLDivElement> & {
+    /** Whether the dialog is currently open */
+    isOpen: boolean;
+    /** Title of the Dialog used for accessibility */
+    titleElement: ReactNode;
+    /** Description of the Dialog used for accessibility */
+    description: ReactNode;
+    /** Callback when the dialog tries to close */
+    onClose?: () => void;
+    /** Styling for the background */
+    backgroundClassName?: string;
+    /** If true shows a close button and sends onClose on background clicks */
+    isModal?: boolean;
+    position?: DialogPosition;
+    isAnimated?: boolean;
+    containerClassName?: string;
+};
+/**
+ * A generic dialog window which is managed by its parent
+ */
+declare const Dialog: ({ children, isOpen, titleElement, description, isModal, onClose, backgroundClassName, position, containerClassName, ...props }: PropsWithChildren<DialogProps>) => React$1.ReactPortal;
 
-type ASTNodeModifierType = 'none' | 'italic' | 'bold' | 'underline' | 'font-space' | 'primary' | 'secondary' | 'warn' | 'positive' | 'negative';
-declare const astNodeInserterType: readonly ["helpwave", "newline"];
-type ASTNodeInserterType = typeof astNodeInserterType[number];
-type ASTNodeDefaultType = 'text';
-type ASTNode = {
-    type: ASTNodeModifierType;
-    children: ASTNode[];
-} | {
-    type: ASTNodeInserterType;
-} | {
-    type: ASTNodeDefaultType;
-    text: string;
+type ConfirmDialogType = 'positive' | 'negative' | 'neutral' | 'primary';
+type ButtonOverwriteType = {
+    text?: string;
+    color?: ButtonColor;
+    disabled?: boolean;
 };
-type ASTNodeInterpreterProps = {
-    node: ASTNode;
-    isRoot?: boolean;
-    className?: string;
+type ConfirmDialogProps = Omit<DialogProps, 'onClose'> & {
+    isShowingDecline?: boolean;
+    requireAnswer?: boolean;
+    onCancel: () => void;
+    onConfirm: () => void;
+    onDecline?: () => void;
+    confirmType?: ConfirmDialogType;
+    /**
+     * Order: Cancel, Decline, Confirm
+     */
+    buttonOverwrites?: [ButtonOverwriteType, ButtonOverwriteType, ButtonOverwriteType];
 };
-declare const ASTNodeInterpreter: ({ node, isRoot, className, }: ASTNodeInterpreterProps) => string | react_jsx_runtime.JSX.Element;
-type MarkdownInterpreterProps = {
-    text: string;
-    className?: string;
+/**
+ * A Dialog for asking the user for confirmation
+ */
+declare const ConfirmDialog: ({ children, onCancel, onConfirm, onDecline, confirmType, buttonOverwrites, className, ...restProps }: PropsWithChildren<ConfirmDialogProps>) => react_jsx_runtime.JSX.Element;
+
+type DiscardChangesDialogProps = Omit<ConfirmDialogProps, 'onDecline' | 'onConfirm' | 'buttonOverwrites' | 'titleElement' | 'description'> & {
+    isShowingDecline?: boolean;
+    requireAnswer?: boolean;
+    onCancel: () => void;
+    onSave: () => void;
+    onDontSave: () => void;
+    titleOverwrite?: ReactNode;
+    descriptionOverwrite?: ReactNode;
 };
-declare const MarkdownInterpreter: ({ text, className }: MarkdownInterpreterProps) => react_jsx_runtime.JSX.Element;
+declare const DiscardChangesDialog: ({ children, onCancel, onSave, onDontSave, titleOverwrite, descriptionOverwrite, ...props }: PropsWithChildren<DiscardChangesDialogProps>) => react_jsx_runtime.JSX.Element;
 
-interface TabInfo {
-    label: string;
-}
-interface TabContextType {
-    active: string | null;
-    setActive: (id: string) => void;
-    register: (id: string, label: string) => void;
-    unregister: (id: string) => void;
-    tabs?: TabInfo[];
-}
-declare function useTabContext(): TabContextType;
-type TabViewProps = HTMLAttributes<HTMLDivElement> & {
-    outerDivProps?: HTMLAttributes<HTMLDivElement>;
-    children?: ReactNode;
-    onTabChanged?: (tabId: string) => void;
-    initialTabIndex?: number;
+type UseDelayOptionsResolved = {
+    delay: number;
+    disabled: boolean;
 };
-declare function TabView({ children, outerDivProps, onTabChanged, initialTabIndex, ...props }: TabViewProps): react_jsx_runtime.JSX.Element;
-type TabProps = HTMLAttributes<HTMLDivElement> & {
-    id?: string;
-    label: string;
+type UseDelayOptions = Partial<UseDelayOptionsResolved>;
+declare function useDelay(options?: UseDelayOptions): {
+    restartTimer: (onDelayFinish: () => void) => void;
+    clearTimer: () => void;
+    hasActiveTimer: boolean;
 };
-declare function Tab({ id: customId, label, children, ...props }: TabProps): react_jsx_runtime.JSX.Element;
 
-type TextImageColor = 'primary' | 'secondary' | 'dark';
-type TextImageProps = {
-    title: string;
-    description: string;
-    imageUrl: string;
-    onShowMoreClicked?: () => void;
-    color?: TextImageColor;
-    badge?: string;
-    contentClassName?: string;
-    className?: string;
+type EditCompleteOptionsResolved = {
+    onBlur: boolean;
+    afterDelay: boolean;
+    allowEnterComplete?: boolean;
+} & Omit<UseDelayOptionsResolved, 'disabled'>;
+type EditCompleteOptions = Partial<EditCompleteOptionsResolved>;
+type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'value'> & Partial<FormFieldDataHandling<string>> & Partial<FormFieldInteractionStates> & {
+    editCompleteOptions?: EditCompleteOptions;
 };
 /**
- * A Component for layering a Text upon an image
+ * A Component for inputting text or other information
+ *
+ * Its state is managed must be managed by the parent
  */
-declare const TextImage: ({ title, description, imageUrl, onShowMoreClicked, color, badge, contentClassName, className, }: TextImageProps) => react_jsx_runtime.JSX.Element;
+declare const Input: React__default.ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "value"> & Partial<FormFieldDataHandling<string>> & Partial<FormFieldInteractionStates> & {
+    editCompleteOptions?: EditCompleteOptions;
+} & React__default.RefAttributes<HTMLInputElement>>;
+/**
+ * A Component for inputting text or other information
+ *
+ * Its state is managed by the component itself
+ */
+declare const InputUncontrolled: React__default.ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "value"> & Partial<FormFieldDataHandling<string>> & Partial<FormFieldInteractionStates> & {
+    editCompleteOptions?: EditCompleteOptions;
+} & React__default.RefAttributes<HTMLInputElement>>;
 
-type VerticalDividerProps = {
-    width?: number;
-    height?: number;
-    strokeWidth?: number;
-    dashGap?: number;
-    dashLength?: number;
+type InputModalProps = ConfirmDialogProps & {
+    inputs: InputProps[];
 };
 /**
- * A Component for creating a vertical Divider
+ * A modal for receiving multiple inputs
  */
-declare const VerticalDivider: ({ width, height, strokeWidth, dashGap, dashLength, }: VerticalDividerProps) => react_jsx_runtime.JSX.Element;
+declare const InputDialog: ({ inputs, buttonOverwrites, ...props }: InputModalProps) => react_jsx_runtime.JSX.Element;
 
-type VisibilityProps = PropsWithChildren & {
-    isVisible?: boolean;
+type LanguageDialogProps = Omit<DialogProps, 'titleElement' | 'description'> & PropsWithChildren<{
+    titleOverwrite?: ReactNode;
+    descriptionOverwrite?: ReactNode;
+}>;
+/**
+ * A Dialog for selecting the Language
+ *
+ * The State of open needs to be managed by the parent
+ */
+declare const LanguageDialog: ({ onClose, titleOverwrite, descriptionOverwrite, ...props }: LanguageDialogProps) => react_jsx_runtime.JSX.Element;
+
+type ThemeDialogProps = Omit<DialogProps, 'titleElement' | 'description'> & {
+    titleOverwrite?: ReactNode;
+    descriptionOverwrite?: ReactNode;
 };
-declare function Visibility({ children, isVisible }: VisibilityProps): react_jsx_runtime.JSX.Element;
+/**
+ * A Dialog for selecting the Theme
+ *
+ * The State of open needs to be managed by the parent
+ */
+declare const ThemeDialog: ({ onClose, titleOverwrite, descriptionOverwrite, ...props }: PropsWithChildren<ThemeDialogProps>) => react_jsx_runtime.JSX.Element;
 
 type ErrorComponentProps = {
     errorText?: string;
@@ -828,52 +847,30 @@ type LoadingAnimationProps = {
  */
 declare const LoadingAnimation: ({ loadingText, classname }: LoadingAnimationProps) => react_jsx_runtime.JSX.Element;
 
-type LoadingButtonProps = {
-    isLoading?: boolean;
-} & ButtonProps;
-declare const LoadingButton: ({ isLoading, size, onClick, ...rest }: LoadingButtonProps) => react_jsx_runtime.JSX.Element;
-
 type LoadingComponentProps = {
     className?: string;
 };
 declare const LoadingContainer: ({ className }: LoadingComponentProps) => react_jsx_runtime.JSX.Element;
 
-type ProgressIndicatorProps = {
-    progress: number;
-    strokeWidth?: number;
-    size?: keyof typeof sizeMapping;
-    direction?: 'clockwise' | 'counterclockwise';
-    rotation?: number;
-};
-declare const sizeMapping: {
-    small: number;
-    medium: number;
-    big: number;
+type BreadCrumbLinkProps = ComponentProps<typeof Link>;
+declare const BreadCrumbLink: ({ ...props }: BreadCrumbLinkProps) => react_jsx_runtime.JSX.Element;
+type BreadCrumbGroupProps = HTMLAttributes<HTMLUListElement> & {
+    divider?: ReactNode | null;
 };
 /**
- * A progress indicator
- *
- * Start rotation is 3 o'clock and fills counterclockwise
+ * A component for showing a hierarchical link structure with an independent link on each element
  *
- * Progress is given from 0 to 1
+ * e.g. Organizations/Ward/<id>
  */
-declare const ProgressIndicator: ({ progress, strokeWidth, size, direction, rotation }: ProgressIndicatorProps) => react_jsx_runtime.JSX.Element;
-
+declare const BreadCrumbGroup: ({ children, divider, ...props }: BreadCrumbGroupProps) => react_jsx_runtime.JSX.Element;
 type Crumb = {
-    display: ReactNode;
-    link: string;
+    href: string;
+    label: ReactNode;
 };
 type BreadCrumbProps = {
     crumbs: Crumb[];
-    linkClassName?: string;
-    containerClassName?: string;
 };
-/**
- * A component for showing a hierarchical link structure with an independent link on each element
- *
- * e.g. Organizations/Ward/<id>
- */
-declare const BreadCrumb: ({ crumbs, linkClassName, containerClassName }: BreadCrumbProps) => react_jsx_runtime.JSX.Element;
+declare const BreadCrumbs: ({ crumbs }: BreadCrumbProps) => react_jsx_runtime.JSX.Element;
 
 type SimpleNavigationItem = {
     label: ReactNode;
@@ -881,132 +878,51 @@ type SimpleNavigationItem = {
     external?: boolean;
 };
 type SubItemNavigationItem = {
-    label: ReactNode;
-    items?: SimpleNavigationItem[];
-};
-type NavigationItemType = SimpleNavigationItem | SubItemNavigationItem;
-type NavigationItemListProps = Omit<HTMLAttributes<HTMLElement>, 'children'> & {
-    items: NavigationItemType[];
-};
-declare const NavigationItemList: ({ items, ...restProps }: NavigationItemListProps) => react_jsx_runtime.JSX.Element;
-type NavigationProps = NavigationItemListProps;
-declare const Navigation: ({ ...props }: NavigationProps) => react_jsx_runtime.JSX.Element;
-
-type PaginationProps = {
-    pageIndex: number;
-    pageCount: number;
-    onPageChanged: (page: number) => void;
-    className?: string;
-    style?: CSSProperties;
-};
-/**
- * A Component showing the pagination allowing first, before, next and last page navigation
- */
-declare const Pagination: ({ pageIndex, pageCount, onPageChanged, className, style, }: PaginationProps) => react_jsx_runtime.JSX.Element;
-
-type StepperState = {
-    currentStep: number;
-    seenSteps: Set<number>;
-};
-type StepperBarProps = {
-    state?: StepperState;
-    numberOfSteps: number;
-    disabledSteps?: Set<number>;
-    onChange: (state: StepperState) => void;
-    onFinish: () => void;
-    finishText?: string;
-    showDots?: boolean;
-    className?: string;
-};
-/**
- * A Component for stepping
- */
-declare const StepperBar: ({ state, numberOfSteps, disabledSteps, onChange, onFinish, finishText, showDots, className, }: StepperBarProps) => react_jsx_runtime.JSX.Element;
-declare const StepperBarUncontrolled: ({ state, onChange, ...props }: StepperBarProps) => react_jsx_runtime.JSX.Element;
-
-type PropertyBaseProps = {
-    name: string;
-    input: (props: {
-        softRequired: boolean;
-        hasValue: boolean;
-    }) => ReactNode;
-    onRemove?: () => void;
-    hasValue: boolean;
-    softRequired?: boolean;
-    readOnly?: boolean;
-    icon?: ReactNode;
-    className?: string;
-};
-/**
- * A component for showing a properties with uniform styling
- */
-declare const PropertyBase: ({ name, input, softRequired, hasValue, icon, readOnly, onRemove, className, }: PropertyBaseProps) => react_jsx_runtime.JSX.Element;
-
-type CheckboxPropertyProps = Omit<PropertyBaseProps, 'icon' | 'input' | 'hasValue' | 'onRemove'> & {
-    value?: boolean;
-    onChange?: (value: boolean) => void;
-};
-/**
- * An Input component for a boolean values
- */
-declare const CheckboxProperty: ({ value, onChange, readOnly, ...baseProps }: CheckboxPropertyProps) => react_jsx_runtime.JSX.Element;
-
-type DatePropertyProps = Omit<PropertyBaseProps, 'icon' | 'input' | 'hasValue'> & {
-    value?: Date;
-    onChange?: (date: Date) => void;
-    onEditComplete?: (value: Date) => void;
-    type?: 'dateTime' | 'date';
-};
-/**
- * An Input for date properties
- */
-declare const DateProperty: ({ value, onChange, onEditComplete, readOnly, type, ...baseProps }: DatePropertyProps) => react_jsx_runtime.JSX.Element;
-
-type MultiSelectPropertyProps = Omit<PropertyBaseProps, 'icon' | 'input' | 'hasValue' | 'className'> & PropsWithChildren<{
-    values: string[];
-    onValuesChanged?: (value: string[]) => void;
-}>;
-/**
- * An Input for MultiSelect properties
- */
-declare const MultiSelectProperty: ({ children, values, onValuesChanged, ...props }: MultiSelectPropertyProps) => react_jsx_runtime.JSX.Element;
-
-type NumberPropertyProps = Omit<PropertyBaseProps, 'icon' | 'input' | 'hasValue'> & {
-    value?: number;
-    suffix?: string;
-    onChange?: (value: number) => void;
-    onEditComplete?: (value: number) => void;
+    label: ReactNode;
+    items?: SimpleNavigationItem[];
 };
-/**
- * An Input for number properties
- */
-declare const NumberProperty: ({ value, onChange, onRemove, onEditComplete, readOnly, suffix, ...baseProps }: NumberPropertyProps) => react_jsx_runtime.JSX.Element;
+type NavigationItemType = SimpleNavigationItem | SubItemNavigationItem;
+type NavigationItemListProps = Omit<HTMLAttributes<HTMLElement>, 'children'> & {
+    items: NavigationItemType[];
+};
+declare const NavigationItemList: ({ items, ...restProps }: NavigationItemListProps) => react_jsx_runtime.JSX.Element;
+type NavigationProps = NavigationItemListProps;
+declare const Navigation: ({ ...props }: NavigationProps) => react_jsx_runtime.JSX.Element;
 
-type SingleSelectPropertyProps = Omit<PropertyBaseProps, 'icon' | 'input' | 'hasValue' | 'className'> & PropsWithChildren<{
-    value?: string;
-    onValueChanged?: (value: string) => void;
-    onAddNew?: (value: string) => void;
-    selectedDisplay?: (value: string) => ReactNode;
-}>;
+type PaginationProps = {
+    pageIndex: number;
+    pageCount: number;
+    onPageChanged: (page: number) => void;
+    className?: string;
+    style?: CSSProperties;
+};
 /**
- * An Input for SingleSelect properties
+ * A Component showing the pagination allowing first, before, next and last page navigation
  */
-declare const SingleSelectProperty: ({ children, value, onValueChanged, selectedDisplay, ...props }: SingleSelectPropertyProps) => react_jsx_runtime.JSX.Element;
+declare const Pagination: ({ pageIndex, pageCount, onPageChanged, className, style, }: PaginationProps) => react_jsx_runtime.JSX.Element;
 
-type TextPropertyProps = Omit<PropertyBaseProps, 'icon' | 'input' | 'hasValue'> & {
-    value?: string;
-    onChange?: (value: string) => void;
-    onEditComplete?: (value: string) => void;
+type StepperState = {
+    currentStep: number;
+    seenSteps: Set<number>;
+};
+type StepperBarProps = {
+    state?: StepperState;
+    numberOfSteps: number;
+    disabledSteps?: Set<number>;
+    onChange: (state: StepperState) => void;
+    onFinish: () => void;
+    finishText?: string;
+    showDots?: boolean;
+    className?: string;
 };
 /**
- * An Input for Text properties
+ * A Component for stepping
  */
-declare const TextProperty: ({ value, readOnly, onChange, onRemove, onEditComplete, ...baseProps }: TextPropertyProps) => react_jsx_runtime.JSX.Element;
+declare const StepperBar: ({ state, numberOfSteps, disabledSteps, onChange, onFinish, finishText, showDots, className, }: StepperBarProps) => react_jsx_runtime.JSX.Element;
+declare const StepperBarUncontrolled: ({ state, onChange, ...props }: StepperBarProps) => react_jsx_runtime.JSX.Element;
 
-type FillerRowElementProps = {
-    className?: string;
-};
-declare const FillerRowElement: ({ className }: FillerRowElementProps) => react_jsx_runtime.JSX.Element;
+type FillerCellProps = HTMLAttributes<HTMLDivElement>;
+declare const FillerCell: ({ ...props }: FillerCellProps) => react_jsx_runtime.JSX.Element;
 
 declare const TableFilters: {
     dateRange: (row: any, columnId: any, filterValue: [Date | null, Date | null]) => boolean;
@@ -1019,14 +935,27 @@ type TableFilterButtonProps<T = unknown> = {
 };
 declare const TableFilterButton: <T>({ filterType, column, }: TableFilterButtonProps<T>) => react_jsx_runtime.JSX.Element;
 
+type BagFunction<B, V = ReactNode> = (bag: B) => V;
+type BagFunctionOrValue<B, V> = BagFunction<B, V> | V;
+type BagFunctionOrNode<B> = BagFunction<B> | ReactNode;
+type PropsWithBagFunction<B, P = unknown> = P & {
+    children?: BagFunction<B>;
+};
+type PropsWithBagFunctionOrChildren<B, P = unknown> = P & {
+    children?: BagFunctionOrNode<B>;
+};
+declare const BagFunctionUtil: {
+    resolve: <B, V = ReactNode>(bagFunctionOrValue: BagFunctionOrValue<B, V>, bag: B) => V;
+};
+
 declare module '@tanstack/react-table' {
     interface ColumnMeta<TData extends RowData, TValue> {
         className?: string;
         filterType?: TableFilterType;
     }
     interface TableMeta<TData> {
-        headerRowClassName?: TableFilterType;
-        bodyRowClassName?: string;
+        headerRowClassName?: string;
+        bodyRowClassName?: BagFunctionOrValue<TData, string>;
     }
     interface FilterFns {
         dateRange: FilterFn<unknown>;
@@ -1075,28 +1004,25 @@ type TableSortButtonProps = ButtonProps & {
  */
 declare const TableSortButton: ({ sortDirection, invert, color, size, className, sortingIndexDisplay, ...props }: TableSortButtonProps) => react_jsx_runtime.JSX.Element;
 
-type CheckBoxSize = 'small' | 'medium' | 'large';
-type CheckboxProps = HTMLAttributes<HTMLDivElement> & {
-    checked?: boolean;
-    disabled?: boolean;
+type CheckBoxSize = 'sm' | 'md' | 'lg' | null;
+type CheckboxProps = HTMLAttributes<HTMLDivElement> & Partial<FormFieldInteractionStates> & Partial<FormFieldDataHandling<boolean>> & {
     indeterminate?: boolean;
-    invalid?: boolean;
-    onCheckedChange?: (checked: boolean) => void;
     size?: CheckBoxSize;
+    alwaysShowCheckIcon?: boolean;
 };
 /**
  * A Tristate checkbox
  *
  * The state is managed by the parent
  */
-declare const Checkbox: ({ disabled, checked, indeterminate, invalid, onCheckedChange, size, className, ...props }: CheckboxProps) => react_jsx_runtime.JSX.Element;
+declare const Checkbox: ({ value, indeterminate, required, invalid, disabled, readOnly, onValueChange, onEditComplete, size, alwaysShowCheckIcon, ...props }: CheckboxProps) => react_jsx_runtime.JSX.Element;
 type CheckboxUncontrolledProps = CheckboxProps;
 /**
  * A Tristate checkbox
  *
  * The state is managed by this component
  */
-declare const CheckboxUncontrolled: ({ checked: initialChecked, onCheckedChange, ...props }: CheckboxUncontrolledProps) => react_jsx_runtime.JSX.Element;
+declare const CheckboxUncontrolled: ({ value: initialValue, onValueChange, ...props }: CheckboxUncontrolledProps) => react_jsx_runtime.JSX.Element;
 
 type Position$1 = 'top' | 'bottom' | 'left' | 'right';
 type CopyToClipboardWrapperProps = PropsWithChildren<{
@@ -1124,21 +1050,6 @@ type CopyToClipboardWrapperProps = PropsWithChildren<{
  */
 declare const CopyToClipboardWrapper: ({ children, textToCopy, tooltipClassName, containerClassName, position, zIndex, }: CopyToClipboardWrapperProps) => react_jsx_runtime.JSX.Element;
 
-type DateTimePickerMode = 'date' | 'time' | 'dateTime';
-type DateTimePickerProps = {
-    mode?: DateTimePickerMode;
-    value?: Date;
-    start?: Date;
-    end?: Date;
-    onChange?: (date: Date) => void;
-    datePickerProps?: Omit<DatePickerProps, 'onChange' | 'value' | 'start' | 'end'>;
-    timePickerProps?: Omit<TimePickerProps, 'onChange' | 'time' | 'maxHeight'>;
-};
-/**
- * A Component for picking a Date and Time
- */
-declare const DateTimePicker: ({ value, start, end, mode, onChange, timePickerProps, datePickerProps, }: DateTimePickerProps) => react_jsx_runtime.JSX.Element;
-
 type PopoverHorizontalAlignment = 'leftOutside' | 'leftInside' | 'rightOutside' | 'rightInside' | 'center';
 type PopoverVerticalAlignment = 'topOutside' | 'topInside' | 'bottomOutside' | 'bottomInside' | 'center';
 type PopoverPositionOptionsResolved = {
@@ -1164,8 +1075,9 @@ type MenuBag = {
     toggleOpen: () => void;
     close: () => void;
 };
-type MenuProps<T> = PropsWithBagFunctionOrChildren<MenuBag> & {
-    trigger: (bag: MenuBag, ref: RefObject<T>) => ReactNode;
+type MenuProps = {
+    children: (bag: MenuBag) => ReactNode | ReactNode;
+    trigger: (bag: MenuBag, ref: (el: HTMLElement | null) => void) => ReactNode;
     /**
      * @default 'l'
      */
@@ -1178,7 +1090,7 @@ type MenuProps<T> = PropsWithBagFunctionOrChildren<MenuBag> & {
 /**
  * A Menu Component to allow the user to see different functions
  */
-declare const Menu: <T extends HTMLElement>({ trigger, children, alignmentHorizontal, alignmentVertical, showOnHover, disabled, menuClassName, }: MenuProps<T>) => react_jsx_runtime.JSX.Element;
+declare const Menu: ({ trigger, children, alignmentHorizontal, alignmentVertical, showOnHover, disabled, menuClassName, }: MenuProps) => react_jsx_runtime.JSX.Element;
 
 type ScrollPickerProps<T> = {
     options: T[];
@@ -1193,19 +1105,19 @@ type ScrollPickerProps<T> = {
 declare const ScrollPicker: <T>({ options, mapping, selected, onChange, disabled, }: ScrollPickerProps<T>) => react_jsx_runtime.JSX.Element;
 
 type SelectIconAppearance = 'left' | 'right' | 'none';
-type SelectRootProps = PropsWithChildren<{
+type SelectRootProps = PropsWithChildren & {
     id?: string;
     value?: string;
-    onValueChanged?: (value: string) => void;
+    onValueChange?: (value: string) => void;
     values?: string[];
-    onValuesChanged?: (value: string[]) => void;
+    onValuesChange?: (value: string[]) => void;
     isOpen?: boolean;
     disabled?: boolean;
     invalid?: boolean;
     isMultiSelect?: boolean;
     iconAppearance?: SelectIconAppearance;
-}>;
-declare const SelectRoot: ({ children, id, value, onValueChanged, values, onValuesChanged, isOpen, disabled, invalid, isMultiSelect, iconAppearance, }: SelectRootProps) => react_jsx_runtime.JSX.Element;
+};
+declare const SelectRoot: ({ children, id, value, onValueChange, values, onValuesChange, isOpen, disabled, invalid, isMultiSelect, iconAppearance, }: SelectRootProps) => react_jsx_runtime.JSX.Element;
 type SelectOptionProps = Omit<HTMLAttributes<HTMLLIElement>, 'children'> & {
     value: string;
     disabled?: boolean;
@@ -1245,99 +1157,347 @@ declare const SelectContent: React__default.ForwardRefExoticComponent<HTMLAttrib
     orientation?: Orientation;
     containerClassName?: string;
 } & React__default.RefAttributes<HTMLUListElement>>;
-type SelectProps = Omit<SelectRootProps, 'isMultiSelect' | 'values' | 'onValuesChanged'> & {
+type SelectProps = Omit<SelectRootProps, 'isMultiSelect' | 'values' | 'onValuesChange'> & {
     contentPanelProps?: SelectContentProps;
     buttonProps?: Omit<SelectButtonProps, 'selectedDisplay'> & {
         selectedDisplay?: (value: string) => ReactNode;
     };
 };
-declare const Select: React__default.ForwardRefExoticComponent<Omit<SelectRootProps, "values" | "onValuesChanged" | "isMultiSelect"> & {
+declare const Select: React__default.ForwardRefExoticComponent<Omit<SelectRootProps, "values" | "onValuesChange" | "isMultiSelect"> & {
     contentPanelProps?: SelectContentProps;
     buttonProps?: Omit<SelectButtonProps, "selectedDisplay"> & {
         selectedDisplay?: (value: string) => ReactNode;
     };
 } & React__default.RefAttributes<HTMLButtonElement>>;
 type SelectUncontrolledProps = SelectProps;
-declare const SelectUncontrolled: React__default.ForwardRefExoticComponent<Omit<SelectRootProps, "values" | "onValuesChanged" | "isMultiSelect"> & {
+declare const SelectUncontrolled: React__default.ForwardRefExoticComponent<Omit<SelectRootProps, "values" | "onValuesChange" | "isMultiSelect"> & {
     contentPanelProps?: SelectContentProps;
     buttonProps?: Omit<SelectButtonProps, "selectedDisplay"> & {
         selectedDisplay?: (value: string) => ReactNode;
     };
 } & React__default.RefAttributes<HTMLButtonElement>>;
-type MultiSelectProps = Omit<SelectRootProps, 'isMultiSelect' | 'value' | 'onValueChanged'> & {
+type MultiSelectProps = Omit<SelectRootProps, 'isMultiSelect' | 'value' | 'values' | 'onValueChange' | 'onValuesChange'> & {
+    value?: string[];
+    onValueChange?: (value: string[]) => void;
     contentPanelProps?: SelectContentProps;
     buttonProps?: SelectButtonProps;
 };
-declare const MultiSelect: React__default.ForwardRefExoticComponent<Omit<SelectRootProps, "value" | "onValueChanged" | "isMultiSelect"> & {
+declare const MultiSelect: React__default.ForwardRefExoticComponent<Omit<SelectRootProps, "values" | "value" | "onValueChange" | "onValuesChange" | "isMultiSelect"> & {
+    value?: string[];
+    onValueChange?: (value: string[]) => void;
     contentPanelProps?: SelectContentProps;
     buttonProps?: SelectButtonProps;
 } & React__default.RefAttributes<HTMLButtonElement>>;
-type MultiSelectUncontrolledProps = MultiSelectProps;
-declare const MultiSelectUncontrolled: React__default.ForwardRefExoticComponent<Omit<SelectRootProps, "value" | "onValueChanged" | "isMultiSelect"> & {
+declare const MultiSelectUncontrolled: React__default.ForwardRefExoticComponent<Omit<SelectRootProps, "values" | "value" | "onValueChange" | "onValuesChange" | "isMultiSelect"> & {
+    value?: string[];
+    onValueChange?: (value: string[]) => void;
     contentPanelProps?: SelectContentProps;
     buttonProps?: SelectButtonProps;
 } & React__default.RefAttributes<HTMLButtonElement>>;
-type MultiSelectChipDisplayProps = Omit<SelectRootProps, 'isMultiSelect' | 'value' | 'onValueChanged'> & {
+type MultiSelectChipDisplayProps = Omit<SelectRootProps, 'isMultiSelect' | 'value' | 'values' | 'onValueChange' | 'onValuesChange'> & {
+    value?: string[];
+    onValueChange?: (value: string[]) => void;
+    contentPanelProps?: SelectContentProps;
+    chipDisplayProps?: SelectChipDisplayProps;
+};
+declare const MultiSelectChipDisplay: React__default.ForwardRefExoticComponent<Omit<SelectRootProps, "values" | "value" | "onValueChange" | "onValuesChange" | "isMultiSelect"> & {
+    value?: string[];
+    onValueChange?: (value: string[]) => void;
+    contentPanelProps?: SelectContentProps;
+    chipDisplayProps?: SelectChipDisplayProps;
+} & React__default.RefAttributes<HTMLDivElement>>;
+type MultiSelectChipDisplayUncontrolledProps = MultiSelectChipDisplayProps;
+declare const MultiSelectChipDisplayUncontrolled: React__default.ForwardRefExoticComponent<Omit<SelectRootProps, "values" | "value" | "onValueChange" | "onValuesChange" | "isMultiSelect"> & {
+    value?: string[];
+    onValueChange?: (value: string[]) => void;
     contentPanelProps?: SelectContentProps;
     chipDisplayProps?: SelectChipDisplayProps;
+} & React__default.RefAttributes<HTMLDivElement>>;
+
+type TextareaProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'value'> & Partial<FormFieldDataHandling<string>> & Partial<FormFieldInteractionStates> & {
+    saveDelayOptions?: UseDelayOptions;
+};
+/**
+ * A Textarea component for inputting longer texts
+ *
+ * The State is managed by the parent
+ */
+declare const Textarea: React$1.ForwardRefExoticComponent<Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "value"> & Partial<FormFieldDataHandling<string>> & Partial<FormFieldInteractionStates> & {
+    saveDelayOptions?: UseDelayOptions;
+} & React$1.RefAttributes<HTMLTextAreaElement>>;
+/**
+ * A Textarea component that is not controlled by its parent
+ */
+declare const TextareaUncontrolled: ({ value: initialValue, onValueChange, ...props }: TextareaProps) => react_jsx_runtime.JSX.Element;
+type TextareaWithHeadlineProps = Omit<TextareaProps, 'defaultStyle'> & {
+    headline: ReactNode;
+    headlineProps: Omit<LabelHTMLAttributes<HTMLLabelElement>, 'children'>;
+    containerClassName?: string;
+};
+declare const TextareaWithHeadline: ({ id, headline, headlineProps, disabled, className, containerClassName, ...props }: TextareaWithHeadlineProps) => react_jsx_runtime.JSX.Element;
+
+declare const themes: readonly ["light", "dark", "system"];
+type ThemeType = typeof themes[number];
+type ResolvedTheme = Exclude<ThemeType, 'system'>;
+declare const ThemeUtil: {
+    themes: readonly ["light", "dark", "system"];
+};
+type ThemeContextType = {
+    theme: ThemeType;
+    resolvedTheme: ResolvedTheme;
+    setTheme: Dispatch<SetStateAction<ThemeType>>;
+};
+declare const ThemeContext: React$1.Context<ThemeContextType>;
+type ThemeProviderProps = PropsWithChildren & Partial<ThemeConfig> & {
+    /**
+     * Only set this if you want to control the theme yourself
+     */
+    theme?: ThemeType;
+};
+declare const ThemeProvider: ({ children, theme, initialTheme }: ThemeProviderProps) => react_jsx_runtime.JSX.Element;
+declare const useTheme: () => ThemeContextType;
+
+declare const hightideTranslationLocales: readonly ["de-DE", "en-US"];
+type HightideTranslationLocales = typeof hightideTranslationLocales[number];
+type HightideTranslationEntries = {
+    'add': string;
+    'age': string;
+    'all': string;
+    'apply': string;
+    'back': string;
+    'cancel': string;
+    'carousel': string;
+    'change': string;
+    'chooseLanguage': string;
+    'chooseSlide': string;
+    'chooseTheme': string;
+    'clear': string;
+    'clearValue': string;
+    'click': string;
+    'clickToCopy': string;
+    'clickToSelect': string;
+    'close': string;
+    'confirm': string;
+    'copied': string;
+    'copy': string;
+    'create': string;
+    'decline': string;
+    'delete': string;
+    'discard': string;
+    'discardChanges': string;
+    'done': string;
+    'edit': string;
+    'endDate': string;
+    'enterText': string;
+    'entryDate': string;
+    'error': string;
+    'errorOccurred': string;
+    'exit': string;
+    'fieldRequiredError': string;
+    'filter': string;
+    'goodToSeeYou': string;
+    'identifier': string;
+    'invalidEmail': string;
+    'invalidEmailError': string;
+    'language': string;
+    'less': string;
+    'loading': string;
+    'locale': string;
+    'max': string;
+    'maxLengthError': string;
+    'min': string;
+    'minLengthError': string;
+    'more': string;
+    'name': string;
+    'next': string;
+    'no': string;
+    'none': string;
+    'notEmpty': string;
+    'nothingFound': string;
+    'of': string;
+    'optional': string;
+    'outOfRangeNumber': (values: {
+        min: number;
+        max: number;
+    }) => string;
+    'outOfRangeSelectionItems': (values: {
+        min: number;
+        max: number;
+    }) => string;
+    'outOfRangeString': (values: {
+        min: number;
+        max: number;
+    }) => string;
+    'pleaseWait': string;
+    'previous': string;
+    'pThemes': (values: {
+        count: number;
+    }) => string;
+    'remove': string;
+    'removeProperty': string;
+    'required': string;
+    'reset': string;
+    'rSortingOrderAfter': (values: {
+        otherSortings: number;
+    }) => string;
+    'save': string;
+    'saved': string;
+    'search': string;
+    'select': string;
+    'selectOption': string;
+    'sGender': (values: {
+        gender: string;
+    }) => string;
+    'show': string;
+    'showLess': string;
+    'showMore': string;
+    'showSlide': (values: {
+        index: number;
+    }) => string;
+    'slide': string;
+    'slideNavigation': string;
+    'slideOf': (values: {
+        index: number;
+        length: number;
+    }) => string;
+    'startDate': string;
+    'sThemeMode': (values: {
+        theme: string;
+    }) => string;
+    'street': string;
+    'submit': string;
+    'success': string;
+    'text': string;
+    'time.ago': string;
+    'time.agoDays': (values: {
+        days: number;
+    }) => string;
+    'time.april': string;
+    'time.august': string;
+    'time.century': (values: {
+        count: number;
+    }) => string;
+    'time.day': (values: {
+        count: number;
+    }) => string;
+    'time.decade': (values: {
+        count: number;
+    }) => string;
+    'time.december': string;
+    'time.february': string;
+    'time.hour': (values: {
+        count: number;
+    }) => string;
+    'time.in': string;
+    'time.inDays': (values: {
+        days: number;
+    }) => string;
+    'time.january': string;
+    'time.july': string;
+    'time.june': string;
+    'time.march': string;
+    'time.may': string;
+    'time.microsecond': (values: {
+        count: number;
+    }) => string;
+    'time.millisecond': (values: {
+        count: number;
+    }) => string;
+    'time.minute': (values: {
+        count: number;
+    }) => string;
+    'time.month': (values: {
+        count: number;
+    }) => string;
+    'time.nanosecond': (values: {
+        count: number;
+    }) => string;
+    'time.november': string;
+    'time.october': string;
+    'time.second': (values: {
+        count: number;
+    }) => string;
+    'time.september': string;
+    'time.sMonthName': (values: {
+        month: string;
+    }) => string;
+    'time.today': string;
+    'time.tomorrow': string;
+    'time.year': (values: {
+        count: number;
+    }) => string;
+    'time.yesterday': string;
+    'tooFewSelectionItems': (values: {
+        min: number;
+    }) => string;
+    'tooLong': (values: {
+        max: number;
+    }) => string;
+    'tooManySelectionItems': (values: {
+        max: number;
+    }) => string;
+    'tooShort': (values: {
+        min: number;
+    }) => string;
+    'unsavedChanges': string;
+    'unsavedChangesSaveQuestion': string;
+    'update': string;
+    'value': string;
+    'welcome': string;
+    'yes': string;
 };
-declare const MultiSelectChipDisplay: React__default.ForwardRefExoticComponent<Omit<SelectRootProps, "value" | "onValueChanged" | "isMultiSelect"> & {
-    contentPanelProps?: SelectContentProps;
-    chipDisplayProps?: SelectChipDisplayProps;
-} & React__default.RefAttributes<HTMLDivElement>>;
-type MultiSelectChipDisplayUncontrolledProps = MultiSelectChipDisplayProps;
-declare const MultiSelectChipDisplayUncontrolled: React__default.ForwardRefExoticComponent<Omit<SelectRootProps, "value" | "onValueChanged" | "isMultiSelect"> & {
-    contentPanelProps?: SelectContentProps;
-    chipDisplayProps?: SelectChipDisplayProps;
-} & React__default.RefAttributes<HTMLDivElement>>;
+declare const hightideTranslation: Translation<HightideTranslationLocales, Partial<HightideTranslationEntries>>;
 
-type TextareaProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'value'> & {
-    /** Inside the area */
-    value?: string;
-    invalid?: boolean;
-    onChangeText?: (text: string) => void;
-    onEditCompleted?: (text: string) => void;
-    saveDelayOptions?: UseDelayOptions;
-};
-/**
- * A Textarea component for inputting longer texts
- *
- * The State is managed by the parent
- */
-declare const Textarea: React.ForwardRefExoticComponent<Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "value"> & {
-    /** Inside the area */
-    value?: string;
-    invalid?: boolean;
-    onChangeText?: (text: string) => void;
-    onEditCompleted?: (text: string) => void;
-    saveDelayOptions?: UseDelayOptions;
-} & React.RefAttributes<HTMLTextAreaElement>>;
-/**
- * A Textarea component that is not controlled by its parent
- */
-declare const TextareaUncontrolled: ({ value, onChangeText, ...props }: TextareaProps) => react_jsx_runtime.JSX.Element;
-type TextareaWithHeadlineProps = Omit<TextareaProps, 'defaultStyle'> & {
-    headline: ReactNode;
-    headlineProps: Omit<LabelProps, 'children'>;
-    containerClassName?: string;
-};
-declare const TextareaWithHeadline: ({ id, headline, headlineProps, disabled, className, containerClassName, ...props }: TextareaWithHeadlineProps) => react_jsx_runtime.JSX.Element;
+type DeepPartial<T> = T extends string | number | boolean | bigint | symbol | null | undefined | Function ? T : T extends Array<infer U> ? Array<DeepPartial<U>> : T extends Map<infer K, infer V> ? Map<DeepPartial<K>, DeepPartial<V>> : T extends Set<infer U> ? Set<DeepPartial<U>> : T extends object ? {
+    [P in keyof T]?: DeepPartial<T[P]>;
+} : T;
+type SuperSet<T, Base> = Base extends T ? T : never;
+type SingleOrArray<T> = T | T[];
+type Exact<T, U extends T> = U;
 
-type Position = 'top' | 'bottom' | 'left' | 'right';
-type TooltipProps = PropsWithChildren<{
-    tooltip: ReactNode;
+type TooltipConfig = {
     /**
      * Number of milliseconds until the tooltip appears
-     *
-     * defaults to 400ms
      */
-    appearDelay?: number;
+    appearDelay: number;
     /**
      * Number of milliseconds until the tooltip disappears
-     *
-     * defaults to 50ms
      */
-    disappearDelay?: number;
+    disappearDelay: number;
+};
+type ThemeConfig = {
+    /**
+     * The initial theme to show when:
+     * 1. The system preference is not or cannot be loaded
+     * 2. The user has not set an app preference
+     */
+    initialTheme: ResolvedTheme;
+};
+type LocalizationConfig = {
+    /**
+     * The initial locale to use when:
+     * 1. The system preference is not or cannot be loaded
+     * 2. The user has not set an app preference
+     */
+    defaultLocale: HightideTranslationLocales;
+};
+type HightideConfig = {
+    tooltip: TooltipConfig;
+    theme: ThemeConfig;
+    locale: LocalizationConfig;
+};
+type ConfigType = {
+    config: HightideConfig;
+    setConfig: (configOverwrite: DeepPartial<HightideConfig>) => void;
+};
+declare const HightideConfigContext: React$1.Context<ConfigType>;
+type HightideConfigProviderProps = PropsWithChildren & DeepPartial<HightideConfig>;
+declare const HightideConfigProvider: ({ children, ...initialOverwrite }: HightideConfigProviderProps) => react_jsx_runtime.JSX.Element;
+declare const useHightideConfig: () => ConfigType;
+
+type Position = 'top' | 'bottom' | 'left' | 'right';
+type TooltipProps = PropsWithChildren & Partial<TooltipConfig> & {
+    tooltip: ReactNode;
     /**
      * Class names of additional styling properties for the tooltip
      */
@@ -1348,30 +1508,161 @@ type TooltipProps = PropsWithChildren<{
     containerClassName?: string;
     position?: Position;
     disabled?: boolean;
-}>;
+};
 /**
  * A Component for showing a tooltip when hovering over Content
  * @param tooltip The tooltip to show can be a text or any ReactNode
  * @param children The Content for which the tooltip should be created
- * @param animationDelay The delay before the tooltip appears
  * @param tooltipClassName Additional ClassNames for the Container of the tooltip
  * @param containerClassName Additional ClassNames for the Container holding the content
  * @param position The direction of the tooltip relative to the Container
  * @constructor
  */
-declare const Tooltip: ({ tooltip, children, appearDelay, disappearDelay, tooltipClassName, containerClassName, position, disabled, }: TooltipProps) => react_jsx_runtime.JSX.Element;
+declare const Tooltip: ({ tooltip, children, appearDelay: appearDelayOverwrite, disappearDelay: disappearDelayOverwrite, tooltipClassName, containerClassName, position, disabled, }: TooltipProps) => react_jsx_runtime.JSX.Element;
+
+type DurationJSON = {
+    years: number;
+    months: number;
+    days: number;
+    hours: number;
+    minutes: number;
+    seconds: number;
+    milliseconds: number;
+};
+declare class Duration {
+    readonly years: number;
+    readonly months: number;
+    readonly days: number;
+    readonly hours: number;
+    readonly minutes: number;
+    readonly seconds: number;
+    readonly milliseconds: number;
+    constructor({ years, months, days, hours, minutes, seconds, milliseconds, }?: Partial<DurationJSON>);
+    /** Date arithmetic */
+    addTo(date: Date): Date;
+    subtractFrom(date: Date): Date;
+    /** Duration arithmetic */
+    add(other: Duration): Duration;
+    subtract(other: Duration): Duration;
+    equals(other: Duration): boolean;
+    toJSON(): DurationJSON;
+    /** Static difference */
+    static difference(start: Date, end: Date): Duration;
+    private applyTo;
+    private assertRanges;
+    valueOf(): number;
+}
+
+declare const monthsList: readonly ["january", "february", "march", "april", "may", "june", "july", "august", "september", "october", "november", "december"];
+type Month = typeof monthsList[number];
+declare const weekDayList: readonly ["sunday", "monday", "tuesday", "wednesday", "thursday", "friday", "saturday"];
+type WeekDay = typeof weekDayList[number];
+declare const formatDate: (date: Date) => string;
+declare const formatDateTime: (date: Date) => string;
+declare const changeDuration: (date: Date, duration: Partial<DurationJSON>, isAdding?: boolean) => Date;
+declare const addDuration: (date: Date, duration: Partial<DurationJSON>) => Date;
+declare const subtractDuration: (date: Date, duration: Partial<DurationJSON>) => Date;
+declare const getBetweenDuration: (startDate: Date, endDate: Date) => Partial<DurationJSON>;
+/** Checks if a given date is in the range of two dates
+ *
+ * An undefined value for startDate or endDate means no bound for the start or end respectively
+ */
+declare const isInTimeSpan: (value: Date, startDate?: Date, endDate?: Date) => boolean;
+declare const getWeeksForCalenderMonth: (date: Date, weekStart: WeekDay, weeks?: number) => Date[][];
+declare const DateUtils: {
+    monthsList: readonly ["january", "february", "march", "april", "may", "june", "july", "august", "september", "october", "november", "december"];
+    weekDayList: readonly ["sunday", "monday", "tuesday", "wednesday", "thursday", "friday", "saturday"];
+    equalDate: (date1: Date, date2: Date) => boolean;
+    formatAbsolute: (date: Date, locale: string, showTime: boolean) => string;
+    formatRelative: (date: Date, locale: string, showTime: boolean) => string;
+};
+
+type DayPickerProps = Partial<FormFieldDataHandling<Date>> & {
+    displayedMonth: Date;
+    start?: Date;
+    end?: Date;
+    weekStart?: WeekDay;
+    markToday?: boolean;
+    className?: string;
+};
+/**
+ * A component for selecting a day of a month
+ */
+declare const DayPicker: ({ displayedMonth, value, start: providedStart, end: providedEnd, onValueChange, onEditComplete, weekStart, markToday, className }: DayPickerProps) => react_jsx_runtime.JSX.Element;
+declare const DayPickerUncontrolled: ({ value: initialValue, onValueChange, ...props }: DayPickerProps) => react_jsx_runtime.JSX.Element;
+
+type YearMonthPickerProps = Partial<FormFieldDataHandling<Date>> & {
+    start?: Date;
+    end?: Date;
+    className?: string;
+};
+declare const YearMonthPicker: ({ value, start, end, onValueChange, onEditComplete, className, }: YearMonthPickerProps) => react_jsx_runtime.JSX.Element;
+declare const YearMonthPickerUncontrolled: ({ value: initialValue, onValueChange, ...props }: YearMonthPickerProps) => react_jsx_runtime.JSX.Element;
+
+type DisplayMode = 'yearMonth' | 'day';
+type DatePickerProps = Partial<FormFieldDataHandling<Date>> & {
+    start?: Date;
+    end?: Date;
+    initialDisplay?: DisplayMode;
+    weekStart?: WeekDay;
+    dayPickerProps?: Omit<DayPickerProps, 'displayedMonth' | 'onChange' | 'selected' | 'weekStart'>;
+    yearMonthPickerProps?: Omit<YearMonthPickerProps, 'displayedYearMonth' | 'onChange' | 'start' | 'end'>;
+    className?: string;
+};
+/**
+ * A Component for picking a date
+ */
+declare const DatePicker: ({ value, start, end, initialDisplay, weekStart, onValueChange, onEditComplete, yearMonthPickerProps, dayPickerProps, className }: DatePickerProps) => react_jsx_runtime.JSX.Element;
+/**
+ * Example for the Date Picker
+ */
+declare const DatePickerUncontrolled: ({ value, onValueChange, ...props }: DatePickerProps) => react_jsx_runtime.JSX.Element;
+
+type TimePickerMinuteIncrement = '1min' | '5min' | '10min' | '15min' | '30min';
+type TimePickerProps = Partial<FormFieldDataHandling<Date>> & {
+    is24HourFormat?: boolean;
+    minuteIncrement?: TimePickerMinuteIncrement;
+    className?: string;
+};
+declare const TimePicker: ({ value, onValueChange, onEditComplete, is24HourFormat, minuteIncrement, className, }: TimePickerProps) => react_jsx_runtime.JSX.Element;
+declare const TimePickerUncontrolled: ({ value: initialValue, onValueChange, ...props }: TimePickerProps) => react_jsx_runtime.JSX.Element;
+
+type DateTimePickerMode = 'date' | 'time' | 'dateTime';
+type DateTimePickerProps = Partial<FormFieldDataHandling<Date>> & {
+    mode?: DateTimePickerMode;
+    start?: Date;
+    end?: Date;
+    is24HourFormat?: boolean;
+    minuteIncrement?: TimePickerMinuteIncrement;
+    markToday?: boolean;
+    weekStart?: WeekDay;
+    datePickerProps?: Omit<DatePickerProps, 'onChange' | 'value' | 'start' | 'end'>;
+    timePickerProps?: Omit<TimePickerProps, 'onChange' | 'time' | 'is24HourFormat' | 'minuteIncrement'>;
+};
+/**
+ * A Component for picking a Date and Time
+ */
+declare const DateTimePicker: ({ value, start, end, mode, is24HourFormat, minuteIncrement, weekStart, onValueChange, onEditComplete, timePickerProps, datePickerProps, }: DateTimePickerProps) => react_jsx_runtime.JSX.Element;
+declare const DateTimePickerUncontrolled: ({ value: initialValue, onValueChange, ...props }: DateTimePickerProps) => react_jsx_runtime.JSX.Element;
+
+type TimeDisplayMode = 'daysFromToday' | 'date';
+type TimeDisplayProps = {
+    date: Date;
+    mode?: TimeDisplayMode;
+};
+/**
+ * A Component for displaying time and dates in a unified fashion
+ */
+declare const TimeDisplay: ({ date, mode }: TimeDisplayProps) => react_jsx_runtime.JSX.Element;
 
-type DateTimeInputProps = Omit<InputProps, 'onEditCompleted'> & {
-    date?: Date;
-    onValueChange?: (date: Date) => void;
-    onEditCompleted?: (date: Date) => void;
+type DateTimeInputProps = Omit<InputProps, keyof FormFieldDataHandling<string>> & Partial<FormFieldDataHandling<Date>> & {
     onRemove?: () => void;
     mode?: 'date' | 'dateTime';
     containerProps?: HTMLAttributes<HTMLDivElement>;
-    pickerProps?: Omit<DateTimePickerProps, 'mode' | 'value' | 'onChange'>;
+    pickerProps?: Omit<DateTimePickerProps, keyof FormFieldDataHandling<Date> | 'mode'>;
 };
-declare const DateTimeInput: ({ date, onValueChange, onEditCompleted, onRemove, containerProps, mode, pickerProps, ...props }: DateTimeInputProps) => react_jsx_runtime.JSX.Element;
-declare const DateTimeInputUncontrolled: ({ date: initialDate, ...props }: DateTimeInputProps) => react_jsx_runtime.JSX.Element;
+declare const DateTimeInput: ({ value, onValueChange, onEditComplete, onRemove, containerProps, mode, pickerProps, ...props }: DateTimeInputProps) => react_jsx_runtime.JSX.Element;
+declare const DateTimeInputUncontrolled: ({ value: initialValue, ...props }: DateTimeInputProps) => react_jsx_runtime.JSX.Element;
 
 type InsideLabelInputProps = Omit<InputProps, 'aria-label' | 'aria-labelledby' | 'placeholder'> & {
     label: ReactNode;
@@ -1381,19 +1672,20 @@ type InsideLabelInputProps = Omit<InputProps, 'aria-label' | 'aria-labelledby' |
  *
  * The State is managed by the parent
  */
-declare const InsideLabelInput: React.ForwardRefExoticComponent<Omit<InputProps, "aria-label" | "aria-labelledby" | "placeholder"> & {
+declare const InsideLabelInput: React$1.ForwardRefExoticComponent<Omit<InputProps, "aria-label" | "aria-labelledby" | "placeholder"> & {
     label: ReactNode;
-} & React.RefAttributes<HTMLInputElement>>;
+} & React$1.RefAttributes<HTMLInputElement>>;
 declare const InsideLabelInputUncontrolled: ({ value: initialValue, ...props }: InsideLabelInputProps) => react_jsx_runtime.JSX.Element;
 
-type SearchBarProps = InputProps & {
-    onSearch?: (event: React__default.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+type SearchBarProps = Omit<InputProps, 'onValueChange' | 'onEditComplete'> & {
+    onValueChange?: (value: string) => void;
+    onSearch: (value: string) => void;
     searchButtonProps?: Omit<ButtonProps, 'onClick'>;
     containerProps?: HTMLAttributes<HTMLDivElement>;
 };
-declare const SearchBar: ({ onSearch, searchButtonProps, containerProps, ...inputProps }: SearchBarProps) => react_jsx_runtime.JSX.Element;
+declare const SearchBar: ({ value: initialValue, onSearch, onValueChange, searchButtonProps, containerProps, ...inputProps }: SearchBarProps) => react_jsx_runtime.JSX.Element;
 
-type ToggleableInputProps = Omit<InputProps, 'defaultStyle'> & {
+type ToggleableInputProps = InputProps & {
     initialState?: 'editing' | 'display';
     editCompleteOptions?: Omit<EditCompleteOptions, 'allowEnterComplete'>;
 };
@@ -1403,15 +1695,90 @@ type ToggleableInputProps = Omit<InputProps, 'defaultStyle'> & {
  *
  * The State is managed by the parent
  */
-declare const ToggleableInput: React.ForwardRefExoticComponent<Omit<InputProps, "defaultStyle"> & {
+declare const ToggleableInput: React$1.ForwardRefExoticComponent<Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "value"> & Partial<FormFieldDataHandling<string>> & Partial<FormFieldInteractionStates> & {
+    editCompleteOptions?: EditCompleteOptions;
+} & {
     initialState?: "editing" | "display";
     editCompleteOptions?: Omit<EditCompleteOptions, "allowEnterComplete">;
-} & React.RefAttributes<HTMLInputElement>>;
-declare const ToggleableInputUncontrolled: ({ value: initialValue, onChangeText, ...restProps }: ToggleableInputProps) => react_jsx_runtime.JSX.Element;
+} & React$1.RefAttributes<HTMLInputElement>>;
+declare const ToggleableInputUncontrolled: ({ value: initialValue, onValueChange, ...restProps }: ToggleableInputProps) => react_jsx_runtime.JSX.Element;
+
+type PropertyField<T> = {
+    name: string;
+    required?: boolean;
+    readOnly?: boolean;
+    allowClear?: boolean;
+    value?: T;
+    onRemove?: () => void;
+    onValueClear?: () => void;
+    onValueChange?: (value: T) => void;
+    onEditComplete?: (value: T) => void;
+};
+type PropertyBaseProps = {
+    children: (props: {
+        required: boolean;
+        hasValue: boolean;
+        invalid: boolean;
+    }) => ReactNode;
+    name: string;
+    required?: boolean;
+    readOnly?: boolean;
+    allowClear?: boolean;
+    allowRemove?: boolean;
+    hasValue: boolean;
+    onRemove?: () => void;
+    onValueClear?: () => void;
+    icon?: ReactNode;
+    className?: string;
+};
+/**
+ * A component for showing a properties with uniform styling
+ */
+declare const PropertyBase: ({ name, children, required, hasValue, icon, readOnly, allowClear, allowRemove, onRemove, onValueClear, className, }: PropertyBaseProps) => react_jsx_runtime.JSX.Element;
+
+type CheckboxPropertyProps = PropertyField<boolean>;
+/**
+ * An Input component for a boolean values
+ */
+declare const CheckboxProperty: ({ value, onValueChange, onEditComplete, readOnly, ...baseProps }: CheckboxPropertyProps) => react_jsx_runtime.JSX.Element;
+
+type DatePropertyProps = PropertyField<Date> & {
+    type?: 'dateTime' | 'date';
+};
+/**
+ * An Input for date properties
+ */
+declare const DateProperty: ({ value, onValueChange, onEditComplete, readOnly, type, ...baseProps }: DatePropertyProps) => react_jsx_runtime.JSX.Element;
+
+type MultiSelectPropertyProps = PropertyField<string[]> & PropsWithChildren;
+/**
+ * An Input for MultiSelect properties
+ */
+declare const MultiSelectProperty: ({ children, value, onValueChange, onEditComplete, ...props }: MultiSelectPropertyProps) => react_jsx_runtime.JSX.Element;
+
+type NumberPropertyProps = PropertyField<number> & {
+    suffix?: string;
+};
+/**
+ * An Input for number properties
+ */
+declare const NumberProperty: ({ value, onRemove, onValueChange, onEditComplete, readOnly, suffix, ...baseProps }: NumberPropertyProps) => react_jsx_runtime.JSX.Element;
+
+type SingleSelectPropertyProps = PropertyField<string> & PropsWithChildren;
+/**
+ * An Input for SingleSelect properties
+ */
+declare const SingleSelectProperty: ({ children, value, onValueChange, onEditComplete, ...props }: SingleSelectPropertyProps) => react_jsx_runtime.JSX.Element;
+
+type TextPropertyProps = PropertyField<string>;
+/**
+ * An Input for Text properties
+ */
+declare const TextProperty: ({ value, readOnly, onRemove, onValueChange, onEditComplete, ...baseProps }: TextPropertyProps) => react_jsx_runtime.JSX.Element;
 
 type FocusTrapProps = HTMLAttributes<HTMLDivElement> & {
     active?: boolean;
-    initialFocus?: RefObject<HTMLElement>;
+    initialFocus?: RefObject<HTMLElement | null>;
     /**
      * Whether to focus the first element when the initialFocus isn't provided
      *
@@ -1422,16 +1789,16 @@ type FocusTrapProps = HTMLAttributes<HTMLDivElement> & {
 /**
  * A wrapper for the useFocusTrap hook that directly renders it to a div
  */
-declare const FocusTrap: React.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
+declare const FocusTrap: React$1.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
     active?: boolean;
-    initialFocus?: RefObject<HTMLElement>;
+    initialFocus?: RefObject<HTMLElement | null>;
     /**
      * Whether to focus the first element when the initialFocus isn't provided
      *
      * Focuses the container instead
      */
     focusFirst?: boolean;
-} & React.RefAttributes<HTMLDivElement>>;
+} & React$1.RefAttributes<HTMLDivElement>>;
 
 type TransitionBag = {
     isOpen: boolean;
@@ -1453,7 +1820,30 @@ type TransitionWrapperProps = PropsWithBagFunctionOrChildren<TransitionBag> & {
 /**
  * Only use when you have a transition happening
  */
-declare function Transition({ children, show, includeAnimation, }: TransitionWrapperProps): React.ReactNode;
+declare function Transition({ children, show, includeAnimation, }: TransitionWrapperProps): string | number | bigint | boolean | React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>> | Iterable<React$1.ReactNode> | React$1.ReactPortal | Promise<string | number | bigint | boolean | React$1.ReactPortal | React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>> | Iterable<React$1.ReactNode>>;
+
+type LocaleContextValue = {
+    locale: HightideTranslationLocales;
+    setLocale: Dispatch<SetStateAction<HightideTranslationLocales>>;
+};
+declare const LocaleContext: React$1.Context<LocaleContextValue>;
+type LocaleWithSystem = HightideTranslationLocales | 'system';
+type LocaleProviderProps = PropsWithChildren & Partial<LocalizationConfig> & {
+    locale?: LocaleWithSystem;
+    onChangedLocale?: (locale: HightideTranslationLocales) => void;
+};
+declare const LocaleProvider: ({ children, locale, defaultLocale, onChangedLocale }: LocaleProviderProps) => react_jsx_runtime.JSX.Element;
+declare const useLocale: () => LocaleContextValue;
+declare const useLanguage: () => {
+    language: string;
+};
+
+type HightideProviderProps = PropsWithChildren & {
+    theme?: Omit<ThemeProviderProps, 'children'>;
+    locale?: Omit<LocaleProviderProps, 'children'>;
+    config?: Omit<HightideConfigProviderProps, 'children'>;
+};
+declare const HightideProvider: ({ children, theme, locale, config, }: HightideProviderProps) => react_jsx_runtime.JSX.Element;
 
 declare const useFocusGuards: () => void;
 
@@ -1543,9 +1933,28 @@ declare const useLogOnce: (message: string, condition: boolean, options?: Option
 
 declare const useOutsideClick: <Ts extends RefObject<HTMLElement>[]>(refs: Ts, handler: () => void) => void;
 
-declare const useOverwritableState: <T>(initialValue?: T, onChange?: (value: T) => void) => [T, React__default.Dispatch<React__default.SetStateAction<T>>];
+type OverlayItem = {
+    id: string;
+    tags?: string[];
+};
+type UseOverlayRegistryProps = Partial<OverlayItem> & {
+    isActive?: boolean;
+    /** Tags cannot change on every render, thus make sure they are wrapped in a useMemo or similar */
+    tags?: string[];
+};
+type UseOverlayRegistryResult = {
+    isInFront: boolean;
+    zIndex?: number;
+    position?: number;
+    tagPositions?: Record<string, number>;
+    hasAppeared: boolean;
+    tagItemCounts: Record<string, number>;
+};
+declare const useOverlayRegistry: (props?: UseOverlayRegistryProps) => UseOverlayRegistryResult;
+
+declare const useOverwritableState: <T>(overwriteValue?: T, onChange?: (value: T) => void) => [T, React__default.Dispatch<React__default.SetStateAction<T>>];
 
-declare const useRerender: () => React.ActionDispatch<[]>;
+declare const useRerender: () => React$1.ActionDispatch<[]>;
 
 /**
  * A hook that wraps the event listener attachment
@@ -1573,8 +1982,25 @@ declare const useSearch: <T>({ list, initialSearch, searchMapping, additionalSea
     allItems: T[];
     updateSearch: (newSearch?: string) => void;
     search: string;
-    setSearch: React.Dispatch<React.SetStateAction<string>>;
+    setSearch: React$1.Dispatch<React$1.SetStateAction<string>>;
+};
+
+type TransitionState = 'opened' | 'closed' | 'opening' | 'closing';
+type UseTransitionStateResult = {
+    transitionState: TransitionState;
+    isVisible: boolean;
+    callbacks: {
+        onAnimationStart: () => void;
+        onAnimationEnd: () => void;
+        onTransitionStart: () => void;
+        onTransitionEnd: () => void;
+        onTransitionCancel: () => void;
+    };
 };
+type UseTransitionStateProps = {
+    isOpen: boolean;
+};
+declare const useTransitionState: ({ isOpen }: UseTransitionStateProps) => UseTransitionStateResult;
 
 type ValidatorError = 'notEmpty' | 'invalidEmail' | 'tooLong' | 'tooShort' | 'outOfRangeString' | 'outOfRangeNumber' | 'outOfRangeSelectionItems' | 'tooFewSelectionItems' | 'tooManySelectionItems';
 type ValidatorResult = ValidatorError | undefined;
@@ -1587,224 +2013,10 @@ declare const UseValidators: {
 declare const useTranslatedValidators: () => {
     notEmpty: (value: unknown) => string;
     length: (value: string | undefined, length: [number | undefined, number | undefined]) => string;
-    email: (value: string) => string;
+    email: (value: string | undefined) => string;
     selection: (value: unknown[] | undefined, length: [number | undefined, number | undefined]) => string;
 };
 
-declare function useZIndexRegister(isActive: boolean): number;
-
-declare const hightideTranslationLocales: readonly ["de-DE", "en-US"];
-type HightideTranslationLocales = typeof hightideTranslationLocales[number];
-type HightideTranslationEntries = {
-    'add': string;
-    'age': string;
-    'all': string;
-    'apply': string;
-    'back': string;
-    'cancel': string;
-    'carousel': string;
-    'change': string;
-    'chooseLanguage': string;
-    'chooseSlide': string;
-    'chooseTheme': string;
-    'clear': string;
-    'click': string;
-    'clickToCopy': string;
-    'clickToSelect': string;
-    'close': string;
-    'confirm': string;
-    'copied': string;
-    'copy': string;
-    'create': string;
-    'decline': string;
-    'delete': string;
-    'discard': string;
-    'discardChanges': string;
-    'done': string;
-    'edit': string;
-    'endDate': string;
-    'enterText': string;
-    'entryDate': string;
-    'error': string;
-    'errorOccurred': string;
-    'exit': string;
-    'fieldRequiredError': string;
-    'filter': string;
-    'gender': (values: {
-        gender: string;
-    }) => string;
-    'goodToSeeYou': string;
-    'identifier': string;
-    'invalidEmail': string;
-    'invalidEmailError': string;
-    'language': string;
-    'less': string;
-    'loading': string;
-    'locale': string;
-    'max': string;
-    'maxLengthError': string;
-    'min': string;
-    'minLengthError': string;
-    'more': string;
-    'name': string;
-    'next': string;
-    'no': string;
-    'none': string;
-    'notEmpty': string;
-    'nothingFound': string;
-    'of': string;
-    'optional': string;
-    'outOfRangeNumber': (values: {
-        min: number;
-        max: number;
-    }) => string;
-    'outOfRangeSelectionItems': (values: {
-        min: number;
-        max: number;
-    }) => string;
-    'outOfRangeString': (values: {
-        min: number;
-        max: number;
-    }) => string;
-    'pleaseWait': string;
-    'previous': string;
-    'remove': string;
-    'required': string;
-    'reset': string;
-    'rSortingOrderAfter': (values: {
-        otherSortings: number;
-    }) => string;
-    'save': string;
-    'saved': string;
-    'search': string;
-    'select': string;
-    'selectOption': string;
-    'show': string;
-    'showLess': string;
-    'showMore': string;
-    'showSlide': (values: {
-        index: number;
-    }) => string;
-    'slide': string;
-    'slideNavigation': string;
-    'slideOf': (values: {
-        index: number;
-        length: number;
-    }) => string;
-    'startDate': string;
-    'street': string;
-    'submit': string;
-    'success': string;
-    'text': string;
-    'themeMode': (values: {
-        theme: string;
-    }) => string;
-    'themes': (values: {
-        count: number;
-    }) => string;
-    'time.ago': string;
-    'time.agoDays': (values: {
-        days: number;
-    }) => string;
-    'time.april': string;
-    'time.august': string;
-    'time.century': (values: {
-        count: number;
-    }) => string;
-    'time.day': (values: {
-        count: number;
-    }) => string;
-    'time.decade': (values: {
-        count: number;
-    }) => string;
-    'time.december': string;
-    'time.february': string;
-    'time.hour': (values: {
-        count: number;
-    }) => string;
-    'time.in': string;
-    'time.inDays': (values: {
-        days: number;
-    }) => string;
-    'time.january': string;
-    'time.july': string;
-    'time.june': string;
-    'time.march': string;
-    'time.may': string;
-    'time.microsecond': (values: {
-        count: number;
-    }) => string;
-    'time.millisecond': (values: {
-        count: number;
-    }) => string;
-    'time.minute': (values: {
-        count: number;
-    }) => string;
-    'time.month': (values: {
-        count: number;
-    }) => string;
-    'time.monthName': (values: {
-        month: string;
-    }) => string;
-    'time.nanosecond': (values: {
-        count: number;
-    }) => string;
-    'time.november': string;
-    'time.october': string;
-    'time.second': (values: {
-        count: number;
-    }) => string;
-    'time.september': string;
-    'time.today': string;
-    'time.tomorrow': string;
-    'time.year': (values: {
-        count: number;
-    }) => string;
-    'time.yesterday': string;
-    'tooFewSelectionItems': (values: {
-        min: number;
-    }) => string;
-    'tooLong': (values: {
-        max: number;
-    }) => string;
-    'tooManySelectionItems': (values: {
-        max: number;
-    }) => string;
-    'tooShort': (values: {
-        min: number;
-    }) => string;
-    'unsavedChanges': string;
-    'unsavedChangesSaveQuestion': string;
-    'update': string;
-    'value': string;
-    'welcome': string;
-    'yes': string;
-};
-declare const hightideTranslation: Translation<HightideTranslationLocales, Partial<HightideTranslationEntries>>;
-
-type LocaleContextValue = {
-    locale: HightideTranslationLocales;
-    setLocale: Dispatch<SetStateAction<HightideTranslationLocales>>;
-};
-declare const LocaleContext: React.Context<LocaleContextValue>;
-type LocaleWithSystem = HightideTranslationLocales | 'system';
-type LocaleProviderProps = {
-    locale?: LocaleWithSystem;
-    onChangedLocale?: (locale: HightideTranslationLocales) => void;
-};
-declare const LocaleProvider: ({ children, locale, onChangedLocale }: PropsWithChildren<LocaleProviderProps>) => react_jsx_runtime.JSX.Element;
-declare const useLocale: () => LocaleContextValue;
-declare const useLanguage: () => {
-    language: string;
-};
-
-type DeepPartial<T> = T extends string | number | boolean | bigint | symbol | null | undefined | Function ? T : T extends Array<infer U> ? Array<DeepPartial<U>> : T extends Map<infer K, infer V> ? Map<DeepPartial<K>, DeepPartial<V>> : T extends Set<infer U> ? Set<DeepPartial<U>> : T extends object ? {
-    [P in keyof T]?: DeepPartial<T[P]>;
-} : T;
-type SuperSet<T, Base> = Base extends T ? T : never;
-type SingleOrArray<T> = T | T[];
-type Exact<T, U extends T> = U;
-
 /**
  * Use for translations where you know that all values are ICU strings.
  *
@@ -1828,31 +2040,9 @@ declare function localeToLanguage(locale: HightideTranslationLocales): string;
 declare const LocalizationUtil: {
     locals: readonly ["de-DE", "en-US"];
     localToLanguage: typeof localeToLanguage;
-    DEFAULT_LOCALE: "en-US";
     languagesLocalNames: Record<"de-DE" | "en-US", string>;
 };
 
-declare const themes: readonly ["light", "dark", "system"];
-type ThemeType = typeof themes[number];
-type ResolvedTheme = Exclude<ThemeType, 'system'>;
-declare const ThemeUtil: {
-    themes: readonly ["light", "dark", "system"];
-};
-type ThemeContextType = {
-    theme: ThemeType;
-    resolvedTheme: ResolvedTheme;
-    setTheme: Dispatch<SetStateAction<ThemeType>>;
-};
-declare const ThemeContext: React.Context<ThemeContextType>;
-type ThemeProviderProps = {
-    /**
-     * Only set this if you want to control the theme yourself
-     */
-    theme?: ThemeType;
-};
-declare const ThemeProvider: ({ children, theme }: PropsWithChildren<ThemeProviderProps>) => react_jsx_runtime.JSX.Element;
-declare const useTheme: () => ThemeContextType;
-
 declare const equalSizeGroups: <T>(array: T[], groupSize: number) => T[][];
 type RangeOptions = {
     /**  Whether the range can be defined empty via end < start without a warning */
@@ -1942,6 +2132,57 @@ declare const PromiseUtils: {
     delayed: typeof delayed;
 };
 
+declare function bool(isActive: boolean): string | undefined;
+declare function name(name: string, props?: Record<string, unknown>): string;
+type InteractionStateDataAttributes = {
+    'data-disabled': string | undefined;
+    'data-invalid': string | undefined;
+    'data-readonly': string | undefined;
+    'data-required': string | undefined;
+};
+declare function interactionStatesData(interactionStates: Partial<FormFieldInteractionStates>): Partial<InteractionStateDataAttributes>;
+type MouseEventExtenderProps<T> = {
+    fromProps?: React__default.MouseEventHandler<T>;
+    extensions: SingleOrArray<React__default.MouseEventHandler<T>>;
+};
+declare function mouseEventExtender<T>({ fromProps, extensions }: MouseEventExtenderProps<T>): React__default.MouseEventHandler<T>;
+type KeyoardEventExtenderProps<T> = {
+    fromProps: React__default.KeyboardEventHandler<T>;
+    extensions: SingleOrArray<React__default.KeyboardEventHandler<T>>;
+};
+declare function keyboardEventExtender<T>({ fromProps, extensions, }: KeyoardEventExtenderProps<T>): React__default.KeyboardEventHandler<T>;
+declare function click<T>(onClick: () => void): {
+    onClick: () => void;
+    onKeyDown: React__default.KeyboardEventHandler<T>;
+};
+declare function close<T>(onClose: () => void): React__default.KeyboardEventHandler<T>;
+type NavigateType<T> = {
+    left?: (event: React__default.KeyboardEvent<T>) => void;
+    right?: (event: React__default.KeyboardEvent<T>) => void;
+    up?: (event: React__default.KeyboardEvent<T>) => void;
+    down?: (event: React__default.KeyboardEvent<T>) => void;
+};
+declare function navigate<T>({ left, right, up, down, }: NavigateType<T>): React__default.KeyboardEventHandler<T>;
+type InteractionStateARIAAttributes = Pick<HTMLAttributes<HTMLDivElement>, 'aria-disabled' | 'aria-invalid' | 'aria-readonly' | 'aria-required'>;
+declare function interactionStatesAria(interactionStates: Partial<FormFieldInteractionStates>, props?: Partial<InteractionStateARIAAttributes>): Partial<InteractionStateARIAAttributes>;
+declare const PropsUtil: {
+    extender: {
+        mouseEvent: typeof mouseEventExtender;
+        keyboardEvent: typeof keyboardEventExtender;
+    };
+    dataAttributes: {
+        bool: typeof bool;
+        name: typeof name;
+        interactionStates: typeof interactionStatesData;
+    };
+    aria: {
+        close: typeof close;
+        click: typeof click;
+        navigate: typeof navigate;
+        interactionStates: typeof interactionStatesAria;
+    };
+};
+
 declare function resolveSetState<T>(action: SetStateAction<T>, prev: T): T;
 
 /**
@@ -2010,4 +2251,4 @@ declare class SessionStorageService extends StorageService {
 
 declare const writeToClipboard: (text: string) => Promise<void>;
 
-export { ASTNodeInterpreter, type ASTNodeInterpreterProps, AnimatedRing, type AnimatedRingProps, ArrayUtil, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, type AvatarSize, AvatarUtil, type BagFunction, type BagFunctionOrNode, BagFunctionUtil, BreadCrumb, 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, ConfirmDialog, type ConfirmDialogProps, type ConfirmDialogType, CopyToClipboardWrapper, type CopyToClipboardWrapperProps, type Crumb, DatePicker, type DatePickerProps, DatePickerUncontrolled, DateProperty, type DatePropertyProps, DateTimeInput, type DateTimeInputProps, DateTimeInputUncontrolled, DateTimePicker, type DateTimePickerMode, type DateTimePickerProps, DateUtils, DayPicker, type DayPickerProps, DayPickerUncontrolled, type DeepPartial, Dialog, type DialogPosition, type DialogProps, type Direction, DiscardChangesDialog, DividerInserter, type DividerInserterProps, Duration, type DurationJSON, type EaseFunction, EaseFunctions, type EditCompleteOptions, type EditCompleteOptionsResolved, ErrorComponent, type ErrorComponentProps, type Exact, Expandable, type ExpandableProps, ExpandableUncontrolled, ExpansionIcon, type ExpansionIconProps, type FAQItem, FAQSection, type FAQSectionProps, FillerRowElement, type FillerRowElementProps, FloatingContainer, type FloatingContainerProps, type FloatingElementAlignment, FocusTrap, type FocusTrapProps, type FormElementStateProperties, FormElementWrapper, type FormElementWrapperProps, HelpwaveBadge, type HelpwaveBadgeProps, HelpwaveLogo, type HelpwaveProps, type HightideTranslationEntries, type HightideTranslationLocales, Input, InputDialog, type InputModalProps, type InputProps, InputUncontrolled, InsideLabelInput, InsideLabelInputUncontrolled, Label, type LabelProps, type LabelType, 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, LoadingButton, type LoadingComponentProps, LoadingContainer, LocalStorageService, LocaleContext, type LocaleContextValue, LocaleProvider, LocalizationUtil, LoopingArrayCalculator, MarkdownInterpreter, type MarkdownInterpreterProps, Menu, type MenuBag, MenuItem, type MenuItemProps, type MenuProps, type Month, MultiSearchWithMapping, MultiSelect, MultiSelectChipDisplay, type MultiSelectChipDisplayProps, MultiSelectChipDisplayUncontrolled, type MultiSelectChipDisplayUncontrolledProps, MultiSelectProperty, type MultiSelectPropertyProps, type MultiSelectProps, MultiSelectUncontrolled, type MultiSelectUncontrolledProps, MultiSubjectSearchWithMapping, Navigation, NavigationItemList, type NavigationItemListProps, type NavigationItemType, type NavigationProps, NumberProperty, type NumberPropertyProps, Pagination, type PaginationProps, type PopoverHorizontalAlignment, type PopoverVerticalAlignment, ProgressIndicator, type ProgressIndicatorProps, PromiseUtils, PropertyBase, type PropertyBaseProps, type PropsWithBagFunction, type PropsWithBagFunctionOrChildren, RadialRings, type RadialRingsProps, type RangeOptions, type ResolvedTheme, Ring, type RingProps, RingWave, type RingWaveProps, ScrollPicker, type ScrollPickerProps, SearchBar, type SearchBarProps, Select, SelectButton, SelectChipDisplay, SelectContent, type SelectContentProps, SelectOption, type SelectOptionProps, type SelectProps, SelectRoot, type SelectRootProps, SelectUncontrolled, type SelectUncontrolledProps, SessionStorageService, SimpleSearch, SimpleSearchWithMapping, type SingleOrArray, SingleSelectProperty, type SingleSelectPropertyProps, StepperBar, type StepperBarProps, StepperBarUncontrolled, type StepperState, type SuperSet, Tab, type TabContextType, type TabInfo, TabView, Table, TableCell, type TableCellProps, TableFilterButton, type TableFilterButtonProps, type TableFilterType, TableFilters, type TableProps, TableSortButton, type TableSortButtonProps, TableUncontrolled, type TableUncontrolledProps, TableWithSelection, type TableWithSelectionProps, TagIcon, type TagProps, TextImage, type TextImageProps, TextProperty, type TextPropertyProps, Textarea, type TextareaProps, TextareaUncontrolled, TextareaWithHeadline, type TextareaWithHeadlineProps, ThemeContext, ThemeDialog, ThemeProvider, type ThemeType, ThemeUtil, TimeDisplay, TimePicker, type TimePickerProps, TimePickerUncontrolled, ToggleableInput, ToggleableInputUncontrolled, Tooltip, type TooltipProps, Transition, type TransitionWrapperProps, type UseDelayOptions, type UseDelayOptionsResolved, type UseFloatingElementOptions, type UseFloatingElementProps, type UseFocusTrapProps, type UseSearchProps, UseValidators, type ValidatorError, type ValidatorResult, VerticalDivider, type VerticalDividerProps, Visibility, type VisibilityProps, type WeekDay, YearMonthPicker, type YearMonthPickerProps, YearMonthPickerUncontrolled, addDuration, builder, changeDuration, clamp, closestMatch, createLoopingList, createLoopingListWithIndex, equalSizeGroups, formatDate, formatDateTime, getBetweenDuration, getNeighbours, getWeeksForCalenderMonth, hightideTranslation, hightideTranslationLocales, isInTimeSpan, match, noop, range, resolveSetState, subtractDuration, useDelay, useFloatingElement, useFocusGuards, useFocusManagement, useFocusOnceVisible, useFocusTrap, useHightideTranslation, useHoverState, useICUTranslation, useIsMounted, useLanguage, useLocalStorage, useLocale, useLogOnce, useOutsideClick, useOverwritableState, usePopoverPosition, useRerender, useResizeCallbackWrapper, useSearch, useTabContext, useTheme, useTranslatedValidators, useZIndexRegister, validateEmail, writeToClipboard };
+export { ASTNodeInterpreter, type ASTNodeInterpreterProps, AnimatedRing, type AnimatedRingProps, ArrayUtil, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, type AvatarSize, type BagFunction, type BagFunctionOrNode, type BagFunctionOrValue, BagFunctionUtil, 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, ConfirmDialog, type ConfirmDialogProps, type ConfirmDialogType, CopyToClipboardWrapper, type CopyToClipboardWrapperProps, type Crumb, DatePicker, type DatePickerProps, DatePickerUncontrolled, DateProperty, type DatePropertyProps, DateTimeInput, type DateTimeInputProps, DateTimeInputUncontrolled, DateTimePicker, type DateTimePickerMode, type DateTimePickerProps, DateTimePickerUncontrolled, DateUtils, DayPicker, type DayPickerProps, DayPickerUncontrolled, type DeepPartial, Dialog, type DialogPosition, type DialogProps, type Direction, DiscardChangesDialog, DividerInserter, type DividerInserterProps, Drawer, type DrawerAligment, type DrawerProps, Duration, type DurationJSON, type EaseFunction, EaseFunctions, type EditCompleteOptions, type EditCompleteOptionsResolved, 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, FloatingContainer, type FloatingContainerProps, type FloatingElementAlignment, FocusTrap, type FocusTrapProps, 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, HelpwaveBadge, type HelpwaveBadgeProps, HelpwaveLogo, type HelpwaveProps, 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, Menu, type MenuBag, MenuItem, type MenuItemProps, type MenuProps, type Month, MultiSearchWithMapping, MultiSelect, MultiSelectChipDisplay, type MultiSelectChipDisplayProps, MultiSelectChipDisplayUncontrolled, type MultiSelectChipDisplayUncontrolledProps, MultiSelectProperty, type MultiSelectPropertyProps, type MultiSelectProps, MultiSelectUncontrolled, MultiSubjectSearchWithMapping, Navigation, NavigationItemList, type NavigationItemListProps, type NavigationItemType, type NavigationProps, NumberProperty, type NumberPropertyProps, type OverlayItem, Pagination, type PaginationProps, type PopoverHorizontalAlignment, type PopoverVerticalAlignment, ProgressIndicator, type ProgressIndicatorProps, PromiseUtils, PropertyBase, type PropertyBaseProps, type PropertyField, PropsUtil, type PropsWithBagFunction, type PropsWithBagFunctionOrChildren, RadialRings, type RadialRingsProps, type RangeOptions, type ResolvedTheme, Ring, type RingProps, RingWave, type RingWaveProps, ScrollPicker, type ScrollPickerProps, SearchBar, type SearchBarProps, Select, SelectButton, SelectChipDisplay, SelectContent, type SelectContentProps, SelectOption, type SelectOptionProps, type SelectProps, SelectRoot, type SelectRootProps, SelectUncontrolled, type SelectUncontrolledProps, SessionStorageService, 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, TableCell, type TableCellProps, TableFilterButton, type TableFilterButtonProps, type TableFilterType, TableFilters, type TableProps, TableSortButton, type TableSortButtonProps, TableUncontrolled, type TableUncontrolledProps, TableWithSelection, type TableWithSelectionProps, TagIcon, type TagProps, 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 UseCreateFormProps, type UseCreateFormResult, type UseDelayOptions, type UseDelayOptionsResolved, type UseFloatingElementOptions, type UseFloatingElementProps, type UseFocusTrapProps, type UseOverlayRegistryProps, type UseOverlayRegistryResult, type UseSearchProps, UseValidators, type ValidatorError, type ValidatorResult, VerticalDivider, type VerticalDividerProps, Visibility, type VisibilityProps, type WeekDay, YearMonthPicker, type YearMonthPickerProps, YearMonthPickerUncontrolled, addDuration, builder, changeDuration, clamp, closestMatch, createLoopingList, createLoopingListWithIndex, equalSizeGroups, formatDate, formatDateTime, getBetweenDuration, getNeighbours, getWeeksForCalenderMonth, hightideTranslation, hightideTranslationLocales, isInTimeSpan, match, noop, range, resolveSetState, subtractDuration, useCreateForm, useDelay, useFloatingElement, useFocusGuards, useFocusManagement, useFocusOnceVisible, useFocusTrap, useForm, useFormField, useHightideConfig, useHightideTranslation, useHoverState, useICUTranslation, useIsMounted, useLanguage, useLocalStorage, useLocale, useLogOnce, useOutsideClick, useOverlayRegistry, useOverwritableState, usePopoverPosition, useRerender, useResizeCallbackWrapper, useSearch, useTabContext, useTheme, useTransitionState, useTranslatedValidators, validateEmail, writeToClipboard };