@helpwave/hightide 0.6.16 → 0.7.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
@@ -1,9 +1,9 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
2
  import * as react from 'react';
3
3
  import react__default, { HTMLAttributes, SVGProps, CSSProperties, ReactNode, PropsWithChildren, RefObject, Dispatch, SetStateAction, ButtonHTMLAttributes, InputHTMLAttributes, ComponentProps, TableHTMLAttributes, TextareaHTMLAttributes, LabelHTMLAttributes } from 'react';
4
- import Link from 'next/link';
5
- import { ColumnDef, Table as Table$1, InitialTableState, Row, TableState, TableOptions, RowData, FilterFn, RowSelectionState, PaginationState, Column, SortDirection, ColumnSizingState } from '@tanstack/react-table';
6
4
  import { Translation, TranslationEntries, PartialTranslationExtension } from '@helpwave/internationalization';
5
+ import { TableFeature, ColumnDef, Table as Table$1, InitialTableState, Row, TableState, TableOptions, RowData, FilterFn, RowSelectionState, RowModel, Column, SortDirection, ColumnSizingState } from '@tanstack/react-table';
6
+ import Link from 'next/link';
7
7
 
8
8
  type Size = 'sm' | 'md' | 'lg';
9
9
  type HelpwaveBadgeProps = HTMLAttributes<HTMLSpanElement> & {
@@ -415,6 +415,8 @@ type CalculatePositionOptions = {
415
415
  };
416
416
  type UseAnchoredPositionOptions = CalculatePositionOptions & {
417
417
  isPolling?: boolean;
418
+ isReactingToResize?: boolean;
419
+ isReactingToScroll?: boolean;
418
420
  pollingInterval?: number;
419
421
  };
420
422
  type UseAnchoredPostitionProps = UseAnchoredPositionOptions & {
@@ -423,12 +425,13 @@ type UseAnchoredPostitionProps = UseAnchoredPositionOptions & {
423
425
  window?: RefObject<HTMLElement>;
424
426
  active?: boolean;
425
427
  };
426
- declare function useAnchoredPosition({ active, window: windowRef, anchor: anchorRef, container: containerRef, isPolling, pollingInterval, verticalAlignment, horizontalAlignment, avoidOverlap, screenPadding, gap, }: UseAnchoredPostitionProps): CSSProperties;
428
+ declare function useAnchoredPosition({ active, window: windowRef, anchor: anchorRef, container: containerRef, isPolling, isReactingToResize, isReactingToScroll, pollingInterval, verticalAlignment, horizontalAlignment, avoidOverlap, screenPadding, gap, }: UseAnchoredPostitionProps): CSSProperties;
427
429
 
428
430
  type BackgroundOverlayProps = HTMLAttributes<HTMLDivElement>;
429
431
  interface AnchoredFloatingContainerProps extends HTMLAttributes<HTMLDivElement> {
430
432
  anchor?: RefObject<HTMLElement>;
431
433
  options?: UseAnchoredPositionOptions;
434
+ active?: boolean;
432
435
  }
433
436
  declare const AnchoredFloatingContainer: react.ForwardRefExoticComponent<AnchoredFloatingContainerProps & react.RefAttributes<HTMLDivElement>>;
434
437
 
@@ -480,6 +483,7 @@ type DrawerProps = HTMLAttributes<HTMLDivElement> & {
480
483
  containerClassName?: string;
481
484
  backgroundClassName?: string;
482
485
  onClose: () => void;
486
+ forceMount?: boolean;
483
487
  };
484
488
  declare const Drawer: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
485
489
  isOpen: boolean;
@@ -490,6 +494,7 @@ declare const Drawer: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElem
490
494
  containerClassName?: string;
491
495
  backgroundClassName?: string;
492
496
  onClose: () => void;
497
+ forceMount?: boolean;
493
498
  } & react.RefAttributes<HTMLDivElement>>;
494
499
 
495
500
  type ExpandableRootProps = HTMLAttributes<HTMLDivElement> & {
@@ -930,20 +935,505 @@ type LanguageDialogProps = Omit<DialogProps, 'titleElement' | 'description'> & P
930
935
  */
931
936
  declare const LanguageDialog: ({ onClose, titleOverwrite, descriptionOverwrite, ...props }: LanguageDialogProps) => react_jsx_runtime.JSX.Element;
932
937
 
933
- type ThemeDialogProps = Omit<DialogProps, 'titleElement' | 'description'> & {
934
- titleOverwrite?: ReactNode;
935
- descriptionOverwrite?: ReactNode;
938
+ declare const hightideTranslationLocales: readonly ["de-DE", "en-US"];
939
+ type HightideTranslationLocales = typeof hightideTranslationLocales[number];
940
+ type HightideTranslationEntries = {
941
+ 'add': string;
942
+ 'after': string;
943
+ 'age': string;
944
+ 'all': string;
945
+ 'apply': string;
946
+ 'back': string;
947
+ 'before': string;
948
+ 'between': string;
949
+ 'cancel': string;
950
+ 'carousel': string;
951
+ 'caseSensitive': string;
952
+ 'change': string;
953
+ 'changeColumnDisplay': string;
954
+ 'changePinning': string;
955
+ 'changeSelection': string;
956
+ 'changeVisibility': string;
957
+ 'chooseLanguage': string;
958
+ 'chooseSlide': string;
959
+ 'chooseTheme': string;
960
+ 'clear': string;
961
+ 'clearValue': string;
962
+ 'click': string;
963
+ 'clickToCopy': string;
964
+ 'clickToSelect': string;
965
+ 'close': string;
966
+ 'closeDialog': string;
967
+ 'columnPicker': string;
968
+ 'columnPickerDescription': string;
969
+ 'columns': string;
970
+ 'confirm': string;
971
+ 'contains': string;
972
+ 'copied': string;
973
+ 'copy': string;
974
+ 'create': string;
975
+ 'date': string;
976
+ 'decline': string;
977
+ 'decreaseSortingPriority': string;
978
+ 'delete': string;
979
+ 'discard': string;
980
+ 'discardChanges': string;
981
+ 'done': string;
982
+ 'edit': string;
983
+ 'endDate': string;
984
+ 'endsWith': string;
985
+ 'enterText': string;
986
+ 'entriesPerPage': string;
987
+ 'entryDate': string;
988
+ 'equals': string;
989
+ 'error': string;
990
+ 'errorOccurred': string;
991
+ 'exit': string;
992
+ 'fieldRequiredError': string;
993
+ 'filter': string;
994
+ 'filterNonWhitespace': string;
995
+ 'filterNotUndefined': string;
996
+ 'filterUndefined': string;
997
+ 'first': string;
998
+ 'goodToSeeYou': string;
999
+ 'greaterThan': string;
1000
+ 'greaterThanOrEqual': string;
1001
+ 'hideColumn': string;
1002
+ 'identifier': string;
1003
+ 'increaseSortingPriority': string;
1004
+ 'invalidEmail': string;
1005
+ 'invalidEmailError': string;
1006
+ 'isFalse': string;
1007
+ 'isTrue': string;
1008
+ 'language': string;
1009
+ 'last': string;
1010
+ 'less': string;
1011
+ 'lessThan': string;
1012
+ 'lessThanOrEqual': string;
1013
+ 'loading': string;
1014
+ 'locale': string;
1015
+ 'max': string;
1016
+ 'maxLengthError': string;
1017
+ 'min': string;
1018
+ 'minLengthError': string;
1019
+ 'more': string;
1020
+ 'moveDown': string;
1021
+ 'moveUp': string;
1022
+ 'name': string;
1023
+ 'next': string;
1024
+ 'no': string;
1025
+ 'none': string;
1026
+ 'noParameterRequired': string;
1027
+ 'notBetween': string;
1028
+ 'notContains': string;
1029
+ 'notEmpty': string;
1030
+ 'notEquals': string;
1031
+ 'nothingFound': string;
1032
+ 'of': string;
1033
+ 'onOrAfter': string;
1034
+ 'onOrBefore': string;
1035
+ 'optional': string;
1036
+ 'outOfRangeNumber': (values: {
1037
+ min: number;
1038
+ max: number;
1039
+ }) => string;
1040
+ 'outOfRangeSelectionItems': (values: {
1041
+ min: number;
1042
+ max: number;
1043
+ }) => string;
1044
+ 'outOfRangeString': (values: {
1045
+ min: number;
1046
+ max: number;
1047
+ }) => string;
1048
+ 'parameter': string;
1049
+ 'pinLeft': string;
1050
+ 'pinned': string;
1051
+ 'pinRight': string;
1052
+ 'pinToLeft': string;
1053
+ 'pinToRight': string;
1054
+ 'pleaseWait': string;
1055
+ 'previous': string;
1056
+ 'pThemes': (values: {
1057
+ count: number;
1058
+ }) => string;
1059
+ 'remove': string;
1060
+ 'removeProperty': string;
1061
+ 'required': string;
1062
+ 'reset': string;
1063
+ 'rSortingOrderAfter': (values: {
1064
+ otherSortings: number;
1065
+ }) => string;
1066
+ 'save': string;
1067
+ 'saved': string;
1068
+ 'sDateTimeSelect': (values: {
1069
+ datetimeMode: string;
1070
+ }) => string;
1071
+ 'search': string;
1072
+ 'select': string;
1073
+ 'selection': string;
1074
+ 'selectOption': string;
1075
+ 'sGender': (values: {
1076
+ gender: string;
1077
+ }) => string;
1078
+ 'show': string;
1079
+ 'showColumn': string;
1080
+ 'showLess': string;
1081
+ 'showMore': string;
1082
+ 'showSlide': (values: {
1083
+ index: number;
1084
+ }) => string;
1085
+ 'slide': string;
1086
+ 'slideNavigation': string;
1087
+ 'slideOf': (values: {
1088
+ index: number;
1089
+ length: number;
1090
+ }) => string;
1091
+ 'sorting': string;
1092
+ 'sSortingState': (values: {
1093
+ sortDirection: string;
1094
+ }) => string;
1095
+ 'startDate': string;
1096
+ 'startsWith': string;
1097
+ 'sThemeMode': (values: {
1098
+ theme: string;
1099
+ }) => string;
1100
+ 'street': string;
1101
+ 'submit': string;
1102
+ 'success': string;
1103
+ 'tag': string;
1104
+ 'tags': string;
1105
+ 'text': string;
1106
+ 'time.ago': string;
1107
+ 'time.agoDays': (values: {
1108
+ days: number;
1109
+ }) => string;
1110
+ 'time.april': string;
1111
+ 'time.august': string;
1112
+ 'time.century': (values: {
1113
+ count: number;
1114
+ }) => string;
1115
+ 'time.day': (values: {
1116
+ count: number;
1117
+ }) => string;
1118
+ 'time.decade': (values: {
1119
+ count: number;
1120
+ }) => string;
1121
+ 'time.december': string;
1122
+ 'time.february': string;
1123
+ 'time.hour': (values: {
1124
+ count: number;
1125
+ }) => string;
1126
+ 'time.in': string;
1127
+ 'time.inDays': (values: {
1128
+ days: number;
1129
+ }) => string;
1130
+ 'time.january': string;
1131
+ 'time.july': string;
1132
+ 'time.june': string;
1133
+ 'time.march': string;
1134
+ 'time.may': string;
1135
+ 'time.microsecond': (values: {
1136
+ count: number;
1137
+ }) => string;
1138
+ 'time.millisecond': (values: {
1139
+ count: number;
1140
+ }) => string;
1141
+ 'time.minute': (values: {
1142
+ count: number;
1143
+ }) => string;
1144
+ 'time.month': (values: {
1145
+ count: number;
1146
+ }) => string;
1147
+ 'time.nanosecond': (values: {
1148
+ count: number;
1149
+ }) => string;
1150
+ 'time.november': string;
1151
+ 'time.october': string;
1152
+ 'time.second': (values: {
1153
+ count: number;
1154
+ }) => string;
1155
+ 'time.september': string;
1156
+ 'time.sMonthName': (values: {
1157
+ month: string;
1158
+ }) => string;
1159
+ 'time.today': string;
1160
+ 'time.tomorrow': string;
1161
+ 'time.year': (values: {
1162
+ count: number;
1163
+ }) => string;
1164
+ 'time.yesterday': string;
1165
+ 'tooFewSelectionItems': (values: {
1166
+ min: number;
1167
+ }) => string;
1168
+ 'tooLong': (values: {
1169
+ max: number;
1170
+ }) => string;
1171
+ 'tooManySelectionItems': (values: {
1172
+ max: number;
1173
+ }) => string;
1174
+ 'tooShort': (values: {
1175
+ min: number;
1176
+ }) => string;
1177
+ 'unpin': string;
1178
+ 'unsavedChanges': string;
1179
+ 'unsavedChangesSaveQuestion': string;
1180
+ 'update': string;
1181
+ 'value': string;
1182
+ 'welcome': string;
1183
+ 'yes': string;
936
1184
  };
937
- /**
938
- * A Dialog for selecting the Theme
939
- *
940
- * The State of open needs to be managed by the parent
941
- */
942
- declare const ThemeDialog: ({ onClose, titleOverwrite, descriptionOverwrite, ...props }: PropsWithChildren<ThemeDialogProps>) => react_jsx_runtime.JSX.Element;
1185
+ declare const hightideTranslation: Translation<HightideTranslationLocales, Partial<HightideTranslationEntries>>;
943
1186
 
944
- type ErrorComponentProps = {
945
- errorText?: string;
946
- classname?: string;
1187
+ 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 ? {
1188
+ [P in keyof T]?: DeepPartial<T[P]>;
1189
+ } : T;
1190
+ type SuperSet<T, Base> = Base extends T ? T : never;
1191
+ type SingleOrArray<T> = T | T[];
1192
+ type Exact<T, U extends T> = U;
1193
+
1194
+ type TooltipConfig = {
1195
+ /**
1196
+ * Number of milliseconds until the tooltip appears
1197
+ */
1198
+ appearDelay: number;
1199
+ isAnimated: boolean;
1200
+ };
1201
+ type ThemeConfig = {
1202
+ /**
1203
+ * The initial theme to show when:
1204
+ * 1. The system preference is not or cannot be loaded
1205
+ * 2. The user has not set an app preference
1206
+ */
1207
+ initialTheme: ResolvedTheme;
1208
+ };
1209
+ type LocalizationConfig = {
1210
+ /**
1211
+ * The initial locale to use when:
1212
+ * 1. The system preference is not or cannot be loaded
1213
+ * 2. The user has not set an app preference
1214
+ */
1215
+ defaultLocale: HightideTranslationLocales;
1216
+ };
1217
+ type HightideConfig = {
1218
+ tooltip: TooltipConfig;
1219
+ theme: ThemeConfig;
1220
+ locale: LocalizationConfig;
1221
+ };
1222
+ type ConfigType = {
1223
+ config: HightideConfig;
1224
+ setConfig: (configOverwrite: DeepPartial<HightideConfig>) => void;
1225
+ };
1226
+ declare const HightideConfigContext: react.Context<ConfigType>;
1227
+ type HightideConfigProviderProps = PropsWithChildren & DeepPartial<HightideConfig>;
1228
+ declare const HightideConfigProvider: ({ children, ...initialOverwrite }: HightideConfigProviderProps) => react_jsx_runtime.JSX.Element;
1229
+ declare const useHightideConfig: () => ConfigType;
1230
+
1231
+ declare const themes: readonly ["light", "dark", "system"];
1232
+ type ThemeType = typeof themes[number];
1233
+ type ResolvedTheme = Exclude<ThemeType, 'system'>;
1234
+ declare const ThemeUtil: {
1235
+ themes: readonly ["light", "dark", "system"];
1236
+ };
1237
+ type ThemeContextType = {
1238
+ theme: ThemeType;
1239
+ resolvedTheme: ResolvedTheme;
1240
+ setTheme: Dispatch<SetStateAction<ThemeType>>;
1241
+ };
1242
+ declare const ThemeContext: react.Context<ThemeContextType>;
1243
+ type ThemeProviderProps = PropsWithChildren & Partial<ThemeConfig> & {
1244
+ /**
1245
+ * Only set this if you want to control the theme yourself
1246
+ */
1247
+ theme?: ThemeType;
1248
+ };
1249
+ declare const ThemeProvider: ({ children, theme, initialTheme }: ThemeProviderProps) => react_jsx_runtime.JSX.Element;
1250
+ declare const useTheme: () => ThemeContextType;
1251
+
1252
+ type RegisteredOption = {
1253
+ value: string;
1254
+ label: ReactNode;
1255
+ disabled: boolean;
1256
+ ref: React.RefObject<HTMLLIElement>;
1257
+ };
1258
+ type HighlightStartPositionBehavior = 'first' | 'last';
1259
+ type SelectIconAppearance = 'left' | 'right' | 'none';
1260
+ type InternalSelectContextState = {
1261
+ isOpen: boolean;
1262
+ options: RegisteredOption[];
1263
+ highlightedValue?: string;
1264
+ };
1265
+ type SelectContextIds = {
1266
+ trigger: string;
1267
+ content: string;
1268
+ };
1269
+ type SelectContextState = InternalSelectContextState & FormFieldInteractionStates & {
1270
+ value: string[];
1271
+ selectedOptions: RegisteredOption[];
1272
+ };
1273
+ type SelectConfiguration = {
1274
+ isMultiSelect: boolean;
1275
+ iconAppearance: SelectIconAppearance;
1276
+ };
1277
+ type ToggleOpenOptions = {
1278
+ highlightStartPositionBehavior?: HighlightStartPositionBehavior;
1279
+ };
1280
+ type SelectContextType = {
1281
+ ids: SelectContextIds;
1282
+ setIds: Dispatch<SetStateAction<SelectContextIds>>;
1283
+ state: SelectContextState;
1284
+ config: SelectConfiguration;
1285
+ item: {
1286
+ register: (item: RegisteredOption) => void;
1287
+ unregister: (value: string) => void;
1288
+ toggleSelection: (value: string, isSelected?: boolean) => void;
1289
+ highlightItem: (value: string) => void;
1290
+ moveHighlightedIndex: (delta: number) => void;
1291
+ };
1292
+ trigger: {
1293
+ ref: React.RefObject<HTMLElement>;
1294
+ register: (element: React.RefObject<HTMLElement>) => void;
1295
+ unregister: () => void;
1296
+ toggleOpen: (isOpen?: boolean, options?: ToggleOpenOptions) => void;
1297
+ };
1298
+ };
1299
+ declare const SelectContext: react.Context<SelectContextType>;
1300
+ declare function useSelectContext(): SelectContextType;
1301
+ type SharedSelectRootProps = Partial<FormFieldInteractionStates> & PropsWithChildren & {
1302
+ id?: string;
1303
+ initialIsOpen?: boolean;
1304
+ iconAppearance?: SelectIconAppearance;
1305
+ onClose?: () => void;
1306
+ };
1307
+ type SelectRootProps = SharedSelectRootProps & Partial<FormFieldDataHandling<string>>;
1308
+ declare const SelectRoot: ({ value, onValueChange, onEditComplete, ...props }: SelectRootProps) => react_jsx_runtime.JSX.Element;
1309
+ type MultiSelectRootProps = SharedSelectRootProps & Partial<FormFieldDataHandling<string[]>>;
1310
+ declare const MultiSelectRoot: ({ value, onValueChange, onEditComplete, ...props }: MultiSelectRootProps) => react_jsx_runtime.JSX.Element;
1311
+
1312
+ type UseFocusTrapProps = {
1313
+ container: RefObject<HTMLElement>;
1314
+ active: boolean;
1315
+ initialFocus?: RefObject<HTMLElement>;
1316
+ /**
1317
+ * Whether to focus the first element when the initialFocus isn't provided
1318
+ *
1319
+ * Focuses the container instead
1320
+ */
1321
+ focusFirst?: boolean;
1322
+ };
1323
+ declare const useFocusTrap: ({ container, active, initialFocus, focusFirst, }: UseFocusTrapProps) => void;
1324
+
1325
+ interface UseOutsideClickOptions {
1326
+ refs: RefObject<HTMLElement>[];
1327
+ active?: boolean;
1328
+ }
1329
+ interface UseOutsideClickHandlers {
1330
+ onOutsideClick: (event: MouseEvent | TouchEvent) => void;
1331
+ }
1332
+ interface UseOutsideClickProps extends UseOutsideClickOptions, UseOutsideClickHandlers {
1333
+ }
1334
+ declare const useOutsideClick: ({ refs, onOutsideClick, active }: UseOutsideClickProps) => void;
1335
+
1336
+ interface PopUpProps extends AnchoredFloatingContainerProps, Partial<UseOutsideClickHandlers> {
1337
+ isOpen?: boolean;
1338
+ focusTrapOptions?: Omit<UseFocusTrapProps, 'container'>;
1339
+ outsideClickOptions?: UseOutsideClickOptions;
1340
+ onClose?: () => void;
1341
+ forceMount?: boolean;
1342
+ anchorExcludedFromOutsideClick?: boolean;
1343
+ }
1344
+ declare const PopUp: react.ForwardRefExoticComponent<PopUpProps & react.RefAttributes<HTMLDivElement>>;
1345
+
1346
+ type SelectOptionProps = Omit<HTMLAttributes<HTMLLIElement>, 'children'> & {
1347
+ value: string;
1348
+ disabled?: boolean;
1349
+ iconAppearance?: SelectIconAppearance;
1350
+ children?: ReactNode;
1351
+ };
1352
+ declare const SelectOption: react.ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLLIElement>, "children"> & {
1353
+ value: string;
1354
+ disabled?: boolean;
1355
+ iconAppearance?: SelectIconAppearance;
1356
+ children?: ReactNode;
1357
+ } & react.RefAttributes<HTMLLIElement>>;
1358
+ type SelectButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
1359
+ placeholder?: ReactNode;
1360
+ selectedDisplay?: (value: string[]) => ReactNode;
1361
+ };
1362
+ declare const SelectButton: react.ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & {
1363
+ placeholder?: ReactNode;
1364
+ selectedDisplay?: (value: string[]) => ReactNode;
1365
+ } & react.RefAttributes<HTMLButtonElement>>;
1366
+ type SelectContentProps = PopUpProps;
1367
+ declare const SelectContent: react.ForwardRefExoticComponent<PopUpProps & react.RefAttributes<HTMLUListElement>>;
1368
+ type MultiSelectOptionProps = SelectOptionProps;
1369
+ declare const MultiSelectOption: react.ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLLIElement>, "children"> & {
1370
+ value: string;
1371
+ disabled?: boolean;
1372
+ iconAppearance?: SelectIconAppearance;
1373
+ children?: ReactNode;
1374
+ } & react.RefAttributes<HTMLLIElement>>;
1375
+ type MultiSelectContentProps = SelectContentProps;
1376
+ declare const MultiSelectContent: react.ForwardRefExoticComponent<PopUpProps & react.RefAttributes<HTMLUListElement>>;
1377
+ type MultiSelectButtonProps = SelectButtonProps;
1378
+ declare const MultiSelectButton: react.ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & {
1379
+ placeholder?: ReactNode;
1380
+ selectedDisplay?: (value: string[]) => ReactNode;
1381
+ } & react.RefAttributes<HTMLButtonElement>>;
1382
+
1383
+ type SelectProps = SelectRootProps & {
1384
+ contentPanelProps?: SelectContentProps;
1385
+ buttonProps?: Omit<SelectButtonProps, 'selectedDisplay'> & {
1386
+ selectedDisplay?: (value: string) => ReactNode;
1387
+ };
1388
+ };
1389
+ declare const Select: react.ForwardRefExoticComponent<Partial<FormFieldInteractionStates> & {
1390
+ children?: ReactNode | undefined;
1391
+ } & {
1392
+ id?: string;
1393
+ initialIsOpen?: boolean;
1394
+ iconAppearance?: SelectIconAppearance;
1395
+ onClose?: () => void;
1396
+ } & Partial<FormFieldDataHandling<string>> & {
1397
+ contentPanelProps?: SelectContentProps;
1398
+ buttonProps?: Omit<SelectButtonProps, "selectedDisplay"> & {
1399
+ selectedDisplay?: (value: string) => ReactNode;
1400
+ };
1401
+ } & react.RefAttributes<HTMLButtonElement>>;
1402
+ type SelectUncontrolledProps = SelectProps;
1403
+ declare const SelectUncontrolled: react.ForwardRefExoticComponent<Partial<FormFieldInteractionStates> & {
1404
+ children?: ReactNode | undefined;
1405
+ } & {
1406
+ id?: string;
1407
+ initialIsOpen?: boolean;
1408
+ iconAppearance?: SelectIconAppearance;
1409
+ onClose?: () => void;
1410
+ } & Partial<FormFieldDataHandling<string>> & {
1411
+ contentPanelProps?: SelectContentProps;
1412
+ buttonProps?: Omit<SelectButtonProps, "selectedDisplay"> & {
1413
+ selectedDisplay?: (value: string) => ReactNode;
1414
+ };
1415
+ } & react.RefAttributes<HTMLButtonElement>>;
1416
+
1417
+ interface ThemeIconProps extends HTMLAttributes<SVGSVGElement> {
1418
+ theme?: ThemeType;
1419
+ }
1420
+ declare const ThemeIcon: ({ theme: themeOverride, ...props }: ThemeIconProps) => react_jsx_runtime.JSX.Element;
1421
+ type ThemeSelectProps = Omit<SelectProps, 'value'>;
1422
+ declare const ThemeSelect: ({ ...props }: ThemeSelectProps) => react_jsx_runtime.JSX.Element;
1423
+ interface ThemeDialogProps extends Omit<DialogProps, 'titleElement' | 'description'> {
1424
+ titleOverwrite?: ReactNode;
1425
+ descriptionOverwrite?: ReactNode;
1426
+ }
1427
+ /**
1428
+ * A Dialog for selecting the Theme
1429
+ *
1430
+ * The State of open needs to be managed by the parent
1431
+ */
1432
+ declare const ThemeDialog: ({ onClose, titleOverwrite, descriptionOverwrite, ...props }: PropsWithChildren<ThemeDialogProps>) => react_jsx_runtime.JSX.Element;
1433
+
1434
+ type ErrorComponentProps = {
1435
+ errorText?: string;
1436
+ classname?: string;
947
1437
  };
948
1438
  /**
949
1439
  * The Component to show when an error occurred
@@ -1047,40 +1537,6 @@ type StepperBarProps = {
1047
1537
  declare const StepperBar: ({ state, numberOfSteps, disabledSteps, onChange, onFinish, finishText, showDots, className, }: StepperBarProps) => react_jsx_runtime.JSX.Element;
1048
1538
  declare const StepperBarUncontrolled: ({ state, onChange, ...props }: StepperBarProps) => react_jsx_runtime.JSX.Element;
1049
1539
 
1050
- type UseFocusTrapProps = {
1051
- container: RefObject<HTMLElement>;
1052
- active: boolean;
1053
- initialFocus?: RefObject<HTMLElement>;
1054
- /**
1055
- * Whether to focus the first element when the initialFocus isn't provided
1056
- *
1057
- * Focuses the container instead
1058
- */
1059
- focusFirst?: boolean;
1060
- };
1061
- declare const useFocusTrap: ({ container, active, initialFocus, focusFirst, }: UseFocusTrapProps) => void;
1062
-
1063
- interface UseOutsideClickOptions {
1064
- refs: RefObject<HTMLElement>[];
1065
- active?: boolean;
1066
- }
1067
- interface UseOutsideClickHandlers {
1068
- onOutsideClick: (event: MouseEvent | TouchEvent) => void;
1069
- }
1070
- interface UseOutsideClickProps extends UseOutsideClickOptions, UseOutsideClickHandlers {
1071
- }
1072
- declare const useOutsideClick: ({ refs, onOutsideClick, active }: UseOutsideClickProps) => void;
1073
-
1074
- interface PopUpProps extends AnchoredFloatingContainerProps, Partial<UseOutsideClickHandlers> {
1075
- isOpen?: boolean;
1076
- focusTrapOptions?: Omit<UseFocusTrapProps, 'container'>;
1077
- outsideClickOptions?: UseOutsideClickOptions;
1078
- onClose?: () => void;
1079
- forceMount?: boolean;
1080
- anchorExcludedFromOutsideClick?: boolean;
1081
- }
1082
- declare const PopUp: react.ForwardRefExoticComponent<PopUpProps & react.RefAttributes<HTMLDivElement>>;
1083
-
1084
1540
  type PopUpContextType = {
1085
1541
  isOpen: boolean;
1086
1542
  setIsOpen: Dispatch<SetStateAction<boolean>>;
@@ -1120,6 +1576,10 @@ interface PopUpRootProps extends PropsWithChildren {
1120
1576
  }
1121
1577
  declare function PopUpRoot({ children, isOpen: controlledIsOpen, onIsOpenChange, initialIsOpen, popUpId: popUpIdOverwrite, triggerId: triggerIdOverwrite, }: PopUpRootProps): react_jsx_runtime.JSX.Element;
1122
1578
 
1579
+ declare const AutoColumnOrderFeature: TableFeature;
1580
+
1581
+ declare const ColumnSizingWithTargetFeature: TableFeature;
1582
+
1123
1583
  type FillerCellProps = HTMLAttributes<HTMLDivElement>;
1124
1584
  declare const FillerCell: ({ ...props }: FillerCellProps) => react_jsx_runtime.JSX.Element;
1125
1585
 
@@ -1129,10 +1589,10 @@ type TableProviderProps<T> = {
1129
1589
  children?: ReactNode;
1130
1590
  isUsingFillerRows?: boolean;
1131
1591
  fillerRowCell?: (columnId: string, table: Table$1<T>) => ReactNode;
1132
- initialState?: Omit<InitialTableState, 'columnSizing'>;
1592
+ initialState?: InitialTableState;
1133
1593
  onRowClick?: (row: Row<T>, table: Table$1<T>) => void;
1134
1594
  onFillerRowClick?: (index: number, table: Table$1<T>) => void;
1135
- state?: Partial<Omit<TableState, 'columnSizing'>>;
1595
+ state?: Partial<TableState>;
1136
1596
  } & Partial<TableOptions<T>>;
1137
1597
  declare const TableProvider: <T>({ data, isUsingFillerRows, fillerRowCell, initialState, onRowClick, onFillerRowClick, defaultColumn: defaultColumnOverwrite, state, columns: columnsProp, children, ...tableOptions }: TableProviderProps<T>) => react_jsx_runtime.JSX.Element;
1138
1598
 
@@ -1157,17 +1617,22 @@ declare module '@tanstack/react-table' {
1157
1617
  date: FilterFn<unknown>;
1158
1618
  dateTime: FilterFn<unknown>;
1159
1619
  boolean: FilterFn<unknown>;
1160
- tags: FilterFn<unknown>;
1161
- tagsSingle: FilterFn<unknown>;
1620
+ multiTags: FilterFn<unknown>;
1621
+ singleTag: FilterFn<unknown>;
1162
1622
  generic: FilterFn<unknown>;
1163
1623
  }
1624
+ interface TableOptions<TData extends RowData> {
1625
+ columnSizingTarget?: number;
1626
+ }
1627
+ interface TableOptionsResolved<TData extends RowData> {
1628
+ columnSizingTarget?: number;
1629
+ }
1164
1630
  }
1165
1631
 
1166
1632
  type TableHeaderProps = {
1167
- table?: Table$1<unknown>;
1168
1633
  isSticky?: boolean;
1169
1634
  };
1170
- declare const TableHeader: ({ table: tableOverride, isSticky }: TableHeaderProps) => react_jsx_runtime.JSX.Element;
1635
+ declare const TableHeader: ({ isSticky }: TableHeaderProps) => react_jsx_runtime.JSX.Element;
1171
1636
 
1172
1637
  interface TableDisplayProps extends TableHTMLAttributes<HTMLTableElement> {
1173
1638
  containerProps?: Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>;
@@ -1178,137 +1643,6 @@ interface TableDisplayProps extends TableHTMLAttributes<HTMLTableElement> {
1178
1643
  */
1179
1644
  declare const TableDisplay: <T>({ children, containerProps, tableHeaderProps, ...props }: TableDisplayProps) => react_jsx_runtime.JSX.Element;
1180
1645
 
1181
- type RegisteredOption = {
1182
- value: string;
1183
- label: ReactNode;
1184
- disabled: boolean;
1185
- ref: React.RefObject<HTMLLIElement>;
1186
- };
1187
- type HighlightStartPositionBehavior = 'first' | 'last';
1188
- type SelectIconAppearance = 'left' | 'right' | 'none';
1189
- type InternalSelectContextState = {
1190
- isOpen: boolean;
1191
- options: RegisteredOption[];
1192
- highlightedValue?: string;
1193
- };
1194
- type SelectContextIds = {
1195
- trigger: string;
1196
- content: string;
1197
- };
1198
- type SelectContextState = InternalSelectContextState & FormFieldInteractionStates & {
1199
- value: string[];
1200
- selectedOptions: RegisteredOption[];
1201
- };
1202
- type SelectConfiguration = {
1203
- isMultiSelect: boolean;
1204
- iconAppearance: SelectIconAppearance;
1205
- };
1206
- type ToggleOpenOptions = {
1207
- highlightStartPositionBehavior?: HighlightStartPositionBehavior;
1208
- };
1209
- type SelectContextType = {
1210
- ids: SelectContextIds;
1211
- setIds: Dispatch<SetStateAction<SelectContextIds>>;
1212
- state: SelectContextState;
1213
- config: SelectConfiguration;
1214
- item: {
1215
- register: (item: RegisteredOption) => void;
1216
- unregister: (value: string) => void;
1217
- toggleSelection: (value: string, isSelected?: boolean) => void;
1218
- highlightItem: (value: string) => void;
1219
- moveHighlightedIndex: (delta: number) => void;
1220
- };
1221
- trigger: {
1222
- ref: React.RefObject<HTMLElement>;
1223
- register: (element: React.RefObject<HTMLElement>) => void;
1224
- unregister: () => void;
1225
- toggleOpen: (isOpen?: boolean, options?: ToggleOpenOptions) => void;
1226
- };
1227
- };
1228
- declare const SelectContext: react.Context<SelectContextType>;
1229
- declare function useSelectContext(): SelectContextType;
1230
- type SharedSelectRootProps = Partial<FormFieldInteractionStates> & PropsWithChildren & {
1231
- id?: string;
1232
- initialIsOpen?: boolean;
1233
- iconAppearance?: SelectIconAppearance;
1234
- onClose?: () => void;
1235
- };
1236
- type SelectRootProps = SharedSelectRootProps & Partial<FormFieldDataHandling<string>>;
1237
- declare const SelectRoot: ({ value, onValueChange, onEditComplete, ...props }: SelectRootProps) => react_jsx_runtime.JSX.Element;
1238
- type MultiSelectRootProps = SharedSelectRootProps & Partial<FormFieldDataHandling<string[]>>;
1239
- declare const MultiSelectRoot: ({ value, onValueChange, onEditComplete, ...props }: MultiSelectRootProps) => react_jsx_runtime.JSX.Element;
1240
-
1241
- type SelectOptionProps = Omit<HTMLAttributes<HTMLLIElement>, 'children'> & {
1242
- value: string;
1243
- disabled?: boolean;
1244
- iconAppearance?: SelectIconAppearance;
1245
- children?: ReactNode;
1246
- };
1247
- declare const SelectOption: react.ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLLIElement>, "children"> & {
1248
- value: string;
1249
- disabled?: boolean;
1250
- iconAppearance?: SelectIconAppearance;
1251
- children?: ReactNode;
1252
- } & react.RefAttributes<HTMLLIElement>>;
1253
- type SelectButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
1254
- placeholder?: ReactNode;
1255
- selectedDisplay?: (value: string[]) => ReactNode;
1256
- };
1257
- declare const SelectButton: react.ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & {
1258
- placeholder?: ReactNode;
1259
- selectedDisplay?: (value: string[]) => ReactNode;
1260
- } & react.RefAttributes<HTMLButtonElement>>;
1261
- type SelectContentProps = PopUpProps;
1262
- declare const SelectContent: react.ForwardRefExoticComponent<PopUpProps & react.RefAttributes<HTMLUListElement>>;
1263
- type MultiSelectOptionProps = SelectOptionProps;
1264
- declare const MultiSelectOption: react.ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLLIElement>, "children"> & {
1265
- value: string;
1266
- disabled?: boolean;
1267
- iconAppearance?: SelectIconAppearance;
1268
- children?: ReactNode;
1269
- } & react.RefAttributes<HTMLLIElement>>;
1270
- type MultiSelectContentProps = SelectContentProps;
1271
- declare const MultiSelectContent: react.ForwardRefExoticComponent<PopUpProps & react.RefAttributes<HTMLUListElement>>;
1272
- type MultiSelectButtonProps = SelectButtonProps;
1273
- declare const MultiSelectButton: react.ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & {
1274
- placeholder?: ReactNode;
1275
- selectedDisplay?: (value: string[]) => ReactNode;
1276
- } & react.RefAttributes<HTMLButtonElement>>;
1277
-
1278
- type SelectProps = SelectRootProps & {
1279
- contentPanelProps?: SelectContentProps;
1280
- buttonProps?: Omit<SelectButtonProps, 'selectedDisplay'> & {
1281
- selectedDisplay?: (value: string) => ReactNode;
1282
- };
1283
- };
1284
- declare const Select: react.ForwardRefExoticComponent<Partial<FormFieldInteractionStates> & {
1285
- children?: ReactNode | undefined;
1286
- } & {
1287
- id?: string;
1288
- initialIsOpen?: boolean;
1289
- iconAppearance?: SelectIconAppearance;
1290
- onClose?: () => void;
1291
- } & Partial<FormFieldDataHandling<string>> & {
1292
- contentPanelProps?: SelectContentProps;
1293
- buttonProps?: Omit<SelectButtonProps, "selectedDisplay"> & {
1294
- selectedDisplay?: (value: string) => ReactNode;
1295
- };
1296
- } & react.RefAttributes<HTMLButtonElement>>;
1297
- type SelectUncontrolledProps = SelectProps;
1298
- declare const SelectUncontrolled: react.ForwardRefExoticComponent<Partial<FormFieldInteractionStates> & {
1299
- children?: ReactNode | undefined;
1300
- } & {
1301
- id?: string;
1302
- initialIsOpen?: boolean;
1303
- iconAppearance?: SelectIconAppearance;
1304
- onClose?: () => void;
1305
- } & Partial<FormFieldDataHandling<string>> & {
1306
- contentPanelProps?: SelectContentProps;
1307
- buttonProps?: Omit<SelectButtonProps, "selectedDisplay"> & {
1308
- selectedDisplay?: (value: string) => ReactNode;
1309
- };
1310
- } & react.RefAttributes<HTMLButtonElement>>;
1311
-
1312
1646
  type TablePaginationMenuProps = Omit<PaginationProps, 'pageIndex' | 'pageCount'>;
1313
1647
  declare const TablePaginationMenu: ({ ...props }: TablePaginationMenuProps) => react_jsx_runtime.JSX.Element;
1314
1648
  interface TablePageSizeSelectProps extends SelectProps {
@@ -1362,8 +1696,8 @@ declare const TableFilterOperator: {
1362
1696
  readonly date: readonly ["dateEquals", "dateNotEquals", "dateGreaterThan", "dateGreaterThanOrEqual", "dateLessThan", "dateLessThanOrEqual", "dateBetween", "dateNotBetween"];
1363
1697
  readonly dateTime: readonly ["dateTimeEquals", "dateTimeNotEquals", "dateTimeGreaterThan", "dateTimeGreaterThanOrEqual", "dateTimeLessThan", "dateTimeLessThanOrEqual", "dateTimeBetween", "dateTimeNotBetween"];
1364
1698
  readonly boolean: readonly ["booleanIsTrue", "booleanIsFalse"];
1365
- readonly tags: readonly ["tagsEquals", "tagsNotEquals", "tagsContains", "tagsNotContains"];
1366
- readonly tagsSingle: readonly ["tagsSingleEquals", "tagsSingleNotEquals", "tagsSingleContains", "tagsSingleNotContains"];
1699
+ readonly multiTags: readonly ["tagsEquals", "tagsNotEquals", "tagsContains", "tagsNotContains"];
1700
+ readonly singleTag: readonly ["tagsSingleEquals", "tagsSingleNotEquals", "tagsSingleContains", "tagsSingleNotContains"];
1367
1701
  readonly generic: readonly ["undefined", "notUndefined"];
1368
1702
  };
1369
1703
  type TableGenericFilter = (typeof TableFilterOperator.generic)[number];
@@ -1372,8 +1706,8 @@ type TableNumberFilter = (typeof TableFilterOperator.number)[number] | TableGene
1372
1706
  type TableDateFilter = (typeof TableFilterOperator.date)[number] | TableGenericFilter;
1373
1707
  type TableDatetimeFilter = (typeof TableFilterOperator.dateTime)[number] | TableGenericFilter;
1374
1708
  type TableBooleanFilter = (typeof TableFilterOperator.boolean)[number] | TableGenericFilter;
1375
- type TableTagsFilter = (typeof TableFilterOperator.tags)[number] | TableGenericFilter;
1376
- type TableTagsSingleFilter = (typeof TableFilterOperator.tagsSingle)[number] | TableGenericFilter;
1709
+ type TableTagsFilter = (typeof TableFilterOperator.multiTags)[number] | TableGenericFilter;
1710
+ type TableTagsSingleFilter = (typeof TableFilterOperator.singleTag)[number] | TableGenericFilter;
1377
1711
  type TableFilterType = TableTextFilter | TableNumberFilter | TableDateFilter | TableDatetimeFilter | TableBooleanFilter | TableTagsFilter | TableTagsSingleFilter | TableGenericFilter;
1378
1712
  type TableFilterCategory = keyof typeof TableFilterOperator;
1379
1713
  declare function isTableFilterCategory(value: unknown): value is TableFilterCategory;
@@ -1444,8 +1778,8 @@ declare const TableFilter: {
1444
1778
  date: FilterFn<unknown>;
1445
1779
  dateTime: FilterFn<unknown>;
1446
1780
  boolean: FilterFn<unknown>;
1447
- tags: FilterFn<unknown>;
1448
- tagsSingle: FilterFn<unknown>;
1781
+ multiTags: FilterFn<unknown>;
1782
+ singleTag: FilterFn<unknown>;
1449
1783
  generic: FilterFn<unknown>;
1450
1784
  };
1451
1785
 
@@ -1461,523 +1795,244 @@ interface TableColumnSwitcherProps extends TableColumnSwitcherPopUpProps {
1461
1795
  }
1462
1796
  declare const TableColumnSwitcher: ({ buttonProps, ...props }: TableColumnSwitcherProps) => react_jsx_runtime.JSX.Element;
1463
1797
 
1464
- type TableDataContextType<T> = {
1798
+ interface TableStateWithoutSizingContextType<T> extends Omit<TableState, 'columnSizing' | 'columnSizingInfo'> {
1465
1799
  table: Table$1<T>;
1466
- columns: ColumnDef<T>[];
1467
- rows: Row<T>[];
1468
- rowSelection: RowSelectionState;
1469
1800
  data: T[];
1470
- pagination: PaginationState;
1801
+ columns: ColumnDef<T>[];
1802
+ rowModel: RowModel<T>;
1471
1803
  isUsingFillerRows: boolean;
1472
1804
  fillerRowCell: (columnId: string, table: Table$1<T>) => ReactNode;
1473
1805
  onRowClick?: (row: Row<T>, table: Table$1<T>) => void;
1474
1806
  onFillerRowClick?: (index: number, table: Table$1<T>) => void;
1475
- };
1476
- declare const TableDataContext: react.Context<TableDataContextType<any>>;
1477
- declare const useTableDataContext: <T>() => TableDataContextType<T>;
1478
- type TableColumnDefinitionContextType<T> = {
1479
- table: Table$1<T>;
1480
- registerColumn: (column: ColumnDef<T>) => () => void;
1481
- };
1482
- declare const TableColumnDefinitionContext: react.Context<TableColumnDefinitionContextType<any>>;
1483
- declare const useTableColumnDefinitionContext: <T>() => TableColumnDefinitionContextType<T>;
1484
- type TableHeaderContextType<T> = {
1807
+ }
1808
+ declare const TableStateWithoutSizingContext: react.Context<TableStateWithoutSizingContextType<any>>;
1809
+ /**
1810
+ * Context for the table state without sizing
1811
+ *
1812
+ * Use this context to access the table state without sizing
1813
+ *
1814
+ * This is done to avoid re-rendering the table when the sizing changes rapidly
1815
+ */
1816
+ declare const useTableStateWithoutSizingContext: <T>() => TableStateWithoutSizingContextType<T>;
1817
+ interface TableStateContextType<T> extends TableState {
1485
1818
  table: Table$1<T>;
1819
+ data: T[];
1820
+ columns: ColumnDef<T>[];
1821
+ rowModel: RowModel<T>;
1822
+ isUsingFillerRows: boolean;
1823
+ fillerRowCell: (columnId: string, table: Table$1<T>) => ReactNode;
1824
+ onRowClick?: (row: Row<T>, table: Table$1<T>) => void;
1825
+ onFillerRowClick?: (index: number, table: Table$1<T>) => void;
1486
1826
  sizeVars: Record<string, number>;
1487
- };
1488
- declare const TableHeaderContext: react.Context<TableHeaderContextType<any>>;
1489
- declare const useTableHeaderContext: <T>() => TableHeaderContextType<T>;
1827
+ }
1828
+ declare const TableStateContext: react.Context<TableStateContextType<any>>;
1829
+ /**
1830
+ * Context for the table state
1831
+ *
1832
+ * Use this context to access the table state and only do cheap operations on it as it can be re-rendered frequently
1833
+ */
1834
+ declare const useTableStateContext: <T>() => TableStateContextType<T>;
1490
1835
  type TableContainerContextType<T> = {
1491
1836
  table: Table$1<T>;
1492
1837
  containerRef: RefObject<HTMLDivElement>;
1493
1838
  };
1494
1839
  declare const TableContainerContext: react.Context<TableContainerContextType<any>>;
1495
- declare const useTableContainerContext: <T>() => TableContainerContextType<T>;
1496
-
1497
- type TableFilterButtonProps<T = unknown> = {
1498
- filterType: TableFilterCategory;
1499
- column: Column<T>;
1500
- };
1501
- declare const TableFilterButton: <T>({ filterType, column, }: TableFilterButtonProps<T>) => react_jsx_runtime.JSX.Element;
1502
-
1503
- interface TableFilterBaseProps<T extends TableFilterValue> {
1504
- columnId: string;
1505
- filterValue?: T | undefined;
1506
- onFilterValueChange: (value: T | undefined) => void;
1507
- }
1508
- type OperatorLabelProps = {
1509
- operator: TableFilterType;
1510
- };
1511
- declare const OperatorLabel: ({ operator }: OperatorLabelProps) => react_jsx_runtime.JSX.Element;
1512
- type TextFilterProps = TableFilterBaseProps<TextFilterValue>;
1513
- declare const TextFilter: ({ filterValue, onFilterValueChange }: TextFilterProps) => react_jsx_runtime.JSX.Element;
1514
- type NumberFilterProps = TableFilterBaseProps<NumberFilterValue>;
1515
- declare const NumberFilter: ({ filterValue, onFilterValueChange }: NumberFilterProps) => react_jsx_runtime.JSX.Element;
1516
- type DateFilterProps = TableFilterBaseProps<DateFilterValue>;
1517
- declare const DateFilter: ({ filterValue, onFilterValueChange }: DateFilterProps) => react_jsx_runtime.JSX.Element;
1518
- type DatetimeFilterProps = TableFilterBaseProps<DatetimeFilterValue>;
1519
- declare const DatetimeFilter: ({ filterValue, onFilterValueChange }: DatetimeFilterProps) => react_jsx_runtime.JSX.Element;
1520
- type BooleanFilterProps = TableFilterBaseProps<BooleanFilterValue>;
1521
- declare const BooleanFilter: ({ filterValue, onFilterValueChange }: BooleanFilterProps) => react_jsx_runtime.JSX.Element;
1522
- type TagsFilterProps = TableFilterBaseProps<TagsFilterValue>;
1523
- declare const TagsFilter: ({ columnId, filterValue, onFilterValueChange }: TagsFilterProps) => react_jsx_runtime.JSX.Element;
1524
- type TagsSingleFilterProps = TableFilterBaseProps<TagsSingleFilterValue>;
1525
- declare const TagsSingleFilter: ({ columnId, filterValue, onFilterValueChange }: TagsSingleFilterProps) => react_jsx_runtime.JSX.Element;
1526
- type GenericFilterProps = TableFilterBaseProps<GenericFilterValue>;
1527
- declare const GenericFilter: ({ filterValue, onFilterValueChange }: GenericFilterProps) => react_jsx_runtime.JSX.Element;
1528
- interface TableFilterContentProps extends TableFilterBaseProps<TableFilterValue> {
1529
- filterType: TableFilterCategory;
1530
- }
1531
- declare const TableFilterContent: ({ filterType, ...props }: TableFilterContentProps) => react_jsx_runtime.JSX.Element;
1532
-
1533
- type SortingIndexDisplay = {
1534
- index: number;
1535
- sortingsCount: number;
1536
- };
1537
- type TableSortButtonProps = ButtonProps & {
1538
- sortDirection: SortDirection | false;
1539
- sortingIndexDisplay?: SortingIndexDisplay;
1540
- invert?: boolean;
1541
- };
1542
- /**
1543
- * An Extension of the normal button that displays the sorting state right of the content
1544
- */
1545
- declare const TableSortButton: ({ sortDirection, invert, color, size, className, sortingIndexDisplay, ...props }: TableSortButtonProps) => react_jsx_runtime.JSX.Element;
1546
-
1547
- type ColumnSizeCalculateTargetBehavoir = 'equalOrHigher';
1548
- type ColumnSizeCalculateTarget = {
1549
- width: number;
1550
- behaviour: ColumnSizeCalculateTargetBehavoir;
1551
- };
1552
- type ColumnSizeCalculatoProps = {
1553
- previousSizing: Record<string, number>;
1554
- newSizing: Record<string, number>;
1555
- columnIds: string[];
1556
- target?: ColumnSizeCalculateTarget;
1557
- minWidthsPerColumn: Record<string, number>;
1558
- maxWidthsPerColumn?: Record<string, number>;
1559
- };
1560
- declare const toSizeVars: (sizing: ColumnSizingState) => {};
1561
- declare const ColumnSizeUtil: {
1562
- calculate: ({ previousSizing, newSizing, columnIds, target, minWidthsPerColumn, maxWidthsPerColumn }: ColumnSizeCalculatoProps) => {
1563
- [x: string]: number;
1564
- };
1565
- toSizeVars: (sizing: ColumnSizingState) => {};
1566
- };
1567
-
1568
- type CheckBoxSize = 'sm' | 'md' | 'lg' | null;
1569
- type CheckboxProps = HTMLAttributes<HTMLDivElement> & Partial<FormFieldInteractionStates> & Partial<FormFieldDataHandling<boolean>> & {
1570
- indeterminate?: boolean;
1571
- size?: CheckBoxSize;
1572
- alwaysShowCheckIcon?: boolean;
1573
- };
1574
- /**
1575
- * A Tristate checkbox
1576
- *
1577
- * The state is managed by the parent
1578
- */
1579
- declare const Checkbox: ({ value, indeterminate, required, invalid, disabled, readOnly, onValueChange, onEditComplete, size, alwaysShowCheckIcon, ...props }: CheckboxProps) => react_jsx_runtime.JSX.Element;
1580
- type CheckboxUncontrolledProps = CheckboxProps;
1581
- /**
1582
- * A Tristate checkbox
1583
- *
1584
- * The state is managed by this component
1585
- */
1586
- declare const CheckboxUncontrolled: ({ value: initialValue, onValueChange, ...props }: CheckboxUncontrolledProps) => react_jsx_runtime.JSX.Element;
1587
-
1588
- type Position$1 = 'top' | 'bottom' | 'left' | 'right';
1589
- type CopyToClipboardWrapperProps = PropsWithChildren<{
1590
- textToCopy: string;
1591
- /**
1592
- * Class names of additional styling properties for the tooltip
1593
- */
1594
- tooltipClassName?: string;
1595
- /**
1596
- * Class names of additional styling properties for the container from which the tooltip will be created
1597
- */
1598
- containerClassName?: string;
1599
- position?: Position$1;
1600
- zIndex?: number;
1601
- }>;
1602
- /**
1603
- * A Component for showing a tooltip when hovering over Content
1604
- * @param tooltip The tooltip to show can be a text or any ReactNode
1605
- * @param children The Content for which the tooltip should be created
1606
- * @param tooltipClassName Additional ClassNames for the Container of the tooltip
1607
- * @param containerClassName Additional ClassNames for the Container holding the content
1608
- * @param position The direction of the tooltip relative to the Container
1609
- * @param zIndex The z Index of the tooltip (you may require this when stacking modal)
1610
- * @constructor
1611
- */
1612
- declare const CopyToClipboardWrapper: ({ children, textToCopy, tooltipClassName, containerClassName, position, zIndex, }: CopyToClipboardWrapperProps) => react_jsx_runtime.JSX.Element;
1613
-
1614
- type MenuItemProps = {
1615
- onClick?: () => void;
1616
- isDisabled?: boolean;
1617
- className?: string;
1618
- };
1619
- declare const MenuItem: ({ children, onClick, isDisabled, className }: PropsWithChildren<MenuItemProps>) => react_jsx_runtime.JSX.Element;
1620
- type MenuBag = {
1621
- isOpen: boolean;
1622
- disabled: boolean;
1623
- toggleOpen: () => void;
1624
- close: () => void;
1625
- };
1626
- interface MenuProps extends Omit<PopUpProps, 'children' | 'anchor'> {
1627
- children: (bag: MenuBag) => ReactNode | ReactNode;
1628
- trigger: (bag: MenuBag, ref: (el: HTMLElement | null) => void) => ReactNode;
1629
- showOnHover?: boolean;
1630
- disabled?: boolean;
1631
- }
1632
- /**
1633
- * A Menu Component to allow the user to see different functions
1634
- */
1635
- declare const Menu: ({ trigger, children, showOnHover, disabled, ...props }: MenuProps) => react_jsx_runtime.JSX.Element;
1636
-
1637
- type ScrollPickerProps<T> = {
1638
- options: T[];
1639
- mapping: (value: T) => string;
1640
- selected?: T;
1641
- onChange?: (value: T) => void;
1642
- disabled?: boolean;
1643
- };
1644
- /**
1645
- * A component for picking an option by scrolling
1646
- */
1647
- declare const ScrollPicker: <T>({ options, mapping, selected, onChange, disabled, }: ScrollPickerProps<T>) => react_jsx_runtime.JSX.Element;
1648
-
1649
- type TextareaProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'value'> & Partial<FormFieldDataHandling<string>> & Partial<FormFieldInteractionStates> & {
1650
- saveDelayOptions?: UseDelayOptions;
1651
- };
1652
- /**
1653
- * A Textarea component for inputting longer texts
1654
- *
1655
- * The State is managed by the parent
1656
- */
1657
- declare const Textarea: react.ForwardRefExoticComponent<Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "value"> & Partial<FormFieldDataHandling<string>> & Partial<FormFieldInteractionStates> & {
1658
- saveDelayOptions?: UseDelayOptions;
1659
- } & react.RefAttributes<HTMLTextAreaElement>>;
1660
- /**
1661
- * A Textarea component that is not controlled by its parent
1662
- */
1663
- declare const TextareaUncontrolled: ({ value: initialValue, onValueChange, ...props }: TextareaProps) => react_jsx_runtime.JSX.Element;
1664
- type TextareaWithHeadlineProps = Omit<TextareaProps, 'defaultStyle'> & {
1665
- headline: ReactNode;
1666
- headlineProps: Omit<LabelHTMLAttributes<HTMLLabelElement>, 'children'>;
1667
- containerClassName?: string;
1668
- };
1669
- declare const TextareaWithHeadline: ({ id, headline, headlineProps, disabled, className, containerClassName, ...props }: TextareaWithHeadlineProps) => react_jsx_runtime.JSX.Element;
1670
-
1671
- declare const themes: readonly ["light", "dark", "system"];
1672
- type ThemeType = typeof themes[number];
1673
- type ResolvedTheme = Exclude<ThemeType, 'system'>;
1674
- declare const ThemeUtil: {
1675
- themes: readonly ["light", "dark", "system"];
1676
- };
1677
- type ThemeContextType = {
1678
- theme: ThemeType;
1679
- resolvedTheme: ResolvedTheme;
1680
- setTheme: Dispatch<SetStateAction<ThemeType>>;
1681
- };
1682
- declare const ThemeContext: react.Context<ThemeContextType>;
1683
- type ThemeProviderProps = PropsWithChildren & Partial<ThemeConfig> & {
1684
- /**
1685
- * Only set this if you want to control the theme yourself
1686
- */
1687
- theme?: ThemeType;
1688
- };
1689
- declare const ThemeProvider: ({ children, theme, initialTheme }: ThemeProviderProps) => react_jsx_runtime.JSX.Element;
1690
- declare const useTheme: () => ThemeContextType;
1691
-
1692
- declare const hightideTranslationLocales: readonly ["de-DE", "en-US"];
1693
- type HightideTranslationLocales = typeof hightideTranslationLocales[number];
1694
- type HightideTranslationEntries = {
1695
- 'add': string;
1696
- 'after': string;
1697
- 'age': string;
1698
- 'all': string;
1699
- 'apply': string;
1700
- 'back': string;
1701
- 'before': string;
1702
- 'between': string;
1703
- 'cancel': string;
1704
- 'carousel': string;
1705
- 'caseSensitive': string;
1706
- 'change': string;
1707
- 'changeColumnDisplay': string;
1708
- 'chooseLanguage': string;
1709
- 'chooseSlide': string;
1710
- 'chooseTheme': string;
1711
- 'clear': string;
1712
- 'clearValue': string;
1713
- 'click': string;
1714
- 'clickToCopy': string;
1715
- 'clickToSelect': string;
1716
- 'close': string;
1717
- 'closeDialog': string;
1718
- 'columnPicker': string;
1719
- 'columnPickerDescription': string;
1720
- 'columns': string;
1721
- 'confirm': string;
1722
- 'contains': string;
1723
- 'copied': string;
1724
- 'copy': string;
1725
- 'create': string;
1726
- 'date': string;
1727
- 'decline': string;
1728
- 'delete': string;
1729
- 'discard': string;
1730
- 'discardChanges': string;
1731
- 'done': string;
1732
- 'edit': string;
1733
- 'endDate': string;
1734
- 'endsWith': string;
1735
- 'enterText': string;
1736
- 'entriesPerPage': string;
1737
- 'entryDate': string;
1738
- 'equals': string;
1739
- 'error': string;
1740
- 'errorOccurred': string;
1741
- 'exit': string;
1742
- 'fieldRequiredError': string;
1743
- 'filter': string;
1744
- 'filterNonWhitespace': string;
1745
- 'filterNotUndefined': string;
1746
- 'filterUndefined': string;
1747
- 'first': string;
1748
- 'goodToSeeYou': string;
1749
- 'greaterThan': string;
1750
- 'greaterThanOrEqual': string;
1751
- 'hideColumn': string;
1752
- 'identifier': string;
1753
- 'invalidEmail': string;
1754
- 'invalidEmailError': string;
1755
- 'isFalse': string;
1756
- 'isTrue': string;
1757
- 'language': string;
1758
- 'last': string;
1759
- 'less': string;
1760
- 'lessThan': string;
1761
- 'lessThanOrEqual': string;
1762
- 'loading': string;
1763
- 'locale': string;
1764
- 'max': string;
1765
- 'maxLengthError': string;
1766
- 'min': string;
1767
- 'minLengthError': string;
1768
- 'more': string;
1769
- 'moveDown': string;
1770
- 'moveUp': string;
1771
- 'name': string;
1772
- 'next': string;
1773
- 'no': string;
1774
- 'none': string;
1775
- 'noParameterRequired': string;
1776
- 'notBetween': string;
1777
- 'notContains': string;
1778
- 'notEmpty': string;
1779
- 'notEquals': string;
1780
- 'nothingFound': string;
1781
- 'of': string;
1782
- 'onOrAfter': string;
1783
- 'onOrBefore': string;
1784
- 'optional': string;
1785
- 'outOfRangeNumber': (values: {
1786
- min: number;
1787
- max: number;
1788
- }) => string;
1789
- 'outOfRangeSelectionItems': (values: {
1790
- min: number;
1791
- max: number;
1792
- }) => string;
1793
- 'outOfRangeString': (values: {
1794
- min: number;
1795
- max: number;
1796
- }) => string;
1797
- 'parameter': string;
1798
- 'pinLeft': string;
1799
- 'pinned': string;
1800
- 'pinRight': string;
1801
- 'pleaseWait': string;
1802
- 'previous': string;
1803
- 'pThemes': (values: {
1804
- count: number;
1805
- }) => string;
1806
- 'remove': string;
1807
- 'removeProperty': string;
1808
- 'required': string;
1809
- 'reset': string;
1810
- 'rSortingOrderAfter': (values: {
1811
- otherSortings: number;
1812
- }) => string;
1813
- 'save': string;
1814
- 'saved': string;
1815
- 'sDateTimeSelect': (values: {
1816
- datetimeMode: string;
1817
- }) => string;
1818
- 'search': string;
1819
- 'select': string;
1820
- 'selection': string;
1821
- 'selectOption': string;
1822
- 'sGender': (values: {
1823
- gender: string;
1824
- }) => string;
1825
- 'show': string;
1826
- 'showColumn': string;
1827
- 'showLess': string;
1828
- 'showMore': string;
1829
- 'showSlide': (values: {
1830
- index: number;
1831
- }) => string;
1832
- 'slide': string;
1833
- 'slideNavigation': string;
1834
- 'slideOf': (values: {
1835
- index: number;
1836
- length: number;
1837
- }) => string;
1838
- 'sorting': string;
1839
- 'sSortingState': (values: {
1840
- sortDirection: string;
1841
- }) => string;
1842
- 'startDate': string;
1843
- 'startsWith': string;
1844
- 'sThemeMode': (values: {
1845
- theme: string;
1846
- }) => string;
1847
- 'street': string;
1848
- 'submit': string;
1849
- 'success': string;
1850
- 'tag': string;
1851
- 'tags': string;
1852
- 'text': string;
1853
- 'time.ago': string;
1854
- 'time.agoDays': (values: {
1855
- days: number;
1856
- }) => string;
1857
- 'time.april': string;
1858
- 'time.august': string;
1859
- 'time.century': (values: {
1860
- count: number;
1861
- }) => string;
1862
- 'time.day': (values: {
1863
- count: number;
1864
- }) => string;
1865
- 'time.decade': (values: {
1866
- count: number;
1867
- }) => string;
1868
- 'time.december': string;
1869
- 'time.february': string;
1870
- 'time.hour': (values: {
1871
- count: number;
1872
- }) => string;
1873
- 'time.in': string;
1874
- 'time.inDays': (values: {
1875
- days: number;
1876
- }) => string;
1877
- 'time.january': string;
1878
- 'time.july': string;
1879
- 'time.june': string;
1880
- 'time.march': string;
1881
- 'time.may': string;
1882
- 'time.microsecond': (values: {
1883
- count: number;
1884
- }) => string;
1885
- 'time.millisecond': (values: {
1886
- count: number;
1887
- }) => string;
1888
- 'time.minute': (values: {
1889
- count: number;
1890
- }) => string;
1891
- 'time.month': (values: {
1892
- count: number;
1893
- }) => string;
1894
- 'time.nanosecond': (values: {
1895
- count: number;
1896
- }) => string;
1897
- 'time.november': string;
1898
- 'time.october': string;
1899
- 'time.second': (values: {
1900
- count: number;
1901
- }) => string;
1902
- 'time.september': string;
1903
- 'time.sMonthName': (values: {
1904
- month: string;
1905
- }) => string;
1906
- 'time.today': string;
1907
- 'time.tomorrow': string;
1908
- 'time.year': (values: {
1909
- count: number;
1910
- }) => string;
1911
- 'time.yesterday': string;
1912
- 'tooFewSelectionItems': (values: {
1913
- min: number;
1914
- }) => string;
1915
- 'tooLong': (values: {
1916
- max: number;
1917
- }) => string;
1918
- 'tooManySelectionItems': (values: {
1919
- max: number;
1920
- }) => string;
1921
- 'tooShort': (values: {
1922
- min: number;
1923
- }) => string;
1924
- 'unpin': string;
1925
- 'unsavedChanges': string;
1926
- 'unsavedChangesSaveQuestion': string;
1927
- 'update': string;
1928
- 'value': string;
1929
- 'welcome': string;
1930
- 'yes': string;
1840
+ declare const useTableContainerContext: <T>() => TableContainerContextType<T>;
1841
+ type TableColumnDefinitionContextType<T> = {
1842
+ table: Table$1<T>;
1843
+ registerColumn: (column: ColumnDef<T>) => () => void;
1931
1844
  };
1932
- declare const hightideTranslation: Translation<HightideTranslationLocales, Partial<HightideTranslationEntries>>;
1845
+ declare const TableColumnDefinitionContext: react.Context<TableColumnDefinitionContextType<any>>;
1846
+ declare const useTableColumnDefinitionContext: <T>() => TableColumnDefinitionContextType<T>;
1933
1847
 
1934
- 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 ? {
1935
- [P in keyof T]?: DeepPartial<T[P]>;
1936
- } : T;
1937
- type SuperSet<T, Base> = Base extends T ? T : never;
1938
- type SingleOrArray<T> = T | T[];
1939
- type Exact<T, U extends T> = U;
1848
+ type TableFilterButtonProps<T = unknown> = {
1849
+ filterType: TableFilterCategory;
1850
+ column: Column<T>;
1851
+ };
1852
+ declare const TableFilterButton: <T>({ filterType, column, }: TableFilterButtonProps<T>) => react_jsx_runtime.JSX.Element;
1940
1853
 
1941
- type TooltipConfig = {
1942
- /**
1943
- * Number of milliseconds until the tooltip appears
1944
- */
1945
- appearDelay: number;
1946
- isAnimated: boolean;
1854
+ interface TableFilterBaseProps<T extends TableFilterValue> {
1855
+ columnId: string;
1856
+ filterValue?: T | undefined;
1857
+ onFilterValueChange: (value: T | undefined) => void;
1858
+ }
1859
+ type OperatorLabelProps = {
1860
+ operator: TableFilterType;
1947
1861
  };
1948
- type ThemeConfig = {
1862
+ declare const OperatorLabel: ({ operator }: OperatorLabelProps) => react_jsx_runtime.JSX.Element;
1863
+ type TextFilterProps = TableFilterBaseProps<TextFilterValue>;
1864
+ declare const TextFilter: ({ filterValue, onFilterValueChange }: TextFilterProps) => react_jsx_runtime.JSX.Element;
1865
+ type NumberFilterProps = TableFilterBaseProps<NumberFilterValue>;
1866
+ declare const NumberFilter: ({ filterValue, onFilterValueChange }: NumberFilterProps) => react_jsx_runtime.JSX.Element;
1867
+ type DateFilterProps = TableFilterBaseProps<DateFilterValue>;
1868
+ declare const DateFilter: ({ filterValue, onFilterValueChange }: DateFilterProps) => react_jsx_runtime.JSX.Element;
1869
+ type DatetimeFilterProps = TableFilterBaseProps<DatetimeFilterValue>;
1870
+ declare const DatetimeFilter: ({ filterValue, onFilterValueChange }: DatetimeFilterProps) => react_jsx_runtime.JSX.Element;
1871
+ type BooleanFilterProps = TableFilterBaseProps<BooleanFilterValue>;
1872
+ declare const BooleanFilter: ({ filterValue, onFilterValueChange }: BooleanFilterProps) => react_jsx_runtime.JSX.Element;
1873
+ type TagsFilterProps = TableFilterBaseProps<TagsFilterValue>;
1874
+ declare const TagsFilter: ({ columnId, filterValue, onFilterValueChange }: TagsFilterProps) => react_jsx_runtime.JSX.Element;
1875
+ type TagsSingleFilterProps = TableFilterBaseProps<TagsSingleFilterValue>;
1876
+ declare const TagsSingleFilter: ({ columnId, filterValue, onFilterValueChange }: TagsSingleFilterProps) => react_jsx_runtime.JSX.Element;
1877
+ type GenericFilterProps = TableFilterBaseProps<GenericFilterValue>;
1878
+ declare const GenericFilter: ({ filterValue, onFilterValueChange }: GenericFilterProps) => react_jsx_runtime.JSX.Element;
1879
+ interface TableFilterContentProps extends TableFilterBaseProps<TableFilterValue> {
1880
+ filterType: TableFilterCategory;
1881
+ }
1882
+ declare const TableFilterContent: ({ filterType, ...props }: TableFilterContentProps) => react_jsx_runtime.JSX.Element;
1883
+
1884
+ interface TooltipTriggerContextValue {
1885
+ ref: RefObject<HTMLElement>;
1886
+ callbackRef: (el: HTMLElement | null) => void;
1887
+ props: {
1888
+ 'onPointerEnter': () => void;
1889
+ 'onPointerLeave': () => void;
1890
+ 'onPointerCancel': () => void;
1891
+ 'onClick': () => void;
1892
+ 'onFocus': () => void;
1893
+ 'onBlur': () => void;
1894
+ 'aria-describedby'?: string;
1895
+ };
1896
+ }
1897
+ interface TooltipContextType {
1898
+ tooltip: {
1899
+ id: string;
1900
+ setId: (id: string) => void;
1901
+ };
1902
+ trigger: TooltipTriggerContextValue;
1903
+ disabled: boolean;
1904
+ isShown: boolean;
1905
+ open: () => void;
1906
+ close: () => void;
1907
+ }
1908
+ declare const TooltipContext: react.Context<TooltipContextType>;
1909
+ declare const useTooltip: () => TooltipContextType;
1910
+ interface TooltipRootProps extends PropsWithChildren {
1911
+ isInitiallyShown?: boolean;
1912
+ appearDelay?: number;
1913
+ disabled?: boolean;
1914
+ }
1915
+ declare const TooltipRoot: ({ children, isInitiallyShown, appearDelay: appearOverwrite, disabled, }: TooltipRootProps) => react_jsx_runtime.JSX.Element;
1916
+ type TooltipAligment = 'top' | 'bottom' | 'left' | 'right';
1917
+ interface TooltipDisplayProps extends Omit<AnchoredFloatingContainerProps, 'options'>, Partial<TooltipConfig> {
1918
+ alignment?: TooltipAligment;
1919
+ disabled?: boolean;
1920
+ isShown?: boolean;
1921
+ options?: Omit<UseAnchoredPositionOptions, 'verticalAlignment' | 'horizontalAlignment'>;
1922
+ }
1923
+ declare const TooltipDisplay: react.ForwardRefExoticComponent<TooltipDisplayProps & react.RefAttributes<HTMLDivElement>>;
1924
+ interface TooltipTriggerBag extends TooltipTriggerContextValue {
1925
+ disabled: boolean;
1926
+ isShown: boolean;
1927
+ }
1928
+ interface TooltipTriggerProps {
1929
+ children: (bag: TooltipTriggerBag) => ReactNode;
1930
+ }
1931
+ declare const TooltipTrigger: ({ children, }: TooltipTriggerProps) => ReactNode;
1932
+ interface TooltipProps extends TooltipRootProps, Pick<TooltipDisplayProps, 'alignment' | 'disabled' | 'isAnimated'> {
1933
+ tooltip: ReactNode;
1934
+ tooltipClassName?: string;
1935
+ containerClassName?: string;
1936
+ }
1937
+ /**
1938
+ * A Component for showing a tooltip when hovering over Content
1939
+ */
1940
+ declare const Tooltip: ({ tooltip, children, isInitiallyShown, appearDelay, disabled, containerClassName, alignment, isAnimated, }: TooltipProps) => react_jsx_runtime.JSX.Element;
1941
+
1942
+ /**
1943
+ * The different sizes for a icon button
1944
+ */
1945
+ type IconButtonSize = 'xs' | 'sm' | 'md' | 'lg' | null;
1946
+ type IconButtonColoringStyle = 'outline' | 'solid' | 'text' | 'tonal' | null;
1947
+ declare const iconButtonColorsList: readonly ["primary", "secondary", "positive", "warning", "negative", "neutral"];
1948
+ /**
1949
+ * The allowed colors for the Button
1950
+ */
1951
+ type IconButtonColor = typeof iconButtonColorsList[number] | null;
1952
+ declare const IconButtonUtil: {
1953
+ colors: readonly ["primary", "secondary", "positive", "warning", "negative", "neutral"];
1954
+ };
1955
+ interface IconButtonBaseProps extends ButtonHTMLAttributes<HTMLButtonElement> {
1949
1956
  /**
1950
- * The initial theme to show when:
1951
- * 1. The system preference is not or cannot be loaded
1952
- * 2. The user has not set an app preference
1957
+ * @default 'medium'
1953
1958
  */
1954
- initialTheme: ResolvedTheme;
1955
- };
1956
- type LocalizationConfig = {
1959
+ size?: IconButtonSize;
1960
+ color?: IconButtonColor;
1957
1961
  /**
1958
- * The initial locale to use when:
1959
- * 1. The system preference is not or cannot be loaded
1960
- * 2. The user has not set an app preference
1962
+ * @default 'solid'
1961
1963
  */
1962
- defaultLocale: HightideTranslationLocales;
1964
+ coloringStyle?: IconButtonColoringStyle;
1965
+ allowClickEventPropagation?: boolean;
1966
+ }
1967
+ declare const IconButtonBase: react.ForwardRefExoticComponent<IconButtonBaseProps & react.RefAttributes<HTMLButtonElement>>;
1968
+ interface IconButtonProps extends IconButtonBaseProps {
1969
+ useTooltipAsLabel?: boolean;
1970
+ tooltip?: ReactNode;
1971
+ tooltipProps?: Omit<TooltipDisplayProps, 'children' | 'isShown'>;
1972
+ }
1973
+ /**
1974
+ * A icon button with a tooltip
1975
+ */
1976
+ declare const IconButton: react.ForwardRefExoticComponent<IconButtonProps & react.RefAttributes<HTMLButtonElement>>;
1977
+
1978
+ type SortingIndexDisplay = {
1979
+ index: number;
1980
+ sortingsCount: number;
1963
1981
  };
1964
- type HightideConfig = {
1965
- tooltip: TooltipConfig;
1966
- theme: ThemeConfig;
1967
- locale: LocalizationConfig;
1982
+ type TableSortButtonProps = IconButtonProps & {
1983
+ sortDirection: SortDirection | false;
1984
+ sortingIndexDisplay?: SortingIndexDisplay;
1985
+ invert?: boolean;
1968
1986
  };
1969
- type ConfigType = {
1970
- config: HightideConfig;
1971
- setConfig: (configOverwrite: DeepPartial<HightideConfig>) => void;
1987
+ /**
1988
+ * An Extension of the normal button that displays the sorting state right of the content
1989
+ */
1990
+ declare const TableSortButton: ({ sortDirection, invert, color, size, className, sortingIndexDisplay, ...props }: TableSortButtonProps) => react_jsx_runtime.JSX.Element;
1991
+
1992
+ type ColumnSizeCalculateTargetBehavoir = 'equalOrHigher';
1993
+ type ColumnSizeCalculateTarget = {
1994
+ width: number;
1995
+ behaviour: ColumnSizeCalculateTargetBehavoir;
1972
1996
  };
1973
- declare const HightideConfigContext: react.Context<ConfigType>;
1974
- type HightideConfigProviderProps = PropsWithChildren & DeepPartial<HightideConfig>;
1975
- declare const HightideConfigProvider: ({ children, ...initialOverwrite }: HightideConfigProviderProps) => react_jsx_runtime.JSX.Element;
1976
- declare const useHightideConfig: () => ConfigType;
1997
+ type ColumnSizeCalculatoProps = {
1998
+ previousSizing: Record<string, number>;
1999
+ newSizing: Record<string, number>;
2000
+ columnIds: string[];
2001
+ target?: ColumnSizeCalculateTarget;
2002
+ minWidthsPerColumn: Record<string, number>;
2003
+ maxWidthsPerColumn?: Record<string, number>;
2004
+ };
2005
+ declare const toSizeVars: (sizing: ColumnSizingState) => {};
2006
+ declare const ColumnSizeUtil: {
2007
+ calculate: ({ previousSizing, newSizing, columnIds, target, minWidthsPerColumn, maxWidthsPerColumn }: ColumnSizeCalculatoProps) => {
2008
+ [x: string]: number;
2009
+ };
2010
+ toSizeVars: (sizing: ColumnSizingState) => {};
2011
+ };
2012
+
2013
+ type CheckBoxSize = 'sm' | 'md' | 'lg' | null;
2014
+ type CheckboxProps = HTMLAttributes<HTMLDivElement> & Partial<FormFieldInteractionStates> & Partial<FormFieldDataHandling<boolean>> & {
2015
+ indeterminate?: boolean;
2016
+ size?: CheckBoxSize;
2017
+ alwaysShowCheckIcon?: boolean;
2018
+ };
2019
+ /**
2020
+ * A Tristate checkbox
2021
+ *
2022
+ * The state is managed by the parent
2023
+ */
2024
+ declare const Checkbox: ({ value, indeterminate, required, invalid, disabled, readOnly, onValueChange, onEditComplete, size, alwaysShowCheckIcon, ...props }: CheckboxProps) => react_jsx_runtime.JSX.Element;
2025
+ type CheckboxUncontrolledProps = CheckboxProps;
2026
+ /**
2027
+ * A Tristate checkbox
2028
+ *
2029
+ * The state is managed by this component
2030
+ */
2031
+ declare const CheckboxUncontrolled: ({ value: initialValue, onValueChange, ...props }: CheckboxUncontrolledProps) => react_jsx_runtime.JSX.Element;
1977
2032
 
1978
2033
  type Position = 'top' | 'bottom' | 'left' | 'right';
1979
- interface TooltipProps extends PropsWithChildren, Partial<TooltipConfig> {
1980
- tooltip: ReactNode;
2034
+ type CopyToClipboardWrapperProps = PropsWithChildren<{
2035
+ textToCopy: string;
1981
2036
  /**
1982
2037
  * Class names of additional styling properties for the tooltip
1983
2038
  */
@@ -1987,8 +2042,8 @@ interface TooltipProps extends PropsWithChildren, Partial<TooltipConfig> {
1987
2042
  */
1988
2043
  containerClassName?: string;
1989
2044
  position?: Position;
1990
- disabled?: boolean;
1991
- }
2045
+ zIndex?: number;
2046
+ }>;
1992
2047
  /**
1993
2048
  * A Component for showing a tooltip when hovering over Content
1994
2049
  * @param tooltip The tooltip to show can be a text or any ReactNode
@@ -1996,9 +2051,67 @@ interface TooltipProps extends PropsWithChildren, Partial<TooltipConfig> {
1996
2051
  * @param tooltipClassName Additional ClassNames for the Container of the tooltip
1997
2052
  * @param containerClassName Additional ClassNames for the Container holding the content
1998
2053
  * @param position The direction of the tooltip relative to the Container
2054
+ * @param zIndex The z Index of the tooltip (you may require this when stacking modal)
1999
2055
  * @constructor
2000
2056
  */
2001
- declare const Tooltip: ({ tooltip, children, appearDelay: appearOverwrite, isAnimated: isAnimatedOverwrite, tooltipClassName, containerClassName, position, disabled, }: TooltipProps) => react_jsx_runtime.JSX.Element;
2057
+ declare const CopyToClipboardWrapper: ({ children, textToCopy, tooltipClassName, containerClassName, position, zIndex, }: CopyToClipboardWrapperProps) => react_jsx_runtime.JSX.Element;
2058
+
2059
+ type MenuItemProps = {
2060
+ onClick?: () => void;
2061
+ isDisabled?: boolean;
2062
+ className?: string;
2063
+ };
2064
+ declare const MenuItem: ({ children, onClick, isDisabled, className }: PropsWithChildren<MenuItemProps>) => react_jsx_runtime.JSX.Element;
2065
+ type MenuBag = {
2066
+ isOpen: boolean;
2067
+ disabled: boolean;
2068
+ toggleOpen: () => void;
2069
+ close: () => void;
2070
+ };
2071
+ interface MenuProps extends Omit<PopUpProps, 'children' | 'anchor'> {
2072
+ children: (bag: MenuBag) => ReactNode | ReactNode;
2073
+ trigger: (bag: MenuBag, ref: (el: HTMLElement | null) => void) => ReactNode;
2074
+ showOnHover?: boolean;
2075
+ disabled?: boolean;
2076
+ }
2077
+ /**
2078
+ * A Menu Component to allow the user to see different functions
2079
+ */
2080
+ declare const Menu: ({ trigger, children, showOnHover, disabled, ...props }: MenuProps) => react_jsx_runtime.JSX.Element;
2081
+
2082
+ type ScrollPickerProps<T> = {
2083
+ options: T[];
2084
+ mapping: (value: T) => string;
2085
+ selected?: T;
2086
+ onChange?: (value: T) => void;
2087
+ disabled?: boolean;
2088
+ };
2089
+ /**
2090
+ * A component for picking an option by scrolling
2091
+ */
2092
+ declare const ScrollPicker: <T>({ options, mapping, selected, onChange, disabled, }: ScrollPickerProps<T>) => react_jsx_runtime.JSX.Element;
2093
+
2094
+ type TextareaProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'value'> & Partial<FormFieldDataHandling<string>> & Partial<FormFieldInteractionStates> & {
2095
+ saveDelayOptions?: UseDelayOptions;
2096
+ };
2097
+ /**
2098
+ * A Textarea component for inputting longer texts
2099
+ *
2100
+ * The State is managed by the parent
2101
+ */
2102
+ declare const Textarea: react.ForwardRefExoticComponent<Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "value"> & Partial<FormFieldDataHandling<string>> & Partial<FormFieldInteractionStates> & {
2103
+ saveDelayOptions?: UseDelayOptions;
2104
+ } & react.RefAttributes<HTMLTextAreaElement>>;
2105
+ /**
2106
+ * A Textarea component that is not controlled by its parent
2107
+ */
2108
+ declare const TextareaUncontrolled: ({ value: initialValue, onValueChange, ...props }: TextareaProps) => react_jsx_runtime.JSX.Element;
2109
+ type TextareaWithHeadlineProps = Omit<TextareaProps, 'defaultStyle'> & {
2110
+ headline: ReactNode;
2111
+ headlineProps: Omit<LabelHTMLAttributes<HTMLLabelElement>, 'children'>;
2112
+ containerClassName?: string;
2113
+ };
2114
+ declare const TextareaWithHeadline: ({ id, headline, headlineProps, disabled, className, containerClassName, ...props }: TextareaWithHeadlineProps) => react_jsx_runtime.JSX.Element;
2002
2115
 
2003
2116
  type DurationJSON = {
2004
2117
  years: number;
@@ -2180,7 +2293,7 @@ declare const InsideLabelInputUncontrolled: ({ value: initialValue, ...props }:
2180
2293
  type SearchBarProps = Omit<InputProps, 'onValueChange' | 'onEditComplete'> & {
2181
2294
  onValueChange?: (value: string) => void;
2182
2295
  onSearch: (value: string) => void;
2183
- searchButtonProps?: Omit<ButtonProps, 'onClick'>;
2296
+ searchButtonProps?: Omit<IconButtonProps, 'onClick'>;
2184
2297
  containerProps?: HTMLAttributes<HTMLDivElement>;
2185
2298
  };
2186
2299
  declare const SearchBar: ({ value: initialValue, onSearch, onValueChange, searchButtonProps, containerProps, ...inputProps }: SearchBarProps) => react_jsx_runtime.JSX.Element;
@@ -2468,20 +2581,6 @@ type UseHoverStateReturnType = {
2468
2581
  */
2469
2582
  declare const useHoverState: (props?: Partial<UseHoverStateProps> | undefined) => UseHoverStateReturnType;
2470
2583
 
2471
- type SetValue<T> = Dispatch<SetStateAction<T>>;
2472
- type UseLocalStorageResult<T> = {
2473
- value: T;
2474
- setValue: SetValue<T>;
2475
- deleteValue: () => void;
2476
- };
2477
- /**
2478
- * @param key Key under which to save the data
2479
- * @param backupValue Used if the storage is unavailable or no value is present
2480
- *
2481
- * The backup value will never be saved to the storage unless you explicitly
2482
- */
2483
- declare const useLocalStorage: <T>(key: string, backupValue: T) => UseLocalStorageResult<T>;
2484
-
2485
2584
  type OptionsResolved = {
2486
2585
  type?: 'info' | 'error' | 'warning';
2487
2586
  };
@@ -2551,7 +2650,21 @@ declare const useRerender: () => react.ActionDispatch<[]>;
2551
2650
  *
2552
2651
  * @param callback Called when the window resizes
2553
2652
  */
2554
- declare const useResizeCallbackWrapper: (callback: (event: UIEvent) => void) => void;
2653
+ declare const useWindowResizeObserver: (onResize: () => void) => void;
2654
+
2655
+ type UseResizeObserverProps = {
2656
+ observedElementRef?: RefObject<Element>;
2657
+ onResize: () => void;
2658
+ isActive?: boolean;
2659
+ };
2660
+ declare function useResizeObserver({ observedElementRef, onResize, isActive }: UseResizeObserverProps): void;
2661
+
2662
+ type UseScrollObserverProps = {
2663
+ observedElementRef?: RefObject<HTMLElement>;
2664
+ onScroll: () => void;
2665
+ isActive?: boolean;
2666
+ };
2667
+ declare function useScrollObserver({ observedElementRef, onScroll, isActive }: UseScrollObserverProps): void;
2555
2668
 
2556
2669
  type UseSearchProps<T> = {
2557
2670
  list: T[];
@@ -2572,6 +2685,22 @@ declare const useSearch: <T>({ list, initialSearch, searchMapping, additionalSea
2572
2685
  setSearch: react.Dispatch<react.SetStateAction<string>>;
2573
2686
  };
2574
2687
 
2688
+ interface UseStorageProps<T> {
2689
+ key: string;
2690
+ defaultValue: T;
2691
+ storageType?: 'local' | 'session';
2692
+ serialize?: (value: T) => string;
2693
+ deserialize?: (value: string) => T;
2694
+ /** Whether to listen for storage events and update the value automatically. Defaults to true. */
2695
+ listen?: boolean;
2696
+ }
2697
+ interface UseStorageResult<T> {
2698
+ value: T;
2699
+ setValue: Dispatch<SetStateAction<T>>;
2700
+ deleteValue: () => void;
2701
+ }
2702
+ declare const useStorage: <T>({ key, defaultValue, storageType, serialize, deserialize, listen }: UseStorageProps<T>) => UseStorageResult<T>;
2703
+
2575
2704
  type TransitionState = 'opened' | 'closed' | 'opening' | 'closing';
2576
2705
  type UseTransitionStateResult = {
2577
2706
  transitionState: TransitionState;
@@ -2626,6 +2755,20 @@ declare const LocalizationUtil: {
2626
2755
  languagesLocalNames: Record<"de-DE" | "en-US", string>;
2627
2756
  };
2628
2757
 
2758
+ type StorageSubscriber = (raw: string | null) => void;
2759
+ declare class StorageListener {
2760
+ private static instance;
2761
+ private localSubscriptions;
2762
+ private sessionSubscriptions;
2763
+ private initialized;
2764
+ private constructor();
2765
+ static getInstance(): StorageListener;
2766
+ subscribe(storage: Storage, key: string, cb: StorageSubscriber): () => void;
2767
+ private init;
2768
+ private handleEvent;
2769
+ private getRegistry;
2770
+ }
2771
+
2629
2772
  declare const equalSizeGroups: <T>(array: T[], groupSize: number) => T[][];
2630
2773
  type RangeOptions = {
2631
2774
  /** Whether the range can be defined empty via end < start without a warning */
@@ -2859,21 +3002,6 @@ declare const SimpleSearchWithMapping: <T>(search: string, objects: T[], mapping
2859
3002
  */
2860
3003
  declare const SimpleSearch: (search: string, objects: string[]) => string[];
2861
3004
 
2862
- declare class StorageService {
2863
- private storage;
2864
- constructor(storage: Storage);
2865
- get<T>(key: string): T | null;
2866
- set<T>(key: string, value: T): void;
2867
- delete(key: string): void;
2868
- deleteAll(): void;
2869
- }
2870
- declare class LocalStorageService extends StorageService {
2871
- constructor();
2872
- }
2873
- declare class SessionStorageService extends StorageService {
2874
- constructor();
2875
- }
2876
-
2877
3005
  declare const writeToClipboard: (text: string) => Promise<void>;
2878
3006
 
2879
- export { ASTNodeInterpreter, type ASTNodeInterpreterProps, AnchoredFloatingContainer, type AnchoredFloatingContainerProps, AnimatedRing, type AnimatedRingProps, ArrayUtil, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, type AvatarSize, type BackgroundOverlayProps, type BagFunction, type BagFunctionOrNode, type BagFunctionOrValue, BagFunctionUtil, BooleanFilter, type BooleanFilterParameter, type BooleanFilterProps, type BooleanFilterValue, BreadCrumbGroup, BreadCrumbLink, type BreadCrumbLinkProps, type BreadCrumbProps, BreadCrumbs, Button, type ButtonColor, type ButtonProps, ButtonUtil, Carousel, type CarouselProps, CarouselSlide, type CarouselSlideProps, Checkbox, CheckboxProperty, type CheckboxPropertyProps, type CheckboxProps, CheckboxUncontrolled, type CheckboxUncontrolledProps, Chip, type ChipColor, ChipList, type ChipListProps, type ChipProps, ChipUtil, Circle, type CircleProps, type ColumnSizeCalculatoProps, ColumnSizeUtil, ConfirmDialog, type ConfirmDialogProps, type ConfirmDialogType, type ControlledStateProps, CopyToClipboardWrapper, type CopyToClipboardWrapperProps, type Crumb, DateFilter, type DateFilterParameter, type DateFilterProps, type DateFilterValue, DatePicker, type DatePickerProps, DatePickerUncontrolled, DateProperty, type DatePropertyProps, DateTimeInput, type DateTimeInputProps, DateTimePicker, DateTimePickerDialog, type DateTimePickerDialogProps, type DateTimePickerMode, type DateTimePickerProps, DateTimePickerUncontrolled, DateUtils, DatetimeFilter, type DatetimeFilterParameter, type DatetimeFilterProps, type DatetimeFilterValue, DayPicker, type DayPickerProps, DayPickerUncontrolled, type DeepPartial, Dialog, DialogContext, type DialogContextType, type DialogOpenerPassingProps, DialogOpenerWrapper, type DialogOpenerWrapperBag, type DialogOpenerWrapperProps, type DialogPosition, type DialogProps, DialogRoot, type DialogRootProps, type Direction, DiscardChangesDialog, DividerInserter, type DividerInserterProps, Drawer, type DrawerAligment, type DrawerProps, Duration, type DurationJSON, type EaseFunction, EaseFunctions, type EditCompleteOptions, type EditCompleteOptionsResolved, type ElementHandle, ErrorComponent, type ErrorComponentProps, type Exact, Expandable, ExpandableContent, type ExpandableContentProps, ExpandableHeader, type ExpandableHeaderProps, type ExpandableProps, ExpandableRoot, type ExpandableRootProps, ExpandableUncontrolled, ExpansionIcon, type ExpansionIconProps, type FAQItem, FAQSection, type FAQSectionProps, FillerCell, type FillerCellProps, type FloatingElementAlignment, FocusTrap, type FocusTrapProps, FocusTrapWrapper, type FocusTrapWrapperProps, FormContext, type FormContextType, type FormEvent, type FormEventListener, FormField, type FormFieldAriaAttributes, type FormFieldBag, type FormFieldDataHandling, type FormFieldFocusableElementProps, type FormFieldInteractionStates, FormFieldLayout, type FormFieldLayoutBag, type FormFieldLayoutIds, type FormFieldLayoutProps, type FormFieldProps, type FormFieldResult, FormObserver, FormObserverKey, type FormObserverKeyProps, type FormObserverKeyResult, type FormObserverProps, type FormObserverResult, FormProvider, type FormProviderProps, FormStore, type FormStoreProps, type FormValidationBehaviour, type FormValidator, type FormValue, GenericFilter, type GenericFilterParameter, type GenericFilterProps, type GenericFilterValue, HelpwaveBadge, type HelpwaveBadgeProps, HelpwaveLogo, type HelpwaveProps, type HighlightStartPositionBehavior, type HightideConfig, HightideConfigContext, HightideConfigProvider, type HightideConfigProviderProps, HightideProvider, type HightideTranslationEntries, type HightideTranslationLocales, InfiniteScroll, type InfiniteScrollProps, Input, InputDialog, type InputModalProps, type InputProps, InputUncontrolled, InsideLabelInput, InsideLabelInputUncontrolled, LanguageDialog, ListBox, ListBoxItem, type ListBoxItemProps, ListBoxMultiple, type ListBoxMultipleProps, ListBoxMultipleUncontrolled, type ListBoxMultipleUncontrolledProps, ListBoxPrimitive, type ListBoxPrimitiveProps, type ListBoxProps, ListBoxUncontrolled, type ListBoxUncontrolledProps, LoadingAndErrorComponent, type LoadingAndErrorComponentProps, LoadingAnimation, type LoadingAnimationProps, type LoadingComponentProps, LoadingContainer, LocalStorageService, LocaleContext, type LocaleContextValue, LocaleProvider, type LocaleProviderProps, type LocalizationConfig, LocalizationUtil, LoopingArrayCalculator, MarkdownInterpreter, type MarkdownInterpreterProps, MathUtil, Menu, type MenuBag, MenuItem, type MenuItemProps, type MenuProps, type Month, MultiSearchWithMapping, MultiSelect, MultiSelectButton, type MultiSelectButtonProps, MultiSelectChipDisplay, MultiSelectChipDisplayButton, type MultiSelectChipDisplayProps, MultiSelectChipDisplayUncontrolled, type MultiSelectChipDisplayUncontrolledProps, MultiSelectContent, type MultiSelectContentProps, MultiSelectOption, type MultiSelectOptionProps, MultiSelectProperty, type MultiSelectPropertyProps, type MultiSelectProps, MultiSelectRoot, type MultiSelectRootProps, MultiSelectUncontrolled, MultiSubjectSearchWithMapping, Navigation, NavigationItemList, type NavigationItemListProps, type NavigationItemType, type NavigationProps, NumberFilter, type NumberFilterParameter, type NumberFilterProps, type NumberFilterValue, NumberProperty, type NumberPropertyProps, OperatorLabel, type OperatorLabelProps, type OverlayItem, OverlayRegistry, Pagination, type PaginationProps, PopUp, PopUpContext, type PopUpContextType, PopUpOpener, type PopUpOpenerBag, type PopUpOpenerProps, type PopUpProps, PopUpRoot, type PopUpRootProps, Portal, type PortalProps, ProgressIndicator, type ProgressIndicatorProps, PromiseUtils, PropertyBase, type PropertyBaseProps, type PropertyField, PropsUtil, type PropsWithBagFunction, type PropsWithBagFunctionOrChildren, RadialRings, type RadialRingsProps, type Range, type RangeOptions, type ResolvedTheme, Ring, type RingProps, RingWave, type RingWaveProps, ScrollPicker, type ScrollPickerProps, SearchBar, type SearchBarProps, Select, SelectButton, type SelectButtonProps, SelectContent, type SelectContentProps, SelectContext, type SelectIconAppearance, SelectOption, type SelectOptionProps, type SelectProps, SelectRoot, type SelectRootProps, SelectUncontrolled, type SelectUncontrolledProps, SessionStorageService, type SharedSelectRootProps, SimpleSearch, SimpleSearchWithMapping, type SingleOrArray, SingleSelectProperty, type SingleSelectPropertyProps, StepperBar, type StepperBarProps, StepperBarUncontrolled, type StepperState, type SuperSet, type TabContextType, type TabInfo, TabList, TabPanel, TabSwitcher, type TabSwitcherProps, TabView, Table, TableBody, type TableBooleanFilter, TableCell, type TableCellProps, TableColumn, TableColumnDefinitionContext, type TableColumnDefinitionContextType, type TableColumnProps, TableColumnSwitcher, TableColumnSwitcherPopUp, type TableColumnSwitcherPopUpProps, type TableColumnSwitcherProps, TableContainerContext, type TableContainerContextType, TableDataContext, type TableDataContextType, type TableDateFilter, type TableDatetimeFilter, TableDisplay, type TableDisplayProps, TableFilter, type TableFilterBaseProps, TableFilterButton, type TableFilterButtonProps, type TableFilterCategory, TableFilterContent, type TableFilterContentProps, TableFilterOperator, type TableFilterType, type TableFilterValue, type TableGenericFilter, TableHeader, TableHeaderContext, type TableHeaderContextType, type TableHeaderProps, type TableNumberFilter, TablePageSizeSelect, type TablePageSizeSelectProps, TablePagination, TablePaginationMenu, type TablePaginationMenuProps, type TablePaginationProps, type TableProps, TableProvider, type TableProviderProps, TableSortButton, type TableSortButtonProps, type TableTagsFilter, type TableTagsSingleFilter, type TableTextFilter, TableWithSelection, type TableWithSelectionProps, TableWithSelectionProvider, type TableWithSelectionProviderProps, TagIcon, type TagProps, TagsFilter, type TagsFilterParameter, type TagsFilterProps, type TagsFilterValue, TagsSingleFilter, type TagsSingleFilterParameter, type TagsSingleFilterProps, type TagsSingleFilterValue, TextFilter, type TextFilterParameter, type TextFilterProps, type TextFilterValue, TextImage, type TextImageProps, TextProperty, type TextPropertyProps, Textarea, type TextareaProps, TextareaUncontrolled, TextareaWithHeadline, type TextareaWithHeadlineProps, type ThemeConfig, ThemeContext, ThemeDialog, ThemeProvider, type ThemeProviderProps, type ThemeType, ThemeUtil, TimeDisplay, TimePicker, type TimePickerMinuteIncrement, type TimePickerProps, TimePickerUncontrolled, ToggleableInput, ToggleableInputUncontrolled, Tooltip, type TooltipConfig, type TooltipProps, Transition, type TransitionState, type TransitionWrapperProps, type UnBoundedRange, type UseAnchoredPositionOptions, type UseAnchoredPostitionProps, type UseCreateFormProps, type UseCreateFormResult, type UseDelayOptions, type UseDelayOptionsResolved, type UseFocusTrapProps, type UseFormFieldOptions, type UseFormFieldParameter, type UseFormObserverKeyProps, type UseFormObserverProps, type UseOutsideClickHandlers, type UseOutsideClickOptions, type UseOutsideClickProps, type UseOverlayRegistryProps, type UseOverlayRegistryResult, type UsePresenceRefProps, type UseSearchProps, UseValidators, type UserFormFieldProps, type ValidatorError, type ValidatorResult, VerticalDivider, type VerticalDividerProps, Visibility, type VisibilityProps, type WeekDay, YearMonthPicker, type YearMonthPickerProps, YearMonthPickerUncontrolled, addDuration, builder, changeDuration, closestMatch, createLoopingList, createLoopingListWithIndex, equalSizeGroups, filterBoolean, filterDate, filterDatetime, filterGeneric, filterNumber, filterTags, filterTagsSingle, filterText, formatDate, formatDateTime, getBetweenDuration, getNeighbours, getWeeksForCalenderMonth, hightideTranslation, hightideTranslationLocales, isInTimeSpan, isTableFilterCategory, match, mergeProps, noop, range, resolveSetState, subtractDuration, toSizeVars, useAnchoredPosition, useControlledState, useCreateForm, useDelay, useDialogContext, useFocusGuards, useFocusManagement, useFocusOnceVisible, useFocusTrap, useForm, useFormField, useFormObserver, useFormObserverKey, useHandleRefs, useHightideConfig, useHightideTranslation, useHoverState, useICUTranslation, useIsMounted, useLanguage, useLocalStorage, useLocale, useLogOnce, useLogUnstableDependencies, useOutsideClick, useOverlayRegistry, useOverwritableState, usePopUpContext, usePresenceRef, useRerender, useResizeCallbackWrapper, useSearch, useSelectContext, useTabContext, useTableColumnDefinitionContext, useTableContainerContext, useTableDataContext, useTableHeaderContext, useTheme, useTransitionState, useTranslatedValidators, validateEmail, writeToClipboard };
3007
+ export { ASTNodeInterpreter, type ASTNodeInterpreterProps, AnchoredFloatingContainer, type AnchoredFloatingContainerProps, AnimatedRing, type AnimatedRingProps, ArrayUtil, AutoColumnOrderFeature, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, type AvatarSize, type BackgroundOverlayProps, type BagFunction, type BagFunctionOrNode, type BagFunctionOrValue, BagFunctionUtil, BooleanFilter, type BooleanFilterParameter, type BooleanFilterProps, type BooleanFilterValue, BreadCrumbGroup, BreadCrumbLink, type BreadCrumbLinkProps, type BreadCrumbProps, BreadCrumbs, Button, type ButtonColor, type ButtonProps, ButtonUtil, Carousel, type CarouselProps, CarouselSlide, type CarouselSlideProps, Checkbox, CheckboxProperty, type CheckboxPropertyProps, type CheckboxProps, CheckboxUncontrolled, type CheckboxUncontrolledProps, Chip, type ChipColor, ChipList, type ChipListProps, type ChipProps, ChipUtil, Circle, type CircleProps, type ColumnSizeCalculatoProps, ColumnSizeUtil, ColumnSizingWithTargetFeature, ConfirmDialog, type ConfirmDialogProps, type ConfirmDialogType, type ControlledStateProps, CopyToClipboardWrapper, type CopyToClipboardWrapperProps, type Crumb, DateFilter, type DateFilterParameter, type DateFilterProps, type DateFilterValue, DatePicker, type DatePickerProps, DatePickerUncontrolled, DateProperty, type DatePropertyProps, DateTimeInput, type DateTimeInputProps, DateTimePicker, DateTimePickerDialog, type DateTimePickerDialogProps, type DateTimePickerMode, type DateTimePickerProps, DateTimePickerUncontrolled, DateUtils, DatetimeFilter, type DatetimeFilterParameter, type DatetimeFilterProps, type DatetimeFilterValue, DayPicker, type DayPickerProps, DayPickerUncontrolled, type DeepPartial, Dialog, DialogContext, type DialogContextType, type DialogOpenerPassingProps, DialogOpenerWrapper, type DialogOpenerWrapperBag, type DialogOpenerWrapperProps, type DialogPosition, type DialogProps, DialogRoot, type DialogRootProps, type Direction, DiscardChangesDialog, DividerInserter, type DividerInserterProps, Drawer, type DrawerAligment, type DrawerProps, Duration, type DurationJSON, type EaseFunction, EaseFunctions, type EditCompleteOptions, type EditCompleteOptionsResolved, type ElementHandle, ErrorComponent, type ErrorComponentProps, type Exact, Expandable, ExpandableContent, type ExpandableContentProps, ExpandableHeader, type ExpandableHeaderProps, type ExpandableProps, ExpandableRoot, type ExpandableRootProps, ExpandableUncontrolled, ExpansionIcon, type ExpansionIconProps, type FAQItem, FAQSection, type FAQSectionProps, FillerCell, type FillerCellProps, type FloatingElementAlignment, FocusTrap, type FocusTrapProps, FocusTrapWrapper, type FocusTrapWrapperProps, FormContext, type FormContextType, type FormEvent, type FormEventListener, FormField, type FormFieldAriaAttributes, type FormFieldBag, type FormFieldDataHandling, type FormFieldFocusableElementProps, type FormFieldInteractionStates, FormFieldLayout, type FormFieldLayoutBag, type FormFieldLayoutIds, type FormFieldLayoutProps, type FormFieldProps, type FormFieldResult, FormObserver, FormObserverKey, type FormObserverKeyProps, type FormObserverKeyResult, type FormObserverProps, type FormObserverResult, FormProvider, type FormProviderProps, FormStore, type FormStoreProps, type FormValidationBehaviour, type FormValidator, type FormValue, GenericFilter, type GenericFilterParameter, type GenericFilterProps, type GenericFilterValue, HelpwaveBadge, type HelpwaveBadgeProps, HelpwaveLogo, type HelpwaveProps, type HighlightStartPositionBehavior, type HightideConfig, HightideConfigContext, HightideConfigProvider, type HightideConfigProviderProps, HightideProvider, type HightideTranslationEntries, type HightideTranslationLocales, IconButton, IconButtonBase, type IconButtonBaseProps, type IconButtonColor, type IconButtonProps, IconButtonUtil, 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, LocaleContext, type LocaleContextValue, LocaleProvider, type LocaleProviderProps, type LocalizationConfig, LocalizationUtil, LoopingArrayCalculator, MarkdownInterpreter, type MarkdownInterpreterProps, MathUtil, Menu, type MenuBag, MenuItem, type MenuItemProps, type MenuProps, type Month, MultiSearchWithMapping, MultiSelect, MultiSelectButton, type MultiSelectButtonProps, MultiSelectChipDisplay, MultiSelectChipDisplayButton, type MultiSelectChipDisplayProps, MultiSelectChipDisplayUncontrolled, type MultiSelectChipDisplayUncontrolledProps, MultiSelectContent, type MultiSelectContentProps, MultiSelectOption, type MultiSelectOptionProps, MultiSelectProperty, type MultiSelectPropertyProps, type MultiSelectProps, MultiSelectRoot, type MultiSelectRootProps, MultiSelectUncontrolled, MultiSubjectSearchWithMapping, Navigation, NavigationItemList, type NavigationItemListProps, type NavigationItemType, type NavigationProps, NumberFilter, type NumberFilterParameter, type NumberFilterProps, type NumberFilterValue, NumberProperty, type NumberPropertyProps, OperatorLabel, type OperatorLabelProps, type OverlayItem, OverlayRegistry, Pagination, type PaginationProps, PopUp, PopUpContext, type PopUpContextType, PopUpOpener, type PopUpOpenerBag, type PopUpOpenerProps, type PopUpProps, PopUpRoot, type PopUpRootProps, Portal, type PortalProps, ProgressIndicator, type ProgressIndicatorProps, PromiseUtils, PropertyBase, type PropertyBaseProps, type PropertyField, PropsUtil, type PropsWithBagFunction, type PropsWithBagFunctionOrChildren, RadialRings, type RadialRingsProps, type Range, type RangeOptions, type ResolvedTheme, Ring, type RingProps, RingWave, type RingWaveProps, ScrollPicker, type ScrollPickerProps, SearchBar, type SearchBarProps, Select, SelectButton, type SelectButtonProps, SelectContent, type SelectContentProps, SelectContext, type SelectIconAppearance, SelectOption, type SelectOptionProps, type SelectProps, SelectRoot, type SelectRootProps, SelectUncontrolled, type SelectUncontrolledProps, type SharedSelectRootProps, SimpleSearch, SimpleSearchWithMapping, type SingleOrArray, SingleSelectProperty, type SingleSelectPropertyProps, StepperBar, type StepperBarProps, StepperBarUncontrolled, type StepperState, StorageListener, type StorageSubscriber, type SuperSet, type TabContextType, type TabInfo, TabList, TabPanel, TabSwitcher, type TabSwitcherProps, TabView, Table, TableBody, type TableBooleanFilter, TableCell, type TableCellProps, TableColumn, TableColumnDefinitionContext, type TableColumnDefinitionContextType, type TableColumnProps, TableColumnSwitcher, TableColumnSwitcherPopUp, type TableColumnSwitcherPopUpProps, type TableColumnSwitcherProps, TableContainerContext, type TableContainerContextType, type TableDateFilter, type TableDatetimeFilter, TableDisplay, type TableDisplayProps, TableFilter, type TableFilterBaseProps, TableFilterButton, type TableFilterButtonProps, type TableFilterCategory, TableFilterContent, type TableFilterContentProps, TableFilterOperator, type TableFilterType, type TableFilterValue, type TableGenericFilter, TableHeader, type TableHeaderProps, type TableNumberFilter, TablePageSizeSelect, type TablePageSizeSelectProps, TablePagination, TablePaginationMenu, type TablePaginationMenuProps, type TablePaginationProps, type TableProps, TableProvider, type TableProviderProps, TableSortButton, type TableSortButtonProps, TableStateContext, type TableStateContextType, TableStateWithoutSizingContext, type TableStateWithoutSizingContextType, type TableTagsFilter, type TableTagsSingleFilter, type TableTextFilter, TableWithSelection, type TableWithSelectionProps, TableWithSelectionProvider, type TableWithSelectionProviderProps, TagIcon, type TagProps, TagsFilter, type TagsFilterParameter, type TagsFilterProps, type TagsFilterValue, TagsSingleFilter, type TagsSingleFilterParameter, type TagsSingleFilterProps, type TagsSingleFilterValue, TextFilter, type TextFilterParameter, type TextFilterProps, type TextFilterValue, TextImage, type TextImageProps, TextProperty, type TextPropertyProps, Textarea, type TextareaProps, TextareaUncontrolled, TextareaWithHeadline, type TextareaWithHeadlineProps, type ThemeConfig, ThemeContext, ThemeDialog, type ThemeDialogProps, ThemeIcon, type ThemeIconProps, ThemeProvider, type ThemeProviderProps, ThemeSelect, type ThemeSelectProps, type ThemeType, ThemeUtil, TimeDisplay, TimePicker, type TimePickerMinuteIncrement, type TimePickerProps, TimePickerUncontrolled, ToggleableInput, ToggleableInputUncontrolled, Tooltip, type TooltipConfig, TooltipContext, type TooltipContextType, TooltipDisplay, type TooltipDisplayProps, type TooltipProps, TooltipRoot, type TooltipRootProps, TooltipTrigger, type TooltipTriggerBag, type TooltipTriggerContextValue, type TooltipTriggerProps, Transition, type TransitionState, type TransitionWrapperProps, type UnBoundedRange, type UseAnchoredPositionOptions, type UseAnchoredPostitionProps, type UseCreateFormProps, type UseCreateFormResult, type UseDelayOptions, type UseDelayOptionsResolved, type UseFocusTrapProps, type UseFormFieldOptions, type UseFormFieldParameter, type UseFormObserverKeyProps, type UseFormObserverProps, type UseOutsideClickHandlers, type UseOutsideClickOptions, type UseOutsideClickProps, type UseOverlayRegistryProps, type UseOverlayRegistryResult, type UsePresenceRefProps, type UseResizeObserverProps, type UseSearchProps, UseValidators, type UserFormFieldProps, type ValidatorError, type ValidatorResult, VerticalDivider, type VerticalDividerProps, Visibility, type VisibilityProps, type WeekDay, YearMonthPicker, type YearMonthPickerProps, YearMonthPickerUncontrolled, addDuration, builder, changeDuration, closestMatch, createLoopingList, createLoopingListWithIndex, equalSizeGroups, filterBoolean, filterDate, filterDatetime, filterGeneric, filterNumber, filterTags, filterTagsSingle, filterText, formatDate, formatDateTime, getBetweenDuration, getNeighbours, getWeeksForCalenderMonth, hightideTranslation, hightideTranslationLocales, isInTimeSpan, isTableFilterCategory, match, mergeProps, noop, range, resolveSetState, subtractDuration, toSizeVars, useAnchoredPosition, useControlledState, useCreateForm, useDelay, useDialogContext, useFocusGuards, useFocusManagement, useFocusOnceVisible, useFocusTrap, useForm, useFormField, useFormObserver, useFormObserverKey, useHandleRefs, useHightideConfig, useHightideTranslation, useHoverState, useICUTranslation, useIsMounted, useLanguage, useLocale, useLogOnce, useLogUnstableDependencies, useOutsideClick, useOverlayRegistry, useOverwritableState, usePopUpContext, usePresenceRef, useRerender, useResizeObserver, useScrollObserver, useSearch, useSelectContext, useStorage, useTabContext, useTableColumnDefinitionContext, useTableContainerContext, useTableStateContext, useTableStateWithoutSizingContext, useTheme, useTooltip, useTransitionState, useTranslatedValidators, useWindowResizeObserver, validateEmail, writeToClipboard };