@helpwave/hightide 0.2.0 → 0.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.d.mts CHANGED
@@ -4,20 +4,6 @@ import React__default, { HTMLAttributes, ButtonHTMLAttributes, ReactNode, PropsW
4
4
  import { Column, RowData, FilterFn, ColumnDef, Table as Table$1, InitialTableState, Row, TableState, TableOptions, RowSelectionState, SortDirection } from '@tanstack/react-table';
5
5
  import { Translation, TranslationEntries, PartialTranslationExtension } from '@helpwave/internationalization';
6
6
 
7
- 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];
8
- type ColorShadingValue = typeof shadingColorValues[number];
9
- type ShadedColors = Record<ColorShadingValue, string>;
10
- type ColoringStyle = 'background' | 'tonal' | 'tonal-opaque' | 'text' | 'text-border';
11
- type ColorMode = 'light' | 'dark';
12
- type Coloring = {
13
- color: '';
14
- style?: ColoringStyle;
15
- mode?: ColorMode;
16
- hover?: boolean;
17
- };
18
-
19
- declare const generateShadingColors: (partialShading: Omit<Partial<ShadedColors>, "0" | "1000">) => ShadedColors;
20
-
21
7
  type Size = 'sm' | 'md' | 'lg';
22
8
  type HelpwaveBadgeProps = HTMLAttributes<HTMLSpanElement> & {
23
9
  size?: Size;
@@ -81,7 +67,7 @@ type YearMonthPickerProps = {
81
67
  maxHeight?: number;
82
68
  showValueOpen?: boolean;
83
69
  };
84
- declare const YearMonthPicker: ({ displayedYearMonth, start, end, onChange, className, maxHeight, showValueOpen }: YearMonthPickerProps) => react_jsx_runtime.JSX.Element;
70
+ declare const YearMonthPicker: ({ displayedYearMonth, start, end, onChange, className, showValueOpen }: YearMonthPickerProps) => react_jsx_runtime.JSX.Element;
85
71
  declare const YearMonthPickerUncontrolled: ({ displayedYearMonth, onChange, ...props }: YearMonthPickerProps) => react_jsx_runtime.JSX.Element;
86
72
 
87
73
  type DisplayMode = 'yearMonth' | 'day';
@@ -126,35 +112,29 @@ type TimePickerProps = {
126
112
  declare const TimePicker: ({ time, onChange, is24HourFormat, minuteIncrement, maxHeight, className }: TimePickerProps) => react_jsx_runtime.JSX.Element;
127
113
  declare const TimePickerUncontrolled: ({ time, onChange, ...props }: TimePickerProps) => react_jsx_runtime.JSX.Element;
128
114
 
129
- declare const ButtonColorUtil: {
130
- solid: readonly ["primary", "secondary", "tertiary", "positive", "warning", "negative", "neutral"];
131
- text: readonly ["primary", "negative", "neutral"];
132
- outline: readonly ["primary"];
133
- };
134
- declare const IconButtonUtil: {
135
- icon: readonly ["primary", "secondary", "tertiary", "positive", "warning", "negative", "neutral", "transparent"];
136
- };
137
- /**
138
- * The allowed colors for the SolidButton and IconButton
139
- */
140
- type SolidButtonColor = typeof ButtonColorUtil.solid[number];
141
115
  /**
142
- * The allowed colors for the OutlineButton
143
- */
144
- type OutlineButtonColor = typeof ButtonColorUtil.outline[number];
145
- /**
146
- * The allowed colors for the TextButton
116
+ * The different sizes for a button
147
117
  */
148
- type TextButtonColor = typeof ButtonColorUtil.text[number];
118
+ type ButtonSize = 'tiny' | 'small' | 'medium' | 'large' | 'none';
119
+ type ButtonColoringStyle = 'outline' | 'solid' | 'text' | 'tonal' | 'none';
120
+ type ButtonLayout = 'icon' | 'default' | 'none';
121
+ declare const buttonColorsList: readonly ["primary", "secondary", "positive", "warning", "negative", "neutral", "none"];
149
122
  /**
150
- * The allowed colors for the IconButton
123
+ * The allowed colors for the Button
151
124
  */
152
- type IconButtonColor = typeof IconButtonUtil.icon[number];
153
- /**
154
- * The different sizes for a button
155
- */
156
- type ButtonSizes = 'small' | 'medium' | 'large' | 'none';
157
- type IconButtonSize = 'tiny' | 'small' | 'medium' | 'large' | 'none';
125
+ type ButtonColor = typeof buttonColorsList[number];
126
+ declare const ButtonUtil: {
127
+ colors: readonly ["primary", "secondary", "positive", "warning", "negative", "neutral", "none"];
128
+ colorClasses: {
129
+ primary: string;
130
+ secondary: string;
131
+ positive: string;
132
+ warning: string;
133
+ negative: string;
134
+ neutral: string;
135
+ none: string;
136
+ };
137
+ };
158
138
  /**
159
139
  * The shard properties between all button types
160
140
  */
@@ -162,67 +142,32 @@ type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
162
142
  /**
163
143
  * @default 'medium'
164
144
  */
165
- size?: ButtonSizes;
166
- };
167
- declare const ButtonUtil: {
168
- paddingMapping: Record<ButtonSizes, string>;
169
- iconPaddingMapping: Record<IconButtonSize, string>;
170
- };
171
- type ButtonWithIconsProps = ButtonProps & {
145
+ size?: ButtonSize;
146
+ layout?: ButtonLayout;
147
+ color?: ButtonColor;
148
+ /**
149
+ * @default 'solid'
150
+ */
151
+ coloringStyle?: ButtonColoringStyle;
172
152
  startIcon?: ReactNode;
173
153
  endIcon?: ReactNode;
174
154
  };
175
- type SolidButtonProps = ButtonWithIconsProps & {
176
- color?: SolidButtonColor;
177
- };
178
- type OutlineButtonProps = ButtonWithIconsProps & {
179
- color?: OutlineButtonColor;
180
- };
181
- type TextButtonProps = ButtonWithIconsProps & {
182
- color?: TextButtonColor;
183
- coloredHoverBackground?: boolean;
184
- };
185
155
  /**
186
- * The shard properties between all button types
156
+ * A button with a solid background and different sizes
187
157
  */
188
- type IconButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
158
+ declare const Button: React.ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & {
189
159
  /**
190
160
  * @default 'medium'
191
161
  */
192
- size?: IconButtonSize;
193
- color?: IconButtonColor;
194
- };
195
- /**
196
- * A button with a solid background and different sizes
197
- */
198
- declare const SolidButton: React.ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & {
162
+ size?: ButtonSize;
163
+ layout?: ButtonLayout;
164
+ color?: ButtonColor;
199
165
  /**
200
- * @default 'medium'
166
+ * @default 'solid'
201
167
  */
202
- size?: ButtonSizes;
203
- } & {
168
+ coloringStyle?: ButtonColoringStyle;
204
169
  startIcon?: ReactNode;
205
170
  endIcon?: ReactNode;
206
- } & {
207
- color?: SolidButtonColor;
208
- } & React.RefAttributes<HTMLButtonElement>>;
209
- /**
210
- * A button with an outline border and different sizes
211
- */
212
- declare const OutlineButton: ({ children, color, size, startIcon, endIcon, onClick, className, ...restProps }: OutlineButtonProps) => react_jsx_runtime.JSX.Element;
213
- /**
214
- * A text that is a button that can have different sizes
215
- */
216
- declare const TextButton: ({ children, color, size, startIcon, endIcon, onClick, coloredHoverBackground, className, ...restProps }: TextButtonProps) => react_jsx_runtime.JSX.Element;
217
- /**
218
- * A button for icons with a solid background and different sizes
219
- */
220
- declare const IconButton: React.ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & {
221
- /**
222
- * @default 'medium'
223
- */
224
- size?: IconButtonSize;
225
- color?: IconButtonColor;
226
171
  } & React.RefAttributes<HTMLButtonElement>>;
227
172
 
228
173
  type DialogPosition = 'top' | 'center' | 'none';
@@ -251,7 +196,7 @@ declare const Dialog: ({ children, isOpen, titleElement, description, isModal, o
251
196
  type ConfirmDialogType = 'positive' | 'negative' | 'neutral' | 'primary';
252
197
  type ButtonOverwriteType = {
253
198
  text?: string;
254
- color?: SolidButtonColor;
199
+ color?: ButtonColor;
255
200
  disabled?: boolean;
256
201
  };
257
202
  type ConfirmDialogProps = Omit<DialogProps, 'onClose'> & {
@@ -526,12 +471,12 @@ type CarouselProps = Omit<HTMLAttributes<HTMLDivElement>, 'children'> & {
526
471
  };
527
472
  declare const Carousel: ({ children, animationTime, isLooping, isAutoPlaying, autoLoopingTimeOut, autoLoopAnimationTime, hintNext, arrows, dots, blurColor, heightClassName, slideClassName, slideContainerProps, onSlideChanged, ...props }: CarouselProps) => react_jsx_runtime.JSX.Element;
528
473
 
529
- declare const chipColors: readonly ["default", "dark", "red", "yellow", "green", "blue", "pink", "orange"];
474
+ declare const chipColors: readonly ["primary", "secondary", "positive", "warning", "negative", "neutral", "none"];
530
475
  type ChipColor = typeof chipColors[number];
531
- type ChipVariant = 'normal' | 'fullyRounded';
532
- type ChipSize = 'sm' | 'md' | 'lg';
476
+ type ChipVariant = 'normal' | 'fullyRounded' | 'none';
477
+ type ChipSize = 'small' | 'medium' | 'large' | 'none';
533
478
  declare const ChipUtil: {
534
- colors: readonly ["default", "dark", "red", "yellow", "green", "blue", "pink", "orange"];
479
+ colors: readonly ["primary", "secondary", "positive", "warning", "negative", "neutral", "none"];
535
480
  };
536
481
  type ChipProps = HTMLAttributes<HTMLDivElement> & PropsWithChildren<{
537
482
  color?: ChipColor;
@@ -543,7 +488,7 @@ type ChipProps = HTMLAttributes<HTMLDivElement> & PropsWithChildren<{
543
488
  /**
544
489
  * A component for displaying a single chip
545
490
  */
546
- declare const Chip: ({ children, trailingIcon, color, size, icon, variant, className, ...restProps }: ChipProps) => react_jsx_runtime.JSX.Element;
491
+ declare const Chip: ({ children, trailingIcon, color, size, variant, className, ...restProps }: ChipProps) => react_jsx_runtime.JSX.Element;
547
492
  type ChipListProps = {
548
493
  list: ChipProps[];
549
494
  className?: string;
@@ -852,7 +797,7 @@ declare const LoadingAnimation: ({ loadingText, classname }: LoadingAnimationPro
852
797
 
853
798
  type LoadingButtonProps = {
854
799
  isLoading?: boolean;
855
- } & SolidButtonProps;
800
+ } & ButtonProps;
856
801
  declare const LoadingButton: ({ isLoading, size, onClick, ...rest }: LoadingButtonProps) => react_jsx_runtime.JSX.Element;
857
802
 
858
803
  type LoadingComponentProps = {
@@ -1060,6 +1005,7 @@ type TableProps<T> = {
1060
1005
  fillerRow?: (columnId: string, table: Table$1<T>) => ReactNode;
1061
1006
  initialState?: Omit<InitialTableState, 'columnSizing' | 'columnSizingInfo'>;
1062
1007
  className?: string;
1008
+ tableContainerClassName?: string;
1063
1009
  onRowClick?: (row: Row<T>, table: Table$1<T>) => void;
1064
1010
  state?: Omit<TableState, 'columnSizing' | 'columnSizingInfo'>;
1065
1011
  tableClassName?: string;
@@ -1067,7 +1013,7 @@ type TableProps<T> = {
1067
1013
  /**
1068
1014
  * The standard table
1069
1015
  */
1070
- declare const Table: <T>({ data, fillerRow, initialState, onRowClick, className, tableClassName, defaultColumn, state, columns, ...tableOptions }: TableProps<T>) => react_jsx_runtime.JSX.Element;
1016
+ declare const Table: <T>({ data, fillerRow, initialState, onRowClick, className, tableClassName, tableContainerClassName, defaultColumn, state, columns, ...tableOptions }: TableProps<T>) => react_jsx_runtime.JSX.Element;
1071
1017
  type TableUncontrolledProps<T> = TableProps<T>;
1072
1018
  declare const TableUncontrolled: <T>({ data, ...props }: TableUncontrolledProps<T>) => react_jsx_runtime.JSX.Element;
1073
1019
  type TableWithSelectionProps<T> = TableProps<T> & {
@@ -1082,14 +1028,14 @@ type TableCellProps = PropsWithChildren<{
1082
1028
  }>;
1083
1029
  declare const TableCell: ({ children, className, }: TableCellProps) => react_jsx_runtime.JSX.Element;
1084
1030
 
1085
- type TableSortButtonProps = IconButtonProps & {
1031
+ type TableSortButtonProps = ButtonProps & {
1086
1032
  sortDirection: SortDirection | false;
1087
1033
  invert?: boolean;
1088
1034
  };
1089
1035
  /**
1090
1036
  * An Extension of the normal button that displays the sorting state right of the content
1091
1037
  */
1092
- declare const TableSortButton: ({ sortDirection, invert, color, className, ...buttonProps }: TableSortButtonProps) => react_jsx_runtime.JSX.Element;
1038
+ declare const TableSortButton: ({ sortDirection, invert, color, size, className, ...buttonProps }: TableSortButtonProps) => react_jsx_runtime.JSX.Element;
1093
1039
 
1094
1040
  type CheckBoxSize = 'sm' | 'md' | 'lg';
1095
1041
  type CheckboxProps = HTMLAttributes<HTMLDivElement> & {
@@ -1216,102 +1162,6 @@ type SearchBarProps = InputProps & {
1216
1162
  };
1217
1163
  declare const SearchBar: ({ placeholder, onSearch, disableOnSearch, containerClassName, ...inputProps }: SearchBarProps) => react_jsx_runtime.JSX.Element;
1218
1164
 
1219
- type TextareaProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'value'> & {
1220
- /** Inside the area */
1221
- value?: string;
1222
- invalid?: boolean;
1223
- onChangeText?: (text: string) => void;
1224
- onEditCompleted?: (text: string) => void;
1225
- saveDelayOptions?: UseDelayOptions;
1226
- defaultStyle?: boolean;
1227
- };
1228
- /**
1229
- * A Textarea component for inputting longer texts
1230
- *
1231
- * The State is managed by the parent
1232
- */
1233
- declare const Textarea: React.ForwardRefExoticComponent<Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "value"> & {
1234
- /** Inside the area */
1235
- value?: string;
1236
- invalid?: boolean;
1237
- onChangeText?: (text: string) => void;
1238
- onEditCompleted?: (text: string) => void;
1239
- saveDelayOptions?: UseDelayOptions;
1240
- defaultStyle?: boolean;
1241
- } & React.RefAttributes<HTMLTextAreaElement>>;
1242
- /**
1243
- * A Textarea component that is not controlled by its parent
1244
- */
1245
- declare const TextareaUncontrolled: ({ value, onChangeText, ...props }: TextareaProps) => react_jsx_runtime.JSX.Element;
1246
- type TextareaWithHeadlineProps = Omit<TextareaProps, 'defaultStyle'> & {
1247
- headline: ReactNode;
1248
- headlineProps: Omit<LabelProps, 'children'>;
1249
- containerClassName?: string;
1250
- };
1251
- declare const TextareaWithHeadline: ({ id, headline, headlineProps, disabled, className, containerClassName, ...props }: TextareaWithHeadlineProps) => react_jsx_runtime.JSX.Element;
1252
-
1253
- type Position = 'top' | 'bottom' | 'left' | 'right';
1254
- type TooltipProps = PropsWithChildren<{
1255
- tooltip: ReactNode;
1256
- /**
1257
- * Number of milliseconds until the tooltip appears
1258
- *
1259
- * defaults to 1000ms
1260
- */
1261
- animationDelay?: number;
1262
- /**
1263
- * Class names of additional styling properties for the tooltip
1264
- */
1265
- tooltipClassName?: string;
1266
- /**
1267
- * Class names of additional styling properties for the container from which the tooltip will be created
1268
- */
1269
- containerClassName?: string;
1270
- position?: Position;
1271
- zIndex?: number;
1272
- }>;
1273
- /**
1274
- * A Component for showing a tooltip when hovering over Content
1275
- * @param tooltip The tooltip to show can be a text or any ReactNode
1276
- * @param children The Content for which the tooltip should be created
1277
- * @param animationDelay The delay before the tooltip appears
1278
- * @param tooltipClassName Additional ClassNames for the Container of the tooltip
1279
- * @param containerClassName Additional ClassNames for the Container holding the content
1280
- * @param position The direction of the tooltip relative to the Container
1281
- * @param zIndex The z Index of the tooltip (you may require this when stacking modal)
1282
- * @constructor
1283
- */
1284
- declare const Tooltip: ({ tooltip, children, animationDelay, tooltipClassName, containerClassName, position, zIndex, }: TooltipProps) => react_jsx_runtime.JSX.Element;
1285
-
1286
- type InsideLabelInputProps = Omit<InputProps, 'aria-label' | 'aria-labelledby' | 'placeholder'> & {
1287
- label: ReactNode;
1288
- };
1289
- /**
1290
- * Text input component with a label inside the input that moves up when editing
1291
- *
1292
- * The State is managed by the parent
1293
- */
1294
- declare const InsideLabelInput: React.ForwardRefExoticComponent<Omit<InputProps, "aria-label" | "aria-labelledby" | "placeholder"> & {
1295
- label: ReactNode;
1296
- } & React.RefAttributes<HTMLInputElement>>;
1297
- declare const InsideLabelInputUncontrolled: ({ value: initialValue, ...props }: InsideLabelInputProps) => react_jsx_runtime.JSX.Element;
1298
-
1299
- type ToggleableInputProps = Omit<InputProps, 'defaultStyle'> & {
1300
- initialState?: 'editing' | 'display';
1301
- editCompleteOptions?: Omit<EditCompleteOptions, 'allowEnterComplete'>;
1302
- };
1303
- /**
1304
- * A Text input component for inputting text. It changes appearance upon entering the edit mode and switches
1305
- * back to display mode on loss of focus or on enter
1306
- *
1307
- * The State is managed by the parent
1308
- */
1309
- declare const ToggleableInput: React.ForwardRefExoticComponent<Omit<InputProps, "defaultStyle"> & {
1310
- initialState?: "editing" | "display";
1311
- editCompleteOptions?: Omit<EditCompleteOptions, "allowEnterComplete">;
1312
- } & React.RefAttributes<HTMLInputElement>>;
1313
- declare const ToggleableInputUncontrolled: ({ value: initialValue, onChangeText, ...restProps }: ToggleableInputProps) => react_jsx_runtime.JSX.Element;
1314
-
1315
1165
  type SelectIconAppearance = 'left' | 'right' | 'none';
1316
1166
  type SelectRootProps = PropsWithChildren<{
1317
1167
  id?: string;
@@ -1411,6 +1261,100 @@ declare const MultiSelectChipDisplayUncontrolled: React__default.ForwardRefExoti
1411
1261
  chipDisplayProps?: SelectChipDisplayProps;
1412
1262
  } & React__default.RefAttributes<HTMLDivElement>>;
1413
1263
 
1264
+ type TextareaProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'value'> & {
1265
+ /** Inside the area */
1266
+ value?: string;
1267
+ invalid?: boolean;
1268
+ onChangeText?: (text: string) => void;
1269
+ onEditCompleted?: (text: string) => void;
1270
+ saveDelayOptions?: UseDelayOptions;
1271
+ defaultStyle?: boolean;
1272
+ };
1273
+ /**
1274
+ * A Textarea component for inputting longer texts
1275
+ *
1276
+ * The State is managed by the parent
1277
+ */
1278
+ declare const Textarea: React.ForwardRefExoticComponent<Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "value"> & {
1279
+ /** Inside the area */
1280
+ value?: string;
1281
+ invalid?: boolean;
1282
+ onChangeText?: (text: string) => void;
1283
+ onEditCompleted?: (text: string) => void;
1284
+ saveDelayOptions?: UseDelayOptions;
1285
+ defaultStyle?: boolean;
1286
+ } & React.RefAttributes<HTMLTextAreaElement>>;
1287
+ /**
1288
+ * A Textarea component that is not controlled by its parent
1289
+ */
1290
+ declare const TextareaUncontrolled: ({ value, onChangeText, ...props }: TextareaProps) => react_jsx_runtime.JSX.Element;
1291
+ type TextareaWithHeadlineProps = Omit<TextareaProps, 'defaultStyle'> & {
1292
+ headline: ReactNode;
1293
+ headlineProps: Omit<LabelProps, 'children'>;
1294
+ containerClassName?: string;
1295
+ };
1296
+ declare const TextareaWithHeadline: ({ id, headline, headlineProps, disabled, className, containerClassName, ...props }: TextareaWithHeadlineProps) => react_jsx_runtime.JSX.Element;
1297
+
1298
+ type Position = 'top' | 'bottom' | 'left' | 'right';
1299
+ type TooltipProps = PropsWithChildren<{
1300
+ tooltip: ReactNode;
1301
+ /**
1302
+ * Number of milliseconds until the tooltip appears
1303
+ *
1304
+ * defaults to 1000ms
1305
+ */
1306
+ animationDelay?: number;
1307
+ /**
1308
+ * Class names of additional styling properties for the tooltip
1309
+ */
1310
+ tooltipClassName?: string;
1311
+ /**
1312
+ * Class names of additional styling properties for the container from which the tooltip will be created
1313
+ */
1314
+ containerClassName?: string;
1315
+ position?: Position;
1316
+ }>;
1317
+ /**
1318
+ * A Component for showing a tooltip when hovering over Content
1319
+ * @param tooltip The tooltip to show can be a text or any ReactNode
1320
+ * @param children The Content for which the tooltip should be created
1321
+ * @param animationDelay The delay before the tooltip appears
1322
+ * @param tooltipClassName Additional ClassNames for the Container of the tooltip
1323
+ * @param containerClassName Additional ClassNames for the Container holding the content
1324
+ * @param position The direction of the tooltip relative to the Container
1325
+ * @constructor
1326
+ */
1327
+ declare const Tooltip: ({ tooltip, children, animationDelay, tooltipClassName, containerClassName, position, }: TooltipProps) => react_jsx_runtime.JSX.Element;
1328
+
1329
+ type InsideLabelInputProps = Omit<InputProps, 'aria-label' | 'aria-labelledby' | 'placeholder'> & {
1330
+ label: ReactNode;
1331
+ };
1332
+ /**
1333
+ * Text input component with a label inside the input that moves up when editing
1334
+ *
1335
+ * The State is managed by the parent
1336
+ */
1337
+ declare const InsideLabelInput: React.ForwardRefExoticComponent<Omit<InputProps, "aria-label" | "aria-labelledby" | "placeholder"> & {
1338
+ label: ReactNode;
1339
+ } & React.RefAttributes<HTMLInputElement>>;
1340
+ declare const InsideLabelInputUncontrolled: ({ value: initialValue, ...props }: InsideLabelInputProps) => react_jsx_runtime.JSX.Element;
1341
+
1342
+ type ToggleableInputProps = Omit<InputProps, 'defaultStyle'> & {
1343
+ initialState?: 'editing' | 'display';
1344
+ editCompleteOptions?: Omit<EditCompleteOptions, 'allowEnterComplete'>;
1345
+ };
1346
+ /**
1347
+ * A Text input component for inputting text. It changes appearance upon entering the edit mode and switches
1348
+ * back to display mode on loss of focus or on enter
1349
+ *
1350
+ * The State is managed by the parent
1351
+ */
1352
+ declare const ToggleableInput: React.ForwardRefExoticComponent<Omit<InputProps, "defaultStyle"> & {
1353
+ initialState?: "editing" | "display";
1354
+ editCompleteOptions?: Omit<EditCompleteOptions, "allowEnterComplete">;
1355
+ } & React.RefAttributes<HTMLInputElement>>;
1356
+ declare const ToggleableInputUncontrolled: ({ value: initialValue, onChangeText, ...restProps }: ToggleableInputProps) => react_jsx_runtime.JSX.Element;
1357
+
1414
1358
  type FocusTrapProps = HTMLAttributes<HTMLDivElement> & {
1415
1359
  active?: boolean;
1416
1360
  initialFocus?: MutableRefObject<HTMLElement>;
@@ -1593,6 +1537,8 @@ declare const useTranslatedValidators: () => {
1593
1537
  selection: (value: unknown[] | undefined, length: [number | undefined, number | undefined]) => string;
1594
1538
  };
1595
1539
 
1540
+ declare function useZIndexRegister(isActive: boolean): number;
1541
+
1596
1542
  declare const hightideTranslationLocales: readonly ["de-DE", "en-US"];
1597
1543
  type HightideTranslationLocales = typeof hightideTranslationLocales[number];
1598
1544
  type HightideTranslationEntries = {
@@ -2007,4 +1953,4 @@ declare class SessionStorageService extends StorageService {
2007
1953
 
2008
1954
  declare const writeToClipboard: (text: string) => Promise<void>;
2009
1955
 
2010
- 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, 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, 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 };
1956
+ 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 };