@helpwave/hightide 0.6.16 → 0.8.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.
Files changed (38) hide show
  1. package/dist/index.d.mts +972 -987
  2. package/dist/index.d.ts +972 -987
  3. package/dist/index.js +4724 -4023
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.mjs +4595 -3891
  6. package/dist/index.mjs.map +1 -1
  7. package/dist/style/globals.css +866 -594
  8. package/dist/style/uncompiled/theme/colors/component.css +0 -5
  9. package/dist/style/uncompiled/theme/colors/semantic.css +2 -1
  10. package/dist/style/uncompiled/theme/components/avatar.css +5 -5
  11. package/dist/style/uncompiled/theme/components/button.css +35 -49
  12. package/dist/style/uncompiled/theme/components/card.css +3 -3
  13. package/dist/style/uncompiled/theme/components/checkbox.css +2 -2
  14. package/dist/style/uncompiled/theme/components/date-time-input.css +9 -0
  15. package/dist/style/uncompiled/theme/components/day-picker.css +2 -2
  16. package/dist/style/uncompiled/theme/components/dialog.css +3 -3
  17. package/dist/style/uncompiled/theme/components/form-field.css +4 -4
  18. package/dist/style/uncompiled/theme/components/general.css +1 -1
  19. package/dist/style/uncompiled/theme/components/icon-button.css +38 -0
  20. package/dist/style/uncompiled/theme/components/index.css +4 -0
  21. package/dist/style/uncompiled/theme/components/input-elements.css +2 -16
  22. package/dist/style/uncompiled/theme/components/link.css +1 -1
  23. package/dist/style/uncompiled/theme/components/pop-up.css +1 -1
  24. package/dist/style/uncompiled/theme/components/property.css +1 -1
  25. package/dist/style/uncompiled/theme/components/select.css +19 -0
  26. package/dist/style/uncompiled/theme/components/switch.css +56 -0
  27. package/dist/style/uncompiled/theme/components/table.css +11 -10
  28. package/dist/style/uncompiled/theme/components/tabswitcher.css +14 -6
  29. package/dist/style/uncompiled/theme/components/toggleable-intput.css +10 -0
  30. package/dist/style/uncompiled/theme/components/tooltip.css +2 -2
  31. package/dist/style/uncompiled/theme/element.css +50 -0
  32. package/dist/style/uncompiled/theme/index.css +2 -2
  33. package/dist/style/uncompiled/theme/variables.css +25 -0
  34. package/dist/style/uncompiled/utitlity/animation.css +5 -5
  35. package/dist/style/uncompiled/utitlity/coloring.css +3 -3
  36. package/dist/style/uncompiled/utitlity/focus.css +21 -15
  37. package/package.json +7 -8
  38. package/dist/style/uncompiled/theme/breakpoints.css +0 -7
package/dist/index.d.ts CHANGED
@@ -1,9 +1,9 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
2
  import * as react from 'react';
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';
3
+ import react__default, { HTMLAttributes, SVGProps, ReactNode, PropsWithChildren, RefObject, CSSProperties, Dispatch, SetStateAction, ButtonHTMLAttributes, InputHTMLAttributes, ComponentProps, TableHTMLAttributes, TextareaHTMLAttributes, LabelHTMLAttributes } from 'react';
4
+ import { TableFeature, ColumnDef, Table as Table$1, InitialTableState, Row, TableState, TableOptions, RowData, FilterFn, RowSelectionState, RowModel, Column, SortDirection, ColumnSizingState } from '@tanstack/react-table';
6
5
  import { Translation, TranslationEntries, PartialTranslationExtension } from '@helpwave/internationalization';
6
+ import Link from 'next/link';
7
7
 
8
8
  type Size = 'sm' | 'md' | 'lg';
9
9
  type HelpwaveBadgeProps = HTMLAttributes<HTMLSpanElement> & {
@@ -18,11 +18,12 @@ type HelpwaveProps = SVGProps<SVGSVGElement> & {
18
18
  color?: string;
19
19
  animate?: 'none' | 'loading' | 'pulse' | 'bounce';
20
20
  size?: 'sm' | 'md' | 'lg';
21
+ animationDuration?: number;
21
22
  };
22
23
  /**
23
24
  * The helpwave loading spinner based on the svg logo.
24
25
  */
25
- declare const HelpwaveLogo: ({ color, size, animate, ...props }: HelpwaveProps) => react_jsx_runtime.JSX.Element;
26
+ declare const HelpwaveLogo: ({ color, size, animate, animationDuration, ...props }: HelpwaveProps) => react_jsx_runtime.JSX.Element;
26
27
 
27
28
  type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | null;
28
29
  type ImageConfig = {
@@ -72,12 +73,6 @@ type ChipListProps = HTMLAttributes<HTMLUListElement> & {
72
73
  */
73
74
  declare const ChipList: ({ list, ...props }: ChipListProps) => react_jsx_runtime.JSX.Element;
74
75
 
75
- type CircleProps = Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'color'> & {
76
- radius: number;
77
- className?: string;
78
- };
79
- declare const Circle: ({ radius, className, style, ...restProps }: CircleProps) => react_jsx_runtime.JSX.Element;
80
-
81
76
  type ExpansionIconProps = HTMLAttributes<HTMLDivElement> & {
82
77
  isExpanded: boolean;
83
78
  disabled?: boolean;
@@ -105,37 +100,6 @@ declare const sizeMapping: {
105
100
  */
106
101
  declare const ProgressIndicator: ({ progress, strokeWidth, size, direction, rotation }: ProgressIndicatorProps) => react_jsx_runtime.JSX.Element;
107
102
 
108
- type RingProps = {
109
- innerSize: number;
110
- width: number;
111
- className?: string;
112
- };
113
- declare const Ring: ({ innerSize, width, className, }: RingProps) => react_jsx_runtime.JSX.Element;
114
- type AnimatedRingProps = RingProps & {
115
- fillAnimationDuration?: number;
116
- repeating?: boolean;
117
- onAnimationFinished?: () => void;
118
- style?: CSSProperties;
119
- };
120
- declare const AnimatedRing: ({ innerSize, width, className, fillAnimationDuration, repeating, onAnimationFinished, style, }: AnimatedRingProps) => react_jsx_runtime.JSX.Element;
121
- type RingWaveProps = Omit<AnimatedRingProps, 'innerSize'> & {
122
- startInnerSize: number;
123
- endInnerSize: number;
124
- style?: CSSProperties;
125
- };
126
- declare const RingWave: ({ startInnerSize, endInnerSize, width, className, fillAnimationDuration, repeating, onAnimationFinished, style }: RingWaveProps) => react_jsx_runtime.JSX.Element;
127
- type RadialRingsProps = {
128
- circle1ClassName?: string;
129
- circle2ClassName?: string;
130
- circle3ClassName?: string;
131
- waveWidth?: number;
132
- waveBaseColor?: string;
133
- sizeCircle1?: number;
134
- sizeCircle2?: number;
135
- sizeCircle3?: number;
136
- };
137
- declare const RadialRings: ({ circle1ClassName, circle2ClassName, circle3ClassName, waveWidth, waveBaseColor, sizeCircle1, sizeCircle2, sizeCircle3 }: RadialRingsProps) => react_jsx_runtime.JSX.Element;
138
-
139
103
  type TagProps = {
140
104
  size?: number;
141
105
  className?: string;
@@ -415,6 +379,8 @@ type CalculatePositionOptions = {
415
379
  };
416
380
  type UseAnchoredPositionOptions = CalculatePositionOptions & {
417
381
  isPolling?: boolean;
382
+ isReactingToResize?: boolean;
383
+ isReactingToScroll?: boolean;
418
384
  pollingInterval?: number;
419
385
  };
420
386
  type UseAnchoredPostitionProps = UseAnchoredPositionOptions & {
@@ -423,12 +389,13 @@ type UseAnchoredPostitionProps = UseAnchoredPositionOptions & {
423
389
  window?: RefObject<HTMLElement>;
424
390
  active?: boolean;
425
391
  };
426
- declare function useAnchoredPosition({ active, window: windowRef, anchor: anchorRef, container: containerRef, isPolling, pollingInterval, verticalAlignment, horizontalAlignment, avoidOverlap, screenPadding, gap, }: UseAnchoredPostitionProps): CSSProperties;
392
+ declare function useAnchoredPosition({ active, window: windowRef, anchor: anchorRef, container: containerRef, isPolling, isReactingToResize, isReactingToScroll, pollingInterval, verticalAlignment, horizontalAlignment, avoidOverlap, screenPadding, gap, }: UseAnchoredPostitionProps): CSSProperties;
427
393
 
428
394
  type BackgroundOverlayProps = HTMLAttributes<HTMLDivElement>;
429
395
  interface AnchoredFloatingContainerProps extends HTMLAttributes<HTMLDivElement> {
430
396
  anchor?: RefObject<HTMLElement>;
431
397
  options?: UseAnchoredPositionOptions;
398
+ active?: boolean;
432
399
  }
433
400
  declare const AnchoredFloatingContainer: react.ForwardRefExoticComponent<AnchoredFloatingContainerProps & react.RefAttributes<HTMLDivElement>>;
434
401
 
@@ -468,39 +435,19 @@ type DividerInserterProps = Omit<HTMLAttributes<HTMLDivElement>, 'children'> & {
468
435
  *
469
436
  * undefined elements are removed
470
437
  */
471
- declare const DividerInserter: ({ children, divider, className, ...restProps }: DividerInserterProps) => react_jsx_runtime.JSX.Element;
472
-
473
- type DrawerAligment = 'left' | 'right' | 'bottom' | 'top';
474
- type DrawerProps = HTMLAttributes<HTMLDivElement> & {
475
- isOpen: boolean;
476
- alignment: DrawerAligment;
477
- titleElement: ReactNode;
478
- description: ReactNode;
479
- isAnimated?: boolean;
480
- containerClassName?: string;
481
- backgroundClassName?: string;
482
- onClose: () => void;
483
- };
484
- declare const Drawer: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
485
- isOpen: boolean;
486
- alignment: DrawerAligment;
487
- titleElement: ReactNode;
488
- description: ReactNode;
489
- isAnimated?: boolean;
490
- containerClassName?: string;
491
- backgroundClassName?: string;
492
- onClose: () => void;
493
- } & react.RefAttributes<HTMLDivElement>>;
438
+ declare const DividerInserter: ({ children, divider, ...restProps }: DividerInserterProps) => react_jsx_runtime.JSX.Element;
494
439
 
495
440
  type ExpandableRootProps = HTMLAttributes<HTMLDivElement> & {
496
441
  isExpanded?: boolean;
497
442
  onExpandedChange?: (isExpanded: boolean) => void;
443
+ isInitialExpanded?: boolean;
498
444
  disabled?: boolean;
499
445
  allowContainerToggle?: boolean;
500
446
  };
501
447
  declare const ExpandableRoot: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
502
448
  isExpanded?: boolean;
503
449
  onExpandedChange?: (isExpanded: boolean) => void;
450
+ isInitialExpanded?: boolean;
504
451
  disabled?: boolean;
505
452
  allowContainerToggle?: boolean;
506
453
  } & react.RefAttributes<HTMLDivElement>>;
@@ -516,46 +463,13 @@ type ExpandableContentProps = HTMLAttributes<HTMLDivElement> & {
516
463
  declare const ExpandableContent: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
517
464
  forceMount?: boolean;
518
465
  } & react.RefAttributes<HTMLDivElement>>;
519
- type ExpandableProps = PropsWithChildren<{
520
- id?: string;
521
- label: ReactNode;
522
- isExpanded?: boolean;
523
- onChange?: (isExpanded: boolean) => void;
524
- clickOnlyOnHeader?: boolean;
525
- disabled?: boolean;
526
- className?: string;
527
- headerClassName?: string;
528
- contentClassName?: string;
529
- contentExpandedClassName?: string;
530
- }>;
531
- declare const Expandable: react.ForwardRefExoticComponent<{
532
- id?: string;
533
- label: ReactNode;
534
- isExpanded?: boolean;
535
- onChange?: (isExpanded: boolean) => void;
536
- clickOnlyOnHeader?: boolean;
537
- disabled?: boolean;
538
- className?: string;
539
- headerClassName?: string;
540
- contentClassName?: string;
541
- contentExpandedClassName?: string;
542
- } & {
543
- children?: ReactNode | undefined;
544
- } & react.RefAttributes<HTMLDivElement>>;
545
- declare const ExpandableUncontrolled: react.ForwardRefExoticComponent<{
546
- id?: string;
547
- label: ReactNode;
548
- isExpanded?: boolean;
549
- onChange?: (isExpanded: boolean) => void;
550
- clickOnlyOnHeader?: boolean;
551
- disabled?: boolean;
552
- className?: string;
553
- headerClassName?: string;
554
- contentClassName?: string;
466
+ interface ExpandableProps extends ExpandableRootProps {
467
+ trigger: ReactNode;
468
+ triggerProps?: Omit<ExpandableHeaderProps, 'children'>;
469
+ contentProps?: Omit<ExpandableContentProps, 'children'>;
555
470
  contentExpandedClassName?: string;
556
- } & {
557
- children?: ReactNode | undefined;
558
- } & react.RefAttributes<HTMLDivElement>>;
471
+ }
472
+ declare const Expandable: react.ForwardRefExoticComponent<ExpandableProps & react.RefAttributes<HTMLDivElement>>;
559
473
 
560
474
  type FAQItem = Pick<ExpandableProps, 'isExpanded' | 'className'> & {
561
475
  title: string;
@@ -596,6 +510,7 @@ declare const ListBoxItem: react__default.ForwardRefExoticComponent<HTMLAttribut
596
510
  type ListBoxOrientation = 'vertical' | 'horizontal';
597
511
  type ListBoxPrimitiveProps = HTMLAttributes<HTMLUListElement> & {
598
512
  value?: string[];
513
+ initialValue?: string[];
599
514
  onItemClicked?: (value: string) => void;
600
515
  onSelectionChanged?: (value: string[]) => void;
601
516
  isSelection?: boolean;
@@ -604,6 +519,7 @@ type ListBoxPrimitiveProps = HTMLAttributes<HTMLUListElement> & {
604
519
  };
605
520
  declare const ListBoxPrimitive: react__default.ForwardRefExoticComponent<HTMLAttributes<HTMLUListElement> & {
606
521
  value?: string[];
522
+ initialValue?: string[];
607
523
  onItemClicked?: (value: string) => void;
608
524
  onSelectionChanged?: (value: string[]) => void;
609
525
  isSelection?: boolean;
@@ -612,8 +528,6 @@ declare const ListBoxPrimitive: react__default.ForwardRefExoticComponent<HTMLAtt
612
528
  } & react__default.RefAttributes<HTMLUListElement>>;
613
529
  type ListBoxMultipleProps = Omit<ListBoxPrimitiveProps, 'isMultiple'>;
614
530
  declare const ListBoxMultiple: ({ ...props }: ListBoxMultipleProps) => react_jsx_runtime.JSX.Element;
615
- type ListBoxMultipleUncontrolledProps = ListBoxMultipleProps;
616
- declare const ListBoxMultipleUncontrolled: ({ value: initialValue, onSelectionChanged, ...props }: ListBoxMultipleUncontrolledProps) => react_jsx_runtime.JSX.Element;
617
531
  type ListBoxProps = Omit<ListBoxPrimitiveProps, 'isMultiple' | 'value' | 'onSelectionChanged'> & {
618
532
  value?: string;
619
533
  onSelectionChanged?: (value: string) => void;
@@ -622,8 +536,6 @@ declare const ListBox: react__default.ForwardRefExoticComponent<Omit<ListBoxPrim
622
536
  value?: string;
623
537
  onSelectionChanged?: (value: string) => void;
624
538
  } & react__default.RefAttributes<HTMLUListElement>>;
625
- type ListBoxUncontrolledProps = ListBoxProps;
626
- declare const ListBoxUncontrolled: ({ value: initialValue, onSelectionChanged, ...props }: ListBoxUncontrolledProps) => react_jsx_runtime.JSX.Element;
627
539
 
628
540
  type ASTNodeModifierType = 'none' | 'italic' | 'bold' | 'underline' | 'font-space' | 'primary' | 'secondary' | 'warn' | 'positive' | 'negative';
629
541
  declare const astNodeInserterType: readonly ["helpwave", "newline"];
@@ -654,6 +566,8 @@ interface TabInfo {
654
566
  id: string;
655
567
  labelId: string;
656
568
  label: ReactNode;
569
+ disabled?: boolean;
570
+ ref: RefObject<HTMLElement>;
657
571
  }
658
572
  type PortalState = {
659
573
  id: string;
@@ -663,8 +577,7 @@ interface TabContextType {
663
577
  tabs: {
664
578
  activeId: string | null;
665
579
  setActiveId: Dispatch<SetStateAction<string | null>>;
666
- register: (info: TabInfo) => void;
667
- unregister: (id: string) => void;
580
+ subscribe: (info: TabInfo) => () => void;
668
581
  info?: TabInfo[];
669
582
  };
670
583
  portal: {
@@ -680,10 +593,12 @@ type TabListProps = HTMLAttributes<HTMLUListElement>;
680
593
  declare function TabList({ ...props }: TabListProps): react_jsx_runtime.JSX.Element;
681
594
  type TabViewProps = HTMLAttributes<HTMLDivElement>;
682
595
  declare function TabView({ ...props }: TabViewProps): react_jsx_runtime.JSX.Element;
683
- type TabProps = HTMLAttributes<HTMLDivElement> & {
596
+ type TabPanelProps = HTMLAttributes<HTMLDivElement> & {
684
597
  label: string;
598
+ forceMount?: boolean;
599
+ disabled?: boolean;
685
600
  };
686
- declare function TabPanel({ label, ...props }: TabProps): react_jsx_runtime.JSX.Element;
601
+ declare function TabPanel({ label, forceMount, disabled, ...props }: TabPanelProps): react_jsx_runtime.JSX.Element;
687
602
 
688
603
  type TextImageColor = 'primary' | 'secondary' | 'dark';
689
604
  type TextImageProps = {
@@ -798,7 +713,6 @@ declare function DialogRoot({ children, isOpen: controlledIsOpen, onIsOpenChange
798
713
  */
799
714
  type ButtonSize = 'xs' | 'sm' | 'md' | 'lg' | null;
800
715
  type ButtonColoringStyle = 'outline' | 'solid' | 'text' | 'tonal' | null;
801
- type ButtonLayout = 'icon' | 'default' | null;
802
716
  declare const buttonColorsList: readonly ["primary", "secondary", "positive", "warning", "negative", "neutral"];
803
717
  /**
804
718
  * The allowed colors for the Button
@@ -815,7 +729,6 @@ type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
815
729
  * @default 'medium'
816
730
  */
817
731
  size?: ButtonSize;
818
- layout?: ButtonLayout;
819
732
  color?: ButtonColor;
820
733
  /**
821
734
  * @default 'solid'
@@ -831,7 +744,6 @@ declare const Button: react.ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLB
831
744
  * @default 'medium'
832
745
  */
833
746
  size?: ButtonSize;
834
- layout?: ButtonLayout;
835
747
  color?: ButtonColor;
836
748
  /**
837
749
  * @default 'solid'
@@ -893,6 +805,7 @@ type EditCompleteOptionsResolved = {
893
805
  type EditCompleteOptions = Partial<EditCompleteOptionsResolved>;
894
806
  type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'value'> & Partial<FormFieldDataHandling<string>> & Partial<FormFieldInteractionStates> & {
895
807
  editCompleteOptions?: EditCompleteOptions;
808
+ initialValue?: string;
896
809
  };
897
810
  /**
898
811
  * A Component for inputting text or other information
@@ -901,14 +814,7 @@ type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'value'> & Partial
901
814
  */
902
815
  declare const Input: react__default.ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "value"> & Partial<FormFieldDataHandling<string>> & Partial<FormFieldInteractionStates> & {
903
816
  editCompleteOptions?: EditCompleteOptions;
904
- } & react__default.RefAttributes<HTMLInputElement>>;
905
- /**
906
- * A Component for inputting text or other information
907
- *
908
- * Its state is managed by the component itself
909
- */
910
- declare const InputUncontrolled: react__default.ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "value"> & Partial<FormFieldDataHandling<string>> & Partial<FormFieldInteractionStates> & {
911
- editCompleteOptions?: EditCompleteOptions;
817
+ initialValue?: string;
912
818
  } & react__default.RefAttributes<HTMLInputElement>>;
913
819
 
914
820
  type InputModalProps = ConfirmDialogProps & {
@@ -919,146 +825,76 @@ type InputModalProps = ConfirmDialogProps & {
919
825
  */
920
826
  declare const InputDialog: ({ inputs, buttonOverwrites, ...props }: InputModalProps) => react_jsx_runtime.JSX.Element;
921
827
 
922
- type LanguageDialogProps = Omit<DialogProps, 'titleElement' | 'description'> & PropsWithChildren<{
923
- titleOverwrite?: ReactNode;
924
- descriptionOverwrite?: ReactNode;
925
- }>;
926
- /**
927
- * A Dialog for selecting the Language
928
- *
929
- * The State of open needs to be managed by the parent
930
- */
931
- declare const LanguageDialog: ({ onClose, titleOverwrite, descriptionOverwrite, ...props }: LanguageDialogProps) => react_jsx_runtime.JSX.Element;
932
-
933
- type ThemeDialogProps = Omit<DialogProps, 'titleElement' | 'description'> & {
934
- titleOverwrite?: ReactNode;
935
- descriptionOverwrite?: ReactNode;
936
- };
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;
943
-
944
- type ErrorComponentProps = {
945
- errorText?: string;
946
- classname?: string;
947
- };
948
- /**
949
- * The Component to show when an error occurred
950
- */
951
- declare const ErrorComponent: ({ errorText, classname }: ErrorComponentProps) => react_jsx_runtime.JSX.Element;
952
-
953
- type LoadingAndErrorComponentProps = PropsWithChildren<{
954
- isLoading?: boolean;
955
- hasError?: boolean;
956
- loadingComponent?: ReactNode;
957
- errorComponent?: ReactNode;
958
- /**
959
- * in milliseconds
960
- */
961
- minimumLoadingDuration?: number;
962
- className?: string;
963
- }>;
964
- /**
965
- * A Component that shows the Error and Loading animation, when appropriate and the children otherwise
966
- */
967
- declare const LoadingAndErrorComponent: ({ children, isLoading, hasError, loadingComponent, errorComponent, minimumLoadingDuration, className }: LoadingAndErrorComponentProps) => react_jsx_runtime.JSX.Element;
968
-
969
- type LoadingAnimationProps = {
970
- loadingText?: string;
971
- classname?: string;
828
+ type RegisteredOption = {
829
+ value: string;
830
+ label: ReactNode;
831
+ disabled: boolean;
832
+ ref: React.RefObject<HTMLLIElement>;
972
833
  };
973
- /**
974
- * A Component to show when loading data
975
- */
976
- declare const LoadingAnimation: ({ loadingText, classname }: LoadingAnimationProps) => react_jsx_runtime.JSX.Element;
977
-
978
- type LoadingComponentProps = {
979
- className?: string;
834
+ type HighlightStartPositionBehavior = 'first' | 'last';
835
+ type SelectIconAppearance = 'left' | 'right' | 'none';
836
+ type InternalSelectContextState = {
837
+ isOpen: boolean;
838
+ options: RegisteredOption[];
839
+ highlightedValue?: string;
980
840
  };
981
- declare const LoadingContainer: ({ className }: LoadingComponentProps) => react_jsx_runtime.JSX.Element;
982
-
983
- type BreadCrumbLinkProps = ComponentProps<typeof Link>;
984
- declare const BreadCrumbLink: ({ ...props }: BreadCrumbLinkProps) => react_jsx_runtime.JSX.Element;
985
- type BreadCrumbGroupProps = HTMLAttributes<HTMLUListElement> & {
986
- divider?: ReactNode | null;
841
+ type SelectContextIds = {
842
+ trigger: string;
843
+ content: string;
987
844
  };
988
- /**
989
- * A component for showing a hierarchical link structure with an independent link on each element
990
- *
991
- * e.g. Organizations/Ward/<id>
992
- */
993
- declare const BreadCrumbGroup: ({ children, divider, ...props }: BreadCrumbGroupProps) => react_jsx_runtime.JSX.Element;
994
- type Crumb = {
995
- href: string;
996
- label: ReactNode;
845
+ type SelectContextState = InternalSelectContextState & FormFieldInteractionStates & {
846
+ value: string[];
847
+ selectedOptions: RegisteredOption[];
997
848
  };
998
- type BreadCrumbProps = {
999
- crumbs: Crumb[];
849
+ type SelectConfiguration = {
850
+ isMultiSelect: boolean;
851
+ iconAppearance: SelectIconAppearance;
1000
852
  };
1001
- declare const BreadCrumbs: ({ crumbs }: BreadCrumbProps) => react_jsx_runtime.JSX.Element;
1002
-
1003
- type SimpleNavigationItem = {
1004
- label: ReactNode;
1005
- link: string;
1006
- external?: boolean;
853
+ type ToggleOpenOptions = {
854
+ highlightStartPositionBehavior?: HighlightStartPositionBehavior;
1007
855
  };
1008
- type SubItemNavigationItem = {
1009
- label: ReactNode;
1010
- items?: SimpleNavigationItem[];
856
+ type SelectContextType = {
857
+ ids: SelectContextIds;
858
+ setIds: Dispatch<SetStateAction<SelectContextIds>>;
859
+ state: SelectContextState;
860
+ config: SelectConfiguration;
861
+ item: {
862
+ register: (item: RegisteredOption) => void;
863
+ unregister: (value: string) => void;
864
+ toggleSelection: (value: string, isSelected?: boolean) => void;
865
+ highlightItem: (value: string) => void;
866
+ moveHighlightedIndex: (delta: number) => void;
867
+ };
868
+ trigger: {
869
+ ref: React.RefObject<HTMLElement>;
870
+ register: (element: React.RefObject<HTMLElement>) => void;
871
+ unregister: () => void;
872
+ toggleOpen: (isOpen?: boolean, options?: ToggleOpenOptions) => void;
873
+ };
1011
874
  };
1012
- type NavigationItemType = SimpleNavigationItem | SubItemNavigationItem;
1013
- type NavigationItemListProps = Omit<HTMLAttributes<HTMLElement>, 'children'> & {
1014
- items: NavigationItemType[];
875
+ declare const SelectContext: react.Context<SelectContextType>;
876
+ declare function useSelectContext(): SelectContextType;
877
+ type SharedSelectRootProps = Partial<FormFieldInteractionStates> & PropsWithChildren & {
878
+ id?: string;
879
+ initialIsOpen?: boolean;
880
+ iconAppearance?: SelectIconAppearance;
881
+ onClose?: () => void;
1015
882
  };
1016
- declare const NavigationItemList: ({ items, ...restProps }: NavigationItemListProps) => react_jsx_runtime.JSX.Element;
1017
- type NavigationProps = NavigationItemListProps;
1018
- declare const Navigation: ({ ...props }: NavigationProps) => react_jsx_runtime.JSX.Element;
1019
-
1020
- interface PaginationProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
1021
- pageIndex: number;
1022
- pageCount: number;
1023
- onPageIndexChanged?: (pageIndex: number) => void;
1024
- }
1025
- /**
1026
- * A Component showing the pagination allowing first, before, next and last page navigation
1027
- */
1028
- declare const Pagination: ({ pageIndex, pageCount, onPageIndexChanged, ...props }: PaginationProps) => react_jsx_runtime.JSX.Element;
1029
-
1030
- type StepperState = {
1031
- currentStep: number;
1032
- seenSteps: Set<number>;
883
+ type SelectRootProps = SharedSelectRootProps & Partial<FormFieldDataHandling<string>> & {
884
+ initialValue?: string;
1033
885
  };
1034
- type StepperBarProps = {
1035
- state?: StepperState;
1036
- numberOfSteps: number;
1037
- disabledSteps?: Set<number>;
1038
- onChange: (state: StepperState) => void;
1039
- onFinish: () => void;
1040
- finishText?: string;
1041
- showDots?: boolean;
1042
- className?: string;
886
+ declare const SelectRoot: ({ value, onValueChange, onEditComplete, ...props }: SelectRootProps) => react_jsx_runtime.JSX.Element;
887
+ type MultiSelectRootProps = SharedSelectRootProps & Partial<FormFieldDataHandling<string[]>> & {
888
+ initialValue?: string[];
1043
889
  };
1044
- /**
1045
- * A Component for stepping
1046
- */
1047
- declare const StepperBar: ({ state, numberOfSteps, disabledSteps, onChange, onFinish, finishText, showDots, className, }: StepperBarProps) => react_jsx_runtime.JSX.Element;
1048
- declare const StepperBarUncontrolled: ({ state, onChange, ...props }: StepperBarProps) => react_jsx_runtime.JSX.Element;
890
+ declare const MultiSelectRoot: ({ value, onValueChange, initialValue, onEditComplete, ...props }: MultiSelectRootProps) => react_jsx_runtime.JSX.Element;
1049
891
 
1050
892
  type UseFocusTrapProps = {
1051
893
  container: RefObject<HTMLElement>;
1052
894
  active: boolean;
1053
895
  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
896
  };
1061
- declare const useFocusTrap: ({ container, active, initialFocus, focusFirst, }: UseFocusTrapProps) => void;
897
+ declare const useFocusTrap: ({ container, active, initialFocus, }: UseFocusTrapProps) => void;
1062
898
 
1063
899
  interface UseOutsideClickOptions {
1064
900
  refs: RefObject<HTMLElement>[];
@@ -1081,168 +917,11 @@ interface PopUpProps extends AnchoredFloatingContainerProps, Partial<UseOutsideC
1081
917
  }
1082
918
  declare const PopUp: react.ForwardRefExoticComponent<PopUpProps & react.RefAttributes<HTMLDivElement>>;
1083
919
 
1084
- type PopUpContextType = {
1085
- isOpen: boolean;
1086
- setIsOpen: Dispatch<SetStateAction<boolean>>;
1087
- popUpId: string;
1088
- triggerId: string;
1089
- triggerRef: RefObject<HTMLElement> | null;
1090
- setTriggerRef: (ref: RefObject<HTMLElement> | null) => void;
1091
- };
1092
- declare const PopUpContext: react.Context<PopUpContextType>;
1093
- declare function usePopUpContext(): PopUpContextType;
1094
-
1095
- interface PopUpOpenerBag<T extends HTMLElement> {
1096
- open: () => void;
1097
- close: () => void;
1098
- isOpen: boolean;
1099
- toggleOpen: () => void;
1100
- props: {
1101
- 'id': string;
1102
- 'onClick': () => void;
1103
- 'aria-haspopup': 'dialog';
1104
- 'aria-controls': string;
1105
- 'aria-expanded': boolean;
1106
- 'ref': RefObject<T>;
1107
- };
1108
- }
1109
- interface PopUpOpenerProps<T extends HTMLElement> {
1110
- children: (props: PopUpOpenerBag<T>) => ReactNode;
1111
- }
1112
- declare function PopUpOpener<T extends HTMLElement = HTMLButtonElement>({ children }: PopUpOpenerProps<T>): ReactNode;
1113
-
1114
- interface PopUpRootProps extends PropsWithChildren {
1115
- isOpen?: boolean;
1116
- onIsOpenChange?: (isOpen: boolean) => void;
1117
- initialIsOpen?: boolean;
1118
- popUpId?: string;
1119
- triggerId?: string;
1120
- }
1121
- declare function PopUpRoot({ children, isOpen: controlledIsOpen, onIsOpenChange, initialIsOpen, popUpId: popUpIdOverwrite, triggerId: triggerIdOverwrite, }: PopUpRootProps): react_jsx_runtime.JSX.Element;
1122
-
1123
- type FillerCellProps = HTMLAttributes<HTMLDivElement>;
1124
- declare const FillerCell: ({ ...props }: FillerCellProps) => react_jsx_runtime.JSX.Element;
1125
-
1126
- type TableProviderProps<T> = {
1127
- data: T[];
1128
- columns?: ColumnDef<T>[];
1129
- children?: ReactNode;
1130
- isUsingFillerRows?: boolean;
1131
- fillerRowCell?: (columnId: string, table: Table$1<T>) => ReactNode;
1132
- initialState?: Omit<InitialTableState, 'columnSizing'>;
1133
- onRowClick?: (row: Row<T>, table: Table$1<T>) => void;
1134
- onFillerRowClick?: (index: number, table: Table$1<T>) => void;
1135
- state?: Partial<Omit<TableState, 'columnSizing'>>;
1136
- } & Partial<TableOptions<T>>;
1137
- 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
-
1139
- declare module '@tanstack/react-table' {
1140
- interface ColumnMeta<TData extends RowData, TValue> {
1141
- className?: string;
1142
- filterData?: {
1143
- tags?: {
1144
- tag: string;
1145
- label: ReactNode;
1146
- }[];
1147
- };
1148
- columnLabel?: string;
1149
- }
1150
- interface TableMeta<TData> {
1151
- headerRowClassName?: string;
1152
- bodyRowClassName?: ((value: TData) => string) | string;
1153
- }
1154
- interface FilterFns {
1155
- text: FilterFn<unknown>;
1156
- number: FilterFn<unknown>;
1157
- date: FilterFn<unknown>;
1158
- dateTime: FilterFn<unknown>;
1159
- boolean: FilterFn<unknown>;
1160
- tags: FilterFn<unknown>;
1161
- tagsSingle: FilterFn<unknown>;
1162
- generic: FilterFn<unknown>;
1163
- }
1164
- }
1165
-
1166
- type TableHeaderProps = {
1167
- table?: Table$1<unknown>;
1168
- isSticky?: boolean;
1169
- };
1170
- declare const TableHeader: ({ table: tableOverride, isSticky }: TableHeaderProps) => react_jsx_runtime.JSX.Element;
1171
-
1172
- interface TableDisplayProps extends TableHTMLAttributes<HTMLTableElement> {
1173
- containerProps?: Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>;
1174
- tableHeaderProps?: Omit<TableHeaderProps, 'children' | 'table'>;
1175
- }
1176
- /**
1177
- * A display component for a table that requires a TableProvider for the table context
1178
- */
1179
- declare const TableDisplay: <T>({ children, containerProps, tableHeaderProps, ...props }: TableDisplayProps) => react_jsx_runtime.JSX.Element;
1180
-
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;
920
+ type SelectOptionProps = Omit<HTMLAttributes<HTMLLIElement>, 'children'> & {
921
+ value: string;
922
+ disabled?: boolean;
923
+ iconAppearance?: SelectIconAppearance;
924
+ children?: ReactNode;
1246
925
  };
1247
926
  declare const SelectOption: react.ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLLIElement>, "children"> & {
1248
927
  value: string;
@@ -1253,10 +932,12 @@ declare const SelectOption: react.ForwardRefExoticComponent<Omit<HTMLAttributes<
1253
932
  type SelectButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
1254
933
  placeholder?: ReactNode;
1255
934
  selectedDisplay?: (value: string[]) => ReactNode;
935
+ hideExpansionIcon?: boolean;
1256
936
  };
1257
937
  declare const SelectButton: react.ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & {
1258
938
  placeholder?: ReactNode;
1259
939
  selectedDisplay?: (value: string[]) => ReactNode;
940
+ hideExpansionIcon?: boolean;
1260
941
  } & react.RefAttributes<HTMLButtonElement>>;
1261
942
  type SelectContentProps = PopUpProps;
1262
943
  declare const SelectContent: react.ForwardRefExoticComponent<PopUpProps & react.RefAttributes<HTMLUListElement>>;
@@ -1273,6 +954,7 @@ type MultiSelectButtonProps = SelectButtonProps;
1273
954
  declare const MultiSelectButton: react.ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & {
1274
955
  placeholder?: ReactNode;
1275
956
  selectedDisplay?: (value: string[]) => ReactNode;
957
+ hideExpansionIcon?: boolean;
1276
958
  } & react.RefAttributes<HTMLButtonElement>>;
1277
959
 
1278
960
  type SelectProps = SelectRootProps & {
@@ -1289,405 +971,26 @@ declare const Select: react.ForwardRefExoticComponent<Partial<FormFieldInteracti
1289
971
  iconAppearance?: SelectIconAppearance;
1290
972
  onClose?: () => void;
1291
973
  } & 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;
974
+ initialValue?: string;
1300
975
  } & {
1301
- id?: string;
1302
- initialIsOpen?: boolean;
1303
- iconAppearance?: SelectIconAppearance;
1304
- onClose?: () => void;
1305
- } & Partial<FormFieldDataHandling<string>> & {
1306
976
  contentPanelProps?: SelectContentProps;
1307
977
  buttonProps?: Omit<SelectButtonProps, "selectedDisplay"> & {
1308
978
  selectedDisplay?: (value: string) => ReactNode;
1309
979
  };
1310
980
  } & react.RefAttributes<HTMLButtonElement>>;
1311
981
 
1312
- type TablePaginationMenuProps = Omit<PaginationProps, 'pageIndex' | 'pageCount'>;
1313
- declare const TablePaginationMenu: ({ ...props }: TablePaginationMenuProps) => react_jsx_runtime.JSX.Element;
1314
- interface TablePageSizeSelectProps extends SelectProps {
1315
- pageSizeOptions?: number[];
1316
- }
1317
- declare const TablePageSizeSelect: ({ pageSizeOptions, ...props }: TablePageSizeSelectProps) => react_jsx_runtime.JSX.Element;
1318
- interface TablePaginationProps extends HTMLAttributes<HTMLDivElement> {
1319
- allowChangingPageSize?: boolean;
1320
- pageSizeOptions?: number[];
1321
- }
1322
- declare const TablePagination: ({ allowChangingPageSize, pageSizeOptions, ...props }: TablePaginationProps) => react_jsx_runtime.JSX.Element;
1323
-
1324
- interface TableWithSelectionProviderProps<T> extends TableProviderProps<T> {
1325
- rowSelection: RowSelectionState;
1326
- disableClickRowClickSelection?: boolean;
1327
- selectionRowId?: string;
1328
- }
1329
- declare const TableWithSelectionProvider: <T>({ children, state, fillerRowCell, rowSelection, disableClickRowClickSelection, selectionRowId, onRowClick, ...props }: TableWithSelectionProviderProps<T>) => react_jsx_runtime.JSX.Element;
1330
-
1331
- interface TableProps<T> extends HTMLAttributes<HTMLDivElement> {
1332
- table: TableProviderProps<T>;
1333
- paginationOptions?: TablePaginationProps & {
1334
- showPagination?: boolean;
1335
- };
1336
- displayProps?: Omit<TableDisplayProps, 'children'>;
1337
- header?: React.ReactNode;
1338
- footer?: React.ReactNode;
1339
- }
1340
- declare const Table: <T>({ children, table, paginationOptions, displayProps, header, footer, ...props }: TableProps<T>) => react_jsx_runtime.JSX.Element;
1341
- interface TableWithSelectionProps<T> extends HTMLAttributes<HTMLDivElement> {
1342
- table: TableWithSelectionProviderProps<T>;
1343
- paginationOptions?: TablePaginationProps & {
1344
- showPagination?: boolean;
1345
- };
1346
- displayProps?: Omit<TableDisplayProps, 'children'>;
1347
- header?: React.ReactNode;
1348
- footer?: React.ReactNode;
1349
- }
1350
- declare const TableWithSelection: <T>({ children, table, paginationOptions, displayProps, header, footer, ...props }: TableWithSelectionProps<T>) => react_jsx_runtime.JSX.Element;
1351
-
1352
- declare const TableBody: react__default.NamedExoticComponent<object>;
1353
-
1354
- type TableCellProps = PropsWithChildren<{
1355
- className?: string;
982
+ type LanguageSelectProps = Omit<SelectProps, 'value'>;
983
+ declare const LanguageSelect: ({ ...props }: LanguageSelectProps) => react_jsx_runtime.JSX.Element;
984
+ type LanguageDialogProps = Omit<DialogProps, 'titleElement' | 'description'> & PropsWithChildren<{
985
+ titleOverwrite?: ReactNode;
986
+ descriptionOverwrite?: ReactNode;
1356
987
  }>;
1357
- declare const TableCell: ({ children, className, }: TableCellProps) => react_jsx_runtime.JSX.Element;
1358
-
1359
- declare const TableFilterOperator: {
1360
- readonly text: readonly ["textEquals", "textNotEquals", "textNotWhitespace", "textContains", "textNotContains", "textStartsWith", "textEndsWith"];
1361
- readonly number: readonly ["numberEquals", "numberNotEquals", "numberGreaterThan", "numberGreaterThanOrEqual", "numberLessThan", "numberLessThanOrEqual", "numberBetween", "numberNotBetween"];
1362
- readonly date: readonly ["dateEquals", "dateNotEquals", "dateGreaterThan", "dateGreaterThanOrEqual", "dateLessThan", "dateLessThanOrEqual", "dateBetween", "dateNotBetween"];
1363
- readonly dateTime: readonly ["dateTimeEquals", "dateTimeNotEquals", "dateTimeGreaterThan", "dateTimeGreaterThanOrEqual", "dateTimeLessThan", "dateTimeLessThanOrEqual", "dateTimeBetween", "dateTimeNotBetween"];
1364
- readonly boolean: readonly ["booleanIsTrue", "booleanIsFalse"];
1365
- readonly tags: readonly ["tagsEquals", "tagsNotEquals", "tagsContains", "tagsNotContains"];
1366
- readonly tagsSingle: readonly ["tagsSingleEquals", "tagsSingleNotEquals", "tagsSingleContains", "tagsSingleNotContains"];
1367
- readonly generic: readonly ["undefined", "notUndefined"];
1368
- };
1369
- type TableGenericFilter = (typeof TableFilterOperator.generic)[number];
1370
- type TableTextFilter = (typeof TableFilterOperator.text)[number] | TableGenericFilter;
1371
- type TableNumberFilter = (typeof TableFilterOperator.number)[number] | TableGenericFilter;
1372
- type TableDateFilter = (typeof TableFilterOperator.date)[number] | TableGenericFilter;
1373
- type TableDatetimeFilter = (typeof TableFilterOperator.dateTime)[number] | TableGenericFilter;
1374
- type TableBooleanFilter = (typeof TableFilterOperator.boolean)[number] | TableGenericFilter;
1375
- type TableTagsFilter = (typeof TableFilterOperator.tags)[number] | TableGenericFilter;
1376
- type TableTagsSingleFilter = (typeof TableFilterOperator.tagsSingle)[number] | TableGenericFilter;
1377
- type TableFilterType = TableTextFilter | TableNumberFilter | TableDateFilter | TableDatetimeFilter | TableBooleanFilter | TableTagsFilter | TableTagsSingleFilter | TableGenericFilter;
1378
- type TableFilterCategory = keyof typeof TableFilterOperator;
1379
- declare function isTableFilterCategory(value: unknown): value is TableFilterCategory;
1380
- type TextFilterParameter = {
1381
- searchText?: string;
1382
- isCaseSensitive?: boolean;
1383
- };
1384
- type NumberFilterParameter = {
1385
- compareValue?: number;
1386
- min?: number;
1387
- max?: number;
1388
- };
1389
- type DateFilterParameter = {
1390
- compareDate?: Date;
1391
- min?: Date;
1392
- max?: Date;
1393
- };
1394
- type DatetimeFilterParameter = {
1395
- compareDatetime?: Date;
1396
- min?: Date;
1397
- max?: Date;
1398
- };
1399
- type BooleanFilterParameter = Record<string, never>;
1400
- type TagsFilterParameter = {
1401
- searchTags?: unknown[];
1402
- };
1403
- type TagsSingleFilterParameter = {
1404
- searchTag?: unknown;
1405
- searchTagsContains?: unknown[];
1406
- };
1407
- type GenericFilterParameter = Record<string, never>;
1408
- type TextFilterValue = {
1409
- operator: TableTextFilter;
1410
- parameter: TextFilterParameter;
1411
- };
1412
- type NumberFilterValue = {
1413
- operator: TableNumberFilter;
1414
- parameter: NumberFilterParameter;
1415
- };
1416
- type DateFilterValue = {
1417
- operator: TableDateFilter;
1418
- parameter: DateFilterParameter;
1419
- };
1420
- type DatetimeFilterValue = {
1421
- operator: TableDatetimeFilter;
1422
- parameter: DatetimeFilterParameter;
1423
- };
1424
- type BooleanFilterValue = {
1425
- operator: TableBooleanFilter;
1426
- parameter: BooleanFilterParameter;
1427
- };
1428
- type TagsFilterValue = {
1429
- operator: TableTagsFilter;
1430
- parameter: TagsFilterParameter;
1431
- };
1432
- type TagsSingleFilterValue = {
1433
- operator: TableTagsSingleFilter;
1434
- parameter: TagsSingleFilterParameter;
1435
- };
1436
- type GenericFilterValue = {
1437
- operator: TableGenericFilter;
1438
- parameter: GenericFilterParameter;
1439
- };
1440
- type TableFilterValue = TextFilterValue | NumberFilterValue | DateFilterValue | DatetimeFilterValue | BooleanFilterValue | TagsFilterValue | TagsSingleFilterValue | GenericFilterValue;
1441
- declare const TableFilter: {
1442
- text: FilterFn<unknown>;
1443
- number: FilterFn<unknown>;
1444
- date: FilterFn<unknown>;
1445
- dateTime: FilterFn<unknown>;
1446
- boolean: FilterFn<unknown>;
1447
- tags: FilterFn<unknown>;
1448
- tagsSingle: FilterFn<unknown>;
1449
- generic: FilterFn<unknown>;
1450
- };
1451
-
1452
- type TableColumnProps<T> = ColumnDef<T> & {
1453
- filterType?: TableFilterCategory;
1454
- };
1455
- declare const TableColumn: <T>(props: TableColumnProps<T>) => react_jsx_runtime.JSX.Element;
1456
-
1457
- type TableColumnSwitcherPopUpProps = PopUpProps;
1458
- declare const TableColumnSwitcherPopUp: ({ ...props }: TableColumnSwitcherPopUpProps) => react_jsx_runtime.JSX.Element;
1459
- interface TableColumnSwitcherProps extends TableColumnSwitcherPopUpProps {
1460
- buttonProps?: ButtonProps;
1461
- }
1462
- declare const TableColumnSwitcher: ({ buttonProps, ...props }: TableColumnSwitcherProps) => react_jsx_runtime.JSX.Element;
1463
-
1464
- type TableDataContextType<T> = {
1465
- table: Table$1<T>;
1466
- columns: ColumnDef<T>[];
1467
- rows: Row<T>[];
1468
- rowSelection: RowSelectionState;
1469
- data: T[];
1470
- pagination: PaginationState;
1471
- isUsingFillerRows: boolean;
1472
- fillerRowCell: (columnId: string, table: Table$1<T>) => ReactNode;
1473
- onRowClick?: (row: Row<T>, table: Table$1<T>) => void;
1474
- 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> = {
1485
- table: Table$1<T>;
1486
- sizeVars: Record<string, number>;
1487
- };
1488
- declare const TableHeaderContext: react.Context<TableHeaderContextType<any>>;
1489
- declare const useTableHeaderContext: <T>() => TableHeaderContextType<T>;
1490
- type TableContainerContextType<T> = {
1491
- table: Table$1<T>;
1492
- containerRef: RefObject<HTMLDivElement>;
1493
- };
1494
- 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;
988
+ /**
989
+ * A Dialog for selecting the Language
990
+ *
991
+ * The State of open needs to be managed by the parent
992
+ */
993
+ declare const LanguageDialog: ({ onClose, titleOverwrite, descriptionOverwrite, ...props }: LanguageDialogProps) => react_jsx_runtime.JSX.Element;
1691
994
 
1692
995
  declare const hightideTranslationLocales: readonly ["de-DE", "en-US"];
1693
996
  type HightideTranslationLocales = typeof hightideTranslationLocales[number];
@@ -1705,6 +1008,9 @@ type HightideTranslationEntries = {
1705
1008
  'caseSensitive': string;
1706
1009
  'change': string;
1707
1010
  'changeColumnDisplay': string;
1011
+ 'changePinning': string;
1012
+ 'changeSelection': string;
1013
+ 'changeVisibility': string;
1708
1014
  'chooseLanguage': string;
1709
1015
  'chooseSlide': string;
1710
1016
  'chooseTheme': string;
@@ -1725,6 +1031,7 @@ type HightideTranslationEntries = {
1725
1031
  'create': string;
1726
1032
  'date': string;
1727
1033
  'decline': string;
1034
+ 'decreaseSortingPriority': string;
1728
1035
  'delete': string;
1729
1036
  'discard': string;
1730
1037
  'discardChanges': string;
@@ -1750,6 +1057,7 @@ type HightideTranslationEntries = {
1750
1057
  'greaterThanOrEqual': string;
1751
1058
  'hideColumn': string;
1752
1059
  'identifier': string;
1060
+ 'increaseSortingPriority': string;
1753
1061
  'invalidEmail': string;
1754
1062
  'invalidEmailError': string;
1755
1063
  'isFalse': string;
@@ -1798,6 +1106,8 @@ type HightideTranslationEntries = {
1798
1106
  'pinLeft': string;
1799
1107
  'pinned': string;
1800
1108
  'pinRight': string;
1109
+ 'pinToLeft': string;
1110
+ 'pinToRight': string;
1801
1111
  'pleaseWait': string;
1802
1112
  'previous': string;
1803
1113
  'pThemes': (values: {
@@ -1894,8 +1204,10 @@ type HightideTranslationEntries = {
1894
1204
  'time.nanosecond': (values: {
1895
1205
  count: number;
1896
1206
  }) => string;
1207
+ 'time.nextMonth': string;
1897
1208
  'time.november': string;
1898
1209
  'time.october': string;
1210
+ 'time.previousMonth': string;
1899
1211
  'time.second': (values: {
1900
1212
  count: number;
1901
1213
  }) => string;
@@ -1931,74 +1243,797 @@ type HightideTranslationEntries = {
1931
1243
  };
1932
1244
  declare const hightideTranslation: Translation<HightideTranslationLocales, Partial<HightideTranslationEntries>>;
1933
1245
 
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;
1246
+ 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 ? {
1247
+ [P in keyof T]?: DeepPartial<T[P]>;
1248
+ } : T;
1249
+ type SuperSet<T, Base> = Base extends T ? T : never;
1250
+ type SingleOrArray<T> = T | T[];
1251
+ type Exact<T, U extends T> = U;
1252
+
1253
+ type TooltipConfig = {
1254
+ /**
1255
+ * Number of milliseconds until the tooltip appears
1256
+ */
1257
+ appearDelay: number;
1258
+ isAnimated: boolean;
1259
+ };
1260
+ type ThemeConfig = {
1261
+ /**
1262
+ * The initial theme to show when:
1263
+ * 1. The system preference is not or cannot be loaded
1264
+ * 2. The user has not set an app preference
1265
+ */
1266
+ initialTheme: ResolvedTheme;
1267
+ };
1268
+ type LocalizationConfig = {
1269
+ /**
1270
+ * The initial locale to use when:
1271
+ * 1. The system preference is not or cannot be loaded
1272
+ * 2. The user has not set an app preference
1273
+ */
1274
+ defaultLocale: HightideTranslationLocales;
1275
+ };
1276
+ type HightideConfig = {
1277
+ tooltip: TooltipConfig;
1278
+ theme: ThemeConfig;
1279
+ locale: LocalizationConfig;
1280
+ };
1281
+ type ConfigType = {
1282
+ config: HightideConfig;
1283
+ setConfig: (configOverwrite: DeepPartial<HightideConfig>) => void;
1284
+ };
1285
+ declare const HightideConfigContext: react.Context<ConfigType>;
1286
+ type HightideConfigProviderProps = PropsWithChildren & DeepPartial<HightideConfig>;
1287
+ declare const HightideConfigProvider: ({ children, ...initialOverwrite }: HightideConfigProviderProps) => react_jsx_runtime.JSX.Element;
1288
+ declare const useHightideConfig: () => ConfigType;
1289
+
1290
+ declare const themes: readonly ["light", "dark", "system"];
1291
+ type ThemeType = typeof themes[number];
1292
+ type ResolvedTheme = Exclude<ThemeType, 'system'>;
1293
+ declare const ThemeUtil: {
1294
+ themes: readonly ["light", "dark", "system"];
1295
+ };
1296
+ type ThemeContextType = {
1297
+ theme: ThemeType;
1298
+ resolvedTheme: ResolvedTheme;
1299
+ setTheme: Dispatch<SetStateAction<ThemeType>>;
1300
+ };
1301
+ declare const ThemeContext: react.Context<ThemeContextType>;
1302
+ type ThemeProviderProps = PropsWithChildren & Partial<ThemeConfig> & {
1303
+ /**
1304
+ * Only set this if you want to control the theme yourself
1305
+ */
1306
+ theme?: ThemeType;
1307
+ };
1308
+ declare const ThemeProvider: ({ children, theme, initialTheme }: ThemeProviderProps) => react_jsx_runtime.JSX.Element;
1309
+ declare const useTheme: () => ThemeContextType;
1310
+
1311
+ interface ThemeIconProps extends HTMLAttributes<SVGSVGElement> {
1312
+ theme?: ThemeType;
1313
+ }
1314
+ declare const ThemeIcon: ({ theme: themeOverride, ...props }: ThemeIconProps) => react_jsx_runtime.JSX.Element;
1315
+ type ThemeSelectProps = Omit<SelectProps, 'value'>;
1316
+ declare const ThemeSelect: ({ ...props }: ThemeSelectProps) => react_jsx_runtime.JSX.Element;
1317
+ interface ThemeDialogProps extends Omit<DialogProps, 'titleElement' | 'description'> {
1318
+ titleOverwrite?: ReactNode;
1319
+ descriptionOverwrite?: ReactNode;
1320
+ }
1321
+ /**
1322
+ * A Dialog for selecting the Theme
1323
+ *
1324
+ * The State of open needs to be managed by the parent
1325
+ */
1326
+ declare const ThemeDialog: ({ onClose, titleOverwrite, descriptionOverwrite, ...props }: PropsWithChildren<ThemeDialogProps>) => react_jsx_runtime.JSX.Element;
1327
+
1328
+ type DrawerAligment = 'left' | 'right' | 'bottom' | 'top';
1329
+ type DrawerProps = HTMLAttributes<HTMLDivElement> & {
1330
+ isOpen: boolean;
1331
+ alignment: DrawerAligment;
1332
+ titleElement: ReactNode;
1333
+ description: ReactNode;
1334
+ isAnimated?: boolean;
1335
+ containerClassName?: string;
1336
+ backgroundClassName?: string;
1337
+ onClose: () => void;
1338
+ forceMount?: boolean;
1339
+ hasDefaultCloseIcon?: boolean;
1340
+ };
1341
+ declare const Drawer: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
1342
+ isOpen: boolean;
1343
+ alignment: DrawerAligment;
1344
+ titleElement: ReactNode;
1345
+ description: ReactNode;
1346
+ isAnimated?: boolean;
1347
+ containerClassName?: string;
1348
+ backgroundClassName?: string;
1349
+ onClose: () => void;
1350
+ forceMount?: boolean;
1351
+ hasDefaultCloseIcon?: boolean;
1352
+ } & react.RefAttributes<HTMLDivElement>>;
1353
+
1354
+ interface TooltipTriggerContextValue {
1355
+ ref: RefObject<HTMLElement>;
1356
+ callbackRef: (el: HTMLElement | null) => void;
1357
+ props: {
1358
+ 'onPointerEnter': () => void;
1359
+ 'onPointerLeave': () => void;
1360
+ 'onPointerCancel': () => void;
1361
+ 'onClick': () => void;
1362
+ 'onBlur': () => void;
1363
+ 'aria-describedby'?: string;
1364
+ };
1365
+ }
1366
+ interface TooltipContextType {
1367
+ tooltip: {
1368
+ id: string;
1369
+ setId: (id: string) => void;
1370
+ };
1371
+ trigger: TooltipTriggerContextValue;
1372
+ disabled: boolean;
1373
+ isShown: boolean;
1374
+ open: () => void;
1375
+ close: () => void;
1376
+ }
1377
+ declare const TooltipContext: react.Context<TooltipContextType>;
1378
+ declare const useTooltip: () => TooltipContextType;
1379
+ interface TooltipRootProps extends PropsWithChildren {
1380
+ isInitiallyShown?: boolean;
1381
+ onIsShownChange?: (isShown: boolean) => void;
1382
+ appearDelay?: number;
1383
+ disabled?: boolean;
1384
+ }
1385
+ declare const TooltipRoot: ({ children, isInitiallyShown, onIsShownChange, appearDelay: appearOverwrite, disabled, }: TooltipRootProps) => react_jsx_runtime.JSX.Element;
1386
+ type TooltipAligment = 'top' | 'bottom' | 'left' | 'right';
1387
+ interface TooltipDisplayProps extends Omit<AnchoredFloatingContainerProps, 'options'>, Partial<TooltipConfig> {
1388
+ alignment?: TooltipAligment;
1389
+ disabled?: boolean;
1390
+ isShown?: boolean;
1391
+ options?: Omit<UseAnchoredPositionOptions, 'verticalAlignment' | 'horizontalAlignment'>;
1392
+ }
1393
+ declare const TooltipDisplay: react.ForwardRefExoticComponent<TooltipDisplayProps & react.RefAttributes<HTMLDivElement>>;
1394
+ interface TooltipTriggerBag extends TooltipTriggerContextValue {
1395
+ disabled: boolean;
1396
+ isShown: boolean;
1397
+ }
1398
+ interface TooltipTriggerProps {
1399
+ children: (bag: TooltipTriggerBag) => ReactNode;
1400
+ }
1401
+ declare const TooltipTrigger: ({ children, }: TooltipTriggerProps) => ReactNode;
1402
+ interface TooltipProps extends TooltipRootProps, Pick<TooltipDisplayProps, 'alignment' | 'disabled' | 'isAnimated'> {
1403
+ tooltip: ReactNode;
1404
+ tooltipClassName?: string;
1405
+ containerClassName?: string;
1406
+ }
1407
+ /**
1408
+ * A Component for showing a tooltip when hovering over Content
1409
+ */
1410
+ declare const Tooltip: ({ tooltip, children, isInitiallyShown, appearDelay, disabled, containerClassName, alignment, isAnimated, ...props }: TooltipProps) => react_jsx_runtime.JSX.Element;
1411
+
1412
+ /**
1413
+ * The different sizes for a icon button
1414
+ */
1415
+ type IconButtonSize = 'xs' | 'sm' | 'md' | 'lg' | null;
1416
+ type IconButtonColoringStyle = 'outline' | 'solid' | 'text' | 'tonal' | null;
1417
+ interface IconButtonBaseProps extends ButtonHTMLAttributes<HTMLButtonElement> {
1418
+ /**
1419
+ * @default 'medium'
1420
+ */
1421
+ size?: IconButtonSize;
1422
+ /**
1423
+ * @default 'solid'
1424
+ */
1425
+ coloringStyle?: IconButtonColoringStyle;
1426
+ allowClickEventPropagation?: boolean;
1427
+ }
1428
+ declare const IconButtonBase: react.ForwardRefExoticComponent<IconButtonBaseProps & react.RefAttributes<HTMLButtonElement>>;
1429
+ interface IconButtonProps extends IconButtonBaseProps {
1430
+ useTooltipAsLabel?: boolean;
1431
+ tooltip?: ReactNode;
1432
+ tooltipProps?: Omit<TooltipDisplayProps, 'children' | 'isShown'>;
1433
+ }
1434
+ /**
1435
+ * A icon button with a tooltip
1436
+ */
1437
+ declare const IconButton: react.ForwardRefExoticComponent<IconButtonProps & react.RefAttributes<HTMLButtonElement>>;
1438
+
1439
+ type DrawerCloseButtonProps = IconButtonProps;
1440
+ declare function DrawerCloseButton({ tooltip, onClick, ...props }: DrawerCloseButtonProps): react_jsx_runtime.JSX.Element;
1441
+
1442
+ type DrawerContentProps = HTMLAttributes<HTMLDivElement> & {
1443
+ alignment: DrawerAligment;
1444
+ containerClassName?: string;
1445
+ backgroundClassName?: string;
1446
+ forceMount?: boolean;
1447
+ };
1448
+ declare const DrawerContent: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
1449
+ alignment: DrawerAligment;
1450
+ containerClassName?: string;
1451
+ backgroundClassName?: string;
1452
+ forceMount?: boolean;
1453
+ } & react.RefAttributes<HTMLDivElement>>;
1454
+
1455
+ type DrawerContextType = {
1456
+ isOpen: boolean;
1457
+ setOpen: Dispatch<SetStateAction<boolean>>;
1458
+ };
1459
+ declare const DrawerContext: react.Context<DrawerContextType>;
1460
+ declare function useDrawerContext(): DrawerContextType;
1461
+
1462
+ interface DrawerRootProps extends PropsWithChildren {
1463
+ isOpen?: boolean;
1464
+ onIsOpenChange?: (isOpen: boolean) => void;
1465
+ initialIsOpen?: boolean;
1466
+ }
1467
+ declare function DrawerRoot({ children, isOpen: controlledIsOpen, onIsOpenChange, initialIsOpen, }: DrawerRootProps): react_jsx_runtime.JSX.Element;
1468
+
1469
+ type ErrorComponentProps = {
1470
+ errorText?: string;
1471
+ classname?: string;
1472
+ };
1473
+ /**
1474
+ * The Component to show when an error occurred
1475
+ */
1476
+ declare const ErrorComponent: ({ errorText, classname }: ErrorComponentProps) => react_jsx_runtime.JSX.Element;
1477
+
1478
+ type LoadingAndErrorComponentProps = PropsWithChildren<{
1479
+ isLoading?: boolean;
1480
+ hasError?: boolean;
1481
+ loadingComponent?: ReactNode;
1482
+ errorComponent?: ReactNode;
1483
+ /**
1484
+ * in milliseconds
1485
+ */
1486
+ minimumLoadingDuration?: number;
1487
+ className?: string;
1488
+ }>;
1489
+ /**
1490
+ * A Component that shows the Error and Loading animation, when appropriate and the children otherwise
1491
+ */
1492
+ declare const LoadingAndErrorComponent: ({ children, isLoading, hasError, loadingComponent, errorComponent, minimumLoadingDuration, className }: LoadingAndErrorComponentProps) => react_jsx_runtime.JSX.Element;
1493
+
1494
+ type LoadingAnimationProps = {
1495
+ loadingText?: string;
1496
+ classname?: string;
1497
+ animationDuration?: number;
1498
+ };
1499
+ declare const LoadingAnimation: ({ loadingText, classname, animationDuration }: LoadingAnimationProps) => react_jsx_runtime.JSX.Element;
1500
+
1501
+ type LoadingComponentProps = {
1502
+ className?: string;
1503
+ };
1504
+ declare const LoadingContainer: ({ className }: LoadingComponentProps) => react_jsx_runtime.JSX.Element;
1505
+
1506
+ type BreadCrumbLinkProps = ComponentProps<typeof Link>;
1507
+ declare const BreadCrumbLink: ({ ...props }: BreadCrumbLinkProps) => react_jsx_runtime.JSX.Element;
1508
+ type BreadCrumbGroupProps = HTMLAttributes<HTMLUListElement> & {
1509
+ divider?: ReactNode | null;
1510
+ };
1511
+ /**
1512
+ * A component for showing a hierarchical link structure with an independent link on each element
1513
+ *
1514
+ * e.g. Organizations/Ward/<id>
1515
+ */
1516
+ declare const BreadCrumbGroup: ({ children, divider, ...props }: BreadCrumbGroupProps) => react_jsx_runtime.JSX.Element;
1517
+ type Crumb = {
1518
+ href: string;
1519
+ label: ReactNode;
1520
+ };
1521
+ type BreadCrumbProps = {
1522
+ crumbs: Crumb[];
1523
+ };
1524
+ declare const BreadCrumbs: ({ crumbs }: BreadCrumbProps) => react_jsx_runtime.JSX.Element;
1525
+
1526
+ type SimpleNavigationItem = {
1527
+ label: ReactNode;
1528
+ link: string;
1529
+ external?: boolean;
1530
+ };
1531
+ type SubItemNavigationItem = {
1532
+ label: ReactNode;
1533
+ items?: SimpleNavigationItem[];
1534
+ };
1535
+ type NavigationItemType = SimpleNavigationItem | SubItemNavigationItem;
1536
+ type NavigationItemListProps = Omit<HTMLAttributes<HTMLElement>, 'children'> & {
1537
+ items: NavigationItemType[];
1538
+ };
1539
+ declare const NavigationItemList: ({ items, ...restProps }: NavigationItemListProps) => react_jsx_runtime.JSX.Element;
1540
+ type NavigationProps = NavigationItemListProps;
1541
+ declare const Navigation: ({ ...props }: NavigationProps) => react_jsx_runtime.JSX.Element;
1542
+
1543
+ interface PaginationProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
1544
+ pageIndex: number;
1545
+ pageCount: number;
1546
+ onPageIndexChanged?: (pageIndex: number) => void;
1547
+ }
1548
+ /**
1549
+ * A Component showing the pagination allowing first, before, next and last page navigation
1550
+ */
1551
+ declare const Pagination: ({ pageIndex, pageCount, onPageIndexChanged, ...props }: PaginationProps) => react_jsx_runtime.JSX.Element;
1552
+
1553
+ type StepperState = {
1554
+ currentStep: number;
1555
+ seenSteps: Set<number>;
1556
+ };
1557
+ type StepperBarProps = {
1558
+ state?: StepperState;
1559
+ initialState?: StepperState;
1560
+ onStateChange: (state: StepperState) => void;
1561
+ numberOfSteps: number;
1562
+ disabledSteps?: Set<number>;
1563
+ onFinish: () => void;
1564
+ finishText?: string;
1565
+ showDots?: boolean;
1566
+ className?: string;
1567
+ };
1568
+ /**
1569
+ * A Component for stepping
1570
+ */
1571
+ declare const StepperBar: ({ state: controlledState, initialState, numberOfSteps, disabledSteps, onStateChange, onFinish, finishText, showDots, className, }: StepperBarProps) => react_jsx_runtime.JSX.Element;
1572
+
1573
+ type PopUpContextType = {
1574
+ isOpen: boolean;
1575
+ setIsOpen: Dispatch<SetStateAction<boolean>>;
1576
+ popUpId: string;
1577
+ triggerId: string;
1578
+ triggerRef: RefObject<HTMLElement> | null;
1579
+ setTriggerRef: (ref: RefObject<HTMLElement> | null) => void;
1580
+ };
1581
+ declare const PopUpContext: react.Context<PopUpContextType>;
1582
+ declare function usePopUpContext(): PopUpContextType;
1583
+
1584
+ interface PopUpOpenerBag<T extends HTMLElement> {
1585
+ open: () => void;
1586
+ close: () => void;
1587
+ isOpen: boolean;
1588
+ toggleOpen: () => void;
1589
+ props: {
1590
+ 'id': string;
1591
+ 'onClick': () => void;
1592
+ 'aria-haspopup': 'dialog';
1593
+ 'aria-controls': string;
1594
+ 'aria-expanded': boolean;
1595
+ 'ref': RefObject<T>;
1596
+ };
1597
+ }
1598
+ interface PopUpOpenerProps<T extends HTMLElement> {
1599
+ children: (props: PopUpOpenerBag<T>) => ReactNode;
1600
+ }
1601
+ declare function PopUpOpener<T extends HTMLElement = HTMLButtonElement>({ children }: PopUpOpenerProps<T>): ReactNode;
1602
+
1603
+ interface PopUpRootProps extends PropsWithChildren {
1604
+ isOpen?: boolean;
1605
+ onIsOpenChange?: (isOpen: boolean) => void;
1606
+ initialIsOpen?: boolean;
1607
+ popUpId?: string;
1608
+ triggerId?: string;
1609
+ }
1610
+ declare function PopUpRoot({ children, isOpen: controlledIsOpen, onIsOpenChange, initialIsOpen, popUpId: popUpIdOverwrite, triggerId: triggerIdOverwrite, }: PopUpRootProps): react_jsx_runtime.JSX.Element;
1611
+
1612
+ declare const AutoColumnOrderFeature: TableFeature;
1613
+
1614
+ declare const ColumnSizingWithTargetFeature: TableFeature;
1615
+
1616
+ type FillerCellProps = HTMLAttributes<HTMLDivElement>;
1617
+ declare const FillerCell: ({ ...props }: FillerCellProps) => react_jsx_runtime.JSX.Element;
1618
+
1619
+ type TableProviderProps<T> = {
1620
+ data: T[];
1621
+ columns?: ColumnDef<T>[];
1622
+ children?: ReactNode;
1623
+ isUsingFillerRows?: boolean;
1624
+ fillerRowCell?: (columnId: string, table: Table$1<T>) => ReactNode;
1625
+ initialState?: InitialTableState;
1626
+ onRowClick?: (row: Row<T>, table: Table$1<T>) => void;
1627
+ onFillerRowClick?: (index: number, table: Table$1<T>) => void;
1628
+ state?: Partial<TableState>;
1629
+ } & Partial<TableOptions<T>>;
1630
+ declare const TableProvider: <T>({ data, isUsingFillerRows, fillerRowCell, initialState, onRowClick, onFillerRowClick, defaultColumn: defaultColumnOverwrite, state, columns: columnsProp, children, ...tableOptions }: TableProviderProps<T>) => react_jsx_runtime.JSX.Element;
1631
+
1632
+ declare module '@tanstack/react-table' {
1633
+ interface ColumnMeta<TData extends RowData, TValue> {
1634
+ className?: string;
1635
+ filterData?: {
1636
+ tags?: {
1637
+ tag: string;
1638
+ label: ReactNode;
1639
+ }[];
1640
+ };
1641
+ columnLabel?: string;
1642
+ }
1643
+ interface TableMeta<TData> {
1644
+ headerRowClassName?: string;
1645
+ bodyRowClassName?: ((value: TData) => string) | string;
1646
+ }
1647
+ interface FilterFns {
1648
+ text: FilterFn<unknown>;
1649
+ number: FilterFn<unknown>;
1650
+ date: FilterFn<unknown>;
1651
+ dateTime: FilterFn<unknown>;
1652
+ boolean: FilterFn<unknown>;
1653
+ multiTags: FilterFn<unknown>;
1654
+ singleTag: FilterFn<unknown>;
1655
+ generic: FilterFn<unknown>;
1656
+ }
1657
+ interface TableOptions<TData extends RowData> {
1658
+ columnSizingTarget?: number;
1659
+ }
1660
+ interface TableOptionsResolved<TData extends RowData> {
1661
+ columnSizingTarget?: number;
1662
+ }
1663
+ }
1664
+
1665
+ type TableHeaderProps = {
1666
+ isSticky?: boolean;
1667
+ };
1668
+ declare const TableHeader: ({ isSticky }: TableHeaderProps) => react_jsx_runtime.JSX.Element;
1669
+
1670
+ interface TableDisplayProps extends TableHTMLAttributes<HTMLTableElement> {
1671
+ containerProps?: Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>;
1672
+ tableHeaderProps?: Omit<TableHeaderProps, 'children' | 'table'>;
1673
+ }
1674
+ /**
1675
+ * A display component for a table that requires a TableProvider for the table context
1676
+ */
1677
+ declare const TableDisplay: <T>({ children, containerProps, tableHeaderProps, ...props }: TableDisplayProps) => react_jsx_runtime.JSX.Element;
1678
+
1679
+ type TablePaginationMenuProps = Omit<PaginationProps, 'pageIndex' | 'pageCount'>;
1680
+ declare const TablePaginationMenu: ({ ...props }: TablePaginationMenuProps) => react_jsx_runtime.JSX.Element;
1681
+ interface TablePageSizeSelectProps extends SelectProps {
1682
+ pageSizeOptions?: number[];
1683
+ }
1684
+ declare const TablePageSizeSelect: ({ pageSizeOptions, ...props }: TablePageSizeSelectProps) => react_jsx_runtime.JSX.Element;
1685
+ interface TablePaginationProps extends HTMLAttributes<HTMLDivElement> {
1686
+ allowChangingPageSize?: boolean;
1687
+ pageSizeOptions?: number[];
1688
+ }
1689
+ declare const TablePagination: ({ allowChangingPageSize, pageSizeOptions, ...props }: TablePaginationProps) => react_jsx_runtime.JSX.Element;
1690
+
1691
+ interface TableWithSelectionProviderProps<T> extends TableProviderProps<T> {
1692
+ rowSelection: RowSelectionState;
1693
+ disableClickRowClickSelection?: boolean;
1694
+ selectionRowId?: string;
1695
+ }
1696
+ declare const TableWithSelectionProvider: <T>({ children, state, fillerRowCell, rowSelection, disableClickRowClickSelection, selectionRowId, onRowClick, ...props }: TableWithSelectionProviderProps<T>) => react_jsx_runtime.JSX.Element;
1697
+
1698
+ interface TableProps<T> extends HTMLAttributes<HTMLDivElement> {
1699
+ table: TableProviderProps<T>;
1700
+ paginationOptions?: TablePaginationProps & {
1701
+ showPagination?: boolean;
1702
+ };
1703
+ displayProps?: Omit<TableDisplayProps, 'children'>;
1704
+ header?: React.ReactNode;
1705
+ footer?: React.ReactNode;
1706
+ }
1707
+ declare const Table: <T>({ children, table, paginationOptions, displayProps, header, footer, ...props }: TableProps<T>) => react_jsx_runtime.JSX.Element;
1708
+ interface TableWithSelectionProps<T> extends HTMLAttributes<HTMLDivElement> {
1709
+ table: TableWithSelectionProviderProps<T>;
1710
+ paginationOptions?: TablePaginationProps & {
1711
+ showPagination?: boolean;
1712
+ };
1713
+ displayProps?: Omit<TableDisplayProps, 'children'>;
1714
+ header?: React.ReactNode;
1715
+ footer?: React.ReactNode;
1716
+ }
1717
+ declare const TableWithSelection: <T>({ children, table, paginationOptions, displayProps, header, footer, ...props }: TableWithSelectionProps<T>) => react_jsx_runtime.JSX.Element;
1718
+
1719
+ declare const TableBody: react__default.NamedExoticComponent<object>;
1720
+
1721
+ type TableCellProps = PropsWithChildren<{
1722
+ className?: string;
1723
+ }>;
1724
+ declare const TableCell: ({ children, className, }: TableCellProps) => react_jsx_runtime.JSX.Element;
1725
+
1726
+ declare const TableFilterOperator: {
1727
+ readonly text: readonly ["textEquals", "textNotEquals", "textNotWhitespace", "textContains", "textNotContains", "textStartsWith", "textEndsWith"];
1728
+ readonly number: readonly ["numberEquals", "numberNotEquals", "numberGreaterThan", "numberGreaterThanOrEqual", "numberLessThan", "numberLessThanOrEqual", "numberBetween", "numberNotBetween"];
1729
+ readonly date: readonly ["dateEquals", "dateNotEquals", "dateGreaterThan", "dateGreaterThanOrEqual", "dateLessThan", "dateLessThanOrEqual", "dateBetween", "dateNotBetween"];
1730
+ readonly dateTime: readonly ["dateTimeEquals", "dateTimeNotEquals", "dateTimeGreaterThan", "dateTimeGreaterThanOrEqual", "dateTimeLessThan", "dateTimeLessThanOrEqual", "dateTimeBetween", "dateTimeNotBetween"];
1731
+ readonly boolean: readonly ["booleanIsTrue", "booleanIsFalse"];
1732
+ readonly multiTags: readonly ["tagsEquals", "tagsNotEquals", "tagsContains", "tagsNotContains"];
1733
+ readonly singleTag: readonly ["tagsSingleEquals", "tagsSingleNotEquals", "tagsSingleContains", "tagsSingleNotContains"];
1734
+ readonly generic: readonly ["undefined", "notUndefined"];
1735
+ };
1736
+ type TableGenericFilter = (typeof TableFilterOperator.generic)[number];
1737
+ type TableTextFilter = (typeof TableFilterOperator.text)[number] | TableGenericFilter;
1738
+ type TableNumberFilter = (typeof TableFilterOperator.number)[number] | TableGenericFilter;
1739
+ type TableDateFilter = (typeof TableFilterOperator.date)[number] | TableGenericFilter;
1740
+ type TableDatetimeFilter = (typeof TableFilterOperator.dateTime)[number] | TableGenericFilter;
1741
+ type TableBooleanFilter = (typeof TableFilterOperator.boolean)[number] | TableGenericFilter;
1742
+ type TableTagsFilter = (typeof TableFilterOperator.multiTags)[number] | TableGenericFilter;
1743
+ type TableTagsSingleFilter = (typeof TableFilterOperator.singleTag)[number] | TableGenericFilter;
1744
+ type TableFilterType = TableTextFilter | TableNumberFilter | TableDateFilter | TableDatetimeFilter | TableBooleanFilter | TableTagsFilter | TableTagsSingleFilter | TableGenericFilter;
1745
+ type TableFilterCategory = keyof typeof TableFilterOperator;
1746
+ declare function isTableFilterCategory(value: unknown): value is TableFilterCategory;
1747
+ type TextFilterParameter = {
1748
+ searchText?: string;
1749
+ isCaseSensitive?: boolean;
1750
+ };
1751
+ type NumberFilterParameter = {
1752
+ compareValue?: number;
1753
+ min?: number;
1754
+ max?: number;
1755
+ };
1756
+ type DateFilterParameter = {
1757
+ compareDate?: Date;
1758
+ min?: Date;
1759
+ max?: Date;
1760
+ };
1761
+ type DatetimeFilterParameter = {
1762
+ compareDatetime?: Date;
1763
+ min?: Date;
1764
+ max?: Date;
1765
+ };
1766
+ type BooleanFilterParameter = Record<string, never>;
1767
+ type TagsFilterParameter = {
1768
+ searchTags?: unknown[];
1769
+ };
1770
+ type TagsSingleFilterParameter = {
1771
+ searchTag?: unknown;
1772
+ searchTagsContains?: unknown[];
1773
+ };
1774
+ type GenericFilterParameter = Record<string, never>;
1775
+ type TextFilterValue = {
1776
+ operator: TableTextFilter;
1777
+ parameter: TextFilterParameter;
1778
+ };
1779
+ type NumberFilterValue = {
1780
+ operator: TableNumberFilter;
1781
+ parameter: NumberFilterParameter;
1782
+ };
1783
+ type DateFilterValue = {
1784
+ operator: TableDateFilter;
1785
+ parameter: DateFilterParameter;
1786
+ };
1787
+ type DatetimeFilterValue = {
1788
+ operator: TableDatetimeFilter;
1789
+ parameter: DatetimeFilterParameter;
1790
+ };
1791
+ type BooleanFilterValue = {
1792
+ operator: TableBooleanFilter;
1793
+ parameter: BooleanFilterParameter;
1794
+ };
1795
+ type TagsFilterValue = {
1796
+ operator: TableTagsFilter;
1797
+ parameter: TagsFilterParameter;
1798
+ };
1799
+ type TagsSingleFilterValue = {
1800
+ operator: TableTagsSingleFilter;
1801
+ parameter: TagsSingleFilterParameter;
1802
+ };
1803
+ type GenericFilterValue = {
1804
+ operator: TableGenericFilter;
1805
+ parameter: GenericFilterParameter;
1806
+ };
1807
+ type TableFilterValue = TextFilterValue | NumberFilterValue | DateFilterValue | DatetimeFilterValue | BooleanFilterValue | TagsFilterValue | TagsSingleFilterValue | GenericFilterValue;
1808
+ declare const TableFilter: {
1809
+ text: FilterFn<unknown>;
1810
+ number: FilterFn<unknown>;
1811
+ date: FilterFn<unknown>;
1812
+ dateTime: FilterFn<unknown>;
1813
+ boolean: FilterFn<unknown>;
1814
+ multiTags: FilterFn<unknown>;
1815
+ singleTag: FilterFn<unknown>;
1816
+ generic: FilterFn<unknown>;
1817
+ };
1818
+
1819
+ type TableColumnProps<T> = ColumnDef<T> & {
1820
+ filterType?: TableFilterCategory;
1821
+ };
1822
+ declare const TableColumn: <T>(props: TableColumnProps<T>) => react_jsx_runtime.JSX.Element;
1823
+
1824
+ type TableColumnSwitcherPopUpProps = PopUpProps;
1825
+ declare const TableColumnSwitcherPopUp: ({ ...props }: TableColumnSwitcherPopUpProps) => react_jsx_runtime.JSX.Element;
1826
+ interface TableColumnSwitcherProps extends TableColumnSwitcherPopUpProps {
1827
+ buttonProps?: ButtonProps;
1828
+ }
1829
+ declare const TableColumnSwitcher: ({ buttonProps, ...props }: TableColumnSwitcherProps) => react_jsx_runtime.JSX.Element;
1830
+
1831
+ interface TableStateWithoutSizingContextType<T> extends Omit<TableState, 'columnSizing' | 'columnSizingInfo'> {
1832
+ table: Table$1<T>;
1833
+ data: T[];
1834
+ columns: ColumnDef<T>[];
1835
+ rowModel: RowModel<T>;
1836
+ isUsingFillerRows: boolean;
1837
+ fillerRowCell: (columnId: string, table: Table$1<T>) => ReactNode;
1838
+ onRowClick?: (row: Row<T>, table: Table$1<T>) => void;
1839
+ onFillerRowClick?: (index: number, table: Table$1<T>) => void;
1840
+ }
1841
+ declare const TableStateWithoutSizingContext: react.Context<TableStateWithoutSizingContextType<any>>;
1842
+ /**
1843
+ * Context for the table state without sizing
1844
+ *
1845
+ * Use this context to access the table state without sizing
1846
+ *
1847
+ * This is done to avoid re-rendering the table when the sizing changes rapidly
1848
+ */
1849
+ declare const useTableStateWithoutSizingContext: <T>() => TableStateWithoutSizingContextType<T>;
1850
+ interface TableStateContextType<T> extends TableState {
1851
+ table: Table$1<T>;
1852
+ data: T[];
1853
+ columns: ColumnDef<T>[];
1854
+ rowModel: RowModel<T>;
1855
+ isUsingFillerRows: boolean;
1856
+ fillerRowCell: (columnId: string, table: Table$1<T>) => ReactNode;
1857
+ onRowClick?: (row: Row<T>, table: Table$1<T>) => void;
1858
+ onFillerRowClick?: (index: number, table: Table$1<T>) => void;
1859
+ sizeVars: Record<string, number>;
1860
+ }
1861
+ declare const TableStateContext: react.Context<TableStateContextType<any>>;
1862
+ /**
1863
+ * Context for the table state
1864
+ *
1865
+ * Use this context to access the table state and only do cheap operations on it as it can be re-rendered frequently
1866
+ */
1867
+ declare const useTableStateContext: <T>() => TableStateContextType<T>;
1868
+ type TableContainerContextType<T> = {
1869
+ table: Table$1<T>;
1870
+ containerRef: RefObject<HTMLDivElement>;
1871
+ };
1872
+ declare const TableContainerContext: react.Context<TableContainerContextType<any>>;
1873
+ declare const useTableContainerContext: <T>() => TableContainerContextType<T>;
1874
+ type TableColumnDefinitionContextType<T> = {
1875
+ table: Table$1<T>;
1876
+ registerColumn: (column: ColumnDef<T>) => () => void;
1877
+ };
1878
+ declare const TableColumnDefinitionContext: react.Context<TableColumnDefinitionContextType<any>>;
1879
+ declare const useTableColumnDefinitionContext: <T>() => TableColumnDefinitionContextType<T>;
1880
+
1881
+ type TableFilterButtonProps<T = unknown> = {
1882
+ filterType: TableFilterCategory;
1883
+ column: Column<T>;
1884
+ };
1885
+ declare const TableFilterButton: <T>({ filterType, column, }: TableFilterButtonProps<T>) => react_jsx_runtime.JSX.Element;
1886
+
1887
+ interface TableFilterBaseProps<T extends TableFilterValue> {
1888
+ columnId: string;
1889
+ filterValue?: T | undefined;
1890
+ onFilterValueChange: (value: T | undefined) => void;
1891
+ }
1892
+ type OperatorLabelProps = {
1893
+ operator: TableFilterType;
1894
+ };
1895
+ declare const OperatorLabel: ({ operator }: OperatorLabelProps) => react_jsx_runtime.JSX.Element;
1896
+ type TextFilterProps = TableFilterBaseProps<TextFilterValue>;
1897
+ declare const TextFilter: ({ filterValue, onFilterValueChange }: TextFilterProps) => react_jsx_runtime.JSX.Element;
1898
+ type NumberFilterProps = TableFilterBaseProps<NumberFilterValue>;
1899
+ declare const NumberFilter: ({ filterValue, onFilterValueChange }: NumberFilterProps) => react_jsx_runtime.JSX.Element;
1900
+ type DateFilterProps = TableFilterBaseProps<DateFilterValue>;
1901
+ declare const DateFilter: ({ filterValue, onFilterValueChange }: DateFilterProps) => react_jsx_runtime.JSX.Element;
1902
+ type DatetimeFilterProps = TableFilterBaseProps<DatetimeFilterValue>;
1903
+ declare const DatetimeFilter: ({ filterValue, onFilterValueChange }: DatetimeFilterProps) => react_jsx_runtime.JSX.Element;
1904
+ type BooleanFilterProps = TableFilterBaseProps<BooleanFilterValue>;
1905
+ declare const BooleanFilter: ({ filterValue, onFilterValueChange }: BooleanFilterProps) => react_jsx_runtime.JSX.Element;
1906
+ type TagsFilterProps = TableFilterBaseProps<TagsFilterValue>;
1907
+ declare const TagsFilter: ({ columnId, filterValue, onFilterValueChange }: TagsFilterProps) => react_jsx_runtime.JSX.Element;
1908
+ type TagsSingleFilterProps = TableFilterBaseProps<TagsSingleFilterValue>;
1909
+ declare const TagsSingleFilter: ({ columnId, filterValue, onFilterValueChange }: TagsSingleFilterProps) => react_jsx_runtime.JSX.Element;
1910
+ type GenericFilterProps = TableFilterBaseProps<GenericFilterValue>;
1911
+ declare const GenericFilter: ({ filterValue, onFilterValueChange }: GenericFilterProps) => react_jsx_runtime.JSX.Element;
1912
+ interface TableFilterContentProps extends TableFilterBaseProps<TableFilterValue> {
1913
+ filterType: TableFilterCategory;
1914
+ }
1915
+ declare const TableFilterContent: ({ filterType, ...props }: TableFilterContentProps) => react_jsx_runtime.JSX.Element;
1940
1916
 
1941
- type TooltipConfig = {
1942
- /**
1943
- * Number of milliseconds until the tooltip appears
1944
- */
1945
- appearDelay: number;
1946
- isAnimated: boolean;
1917
+ type SortingIndexDisplay = {
1918
+ index: number;
1919
+ sortingsCount: number;
1947
1920
  };
1948
- type ThemeConfig = {
1949
- /**
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
1953
- */
1954
- initialTheme: ResolvedTheme;
1921
+ type TableSortButtonProps = IconButtonProps & {
1922
+ sortDirection: SortDirection | false;
1923
+ sortingIndexDisplay?: SortingIndexDisplay;
1924
+ invert?: boolean;
1955
1925
  };
1956
- type LocalizationConfig = {
1957
- /**
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
1961
- */
1962
- defaultLocale: HightideTranslationLocales;
1926
+ /**
1927
+ * An Extension of the normal button that displays the sorting state right of the content
1928
+ */
1929
+ declare const TableSortButton: ({ sortDirection, invert, color, size, className, sortingIndexDisplay, ...props }: TableSortButtonProps) => react_jsx_runtime.JSX.Element;
1930
+
1931
+ type ColumnSizeCalculateTargetBehavoir = 'equalOrHigher';
1932
+ type ColumnSizeCalculateTarget = {
1933
+ width: number;
1934
+ behaviour: ColumnSizeCalculateTargetBehavoir;
1963
1935
  };
1964
- type HightideConfig = {
1965
- tooltip: TooltipConfig;
1966
- theme: ThemeConfig;
1967
- locale: LocalizationConfig;
1936
+ type ColumnSizeCalculatoProps = {
1937
+ previousSizing: Record<string, number>;
1938
+ newSizing: Record<string, number>;
1939
+ columnIds: string[];
1940
+ target?: ColumnSizeCalculateTarget;
1941
+ minWidthsPerColumn: Record<string, number>;
1942
+ maxWidthsPerColumn?: Record<string, number>;
1968
1943
  };
1969
- type ConfigType = {
1970
- config: HightideConfig;
1971
- setConfig: (configOverwrite: DeepPartial<HightideConfig>) => void;
1944
+ declare const toSizeVars: (sizing: ColumnSizingState) => {};
1945
+ declare const ColumnSizeUtil: {
1946
+ calculate: ({ previousSizing, newSizing, columnIds, target, minWidthsPerColumn, maxWidthsPerColumn }: ColumnSizeCalculatoProps) => {
1947
+ [x: string]: number;
1948
+ };
1949
+ toSizeVars: (sizing: ColumnSizingState) => {};
1972
1950
  };
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;
1977
1951
 
1978
- type Position = 'top' | 'bottom' | 'left' | 'right';
1979
- interface TooltipProps extends PropsWithChildren, Partial<TooltipConfig> {
1980
- tooltip: ReactNode;
1981
- /**
1982
- * Class names of additional styling properties for the tooltip
1983
- */
1984
- tooltipClassName?: string;
1985
- /**
1986
- * Class names of additional styling properties for the container from which the tooltip will be created
1987
- */
1988
- containerClassName?: string;
1989
- position?: Position;
1990
- disabled?: boolean;
1952
+ type CheckBoxSize = 'sm' | 'md' | 'lg' | null;
1953
+ type CheckboxProps = HTMLAttributes<HTMLDivElement> & Partial<FormFieldInteractionStates> & Partial<FormFieldDataHandling<boolean>> & {
1954
+ initialValue?: boolean;
1955
+ indeterminate?: boolean;
1956
+ size?: CheckBoxSize;
1957
+ alwaysShowCheckIcon?: boolean;
1958
+ };
1959
+ /**
1960
+ * A Tristate checkbox
1961
+ *
1962
+ * The state is managed by the parent
1963
+ */
1964
+ declare const Checkbox: ({ value: controlledValue, initialValue, indeterminate, required, invalid, disabled, readOnly, onValueChange, onEditComplete, size, alwaysShowCheckIcon, ...props }: CheckboxProps) => react_jsx_runtime.JSX.Element;
1965
+
1966
+ interface CopyToClipboardWrapperProps extends Omit<TooltipProps, 'tooltip'> {
1967
+ textToCopy: string;
1991
1968
  }
1992
1969
  /**
1993
1970
  * A Component for showing a tooltip when hovering over Content
1994
- * @param tooltip The tooltip to show can be a text or any ReactNode
1995
- * @param children The Content for which the tooltip should be created
1996
- * @param tooltipClassName Additional ClassNames for the Container of the tooltip
1997
- * @param containerClassName Additional ClassNames for the Container holding the content
1998
- * @param position The direction of the tooltip relative to the Container
1999
- * @constructor
2000
1971
  */
2001
- declare const Tooltip: ({ tooltip, children, appearDelay: appearOverwrite, isAnimated: isAnimatedOverwrite, tooltipClassName, containerClassName, position, disabled, }: TooltipProps) => react_jsx_runtime.JSX.Element;
1972
+ declare const CopyToClipboardWrapper: ({ children, textToCopy, isInitiallyShown, appearDelay, disabled, containerClassName, alignment, isAnimated, ...props }: CopyToClipboardWrapperProps) => react_jsx_runtime.JSX.Element;
1973
+
1974
+ type MenuItemProps = {
1975
+ onClick?: () => void;
1976
+ isDisabled?: boolean;
1977
+ className?: string;
1978
+ };
1979
+ declare const MenuItem: ({ children, onClick, isDisabled, className }: PropsWithChildren<MenuItemProps>) => react_jsx_runtime.JSX.Element;
1980
+ type MenuBag = {
1981
+ isOpen: boolean;
1982
+ disabled: boolean;
1983
+ toggleOpen: () => void;
1984
+ close: () => void;
1985
+ };
1986
+ interface MenuProps extends Omit<PopUpProps, 'children' | 'anchor'> {
1987
+ children: (bag: MenuBag) => ReactNode | ReactNode;
1988
+ trigger: (bag: MenuBag, ref: (el: HTMLElement | null) => void) => ReactNode;
1989
+ disabled?: boolean;
1990
+ }
1991
+ /**
1992
+ * A Menu Component to allow the user to see different functions
1993
+ */
1994
+ declare const Menu: ({ trigger, children, disabled, ...props }: MenuProps) => react_jsx_runtime.JSX.Element;
1995
+
1996
+ type ScrollPickerProps<T> = {
1997
+ options: T[];
1998
+ mapping: (value: T) => string;
1999
+ selected?: T;
2000
+ onChange?: (value: T) => void;
2001
+ disabled?: boolean;
2002
+ };
2003
+ /**
2004
+ * A component for picking an option by scrolling
2005
+ */
2006
+ declare const ScrollPicker: <T>({ options, mapping, selected, onChange, disabled, }: ScrollPickerProps<T>) => react_jsx_runtime.JSX.Element;
2007
+
2008
+ type SwitchProps = HTMLAttributes<HTMLDivElement> & Partial<FormFieldInteractionStates> & Partial<FormFieldDataHandling<boolean>> & {
2009
+ initialValue?: boolean;
2010
+ };
2011
+ /**
2012
+ * A binary on/off switch
2013
+ *
2014
+ * The state is managed by the parent.
2015
+ */
2016
+ declare const Switch: ({ value: controlledValue, initialValue, required, invalid, disabled, readOnly, onValueChange, onEditComplete, ...props }: SwitchProps) => react_jsx_runtime.JSX.Element;
2017
+
2018
+ type TextareaProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'value'> & Partial<FormFieldDataHandling<string>> & Partial<FormFieldInteractionStates> & {
2019
+ initialValue?: string;
2020
+ saveDelayOptions?: UseDelayOptions;
2021
+ };
2022
+ /**
2023
+ * A Textarea component for inputting longer texts
2024
+ *
2025
+ * The State is managed by the parent
2026
+ */
2027
+ declare const Textarea: react.ForwardRefExoticComponent<Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "value"> & Partial<FormFieldDataHandling<string>> & Partial<FormFieldInteractionStates> & {
2028
+ initialValue?: string;
2029
+ saveDelayOptions?: UseDelayOptions;
2030
+ } & react.RefAttributes<HTMLTextAreaElement>>;
2031
+ type TextareaWithHeadlineProps = Omit<TextareaProps, 'defaultStyle'> & {
2032
+ headline: ReactNode;
2033
+ headlineProps: Omit<LabelHTMLAttributes<HTMLLabelElement>, 'children'>;
2034
+ containerClassName?: string;
2035
+ };
2036
+ declare const TextareaWithHeadline: ({ id, headline, headlineProps, disabled, className, containerClassName, ...props }: TextareaWithHeadlineProps) => react_jsx_runtime.JSX.Element;
2002
2037
 
2003
2038
  type DurationJSON = {
2004
2039
  years: number;
@@ -2058,7 +2093,10 @@ declare const DateUtils: {
2058
2093
  };
2059
2094
 
2060
2095
  type DayPickerProps = Partial<FormFieldDataHandling<Date>> & {
2061
- displayedMonth: Date;
2096
+ initialValue?: Date;
2097
+ displayedMonth?: Date;
2098
+ changeDisplayedMonth?: (date: Date) => void;
2099
+ initialDisplayedMonth?: Date;
2062
2100
  start?: Date;
2063
2101
  end?: Date;
2064
2102
  weekStart?: WeekDay;
@@ -2068,19 +2106,19 @@ type DayPickerProps = Partial<FormFieldDataHandling<Date>> & {
2068
2106
  /**
2069
2107
  * A component for selecting a day of a month
2070
2108
  */
2071
- declare const DayPicker: ({ displayedMonth, value, start: providedStart, end: providedEnd, onValueChange, onEditComplete, weekStart, markToday, className }: DayPickerProps) => react_jsx_runtime.JSX.Element;
2072
- declare const DayPickerUncontrolled: ({ value: initialValue, onValueChange, ...props }: DayPickerProps) => react_jsx_runtime.JSX.Element;
2109
+ declare const DayPicker: ({ displayedMonth: controlledDisplayedMonth, initialDisplayedMonth, changeDisplayedMonth, value: controlledValue, initialValue, start: providedStart, end: providedEnd, onValueChange, onEditComplete, weekStart, markToday, className, }: DayPickerProps) => react_jsx_runtime.JSX.Element;
2073
2110
 
2074
2111
  type YearMonthPickerProps = Partial<FormFieldDataHandling<Date>> & {
2112
+ initialValue?: Date;
2075
2113
  start?: Date;
2076
2114
  end?: Date;
2077
2115
  className?: string;
2078
2116
  };
2079
- declare const YearMonthPicker: ({ value, start, end, onValueChange, onEditComplete, className, }: YearMonthPickerProps) => react_jsx_runtime.JSX.Element;
2080
- declare const YearMonthPickerUncontrolled: ({ value: initialValue, onValueChange, ...props }: YearMonthPickerProps) => react_jsx_runtime.JSX.Element;
2117
+ declare const YearMonthPicker: ({ value: controlledValue, initialValue, start, end, onValueChange, onEditComplete, className, }: YearMonthPickerProps) => react_jsx_runtime.JSX.Element;
2081
2118
 
2082
2119
  type DisplayMode = 'yearMonth' | 'day';
2083
2120
  type DatePickerProps = Partial<FormFieldDataHandling<Date>> & {
2121
+ initialValue?: Date;
2084
2122
  start?: Date;
2085
2123
  end?: Date;
2086
2124
  initialDisplay?: DisplayMode;
@@ -2092,23 +2130,20 @@ type DatePickerProps = Partial<FormFieldDataHandling<Date>> & {
2092
2130
  /**
2093
2131
  * A Component for picking a date
2094
2132
  */
2095
- declare const DatePicker: ({ value, start, end, initialDisplay, weekStart, onValueChange, onEditComplete, yearMonthPickerProps, dayPickerProps, className }: DatePickerProps) => react_jsx_runtime.JSX.Element;
2096
- /**
2097
- * Example for the Date Picker
2098
- */
2099
- declare const DatePickerUncontrolled: ({ value, onValueChange, ...props }: DatePickerProps) => react_jsx_runtime.JSX.Element;
2133
+ declare const DatePicker: ({ value: controlledValue, initialValue, start, end, initialDisplay, weekStart, onValueChange, onEditComplete, yearMonthPickerProps, dayPickerProps, className }: DatePickerProps) => react_jsx_runtime.JSX.Element;
2100
2134
 
2101
2135
  type TimePickerMinuteIncrement = '1min' | '5min' | '10min' | '15min' | '30min';
2102
2136
  type TimePickerProps = Partial<FormFieldDataHandling<Date>> & {
2137
+ initialValue?: Date;
2103
2138
  is24HourFormat?: boolean;
2104
2139
  minuteIncrement?: TimePickerMinuteIncrement;
2105
2140
  className?: string;
2106
2141
  };
2107
- declare const TimePicker: ({ value, onValueChange, onEditComplete, is24HourFormat, minuteIncrement, className, }: TimePickerProps) => react_jsx_runtime.JSX.Element;
2108
- declare const TimePickerUncontrolled: ({ value: initialValue, onValueChange, ...props }: TimePickerProps) => react_jsx_runtime.JSX.Element;
2142
+ declare const TimePicker: ({ value: controlledValue, initialValue, onValueChange, onEditComplete, is24HourFormat, minuteIncrement, className, }: TimePickerProps) => react_jsx_runtime.JSX.Element;
2109
2143
 
2110
2144
  type DateTimePickerMode = 'date' | 'time' | 'dateTime';
2111
2145
  type DateTimePickerProps = Partial<FormFieldDataHandling<Date>> & {
2146
+ initialValue?: Date;
2112
2147
  mode?: DateTimePickerMode;
2113
2148
  start?: Date;
2114
2149
  end?: Date;
@@ -2122,18 +2157,10 @@ type DateTimePickerProps = Partial<FormFieldDataHandling<Date>> & {
2122
2157
  /**
2123
2158
  * A Component for picking a Date and Time
2124
2159
  */
2125
- declare const DateTimePicker: ({ value, start, end, mode, is24HourFormat, minuteIncrement, weekStart, onValueChange, onEditComplete, timePickerProps, datePickerProps, }: DateTimePickerProps) => react_jsx_runtime.JSX.Element;
2126
- declare const DateTimePickerUncontrolled: ({ value: initialValue, onValueChange, ...props }: DateTimePickerProps) => react_jsx_runtime.JSX.Element;
2127
-
2128
- interface ControlledStateProps<T> {
2129
- value?: T;
2130
- onValueChange?: (value: T) => void;
2131
- defaultValue?: T;
2132
- isControlled?: boolean;
2133
- }
2134
- declare const useControlledState: <T>({ value, onValueChange, defaultValue, isControlled: isEnforcingControlled }: ControlledStateProps<T>) => [T, react__default.Dispatch<react__default.SetStateAction<T>>];
2160
+ declare const DateTimePicker: ({ value: controlledValue, initialValue, start, end, mode, is24HourFormat, minuteIncrement, weekStart, onValueChange, onEditComplete, timePickerProps, datePickerProps, }: DateTimePickerProps) => react_jsx_runtime.JSX.Element;
2135
2161
 
2136
- interface DateTimePickerDialogProps extends ControlledStateProps<Date | null> {
2162
+ interface DateTimePickerDialogProps extends Partial<FormFieldDataHandling<Date | null>> {
2163
+ initialValue?: Date | null;
2137
2164
  allowRemove?: boolean;
2138
2165
  onEditComplete?: (value: Date | null) => void;
2139
2166
  pickerProps: Omit<DateTimePickerProps, 'value' | 'onValueChange' | 'onEditComplete'>;
@@ -2141,7 +2168,7 @@ interface DateTimePickerDialogProps extends ControlledStateProps<Date | null> {
2141
2168
  label?: ReactNode;
2142
2169
  labelId?: string;
2143
2170
  }
2144
- declare const DateTimePickerDialog: ({ defaultValue, value, allowRemove, onValueChange, onEditComplete, isControlled, mode, pickerProps, labelId, label, }: DateTimePickerDialogProps) => react_jsx_runtime.JSX.Element;
2171
+ declare const DateTimePickerDialog: ({ initialValue, value, allowRemove, onValueChange, onEditComplete, mode, pickerProps, labelId, label, }: DateTimePickerDialogProps) => react_jsx_runtime.JSX.Element;
2145
2172
 
2146
2173
  type TimeDisplayMode = 'daysFromToday' | 'date';
2147
2174
  type TimeDisplayProps = {
@@ -2153,20 +2180,18 @@ type TimeDisplayProps = {
2153
2180
  */
2154
2181
  declare const TimeDisplay: ({ date, mode }: TimeDisplayProps) => react_jsx_runtime.JSX.Element;
2155
2182
 
2156
- interface DateTimeInputProps extends Partial<FormFieldInteractionStates>, ControlledStateProps<Date | null>, Omit<ButtonHTMLAttributes<HTMLDivElement>, 'defaultValue' | 'value'>, Partial<FormFieldDataHandling<Date | null>> {
2183
+ interface DateTimeInputProps extends Partial<FormFieldInteractionStates>, Omit<ButtonHTMLAttributes<HTMLDivElement>, 'defaultValue' | 'value'>, Partial<FormFieldDataHandling<Date | null>> {
2184
+ initialValue?: Date | null;
2157
2185
  placeholder?: ReactNode;
2158
2186
  allowRemove?: boolean;
2159
2187
  mode?: 'date' | 'dateTime';
2160
2188
  containerProps?: HTMLAttributes<HTMLDivElement>;
2161
- pickerProps?: Omit<DateTimePickerProps, keyof FormFieldDataHandling<Date> | 'mode'>;
2189
+ pickerProps?: Omit<DateTimePickerProps, keyof FormFieldDataHandling<Date> | 'mode' | 'initialValue'>;
2162
2190
  outsideClickCloses?: boolean;
2163
2191
  onDialogOpeningChange?: (isOpen: boolean) => void;
2164
2192
  }
2165
2193
  declare const DateTimeInput: react.ForwardRefExoticComponent<DateTimeInputProps & react.RefAttributes<HTMLDivElement>>;
2166
2194
 
2167
- type InsideLabelInputProps = Omit<InputProps, 'aria-label' | 'aria-labelledby' | 'placeholder'> & {
2168
- label: ReactNode;
2169
- };
2170
2195
  /**
2171
2196
  * Text input component with a label inside the input that moves up when editing
2172
2197
  *
@@ -2175,20 +2200,15 @@ type InsideLabelInputProps = Omit<InputProps, 'aria-label' | 'aria-labelledby' |
2175
2200
  declare const InsideLabelInput: react.ForwardRefExoticComponent<Omit<InputProps, "aria-label" | "aria-labelledby" | "placeholder"> & {
2176
2201
  label: ReactNode;
2177
2202
  } & react.RefAttributes<HTMLInputElement>>;
2178
- declare const InsideLabelInputUncontrolled: ({ value: initialValue, ...props }: InsideLabelInputProps) => react_jsx_runtime.JSX.Element;
2179
2203
 
2180
2204
  type SearchBarProps = Omit<InputProps, 'onValueChange' | 'onEditComplete'> & {
2181
2205
  onValueChange?: (value: string) => void;
2182
2206
  onSearch: (value: string) => void;
2183
- searchButtonProps?: Omit<ButtonProps, 'onClick'>;
2207
+ searchButtonProps?: Omit<IconButtonProps, 'onClick'>;
2184
2208
  containerProps?: HTMLAttributes<HTMLDivElement>;
2185
2209
  };
2186
- declare const SearchBar: ({ value: initialValue, onSearch, onValueChange, searchButtonProps, containerProps, ...inputProps }: SearchBarProps) => react_jsx_runtime.JSX.Element;
2210
+ declare const SearchBar: ({ value: controlledValue, initialValue, onValueChange, onSearch, searchButtonProps, containerProps, ...inputProps }: SearchBarProps) => react_jsx_runtime.JSX.Element;
2187
2211
 
2188
- type ToggleableInputProps = InputProps & {
2189
- initialState?: 'editing' | 'display';
2190
- editCompleteOptions?: Omit<EditCompleteOptions, 'allowEnterComplete'>;
2191
- };
2192
2212
  /**
2193
2213
  * A Text input component for inputting text. It changes appearance upon entering the edit mode and switches
2194
2214
  * back to display mode on loss of focus or on enter
@@ -2197,11 +2217,11 @@ type ToggleableInputProps = InputProps & {
2197
2217
  */
2198
2218
  declare const ToggleableInput: react.ForwardRefExoticComponent<Omit<react.InputHTMLAttributes<HTMLInputElement>, "value"> & Partial<FormFieldDataHandling<string>> & Partial<FormFieldInteractionStates> & {
2199
2219
  editCompleteOptions?: EditCompleteOptions;
2220
+ initialValue?: string;
2200
2221
  } & {
2201
2222
  initialState?: "editing" | "display";
2202
2223
  editCompleteOptions?: Omit<EditCompleteOptions, "allowEnterComplete">;
2203
2224
  } & react.RefAttributes<HTMLInputElement>>;
2204
- declare const ToggleableInputUncontrolled: ({ value: initialValue, onValueChange, ...restProps }: ToggleableInputProps) => react_jsx_runtime.JSX.Element;
2205
2225
 
2206
2226
  type PropertyField<T> = {
2207
2227
  name: string;
@@ -2288,17 +2308,8 @@ declare const MultiSelect: react.ForwardRefExoticComponent<Partial<FormFieldInte
2288
2308
  iconAppearance?: SelectIconAppearance;
2289
2309
  onClose?: () => void;
2290
2310
  } & Partial<FormFieldDataHandling<string[]>> & {
2291
- contentPanelProps?: MultiSelectContentProps;
2292
- buttonProps?: MultiSelectButtonProps;
2293
- } & react.RefAttributes<HTMLButtonElement>>;
2294
- declare const MultiSelectUncontrolled: react.ForwardRefExoticComponent<Partial<FormFieldInteractionStates> & {
2295
- children?: react.ReactNode | undefined;
2311
+ initialValue?: string[];
2296
2312
  } & {
2297
- id?: string;
2298
- initialIsOpen?: boolean;
2299
- iconAppearance?: SelectIconAppearance;
2300
- onClose?: () => void;
2301
- } & Partial<FormFieldDataHandling<string[]>> & {
2302
2313
  contentPanelProps?: MultiSelectContentProps;
2303
2314
  buttonProps?: MultiSelectButtonProps;
2304
2315
  } & react.RefAttributes<HTMLButtonElement>>;
@@ -2323,18 +2334,8 @@ declare const MultiSelectChipDisplay: react.ForwardRefExoticComponent<Partial<Fo
2323
2334
  iconAppearance?: SelectIconAppearance;
2324
2335
  onClose?: () => void;
2325
2336
  } & Partial<FormFieldDataHandling<string[]>> & {
2326
- contentPanelProps?: MultiSelectContentProps;
2327
- chipDisplayProps?: MultiSelectChipDisplayButtonProps;
2328
- } & react.RefAttributes<HTMLDivElement>>;
2329
- type MultiSelectChipDisplayUncontrolledProps = MultiSelectChipDisplayProps;
2330
- declare const MultiSelectChipDisplayUncontrolled: react.ForwardRefExoticComponent<Partial<FormFieldInteractionStates> & {
2331
- children?: ReactNode | undefined;
2337
+ initialValue?: string[];
2332
2338
  } & {
2333
- id?: string;
2334
- initialIsOpen?: boolean;
2335
- iconAppearance?: SelectIconAppearance;
2336
- onClose?: () => void;
2337
- } & Partial<FormFieldDataHandling<string[]>> & {
2338
2339
  contentPanelProps?: MultiSelectContentProps;
2339
2340
  chipDisplayProps?: MultiSelectChipDisplayButtonProps;
2340
2341
  } & react.RefAttributes<HTMLDivElement>>;
@@ -2426,61 +2427,18 @@ declare const useFocusOnceVisible: (ref: RefObject<HTMLElement>, disable?: boole
2426
2427
 
2427
2428
  declare const useIsMounted: () => boolean;
2428
2429
 
2429
- type ElementHandle = Record<string, HTMLElement | null>;
2430
- declare function useHandleRefs<T extends ElementHandle>(handleRef: RefObject<T>): RefObject<HTMLElement | null>[];
2430
+ interface ControlledStateProps<T> {
2431
+ value?: T;
2432
+ onValueChange?: (value: T) => void;
2433
+ defaultValue?: T;
2434
+ isControlled?: boolean;
2435
+ }
2436
+ declare const useControlledState: <T>({ value, onValueChange, defaultValue, isControlled: isEnforcingControlled }: ControlledStateProps<T>) => [T, react__default.Dispatch<react__default.SetStateAction<T>>];
2431
2437
 
2432
- type UseHoverStateProps = {
2433
- /**
2434
- * The delay after which the menu is closed in milliseconds
2435
- *
2436
- * default: 200ms
2437
- */
2438
- closingDelay: number;
2439
- /**
2440
- * Whether the hover state management should be disabled
2441
- *
2442
- * default: false
2443
- */
2444
- isDisabled: boolean;
2445
- };
2446
- type UseHoverStateReturnType = {
2447
- /**
2448
- * Whether the element is hovered
2449
- */
2450
- isHovered: boolean;
2451
- /**
2452
- * Function to change the current hover status
2453
- */
2454
- setIsHovered: Dispatch<SetStateAction<boolean>>;
2455
- /**
2456
- * Handlers to pass on to the component that should be hovered
2457
- */
2458
- handlers: {
2459
- onMouseEnter: () => void;
2460
- onMouseLeave: () => void;
2461
- };
2462
- };
2463
- /**
2464
- * @param props See UseHoverStateProps
2465
- *
2466
- * A react hook for managing the hover state of a component. The handlers provided should be
2467
- * forwarded to the component which should be hovered over
2468
- */
2469
- declare const useHoverState: (props?: Partial<UseHoverStateProps> | undefined) => UseHoverStateReturnType;
2438
+ declare function useEventCallbackStabilizer<T extends (...args: any[]) => any>(callback?: T): (...args: Parameters<T>) => ReturnType<T>;
2470
2439
 
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>;
2440
+ type ElementHandle = Record<string, HTMLElement | null>;
2441
+ declare function useHandleRefs<T extends ElementHandle>(handleRef: RefObject<T>): RefObject<HTMLElement | null>[];
2484
2442
 
2485
2443
  type OptionsResolved = {
2486
2444
  type?: 'info' | 'error' | 'warning';
@@ -2551,7 +2509,21 @@ declare const useRerender: () => react.ActionDispatch<[]>;
2551
2509
  *
2552
2510
  * @param callback Called when the window resizes
2553
2511
  */
2554
- declare const useResizeCallbackWrapper: (callback: (event: UIEvent) => void) => void;
2512
+ declare const useWindowResizeObserver: (onResize: () => void) => void;
2513
+
2514
+ type UseResizeObserverProps = {
2515
+ observedElementRef?: RefObject<Element>;
2516
+ onResize: () => void;
2517
+ isActive?: boolean;
2518
+ };
2519
+ declare function useResizeObserver({ observedElementRef, onResize, isActive }: UseResizeObserverProps): void;
2520
+
2521
+ type UseScrollObserverProps = {
2522
+ observedElementRef?: RefObject<HTMLElement>;
2523
+ onScroll: () => void;
2524
+ isActive?: boolean;
2525
+ };
2526
+ declare function useScrollObserver({ observedElementRef, onScroll, isActive }: UseScrollObserverProps): void;
2555
2527
 
2556
2528
  type UseSearchProps<T> = {
2557
2529
  list: T[];
@@ -2572,6 +2544,22 @@ declare const useSearch: <T>({ list, initialSearch, searchMapping, additionalSea
2572
2544
  setSearch: react.Dispatch<react.SetStateAction<string>>;
2573
2545
  };
2574
2546
 
2547
+ interface UseStorageProps<T> {
2548
+ key: string;
2549
+ defaultValue: T;
2550
+ storageType?: 'local' | 'session';
2551
+ serialize?: (value: T) => string;
2552
+ deserialize?: (value: string) => T;
2553
+ /** Whether to listen for storage events and update the value automatically. Defaults to true. */
2554
+ listen?: boolean;
2555
+ }
2556
+ interface UseStorageResult<T> {
2557
+ value: T;
2558
+ setValue: Dispatch<SetStateAction<T>>;
2559
+ deleteValue: () => void;
2560
+ }
2561
+ declare const useStorage: <T>({ key, defaultValue, storageType, serialize, deserialize, listen }: UseStorageProps<T>) => UseStorageResult<T>;
2562
+
2575
2563
  type TransitionState = 'opened' | 'closed' | 'opening' | 'closing';
2576
2564
  type UseTransitionStateResult = {
2577
2565
  transitionState: TransitionState;
@@ -2626,6 +2614,20 @@ declare const LocalizationUtil: {
2626
2614
  languagesLocalNames: Record<"de-DE" | "en-US", string>;
2627
2615
  };
2628
2616
 
2617
+ type StorageSubscriber = (raw: string | null) => void;
2618
+ declare class StorageListener {
2619
+ private static instance;
2620
+ private localSubscriptions;
2621
+ private sessionSubscriptions;
2622
+ private initialized;
2623
+ private constructor();
2624
+ static getInstance(): StorageListener;
2625
+ subscribe(storage: Storage, key: string, cb: StorageSubscriber): () => void;
2626
+ private init;
2627
+ private handleEvent;
2628
+ private getRegistry;
2629
+ }
2630
+
2629
2631
  declare const equalSizeGroups: <T>(array: T[], groupSize: number) => T[][];
2630
2632
  type RangeOptions = {
2631
2633
  /** Whether the range can be defined empty via end < start without a warning */
@@ -2756,7 +2758,6 @@ declare const PromiseUtils: {
2756
2758
  };
2757
2759
 
2758
2760
  declare function bool(isActive: boolean): string | undefined;
2759
- declare function name(name: string, props?: Record<string, unknown>): string;
2760
2761
  type InteractionStateDataAttributes = {
2761
2762
  'data-disabled': string | undefined;
2762
2763
  'data-invalid': string | undefined;
@@ -2796,7 +2797,6 @@ declare const PropsUtil: {
2796
2797
  };
2797
2798
  dataAttributes: {
2798
2799
  bool: typeof bool;
2799
- name: typeof name;
2800
2800
  interactionStates: typeof interactionStatesData;
2801
2801
  };
2802
2802
  aria: {
@@ -2859,21 +2859,6 @@ declare const SimpleSearchWithMapping: <T>(search: string, objects: T[], mapping
2859
2859
  */
2860
2860
  declare const SimpleSearch: (search: string, objects: string[]) => string[];
2861
2861
 
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
2862
  declare const writeToClipboard: (text: string) => Promise<void>;
2878
2863
 
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 };
2864
+ export { ASTNodeInterpreter, type ASTNodeInterpreterProps, AnchoredFloatingContainer, type AnchoredFloatingContainerProps, 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, Chip, type ChipColor, ChipList, type ChipListProps, type ChipProps, ChipUtil, 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, DateProperty, type DatePropertyProps, DateTimeInput, type DateTimeInputProps, DateTimePicker, DateTimePickerDialog, type DateTimePickerDialogProps, type DateTimePickerMode, type DateTimePickerProps, DateUtils, DatetimeFilter, type DatetimeFilterParameter, type DatetimeFilterProps, type DatetimeFilterValue, DayPicker, type DayPickerProps, 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, DrawerCloseButton, type DrawerCloseButtonProps, DrawerContent, type DrawerContentProps, DrawerContext, type DrawerContextType, type DrawerProps, DrawerRoot, type DrawerRootProps, 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, 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 IconButtonProps, InfiniteScroll, type InfiniteScrollProps, Input, InputDialog, type InputModalProps, type InputProps, InsideLabelInput, LanguageDialog, LanguageSelect, ListBox, ListBoxItem, type ListBoxItemProps, ListBoxMultiple, type ListBoxMultipleProps, ListBoxPrimitive, type ListBoxPrimitiveProps, type ListBoxProps, 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, MultiSelectContent, type MultiSelectContentProps, MultiSelectOption, type MultiSelectOptionProps, MultiSelectProperty, type MultiSelectPropertyProps, type MultiSelectProps, MultiSelectRoot, type MultiSelectRootProps, 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, type Range, type RangeOptions, type ResolvedTheme, ScrollPicker, type ScrollPickerProps, SearchBar, type SearchBarProps, Select, SelectButton, type SelectButtonProps, SelectContent, type SelectContentProps, SelectContext, type SelectIconAppearance, SelectOption, type SelectOptionProps, type SelectProps, SelectRoot, type SelectRootProps, type SharedSelectRootProps, SimpleSearch, SimpleSearchWithMapping, type SingleOrArray, SingleSelectProperty, type SingleSelectPropertyProps, StepperBar, type StepperBarProps, type StepperState, StorageListener, type StorageSubscriber, type SuperSet, Switch, type SwitchProps, 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, 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, ToggleableInput, 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, 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, useDrawerContext, useEventCallbackStabilizer, useFocusGuards, useFocusManagement, useFocusOnceVisible, useFocusTrap, useForm, useFormField, useFormObserver, useFormObserverKey, useHandleRefs, useHightideConfig, useHightideTranslation, 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 };