@helpwave/hightide 0.1.48 → 0.3.0

package/dist/index.d.mts

@@ -1,25 +1,9 @@
 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, MutableRefObject, RefObject, TextareaHTMLAttributes, Dispatch, SetStateAction } from 'react';
-import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
 import { Column, RowData, FilterFn, ColumnDef, Table as Table$1, InitialTableState, Row, TableState, TableOptions, RowSelectionState, SortDirection } from '@tanstack/react-table';
-import { CheckboxProps as CheckboxProps$1 } from '@radix-ui/react-checkbox';
 import { Translation, TranslationEntries, PartialTranslationExtension } from '@helpwave/internationalization';
 
-declare const shadingColorValues: readonly [0, 50, 100, 150, 200, 250, 300, 350, 400, 450, 500, 550, 600, 650, 700, 750, 800, 850, 900, 950, 1000];
-type ColorShadingValue = typeof shadingColorValues[number];
-type ShadedColors = Record<ColorShadingValue, string>;
-type ColoringStyle = 'background' | 'tonal' | 'tonal-opaque' | 'text' | 'text-border';
-type ColorMode = 'light' | 'dark';
-type Coloring = {
-    color: '';
-    style?: ColoringStyle;
-    mode?: ColorMode;
-    hover?: boolean;
-};
-
-declare const generateShadingColors: (partialShading: Omit<Partial<ShadedColors>, "0" | "1000">) => ShadedColors;
-
 type Size = 'sm' | 'md' | 'lg';
 type HelpwaveBadgeProps = HTMLAttributes<HTMLSpanElement> & {
     size?: Size;
@@ -83,7 +67,7 @@ type YearMonthPickerProps = {
     maxHeight?: number;
     showValueOpen?: boolean;
 };
-declare const YearMonthPicker: ({ displayedYearMonth, start, end, onChange, className, maxHeight, showValueOpen }: YearMonthPickerProps) => react_jsx_runtime.JSX.Element;
+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';
@@ -128,35 +112,29 @@ type TimePickerProps = {
 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;
 
-declare const ButtonColorUtil: {
-    solid: readonly ["primary", "secondary", "tertiary", "positive", "warning", "negative", "neutral"];
-    text: readonly ["primary", "negative", "neutral"];
-    outline: readonly ["primary"];
-};
-declare const IconButtonUtil: {
-    icon: readonly ["primary", "secondary", "tertiary", "positive", "warning", "negative", "neutral", "transparent"];
-};
-/**
- * The allowed colors for the SolidButton and IconButton
- */
-type SolidButtonColor = typeof ButtonColorUtil.solid[number];
 /**
- * The allowed colors for the OutlineButton
- */
-type OutlineButtonColor = typeof ButtonColorUtil.outline[number];
-/**
- * The allowed colors for the TextButton
+ * The different sizes for a button
  */
-type TextButtonColor = typeof ButtonColorUtil.text[number];
+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 IconButton
+ * The allowed colors for the Button
  */
-type IconButtonColor = typeof IconButtonUtil.icon[number];
-/**
- * The different sizes for a button
- */
-type ButtonSizes = 'small' | 'medium' | 'large' | 'none';
-type IconButtonSize = 'tiny' | 'small' | 'medium' | 'large' | 'none';
+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
  */
@@ -164,67 +142,32 @@ type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
     /**
      * @default 'medium'
      */
-    size?: ButtonSizes;
-};
-declare const ButtonUtil: {
-    paddingMapping: Record<ButtonSizes, string>;
-    iconPaddingMapping: Record<IconButtonSize, string>;
-};
-type ButtonWithIconsProps = ButtonProps & {
+    size?: ButtonSize;
+    layout?: ButtonLayout;
+    color?: ButtonColor;
+    /**
+     * @default 'solid'
+     */
+    coloringStyle?: ButtonColoringStyle;
     startIcon?: ReactNode;
     endIcon?: ReactNode;
 };
-type SolidButtonProps = ButtonWithIconsProps & {
-    color?: SolidButtonColor;
-};
-type OutlineButtonProps = ButtonWithIconsProps & {
-    color?: OutlineButtonColor;
-};
-type TextButtonProps = ButtonWithIconsProps & {
-    color?: TextButtonColor;
-    coloredHoverBackground?: boolean;
-};
 /**
- * The shard properties between all button types
+ * A button with a solid background and different sizes
  */
-type IconButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
+declare const Button: React.ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & {
     /**
      * @default 'medium'
      */
-    size?: IconButtonSize;
-    color?: IconButtonColor;
-};
-/**
- * A button with a solid background and different sizes
- */
-declare const SolidButton: React.ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & {
+    size?: ButtonSize;
+    layout?: ButtonLayout;
+    color?: ButtonColor;
     /**
-     * @default 'medium'
+     * @default 'solid'
      */
-    size?: ButtonSizes;
-} & {
+    coloringStyle?: ButtonColoringStyle;
     startIcon?: ReactNode;
     endIcon?: ReactNode;
-} & {
-    color?: SolidButtonColor;
-} & React.RefAttributes<HTMLButtonElement>>;
-/**
- * A button with an outline border and different sizes
- */
-declare const OutlineButton: ({ children, color, size, startIcon, endIcon, onClick, className, ...restProps }: OutlineButtonProps) => react_jsx_runtime.JSX.Element;
-/**
- * A text that is a button that can have different sizes
- */
-declare const TextButton: ({ children, color, size, startIcon, endIcon, onClick, coloredHoverBackground, className, ...restProps }: TextButtonProps) => react_jsx_runtime.JSX.Element;
-/**
- * A button for icons with a solid background and different sizes
- */
-declare const IconButton: React.ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & {
-    /**
-     * @default 'medium'
-     */
-    size?: IconButtonSize;
-    color?: IconButtonColor;
 } & React.RefAttributes<HTMLButtonElement>>;
 
 type DialogPosition = 'top' | 'center' | 'none';
@@ -253,7 +196,7 @@ declare const Dialog: ({ children, isOpen, titleElement, description, isModal, o
 type ConfirmDialogType = 'positive' | 'negative' | 'neutral' | 'primary';
 type ButtonOverwriteType = {
     text?: string;
-    color?: SolidButtonColor;
+    color?: ButtonColor;
     disabled?: boolean;
 };
 type ConfirmDialogProps = Omit<DialogProps, 'onClose'> & {
@@ -528,12 +471,12 @@ 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 ["default", "dark", "red", "yellow", "green", "blue", "pink", "orange"];
+declare const chipColors: readonly ["primary", "secondary", "positive", "warning", "negative", "neutral", "none"];
 type ChipColor = typeof chipColors[number];
-type ChipVariant = 'normal' | 'fullyRounded';
-type ChipSize = 'sm' | 'md' | 'lg';
+type ChipVariant = 'normal' | 'fullyRounded' | 'none';
+type ChipSize = 'small' | 'medium' | 'large' | 'none';
 declare const ChipUtil: {
-    colors: readonly ["default", "dark", "red", "yellow", "green", "blue", "pink", "orange"];
+    colors: readonly ["primary", "secondary", "positive", "warning", "negative", "neutral", "none"];
 };
 type ChipProps = HTMLAttributes<HTMLDivElement> & PropsWithChildren<{
     color?: ChipColor;
@@ -545,7 +488,7 @@ type ChipProps = HTMLAttributes<HTMLDivElement> & PropsWithChildren<{
 /**
  * A component for displaying a single chip
  */
-declare const Chip: ({ children, trailingIcon, color, size, icon, variant, className, ...restProps }: ChipProps) => react_jsx_runtime.JSX.Element;
+declare const Chip: ({ children, trailingIcon, color, size, variant, className, ...restProps }: ChipProps) => react_jsx_runtime.JSX.Element;
 type ChipListProps = {
     list: ChipProps[];
     className?: string;
@@ -766,16 +709,6 @@ type MarkdownInterpreterProps = {
 };
 declare const MarkdownInterpreter: ({ text, className }: MarkdownInterpreterProps) => react_jsx_runtime.JSX.Element;
 
-type ScrollBarSize = 'sm' | 'md';
-type ScrollBarType = 'auto' | 'always' | 'scroll' | 'hover';
-type ScrollBarAxis = 'horizontal' | 'vertical' | 'both' | 'none';
-type ScrollAreaProps = Omit<ScrollAreaPrimitive.ScrollAreaProps, 'type'> & PropsWithChildren & {
-    scrollbarSize?: ScrollBarSize;
-    scrollbarType?: ScrollBarType;
-    scrollbarAxis?: ScrollBarAxis;
-};
-declare const ScrollArea: ({ children, scrollbarSize, scrollbarType, scrollbarAxis, className, ...props }: ScrollAreaProps) => react_jsx_runtime.JSX.Element;
-
 interface TabInfo {
     label: string;
 }
@@ -864,7 +797,7 @@ declare const LoadingAnimation: ({ loadingText, classname }: LoadingAnimationPro
 
 type LoadingButtonProps = {
     isLoading?: boolean;
-} & SolidButtonProps;
+} & ButtonProps;
 declare const LoadingButton: ({ isLoading, size, onClick, ...rest }: LoadingButtonProps) => react_jsx_runtime.JSX.Element;
 
 type LoadingComponentProps = {
@@ -1072,6 +1005,7 @@ type TableProps<T> = {
     fillerRow?: (columnId: string, table: Table$1<T>) => ReactNode;
     initialState?: Omit<InitialTableState, 'columnSizing' | 'columnSizingInfo'>;
     className?: string;
+    tableContainerClassName?: string;
     onRowClick?: (row: Row<T>, table: Table$1<T>) => void;
     state?: Omit<TableState, 'columnSizing' | 'columnSizingInfo'>;
     tableClassName?: string;
@@ -1079,7 +1013,7 @@ type TableProps<T> = {
 /**
  * The standard table
  */
-declare const Table: <T>({ data, fillerRow, initialState, onRowClick, className, tableClassName, defaultColumn, state, columns, ...tableOptions }: TableProps<T>) => react_jsx_runtime.JSX.Element;
+declare const Table: <T>({ data, fillerRow, initialState, onRowClick, className, tableClassName, tableContainerClassName, defaultColumn, state, columns, ...tableOptions }: TableProps<T>) => react_jsx_runtime.JSX.Element;
 type TableUncontrolledProps<T> = TableProps<T>;
 declare const TableUncontrolled: <T>({ data, ...props }: TableUncontrolledProps<T>) => react_jsx_runtime.JSX.Element;
 type TableWithSelectionProps<T> = TableProps<T> & {
@@ -1094,20 +1028,21 @@ type TableCellProps = PropsWithChildren<{
 }>;
 declare const TableCell: ({ children, className, }: TableCellProps) => react_jsx_runtime.JSX.Element;
 
-type TableSortButtonProps = IconButtonProps & {
+type TableSortButtonProps = ButtonProps & {
     sortDirection: SortDirection | false;
     invert?: boolean;
 };
 /**
  * An Extension of the normal button that displays the sorting state right of the content
  */
-declare const TableSortButton: ({ sortDirection, invert, color, className, ...buttonProps }: TableSortButtonProps) => react_jsx_runtime.JSX.Element;
+declare const TableSortButton: ({ sortDirection, invert, color, size, className, ...buttonProps }: TableSortButtonProps) => react_jsx_runtime.JSX.Element;
 
 type CheckBoxSize = 'sm' | 'md' | 'lg';
-type CheckboxProps = Omit<CheckboxProps$1, 'checked' | 'onCheckedChange' | 'onChange'> & {
+type CheckboxProps = HTMLAttributes<HTMLDivElement> & {
     checked?: boolean;
+    disabled?: boolean;
     indeterminate?: boolean;
-    onChange?: (checked: boolean) => void;
+    onCheckedChange?: (checked: boolean) => void;
     size?: CheckBoxSize;
 };
 /**
@@ -1115,14 +1050,14 @@ type CheckboxProps = Omit<CheckboxProps$1, 'checked' | 'onCheckedChange' | 'onCh
  *
  * The state is managed by the parent
  */
-declare const Checkbox: ({ disabled, checked, indeterminate, onChange, size, className, ...props }: CheckboxProps) => react_jsx_runtime.JSX.Element;
+declare const Checkbox: ({ disabled, checked, indeterminate, onCheckedChange, size, className, ...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, onChange, ...props }: CheckboxUncontrolledProps) => react_jsx_runtime.JSX.Element;
+declare const CheckboxUncontrolled: ({ checked: initialChecked, onCheckedChange, ...props }: CheckboxUncontrolledProps) => react_jsx_runtime.JSX.Element;
 
 type Position$1 = 'top' | 'bottom' | 'left' | 'right';
 type CopyToClipboardWrapperProps = PropsWithChildren<{
@@ -1227,102 +1162,6 @@ type SearchBarProps = InputProps & {
 };
 declare const SearchBar: ({ placeholder, onSearch, disableOnSearch, containerClassName, ...inputProps }: SearchBarProps) => react_jsx_runtime.JSX.Element;
 
-type TextareaProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'value'> & {
-    /** Inside the area */
-    value?: string;
-    invalid?: boolean;
-    onChangeText?: (text: string) => void;
-    onEditCompleted?: (text: string) => void;
-    saveDelayOptions?: UseDelayOptions;
-    defaultStyle?: boolean;
-};
-/**
- * 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;
-    defaultStyle?: boolean;
-} & 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 Position = 'top' | 'bottom' | 'left' | 'right';
-type TooltipProps = PropsWithChildren<{
-    tooltip: ReactNode;
-    /**
-     * Number of milliseconds until the tooltip appears
-     *
-     * defaults to 1000ms
-     */
-    animationDelay?: number;
-    /**
-     * Class names of additional styling properties for the tooltip
-     */
-    tooltipClassName?: string;
-    /**
-     * Class names of additional styling properties for the container from which the tooltip will be created
-     */
-    containerClassName?: string;
-    position?: Position;
-    zIndex?: number;
-}>;
-/**
- * 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
- * @param zIndex The z Index of the tooltip (you may require this when stacking modal)
- * @constructor
- */
-declare const Tooltip: ({ tooltip, children, animationDelay, tooltipClassName, containerClassName, position, zIndex, }: TooltipProps) => react_jsx_runtime.JSX.Element;
-
-type InsideLabelInputProps = Omit<InputProps, 'aria-label' | 'aria-labelledby' | 'placeholder'> & {
-    label: ReactNode;
-};
-/**
- * Text input component with a label inside the input that moves up when editing
- *
- * The State is managed by the parent
- */
-declare const InsideLabelInput: React.ForwardRefExoticComponent<Omit<InputProps, "aria-label" | "aria-labelledby" | "placeholder"> & {
-    label: ReactNode;
-} & React.RefAttributes<HTMLInputElement>>;
-declare const InsideLabelInputUncontrolled: ({ value: initialValue, ...props }: InsideLabelInputProps) => react_jsx_runtime.JSX.Element;
-
-type ToggleableInputProps = Omit<InputProps, 'defaultStyle'> & {
-    initialState?: 'editing' | 'display';
-    editCompleteOptions?: Omit<EditCompleteOptions, 'allowEnterComplete'>;
-};
-/**
- * A Text input component for inputting text. It changes appearance upon entering the edit mode and switches
- * back to display mode on loss of focus or on enter
- *
- * The State is managed by the parent
- */
-declare const ToggleableInput: React.ForwardRefExoticComponent<Omit<InputProps, "defaultStyle"> & {
-    initialState?: "editing" | "display";
-    editCompleteOptions?: Omit<EditCompleteOptions, "allowEnterComplete">;
-} & React.RefAttributes<HTMLInputElement>>;
-declare const ToggleableInputUncontrolled: ({ value: initialValue, onChangeText, ...restProps }: ToggleableInputProps) => react_jsx_runtime.JSX.Element;
-
 type SelectIconAppearance = 'left' | 'right' | 'none';
 type SelectRootProps = PropsWithChildren<{
     id?: string;
@@ -1422,6 +1261,100 @@ declare const MultiSelectChipDisplayUncontrolled: React__default.ForwardRefExoti
     chipDisplayProps?: SelectChipDisplayProps;
 } & React__default.RefAttributes<HTMLDivElement>>;
 
+type TextareaProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'value'> & {
+    /** Inside the area */
+    value?: string;
+    invalid?: boolean;
+    onChangeText?: (text: string) => void;
+    onEditCompleted?: (text: string) => void;
+    saveDelayOptions?: UseDelayOptions;
+    defaultStyle?: boolean;
+};
+/**
+ * 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;
+    defaultStyle?: boolean;
+} & 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 Position = 'top' | 'bottom' | 'left' | 'right';
+type TooltipProps = PropsWithChildren<{
+    tooltip: ReactNode;
+    /**
+     * Number of milliseconds until the tooltip appears
+     *
+     * defaults to 1000ms
+     */
+    animationDelay?: number;
+    /**
+     * Class names of additional styling properties for the tooltip
+     */
+    tooltipClassName?: string;
+    /**
+     * Class names of additional styling properties for the container from which the tooltip will be created
+     */
+    containerClassName?: string;
+    position?: Position;
+}>;
+/**
+ * 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, animationDelay, tooltipClassName, containerClassName, position, }: TooltipProps) => react_jsx_runtime.JSX.Element;
+
+type InsideLabelInputProps = Omit<InputProps, 'aria-label' | 'aria-labelledby' | 'placeholder'> & {
+    label: ReactNode;
+};
+/**
+ * Text input component with a label inside the input that moves up when editing
+ *
+ * The State is managed by the parent
+ */
+declare const InsideLabelInput: React.ForwardRefExoticComponent<Omit<InputProps, "aria-label" | "aria-labelledby" | "placeholder"> & {
+    label: ReactNode;
+} & React.RefAttributes<HTMLInputElement>>;
+declare const InsideLabelInputUncontrolled: ({ value: initialValue, ...props }: InsideLabelInputProps) => react_jsx_runtime.JSX.Element;
+
+type ToggleableInputProps = Omit<InputProps, 'defaultStyle'> & {
+    initialState?: 'editing' | 'display';
+    editCompleteOptions?: Omit<EditCompleteOptions, 'allowEnterComplete'>;
+};
+/**
+ * A Text input component for inputting text. It changes appearance upon entering the edit mode and switches
+ * back to display mode on loss of focus or on enter
+ *
+ * The State is managed by the parent
+ */
+declare const ToggleableInput: React.ForwardRefExoticComponent<Omit<InputProps, "defaultStyle"> & {
+    initialState?: "editing" | "display";
+    editCompleteOptions?: Omit<EditCompleteOptions, "allowEnterComplete">;
+} & React.RefAttributes<HTMLInputElement>>;
+declare const ToggleableInputUncontrolled: ({ value: initialValue, onChangeText, ...restProps }: ToggleableInputProps) => react_jsx_runtime.JSX.Element;
+
 type FocusTrapProps = HTMLAttributes<HTMLDivElement> & {
     active?: boolean;
     initialFocus?: MutableRefObject<HTMLElement>;
@@ -1604,6 +1537,8 @@ declare const useTranslatedValidators: () => {
     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 = {
@@ -1943,6 +1878,13 @@ declare const clamp: (value: number, range?: [number, number]) => number;
 
 declare const noop: () => any;
 
+declare function sleep(ms: number): Promise<void>;
+declare function delayed<T>(value: T, ms: number): Promise<T>;
+declare const PromiseUtils: {
+    sleep: typeof sleep;
+    delayed: typeof delayed;
+};
+
 declare function resolveSetState<T>(action: SetStateAction<T>, prev: T): T;
 
 /**
@@ -2011,4 +1953,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, ButtonColorUtil, type ButtonProps, ButtonUtil, Carousel, type CarouselProps, CarouselSlide, type CarouselSlideProps, Checkbox, CheckboxProperty, type CheckboxPropertyProps, type CheckboxProps, CheckboxUncontrolled, type CheckboxUncontrolledProps, Chip, type ChipColor, ChipList, type ChipListProps, type ChipProps, ChipUtil, Circle, type CircleProps, type ColorMode, type ColorShadingValue, type Coloring, type ColoringStyle, ConfirmDialog, type ConfirmDialogProps, type ConfirmDialogType, CopyToClipboardWrapper, type CopyToClipboardWrapperProps, type Crumb, DatePicker, type DatePickerProps, DatePickerUncontrolled, DateProperty, type DatePropertyProps, DateTimePicker, type DateTimePickerMode, type DateTimePickerProps, DayPicker, type DayPickerProps, DayPickerUncontrolled, type DeepPartial, Dialog, type DialogPosition, type DialogProps, type Direction, DiscardChangesDialog, DividerInserter, type DividerInserterProps, type Duration, 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, IconButton, type IconButtonColor, type IconButtonProps, IconButtonUtil, 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, OutlineButton, type OutlineButtonColor, type OutlineButtonProps, Pagination, type PaginationProps, type PopoverHorizontalAlignment, type PopoverVerticalAlignment, ProgressIndicator, type ProgressIndicatorProps, PropertyBase, type PropertyBaseProps, type PropsWithBagFunction, type PropsWithBagFunctionOrChildren, RadialRings, type RadialRingsProps, type RangeOptions, type ResolvedTheme, Ring, type RingProps, RingWave, type RingWaveProps, ScrollArea, type ScrollAreaProps, type ScrollBarAxis, type ScrollBarSize, type ScrollBarType, ScrollPicker, type ScrollPickerProps, SearchBar, type SearchBarProps, Select, SelectButton, SelectChipDisplay, SelectContent, type SelectContentProps, SelectOption, type SelectOptionProps, type SelectProps, SelectRoot, type SelectRootProps, SelectUncontrolled, type SelectUncontrolledProps, SessionStorageService, type ShadedColors, SimpleSearch, SimpleSearchWithMapping, type SingleOrArray, SingleSelectProperty, type SingleSelectPropertyProps, SolidButton, type SolidButtonColor, type SolidButtonProps, 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, TextButton, type TextButtonColor, type TextButtonProps, 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, type WeekDay, YearMonthPicker, type YearMonthPickerProps, YearMonthPickerUncontrolled, addDuration, builder, changeDuration, clamp, closestMatch, createLoopingList, createLoopingListWithIndex, equalDate, equalSizeGroups, formatDate, formatDateTime, generateShadingColors, getBetweenDuration, getDaysInMonth, getNeighbours, getWeeksForCalenderMonth, hightideTranslation, hightideTranslationLocales, isInTimeSpan, match, monthsList, noop, range, resolveSetState, shadingColorValues, subtractDuration, useDelay, useFloatingElement, useFocusGuards, useFocusManagement, useFocusOnceVisible, useFocusTrap, useHightideTranslation, useHoverState, useICUTranslation, useIsMounted, useLanguage, useLocalStorage, useLocale, useLogOnce, useOutsideClick, useOverwritableState, usePopoverPosition, useRerender, useResizeCallbackWrapper, useSearch, useTabContext, useTheme, useTranslatedValidators, validateEmail, weekDayList, writeToClipboard };
+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, DateTimePicker, type DateTimePickerMode, type DateTimePickerProps, DayPicker, type DayPickerProps, DayPickerUncontrolled, type DeepPartial, Dialog, type DialogPosition, type DialogProps, type Direction, DiscardChangesDialog, DividerInserter, type DividerInserterProps, type Duration, 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, type WeekDay, YearMonthPicker, type YearMonthPickerProps, YearMonthPickerUncontrolled, addDuration, builder, changeDuration, clamp, closestMatch, createLoopingList, createLoopingListWithIndex, equalDate, equalSizeGroups, formatDate, formatDateTime, getBetweenDuration, getDaysInMonth, getNeighbours, getWeeksForCalenderMonth, hightideTranslation, hightideTranslationLocales, isInTimeSpan, match, monthsList, 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, weekDayList, writeToClipboard };