@helpwave/hightide 0.7.0 → 0.8.1

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 +390 -521
  2. package/dist/index.d.ts +390 -521
  3. package/dist/index.js +3326 -3068
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.mjs +3250 -2976
  6. package/dist/index.mjs.map +1 -1
  7. package/dist/style/globals.css +937 -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 +5 -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,8 +1,8 @@
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 { Translation, TranslationEntries, PartialTranslationExtension } from '@helpwave/internationalization';
3
+ import react__default, { HTMLAttributes, SVGProps, ReactNode, PropsWithChildren, RefObject, CSSProperties, Dispatch, SetStateAction, ButtonHTMLAttributes, InputHTMLAttributes, ComponentProps, TableHTMLAttributes, TextareaHTMLAttributes, LabelHTMLAttributes } from 'react';
5
4
  import { TableFeature, ColumnDef, Table as Table$1, InitialTableState, Row, TableState, TableOptions, RowData, FilterFn, RowSelectionState, RowModel, Column, SortDirection, ColumnSizingState } from '@tanstack/react-table';
5
+ import { Translation, TranslationEntries, PartialTranslationExtension } from '@helpwave/internationalization';
6
6
  import Link from 'next/link';
7
7
 
8
8
  type Size = 'sm' | 'md' | 'lg';
@@ -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;
@@ -471,41 +435,19 @@ type DividerInserterProps = Omit<HTMLAttributes<HTMLDivElement>, 'children'> & {
471
435
  *
472
436
  * undefined elements are removed
473
437
  */
474
- declare const DividerInserter: ({ children, divider, className, ...restProps }: DividerInserterProps) => react_jsx_runtime.JSX.Element;
475
-
476
- type DrawerAligment = 'left' | 'right' | 'bottom' | 'top';
477
- type DrawerProps = HTMLAttributes<HTMLDivElement> & {
478
- isOpen: boolean;
479
- alignment: DrawerAligment;
480
- titleElement: ReactNode;
481
- description: ReactNode;
482
- isAnimated?: boolean;
483
- containerClassName?: string;
484
- backgroundClassName?: string;
485
- onClose: () => void;
486
- forceMount?: boolean;
487
- };
488
- declare const Drawer: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
489
- isOpen: boolean;
490
- alignment: DrawerAligment;
491
- titleElement: ReactNode;
492
- description: ReactNode;
493
- isAnimated?: boolean;
494
- containerClassName?: string;
495
- backgroundClassName?: string;
496
- onClose: () => void;
497
- forceMount?: boolean;
498
- } & react.RefAttributes<HTMLDivElement>>;
438
+ declare const DividerInserter: ({ children, divider, ...restProps }: DividerInserterProps) => react_jsx_runtime.JSX.Element;
499
439
 
500
440
  type ExpandableRootProps = HTMLAttributes<HTMLDivElement> & {
501
441
  isExpanded?: boolean;
502
442
  onExpandedChange?: (isExpanded: boolean) => void;
443
+ isInitialExpanded?: boolean;
503
444
  disabled?: boolean;
504
445
  allowContainerToggle?: boolean;
505
446
  };
506
447
  declare const ExpandableRoot: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
507
448
  isExpanded?: boolean;
508
449
  onExpandedChange?: (isExpanded: boolean) => void;
450
+ isInitialExpanded?: boolean;
509
451
  disabled?: boolean;
510
452
  allowContainerToggle?: boolean;
511
453
  } & react.RefAttributes<HTMLDivElement>>;
@@ -521,46 +463,13 @@ type ExpandableContentProps = HTMLAttributes<HTMLDivElement> & {
521
463
  declare const ExpandableContent: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
522
464
  forceMount?: boolean;
523
465
  } & react.RefAttributes<HTMLDivElement>>;
524
- type ExpandableProps = PropsWithChildren<{
525
- id?: string;
526
- label: ReactNode;
527
- isExpanded?: boolean;
528
- onChange?: (isExpanded: boolean) => void;
529
- clickOnlyOnHeader?: boolean;
530
- disabled?: boolean;
531
- className?: string;
532
- headerClassName?: string;
533
- contentClassName?: string;
534
- contentExpandedClassName?: string;
535
- }>;
536
- declare const Expandable: react.ForwardRefExoticComponent<{
537
- id?: string;
538
- label: ReactNode;
539
- isExpanded?: boolean;
540
- onChange?: (isExpanded: boolean) => void;
541
- clickOnlyOnHeader?: boolean;
542
- disabled?: boolean;
543
- className?: string;
544
- headerClassName?: string;
545
- contentClassName?: string;
546
- contentExpandedClassName?: string;
547
- } & {
548
- children?: ReactNode | undefined;
549
- } & react.RefAttributes<HTMLDivElement>>;
550
- declare const ExpandableUncontrolled: react.ForwardRefExoticComponent<{
551
- id?: string;
552
- label: ReactNode;
553
- isExpanded?: boolean;
554
- onChange?: (isExpanded: boolean) => void;
555
- clickOnlyOnHeader?: boolean;
556
- disabled?: boolean;
557
- className?: string;
558
- headerClassName?: string;
559
- contentClassName?: string;
466
+ interface ExpandableProps extends ExpandableRootProps {
467
+ trigger: ReactNode;
468
+ triggerProps?: Omit<ExpandableHeaderProps, 'children'>;
469
+ contentProps?: Omit<ExpandableContentProps, 'children'>;
560
470
  contentExpandedClassName?: string;
561
- } & {
562
- children?: ReactNode | undefined;
563
- } & react.RefAttributes<HTMLDivElement>>;
471
+ }
472
+ declare const Expandable: react.ForwardRefExoticComponent<ExpandableProps & react.RefAttributes<HTMLDivElement>>;
564
473
 
565
474
  type FAQItem = Pick<ExpandableProps, 'isExpanded' | 'className'> & {
566
475
  title: string;
@@ -601,6 +510,7 @@ declare const ListBoxItem: react__default.ForwardRefExoticComponent<HTMLAttribut
601
510
  type ListBoxOrientation = 'vertical' | 'horizontal';
602
511
  type ListBoxPrimitiveProps = HTMLAttributes<HTMLUListElement> & {
603
512
  value?: string[];
513
+ initialValue?: string[];
604
514
  onItemClicked?: (value: string) => void;
605
515
  onSelectionChanged?: (value: string[]) => void;
606
516
  isSelection?: boolean;
@@ -609,6 +519,7 @@ type ListBoxPrimitiveProps = HTMLAttributes<HTMLUListElement> & {
609
519
  };
610
520
  declare const ListBoxPrimitive: react__default.ForwardRefExoticComponent<HTMLAttributes<HTMLUListElement> & {
611
521
  value?: string[];
522
+ initialValue?: string[];
612
523
  onItemClicked?: (value: string) => void;
613
524
  onSelectionChanged?: (value: string[]) => void;
614
525
  isSelection?: boolean;
@@ -617,8 +528,6 @@ declare const ListBoxPrimitive: react__default.ForwardRefExoticComponent<HTMLAtt
617
528
  } & react__default.RefAttributes<HTMLUListElement>>;
618
529
  type ListBoxMultipleProps = Omit<ListBoxPrimitiveProps, 'isMultiple'>;
619
530
  declare const ListBoxMultiple: ({ ...props }: ListBoxMultipleProps) => react_jsx_runtime.JSX.Element;
620
- type ListBoxMultipleUncontrolledProps = ListBoxMultipleProps;
621
- declare const ListBoxMultipleUncontrolled: ({ value: initialValue, onSelectionChanged, ...props }: ListBoxMultipleUncontrolledProps) => react_jsx_runtime.JSX.Element;
622
531
  type ListBoxProps = Omit<ListBoxPrimitiveProps, 'isMultiple' | 'value' | 'onSelectionChanged'> & {
623
532
  value?: string;
624
533
  onSelectionChanged?: (value: string) => void;
@@ -627,8 +536,6 @@ declare const ListBox: react__default.ForwardRefExoticComponent<Omit<ListBoxPrim
627
536
  value?: string;
628
537
  onSelectionChanged?: (value: string) => void;
629
538
  } & react__default.RefAttributes<HTMLUListElement>>;
630
- type ListBoxUncontrolledProps = ListBoxProps;
631
- declare const ListBoxUncontrolled: ({ value: initialValue, onSelectionChanged, ...props }: ListBoxUncontrolledProps) => react_jsx_runtime.JSX.Element;
632
539
 
633
540
  type ASTNodeModifierType = 'none' | 'italic' | 'bold' | 'underline' | 'font-space' | 'primary' | 'secondary' | 'warn' | 'positive' | 'negative';
634
541
  declare const astNodeInserterType: readonly ["helpwave", "newline"];
@@ -659,6 +566,8 @@ interface TabInfo {
659
566
  id: string;
660
567
  labelId: string;
661
568
  label: ReactNode;
569
+ disabled?: boolean;
570
+ ref: RefObject<HTMLElement>;
662
571
  }
663
572
  type PortalState = {
664
573
  id: string;
@@ -668,8 +577,7 @@ interface TabContextType {
668
577
  tabs: {
669
578
  activeId: string | null;
670
579
  setActiveId: Dispatch<SetStateAction<string | null>>;
671
- register: (info: TabInfo) => void;
672
- unregister: (id: string) => void;
580
+ subscribe: (info: TabInfo) => () => void;
673
581
  info?: TabInfo[];
674
582
  };
675
583
  portal: {
@@ -685,10 +593,12 @@ type TabListProps = HTMLAttributes<HTMLUListElement>;
685
593
  declare function TabList({ ...props }: TabListProps): react_jsx_runtime.JSX.Element;
686
594
  type TabViewProps = HTMLAttributes<HTMLDivElement>;
687
595
  declare function TabView({ ...props }: TabViewProps): react_jsx_runtime.JSX.Element;
688
- type TabProps = HTMLAttributes<HTMLDivElement> & {
596
+ type TabPanelProps = HTMLAttributes<HTMLDivElement> & {
689
597
  label: string;
598
+ forceMount?: boolean;
599
+ disabled?: boolean;
690
600
  };
691
- 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;
692
602
 
693
603
  type TextImageColor = 'primary' | 'secondary' | 'dark';
694
604
  type TextImageProps = {
@@ -803,7 +713,6 @@ declare function DialogRoot({ children, isOpen: controlledIsOpen, onIsOpenChange
803
713
  */
804
714
  type ButtonSize = 'xs' | 'sm' | 'md' | 'lg' | null;
805
715
  type ButtonColoringStyle = 'outline' | 'solid' | 'text' | 'tonal' | null;
806
- type ButtonLayout = 'icon' | 'default' | null;
807
716
  declare const buttonColorsList: readonly ["primary", "secondary", "positive", "warning", "negative", "neutral"];
808
717
  /**
809
718
  * The allowed colors for the Button
@@ -820,7 +729,6 @@ type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
820
729
  * @default 'medium'
821
730
  */
822
731
  size?: ButtonSize;
823
- layout?: ButtonLayout;
824
732
  color?: ButtonColor;
825
733
  /**
826
734
  * @default 'solid'
@@ -836,7 +744,6 @@ declare const Button: react.ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLB
836
744
  * @default 'medium'
837
745
  */
838
746
  size?: ButtonSize;
839
- layout?: ButtonLayout;
840
747
  color?: ButtonColor;
841
748
  /**
842
749
  * @default 'solid'
@@ -898,6 +805,7 @@ type EditCompleteOptionsResolved = {
898
805
  type EditCompleteOptions = Partial<EditCompleteOptionsResolved>;
899
806
  type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'value'> & Partial<FormFieldDataHandling<string>> & Partial<FormFieldInteractionStates> & {
900
807
  editCompleteOptions?: EditCompleteOptions;
808
+ initialValue?: string;
901
809
  };
902
810
  /**
903
811
  * A Component for inputting text or other information
@@ -906,14 +814,7 @@ type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'value'> & Partial
906
814
  */
907
815
  declare const Input: react__default.ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "value"> & Partial<FormFieldDataHandling<string>> & Partial<FormFieldInteractionStates> & {
908
816
  editCompleteOptions?: EditCompleteOptions;
909
- } & react__default.RefAttributes<HTMLInputElement>>;
910
- /**
911
- * A Component for inputting text or other information
912
- *
913
- * Its state is managed by the component itself
914
- */
915
- declare const InputUncontrolled: react__default.ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "value"> & Partial<FormFieldDataHandling<string>> & Partial<FormFieldInteractionStates> & {
916
- editCompleteOptions?: EditCompleteOptions;
817
+ initialValue?: string;
917
818
  } & react__default.RefAttributes<HTMLInputElement>>;
918
819
 
919
820
  type InputModalProps = ConfirmDialogProps & {
@@ -924,6 +825,162 @@ type InputModalProps = ConfirmDialogProps & {
924
825
  */
925
826
  declare const InputDialog: ({ inputs, buttonOverwrites, ...props }: InputModalProps) => react_jsx_runtime.JSX.Element;
926
827
 
828
+ type RegisteredOption = {
829
+ value: string;
830
+ label: ReactNode;
831
+ disabled: boolean;
832
+ ref: React.RefObject<HTMLLIElement>;
833
+ };
834
+ type HighlightStartPositionBehavior = 'first' | 'last';
835
+ type SelectIconAppearance = 'left' | 'right' | 'none';
836
+ type InternalSelectContextState = {
837
+ isOpen: boolean;
838
+ options: RegisteredOption[];
839
+ highlightedValue?: string;
840
+ };
841
+ type SelectContextIds = {
842
+ trigger: string;
843
+ content: string;
844
+ };
845
+ type SelectContextState = InternalSelectContextState & FormFieldInteractionStates & {
846
+ value: string[];
847
+ selectedOptions: RegisteredOption[];
848
+ };
849
+ type SelectConfiguration = {
850
+ isMultiSelect: boolean;
851
+ iconAppearance: SelectIconAppearance;
852
+ };
853
+ type ToggleOpenOptions = {
854
+ highlightStartPositionBehavior?: HighlightStartPositionBehavior;
855
+ };
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
+ };
874
+ };
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;
882
+ };
883
+ type SelectRootProps = SharedSelectRootProps & Partial<FormFieldDataHandling<string>> & {
884
+ initialValue?: string;
885
+ };
886
+ declare const SelectRoot: ({ value, onValueChange, onEditComplete, ...props }: SelectRootProps) => react_jsx_runtime.JSX.Element;
887
+ type MultiSelectRootProps = SharedSelectRootProps & Partial<FormFieldDataHandling<string[]>> & {
888
+ initialValue?: string[];
889
+ };
890
+ declare const MultiSelectRoot: ({ value, onValueChange, initialValue, onEditComplete, ...props }: MultiSelectRootProps) => react_jsx_runtime.JSX.Element;
891
+
892
+ type UseFocusTrapProps = {
893
+ container: RefObject<HTMLElement>;
894
+ active: boolean;
895
+ initialFocus?: RefObject<HTMLElement>;
896
+ };
897
+ declare const useFocusTrap: ({ container, active, initialFocus, }: UseFocusTrapProps) => void;
898
+
899
+ interface UseOutsideClickOptions {
900
+ refs: RefObject<HTMLElement>[];
901
+ active?: boolean;
902
+ }
903
+ interface UseOutsideClickHandlers {
904
+ onOutsideClick: (event: MouseEvent | TouchEvent) => void;
905
+ }
906
+ interface UseOutsideClickProps extends UseOutsideClickOptions, UseOutsideClickHandlers {
907
+ }
908
+ declare const useOutsideClick: ({ refs, onOutsideClick, active }: UseOutsideClickProps) => void;
909
+
910
+ interface PopUpProps extends AnchoredFloatingContainerProps, Partial<UseOutsideClickHandlers> {
911
+ isOpen?: boolean;
912
+ focusTrapOptions?: Omit<UseFocusTrapProps, 'container'>;
913
+ outsideClickOptions?: UseOutsideClickOptions;
914
+ onClose?: () => void;
915
+ forceMount?: boolean;
916
+ anchorExcludedFromOutsideClick?: boolean;
917
+ }
918
+ declare const PopUp: react.ForwardRefExoticComponent<PopUpProps & react.RefAttributes<HTMLDivElement>>;
919
+
920
+ type SelectOptionProps = Omit<HTMLAttributes<HTMLLIElement>, 'children'> & {
921
+ value: string;
922
+ disabled?: boolean;
923
+ iconAppearance?: SelectIconAppearance;
924
+ children?: ReactNode;
925
+ };
926
+ declare const SelectOption: react.ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLLIElement>, "children"> & {
927
+ value: string;
928
+ disabled?: boolean;
929
+ iconAppearance?: SelectIconAppearance;
930
+ children?: ReactNode;
931
+ } & react.RefAttributes<HTMLLIElement>>;
932
+ type SelectButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
933
+ placeholder?: ReactNode;
934
+ selectedDisplay?: (value: string[]) => ReactNode;
935
+ hideExpansionIcon?: boolean;
936
+ };
937
+ declare const SelectButton: react.ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & {
938
+ placeholder?: ReactNode;
939
+ selectedDisplay?: (value: string[]) => ReactNode;
940
+ hideExpansionIcon?: boolean;
941
+ } & react.RefAttributes<HTMLButtonElement>>;
942
+ type SelectContentProps = PopUpProps;
943
+ declare const SelectContent: react.ForwardRefExoticComponent<PopUpProps & react.RefAttributes<HTMLUListElement>>;
944
+ type MultiSelectOptionProps = SelectOptionProps;
945
+ declare const MultiSelectOption: react.ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLLIElement>, "children"> & {
946
+ value: string;
947
+ disabled?: boolean;
948
+ iconAppearance?: SelectIconAppearance;
949
+ children?: ReactNode;
950
+ } & react.RefAttributes<HTMLLIElement>>;
951
+ type MultiSelectContentProps = SelectContentProps;
952
+ declare const MultiSelectContent: react.ForwardRefExoticComponent<PopUpProps & react.RefAttributes<HTMLUListElement>>;
953
+ type MultiSelectButtonProps = SelectButtonProps;
954
+ declare const MultiSelectButton: react.ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & {
955
+ placeholder?: ReactNode;
956
+ selectedDisplay?: (value: string[]) => ReactNode;
957
+ hideExpansionIcon?: boolean;
958
+ } & react.RefAttributes<HTMLButtonElement>>;
959
+
960
+ type SelectProps = SelectRootProps & {
961
+ contentPanelProps?: SelectContentProps;
962
+ buttonProps?: Omit<SelectButtonProps, 'selectedDisplay'> & {
963
+ selectedDisplay?: (value: string) => ReactNode;
964
+ };
965
+ };
966
+ declare const Select: react.ForwardRefExoticComponent<Partial<FormFieldInteractionStates> & {
967
+ children?: ReactNode | undefined;
968
+ } & {
969
+ id?: string;
970
+ initialIsOpen?: boolean;
971
+ iconAppearance?: SelectIconAppearance;
972
+ onClose?: () => void;
973
+ } & Partial<FormFieldDataHandling<string>> & {
974
+ initialValue?: string;
975
+ } & {
976
+ contentPanelProps?: SelectContentProps;
977
+ buttonProps?: Omit<SelectButtonProps, "selectedDisplay"> & {
978
+ selectedDisplay?: (value: string) => ReactNode;
979
+ };
980
+ } & react.RefAttributes<HTMLButtonElement>>;
981
+
982
+ type LanguageSelectProps = Omit<SelectProps, 'value'>;
983
+ declare const LanguageSelect: ({ ...props }: LanguageSelectProps) => react_jsx_runtime.JSX.Element;
927
984
  type LanguageDialogProps = Omit<DialogProps, 'titleElement' | 'description'> & PropsWithChildren<{
928
985
  titleOverwrite?: ReactNode;
929
986
  descriptionOverwrite?: ReactNode;
@@ -1147,8 +1204,10 @@ type HightideTranslationEntries = {
1147
1204
  'time.nanosecond': (values: {
1148
1205
  count: number;
1149
1206
  }) => string;
1207
+ 'time.nextMonth': string;
1150
1208
  'time.november': string;
1151
1209
  'time.october': string;
1210
+ 'time.previousMonth': string;
1152
1211
  'time.second': (values: {
1153
1212
  count: number;
1154
1213
  }) => string;
@@ -1249,187 +1308,163 @@ type ThemeProviderProps = PropsWithChildren & Partial<ThemeConfig> & {
1249
1308
  declare const ThemeProvider: ({ children, theme, initialTheme }: ThemeProviderProps) => react_jsx_runtime.JSX.Element;
1250
1309
  declare const useTheme: () => ThemeContextType;
1251
1310
 
1252
- type RegisteredOption = {
1253
- value: string;
1254
- label: ReactNode;
1255
- disabled: boolean;
1256
- ref: React.RefObject<HTMLLIElement>;
1257
- };
1258
- type HighlightStartPositionBehavior = 'first' | 'last';
1259
- type SelectIconAppearance = 'left' | 'right' | 'none';
1260
- type InternalSelectContextState = {
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> & {
1261
1330
  isOpen: boolean;
1262
- options: RegisteredOption[];
1263
- highlightedValue?: string;
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;
1264
1340
  };
1265
- type SelectContextIds = {
1266
- trigger: string;
1267
- content: string;
1268
- };
1269
- type SelectContextState = InternalSelectContextState & FormFieldInteractionStates & {
1270
- value: string[];
1271
- selectedOptions: RegisteredOption[];
1272
- };
1273
- type SelectConfiguration = {
1274
- isMultiSelect: boolean;
1275
- iconAppearance: SelectIconAppearance;
1276
- };
1277
- type ToggleOpenOptions = {
1278
- highlightStartPositionBehavior?: HighlightStartPositionBehavior;
1279
- };
1280
- type SelectContextType = {
1281
- ids: SelectContextIds;
1282
- setIds: Dispatch<SetStateAction<SelectContextIds>>;
1283
- state: SelectContextState;
1284
- config: SelectConfiguration;
1285
- item: {
1286
- register: (item: RegisteredOption) => void;
1287
- unregister: (value: string) => void;
1288
- toggleSelection: (value: string, isSelected?: boolean) => void;
1289
- highlightItem: (value: string) => void;
1290
- moveHighlightedIndex: (delta: number) => void;
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;
1291
1364
  };
1292
- trigger: {
1293
- ref: React.RefObject<HTMLElement>;
1294
- register: (element: React.RefObject<HTMLElement>) => void;
1295
- unregister: () => void;
1296
- toggleOpen: (isOpen?: boolean, options?: ToggleOpenOptions) => void;
1365
+ }
1366
+ interface TooltipContextType {
1367
+ tooltip: {
1368
+ id: string;
1369
+ setId: (id: string) => void;
1297
1370
  };
1298
- };
1299
- declare const SelectContext: react.Context<SelectContextType>;
1300
- declare function useSelectContext(): SelectContextType;
1301
- type SharedSelectRootProps = Partial<FormFieldInteractionStates> & PropsWithChildren & {
1302
- id?: string;
1303
- initialIsOpen?: boolean;
1304
- iconAppearance?: SelectIconAppearance;
1305
- onClose?: () => void;
1306
- };
1307
- type SelectRootProps = SharedSelectRootProps & Partial<FormFieldDataHandling<string>>;
1308
- declare const SelectRoot: ({ value, onValueChange, onEditComplete, ...props }: SelectRootProps) => react_jsx_runtime.JSX.Element;
1309
- type MultiSelectRootProps = SharedSelectRootProps & Partial<FormFieldDataHandling<string[]>>;
1310
- declare const MultiSelectRoot: ({ value, onValueChange, onEditComplete, ...props }: MultiSelectRootProps) => react_jsx_runtime.JSX.Element;
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;
1311
1411
 
1312
- type UseFocusTrapProps = {
1313
- container: RefObject<HTMLElement>;
1314
- active: boolean;
1315
- initialFocus?: RefObject<HTMLElement>;
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> {
1316
1418
  /**
1317
- * Whether to focus the first element when the initialFocus isn't provided
1318
- *
1319
- * Focuses the container instead
1419
+ * @default 'medium'
1320
1420
  */
1321
- focusFirst?: boolean;
1322
- };
1323
- declare const useFocusTrap: ({ container, active, initialFocus, focusFirst, }: UseFocusTrapProps) => void;
1324
-
1325
- interface UseOutsideClickOptions {
1326
- refs: RefObject<HTMLElement>[];
1327
- active?: boolean;
1328
- }
1329
- interface UseOutsideClickHandlers {
1330
- onOutsideClick: (event: MouseEvent | TouchEvent) => void;
1421
+ size?: IconButtonSize;
1422
+ /**
1423
+ * @default 'solid'
1424
+ */
1425
+ coloringStyle?: IconButtonColoringStyle;
1426
+ allowClickEventPropagation?: boolean;
1331
1427
  }
1332
- interface UseOutsideClickProps extends UseOutsideClickOptions, UseOutsideClickHandlers {
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'>;
1333
1433
  }
1334
- declare const useOutsideClick: ({ refs, onOutsideClick, active }: UseOutsideClickProps) => void;
1434
+ /**
1435
+ * A icon button with a tooltip
1436
+ */
1437
+ declare const IconButton: react.ForwardRefExoticComponent<IconButtonProps & react.RefAttributes<HTMLButtonElement>>;
1335
1438
 
1336
- interface PopUpProps extends AnchoredFloatingContainerProps, Partial<UseOutsideClickHandlers> {
1337
- isOpen?: boolean;
1338
- focusTrapOptions?: Omit<UseFocusTrapProps, 'container'>;
1339
- outsideClickOptions?: UseOutsideClickOptions;
1340
- onClose?: () => void;
1341
- forceMount?: boolean;
1342
- anchorExcludedFromOutsideClick?: boolean;
1343
- }
1344
- declare const PopUp: react.ForwardRefExoticComponent<PopUpProps & react.RefAttributes<HTMLDivElement>>;
1439
+ type DrawerCloseButtonProps = IconButtonProps;
1440
+ declare function DrawerCloseButton({ tooltip, onClick, ...props }: DrawerCloseButtonProps): react_jsx_runtime.JSX.Element;
1345
1441
 
1346
- type SelectOptionProps = Omit<HTMLAttributes<HTMLLIElement>, 'children'> & {
1347
- value: string;
1348
- disabled?: boolean;
1349
- iconAppearance?: SelectIconAppearance;
1350
- children?: ReactNode;
1351
- };
1352
- declare const SelectOption: react.ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLLIElement>, "children"> & {
1353
- value: string;
1354
- disabled?: boolean;
1355
- iconAppearance?: SelectIconAppearance;
1356
- children?: ReactNode;
1357
- } & react.RefAttributes<HTMLLIElement>>;
1358
- type SelectButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
1359
- placeholder?: ReactNode;
1360
- selectedDisplay?: (value: string[]) => ReactNode;
1442
+ type DrawerContentProps = HTMLAttributes<HTMLDivElement> & {
1443
+ alignment: DrawerAligment;
1444
+ containerClassName?: string;
1445
+ backgroundClassName?: string;
1446
+ forceMount?: boolean;
1361
1447
  };
1362
- declare const SelectButton: react.ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & {
1363
- placeholder?: ReactNode;
1364
- selectedDisplay?: (value: string[]) => ReactNode;
1365
- } & react.RefAttributes<HTMLButtonElement>>;
1366
- type SelectContentProps = PopUpProps;
1367
- declare const SelectContent: react.ForwardRefExoticComponent<PopUpProps & react.RefAttributes<HTMLUListElement>>;
1368
- type MultiSelectOptionProps = SelectOptionProps;
1369
- declare const MultiSelectOption: react.ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLLIElement>, "children"> & {
1370
- value: string;
1371
- disabled?: boolean;
1372
- iconAppearance?: SelectIconAppearance;
1373
- children?: ReactNode;
1374
- } & react.RefAttributes<HTMLLIElement>>;
1375
- type MultiSelectContentProps = SelectContentProps;
1376
- declare const MultiSelectContent: react.ForwardRefExoticComponent<PopUpProps & react.RefAttributes<HTMLUListElement>>;
1377
- type MultiSelectButtonProps = SelectButtonProps;
1378
- declare const MultiSelectButton: react.ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & {
1379
- placeholder?: ReactNode;
1380
- selectedDisplay?: (value: string[]) => ReactNode;
1381
- } & react.RefAttributes<HTMLButtonElement>>;
1448
+ declare const DrawerContent: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
1449
+ alignment: DrawerAligment;
1450
+ containerClassName?: string;
1451
+ backgroundClassName?: string;
1452
+ forceMount?: boolean;
1453
+ } & react.RefAttributes<HTMLDivElement>>;
1382
1454
 
1383
- type SelectProps = SelectRootProps & {
1384
- contentPanelProps?: SelectContentProps;
1385
- buttonProps?: Omit<SelectButtonProps, 'selectedDisplay'> & {
1386
- selectedDisplay?: (value: string) => ReactNode;
1387
- };
1455
+ type DrawerContextType = {
1456
+ isOpen: boolean;
1457
+ setOpen: Dispatch<SetStateAction<boolean>>;
1388
1458
  };
1389
- declare const Select: react.ForwardRefExoticComponent<Partial<FormFieldInteractionStates> & {
1390
- children?: ReactNode | undefined;
1391
- } & {
1392
- id?: string;
1393
- initialIsOpen?: boolean;
1394
- iconAppearance?: SelectIconAppearance;
1395
- onClose?: () => void;
1396
- } & Partial<FormFieldDataHandling<string>> & {
1397
- contentPanelProps?: SelectContentProps;
1398
- buttonProps?: Omit<SelectButtonProps, "selectedDisplay"> & {
1399
- selectedDisplay?: (value: string) => ReactNode;
1400
- };
1401
- } & react.RefAttributes<HTMLButtonElement>>;
1402
- type SelectUncontrolledProps = SelectProps;
1403
- declare const SelectUncontrolled: react.ForwardRefExoticComponent<Partial<FormFieldInteractionStates> & {
1404
- children?: ReactNode | undefined;
1405
- } & {
1406
- id?: string;
1407
- initialIsOpen?: boolean;
1408
- iconAppearance?: SelectIconAppearance;
1409
- onClose?: () => void;
1410
- } & Partial<FormFieldDataHandling<string>> & {
1411
- contentPanelProps?: SelectContentProps;
1412
- buttonProps?: Omit<SelectButtonProps, "selectedDisplay"> & {
1413
- selectedDisplay?: (value: string) => ReactNode;
1414
- };
1415
- } & react.RefAttributes<HTMLButtonElement>>;
1459
+ declare const DrawerContext: react.Context<DrawerContextType>;
1460
+ declare function useDrawerContext(): DrawerContextType;
1416
1461
 
1417
- interface ThemeIconProps extends HTMLAttributes<SVGSVGElement> {
1418
- theme?: ThemeType;
1419
- }
1420
- declare const ThemeIcon: ({ theme: themeOverride, ...props }: ThemeIconProps) => react_jsx_runtime.JSX.Element;
1421
- type ThemeSelectProps = Omit<SelectProps, 'value'>;
1422
- declare const ThemeSelect: ({ ...props }: ThemeSelectProps) => react_jsx_runtime.JSX.Element;
1423
- interface ThemeDialogProps extends Omit<DialogProps, 'titleElement' | 'description'> {
1424
- titleOverwrite?: ReactNode;
1425
- descriptionOverwrite?: ReactNode;
1462
+ interface DrawerRootProps extends PropsWithChildren {
1463
+ isOpen?: boolean;
1464
+ onIsOpenChange?: (isOpen: boolean) => void;
1465
+ initialIsOpen?: boolean;
1426
1466
  }
1427
- /**
1428
- * A Dialog for selecting the Theme
1429
- *
1430
- * The State of open needs to be managed by the parent
1431
- */
1432
- declare const ThemeDialog: ({ onClose, titleOverwrite, descriptionOverwrite, ...props }: PropsWithChildren<ThemeDialogProps>) => react_jsx_runtime.JSX.Element;
1467
+ declare function DrawerRoot({ children, isOpen: controlledIsOpen, onIsOpenChange, initialIsOpen, }: DrawerRootProps): react_jsx_runtime.JSX.Element;
1433
1468
 
1434
1469
  type ErrorComponentProps = {
1435
1470
  errorText?: string;
@@ -1459,11 +1494,9 @@ declare const LoadingAndErrorComponent: ({ children, isLoading, hasError, loadin
1459
1494
  type LoadingAnimationProps = {
1460
1495
  loadingText?: string;
1461
1496
  classname?: string;
1497
+ animationDuration?: number;
1462
1498
  };
1463
- /**
1464
- * A Component to show when loading data
1465
- */
1466
- declare const LoadingAnimation: ({ loadingText, classname }: LoadingAnimationProps) => react_jsx_runtime.JSX.Element;
1499
+ declare const LoadingAnimation: ({ loadingText, classname, animationDuration }: LoadingAnimationProps) => react_jsx_runtime.JSX.Element;
1467
1500
 
1468
1501
  type LoadingComponentProps = {
1469
1502
  className?: string;
@@ -1523,9 +1556,10 @@ type StepperState = {
1523
1556
  };
1524
1557
  type StepperBarProps = {
1525
1558
  state?: StepperState;
1559
+ initialState?: StepperState;
1560
+ onStateChange: (state: StepperState) => void;
1526
1561
  numberOfSteps: number;
1527
1562
  disabledSteps?: Set<number>;
1528
- onChange: (state: StepperState) => void;
1529
1563
  onFinish: () => void;
1530
1564
  finishText?: string;
1531
1565
  showDots?: boolean;
@@ -1534,8 +1568,7 @@ type StepperBarProps = {
1534
1568
  /**
1535
1569
  * A Component for stepping
1536
1570
  */
1537
- declare const StepperBar: ({ state, numberOfSteps, disabledSteps, onChange, onFinish, finishText, showDots, className, }: StepperBarProps) => react_jsx_runtime.JSX.Element;
1538
- declare const StepperBarUncontrolled: ({ state, onChange, ...props }: StepperBarProps) => react_jsx_runtime.JSX.Element;
1571
+ declare const StepperBar: ({ state: controlledState, initialState, numberOfSteps, disabledSteps, onStateChange, onFinish, finishText, showDots, className, }: StepperBarProps) => react_jsx_runtime.JSX.Element;
1539
1572
 
1540
1573
  type PopUpContextType = {
1541
1574
  isOpen: boolean;
@@ -1881,100 +1914,6 @@ interface TableFilterContentProps extends TableFilterBaseProps<TableFilterValue>
1881
1914
  }
1882
1915
  declare const TableFilterContent: ({ filterType, ...props }: TableFilterContentProps) => react_jsx_runtime.JSX.Element;
1883
1916
 
1884
- interface TooltipTriggerContextValue {
1885
- ref: RefObject<HTMLElement>;
1886
- callbackRef: (el: HTMLElement | null) => void;
1887
- props: {
1888
- 'onPointerEnter': () => void;
1889
- 'onPointerLeave': () => void;
1890
- 'onPointerCancel': () => void;
1891
- 'onClick': () => void;
1892
- 'onFocus': () => void;
1893
- 'onBlur': () => void;
1894
- 'aria-describedby'?: string;
1895
- };
1896
- }
1897
- interface TooltipContextType {
1898
- tooltip: {
1899
- id: string;
1900
- setId: (id: string) => void;
1901
- };
1902
- trigger: TooltipTriggerContextValue;
1903
- disabled: boolean;
1904
- isShown: boolean;
1905
- open: () => void;
1906
- close: () => void;
1907
- }
1908
- declare const TooltipContext: react.Context<TooltipContextType>;
1909
- declare const useTooltip: () => TooltipContextType;
1910
- interface TooltipRootProps extends PropsWithChildren {
1911
- isInitiallyShown?: boolean;
1912
- appearDelay?: number;
1913
- disabled?: boolean;
1914
- }
1915
- declare const TooltipRoot: ({ children, isInitiallyShown, appearDelay: appearOverwrite, disabled, }: TooltipRootProps) => react_jsx_runtime.JSX.Element;
1916
- type TooltipAligment = 'top' | 'bottom' | 'left' | 'right';
1917
- interface TooltipDisplayProps extends Omit<AnchoredFloatingContainerProps, 'options'>, Partial<TooltipConfig> {
1918
- alignment?: TooltipAligment;
1919
- disabled?: boolean;
1920
- isShown?: boolean;
1921
- options?: Omit<UseAnchoredPositionOptions, 'verticalAlignment' | 'horizontalAlignment'>;
1922
- }
1923
- declare const TooltipDisplay: react.ForwardRefExoticComponent<TooltipDisplayProps & react.RefAttributes<HTMLDivElement>>;
1924
- interface TooltipTriggerBag extends TooltipTriggerContextValue {
1925
- disabled: boolean;
1926
- isShown: boolean;
1927
- }
1928
- interface TooltipTriggerProps {
1929
- children: (bag: TooltipTriggerBag) => ReactNode;
1930
- }
1931
- declare const TooltipTrigger: ({ children, }: TooltipTriggerProps) => ReactNode;
1932
- interface TooltipProps extends TooltipRootProps, Pick<TooltipDisplayProps, 'alignment' | 'disabled' | 'isAnimated'> {
1933
- tooltip: ReactNode;
1934
- tooltipClassName?: string;
1935
- containerClassName?: string;
1936
- }
1937
- /**
1938
- * A Component for showing a tooltip when hovering over Content
1939
- */
1940
- declare const Tooltip: ({ tooltip, children, isInitiallyShown, appearDelay, disabled, containerClassName, alignment, isAnimated, }: TooltipProps) => react_jsx_runtime.JSX.Element;
1941
-
1942
- /**
1943
- * The different sizes for a icon button
1944
- */
1945
- type IconButtonSize = 'xs' | 'sm' | 'md' | 'lg' | null;
1946
- type IconButtonColoringStyle = 'outline' | 'solid' | 'text' | 'tonal' | null;
1947
- declare const iconButtonColorsList: readonly ["primary", "secondary", "positive", "warning", "negative", "neutral"];
1948
- /**
1949
- * The allowed colors for the Button
1950
- */
1951
- type IconButtonColor = typeof iconButtonColorsList[number] | null;
1952
- declare const IconButtonUtil: {
1953
- colors: readonly ["primary", "secondary", "positive", "warning", "negative", "neutral"];
1954
- };
1955
- interface IconButtonBaseProps extends ButtonHTMLAttributes<HTMLButtonElement> {
1956
- /**
1957
- * @default 'medium'
1958
- */
1959
- size?: IconButtonSize;
1960
- color?: IconButtonColor;
1961
- /**
1962
- * @default 'solid'
1963
- */
1964
- coloringStyle?: IconButtonColoringStyle;
1965
- allowClickEventPropagation?: boolean;
1966
- }
1967
- declare const IconButtonBase: react.ForwardRefExoticComponent<IconButtonBaseProps & react.RefAttributes<HTMLButtonElement>>;
1968
- interface IconButtonProps extends IconButtonBaseProps {
1969
- useTooltipAsLabel?: boolean;
1970
- tooltip?: ReactNode;
1971
- tooltipProps?: Omit<TooltipDisplayProps, 'children' | 'isShown'>;
1972
- }
1973
- /**
1974
- * A icon button with a tooltip
1975
- */
1976
- declare const IconButton: react.ForwardRefExoticComponent<IconButtonProps & react.RefAttributes<HTMLButtonElement>>;
1977
-
1978
1917
  type SortingIndexDisplay = {
1979
1918
  index: number;
1980
1919
  sortingsCount: number;
@@ -2012,6 +1951,7 @@ declare const ColumnSizeUtil: {
2012
1951
 
2013
1952
  type CheckBoxSize = 'sm' | 'md' | 'lg' | null;
2014
1953
  type CheckboxProps = HTMLAttributes<HTMLDivElement> & Partial<FormFieldInteractionStates> & Partial<FormFieldDataHandling<boolean>> & {
1954
+ initialValue?: boolean;
2015
1955
  indeterminate?: boolean;
2016
1956
  size?: CheckBoxSize;
2017
1957
  alwaysShowCheckIcon?: boolean;
@@ -2021,40 +1961,15 @@ type CheckboxProps = HTMLAttributes<HTMLDivElement> & Partial<FormFieldInteracti
2021
1961
  *
2022
1962
  * The state is managed by the parent
2023
1963
  */
2024
- declare const Checkbox: ({ value, indeterminate, required, invalid, disabled, readOnly, onValueChange, onEditComplete, size, alwaysShowCheckIcon, ...props }: CheckboxProps) => react_jsx_runtime.JSX.Element;
2025
- type CheckboxUncontrolledProps = CheckboxProps;
2026
- /**
2027
- * A Tristate checkbox
2028
- *
2029
- * The state is managed by this component
2030
- */
2031
- declare const CheckboxUncontrolled: ({ value: initialValue, onValueChange, ...props }: CheckboxUncontrolledProps) => react_jsx_runtime.JSX.Element;
1964
+ declare const Checkbox: ({ value: controlledValue, initialValue, indeterminate, required, invalid, disabled, readOnly, onValueChange, onEditComplete, size, alwaysShowCheckIcon, ...props }: CheckboxProps) => react_jsx_runtime.JSX.Element;
2032
1965
 
2033
- type Position = 'top' | 'bottom' | 'left' | 'right';
2034
- type CopyToClipboardWrapperProps = PropsWithChildren<{
1966
+ interface CopyToClipboardWrapperProps extends Omit<TooltipProps, 'tooltip'> {
2035
1967
  textToCopy: string;
2036
- /**
2037
- * Class names of additional styling properties for the tooltip
2038
- */
2039
- tooltipClassName?: string;
2040
- /**
2041
- * Class names of additional styling properties for the container from which the tooltip will be created
2042
- */
2043
- containerClassName?: string;
2044
- position?: Position;
2045
- zIndex?: number;
2046
- }>;
1968
+ }
2047
1969
  /**
2048
1970
  * A Component for showing a tooltip when hovering over Content
2049
- * @param tooltip The tooltip to show can be a text or any ReactNode
2050
- * @param children The Content for which the tooltip should be created
2051
- * @param tooltipClassName Additional ClassNames for the Container of the tooltip
2052
- * @param containerClassName Additional ClassNames for the Container holding the content
2053
- * @param position The direction of the tooltip relative to the Container
2054
- * @param zIndex The z Index of the tooltip (you may require this when stacking modal)
2055
- * @constructor
2056
1971
  */
2057
- declare const CopyToClipboardWrapper: ({ children, textToCopy, tooltipClassName, containerClassName, position, zIndex, }: CopyToClipboardWrapperProps) => react_jsx_runtime.JSX.Element;
1972
+ declare const CopyToClipboardWrapper: ({ children, textToCopy, isInitiallyShown, appearDelay, disabled, containerClassName, alignment, isAnimated, ...props }: CopyToClipboardWrapperProps) => react_jsx_runtime.JSX.Element;
2058
1973
 
2059
1974
  type MenuItemProps = {
2060
1975
  onClick?: () => void;
@@ -2071,13 +1986,12 @@ type MenuBag = {
2071
1986
  interface MenuProps extends Omit<PopUpProps, 'children' | 'anchor'> {
2072
1987
  children: (bag: MenuBag) => ReactNode | ReactNode;
2073
1988
  trigger: (bag: MenuBag, ref: (el: HTMLElement | null) => void) => ReactNode;
2074
- showOnHover?: boolean;
2075
1989
  disabled?: boolean;
2076
1990
  }
2077
1991
  /**
2078
1992
  * A Menu Component to allow the user to see different functions
2079
1993
  */
2080
- declare const Menu: ({ trigger, children, showOnHover, disabled, ...props }: MenuProps) => react_jsx_runtime.JSX.Element;
1994
+ declare const Menu: ({ trigger, children, disabled, ...props }: MenuProps) => react_jsx_runtime.JSX.Element;
2081
1995
 
2082
1996
  type ScrollPickerProps<T> = {
2083
1997
  options: T[];
@@ -2091,7 +2005,18 @@ type ScrollPickerProps<T> = {
2091
2005
  */
2092
2006
  declare const ScrollPicker: <T>({ options, mapping, selected, onChange, disabled, }: ScrollPickerProps<T>) => react_jsx_runtime.JSX.Element;
2093
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
+
2094
2018
  type TextareaProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'value'> & Partial<FormFieldDataHandling<string>> & Partial<FormFieldInteractionStates> & {
2019
+ initialValue?: string;
2095
2020
  saveDelayOptions?: UseDelayOptions;
2096
2021
  };
2097
2022
  /**
@@ -2100,12 +2025,9 @@ type TextareaProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'value'>
2100
2025
  * The State is managed by the parent
2101
2026
  */
2102
2027
  declare const Textarea: react.ForwardRefExoticComponent<Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "value"> & Partial<FormFieldDataHandling<string>> & Partial<FormFieldInteractionStates> & {
2028
+ initialValue?: string;
2103
2029
  saveDelayOptions?: UseDelayOptions;
2104
2030
  } & react.RefAttributes<HTMLTextAreaElement>>;
2105
- /**
2106
- * A Textarea component that is not controlled by its parent
2107
- */
2108
- declare const TextareaUncontrolled: ({ value: initialValue, onValueChange, ...props }: TextareaProps) => react_jsx_runtime.JSX.Element;
2109
2031
  type TextareaWithHeadlineProps = Omit<TextareaProps, 'defaultStyle'> & {
2110
2032
  headline: ReactNode;
2111
2033
  headlineProps: Omit<LabelHTMLAttributes<HTMLLabelElement>, 'children'>;
@@ -2171,7 +2093,10 @@ declare const DateUtils: {
2171
2093
  };
2172
2094
 
2173
2095
  type DayPickerProps = Partial<FormFieldDataHandling<Date>> & {
2174
- displayedMonth: Date;
2096
+ initialValue?: Date;
2097
+ displayedMonth?: Date;
2098
+ changeDisplayedMonth?: (date: Date) => void;
2099
+ initialDisplayedMonth?: Date;
2175
2100
  start?: Date;
2176
2101
  end?: Date;
2177
2102
  weekStart?: WeekDay;
@@ -2181,19 +2106,19 @@ type DayPickerProps = Partial<FormFieldDataHandling<Date>> & {
2181
2106
  /**
2182
2107
  * A component for selecting a day of a month
2183
2108
  */
2184
- declare const DayPicker: ({ displayedMonth, value, start: providedStart, end: providedEnd, onValueChange, onEditComplete, weekStart, markToday, className }: DayPickerProps) => react_jsx_runtime.JSX.Element;
2185
- 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;
2186
2110
 
2187
2111
  type YearMonthPickerProps = Partial<FormFieldDataHandling<Date>> & {
2112
+ initialValue?: Date;
2188
2113
  start?: Date;
2189
2114
  end?: Date;
2190
2115
  className?: string;
2191
2116
  };
2192
- declare const YearMonthPicker: ({ value, start, end, onValueChange, onEditComplete, className, }: YearMonthPickerProps) => react_jsx_runtime.JSX.Element;
2193
- 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;
2194
2118
 
2195
2119
  type DisplayMode = 'yearMonth' | 'day';
2196
2120
  type DatePickerProps = Partial<FormFieldDataHandling<Date>> & {
2121
+ initialValue?: Date;
2197
2122
  start?: Date;
2198
2123
  end?: Date;
2199
2124
  initialDisplay?: DisplayMode;
@@ -2205,23 +2130,20 @@ type DatePickerProps = Partial<FormFieldDataHandling<Date>> & {
2205
2130
  /**
2206
2131
  * A Component for picking a date
2207
2132
  */
2208
- declare const DatePicker: ({ value, start, end, initialDisplay, weekStart, onValueChange, onEditComplete, yearMonthPickerProps, dayPickerProps, className }: DatePickerProps) => react_jsx_runtime.JSX.Element;
2209
- /**
2210
- * Example for the Date Picker
2211
- */
2212
- 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;
2213
2134
 
2214
2135
  type TimePickerMinuteIncrement = '1min' | '5min' | '10min' | '15min' | '30min';
2215
2136
  type TimePickerProps = Partial<FormFieldDataHandling<Date>> & {
2137
+ initialValue?: Date;
2216
2138
  is24HourFormat?: boolean;
2217
2139
  minuteIncrement?: TimePickerMinuteIncrement;
2218
2140
  className?: string;
2219
2141
  };
2220
- declare const TimePicker: ({ value, onValueChange, onEditComplete, is24HourFormat, minuteIncrement, className, }: TimePickerProps) => react_jsx_runtime.JSX.Element;
2221
- 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;
2222
2143
 
2223
2144
  type DateTimePickerMode = 'date' | 'time' | 'dateTime';
2224
2145
  type DateTimePickerProps = Partial<FormFieldDataHandling<Date>> & {
2146
+ initialValue?: Date;
2225
2147
  mode?: DateTimePickerMode;
2226
2148
  start?: Date;
2227
2149
  end?: Date;
@@ -2235,18 +2157,10 @@ type DateTimePickerProps = Partial<FormFieldDataHandling<Date>> & {
2235
2157
  /**
2236
2158
  * A Component for picking a Date and Time
2237
2159
  */
2238
- declare const DateTimePicker: ({ value, start, end, mode, is24HourFormat, minuteIncrement, weekStart, onValueChange, onEditComplete, timePickerProps, datePickerProps, }: DateTimePickerProps) => react_jsx_runtime.JSX.Element;
2239
- declare const DateTimePickerUncontrolled: ({ value: initialValue, onValueChange, ...props }: DateTimePickerProps) => react_jsx_runtime.JSX.Element;
2240
-
2241
- interface ControlledStateProps<T> {
2242
- value?: T;
2243
- onValueChange?: (value: T) => void;
2244
- defaultValue?: T;
2245
- isControlled?: boolean;
2246
- }
2247
- 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;
2248
2161
 
2249
- interface DateTimePickerDialogProps extends ControlledStateProps<Date | null> {
2162
+ interface DateTimePickerDialogProps extends Partial<FormFieldDataHandling<Date | null>> {
2163
+ initialValue?: Date | null;
2250
2164
  allowRemove?: boolean;
2251
2165
  onEditComplete?: (value: Date | null) => void;
2252
2166
  pickerProps: Omit<DateTimePickerProps, 'value' | 'onValueChange' | 'onEditComplete'>;
@@ -2254,7 +2168,7 @@ interface DateTimePickerDialogProps extends ControlledStateProps<Date | null> {
2254
2168
  label?: ReactNode;
2255
2169
  labelId?: string;
2256
2170
  }
2257
- 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;
2258
2172
 
2259
2173
  type TimeDisplayMode = 'daysFromToday' | 'date';
2260
2174
  type TimeDisplayProps = {
@@ -2266,20 +2180,18 @@ type TimeDisplayProps = {
2266
2180
  */
2267
2181
  declare const TimeDisplay: ({ date, mode }: TimeDisplayProps) => react_jsx_runtime.JSX.Element;
2268
2182
 
2269
- 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;
2270
2185
  placeholder?: ReactNode;
2271
2186
  allowRemove?: boolean;
2272
2187
  mode?: 'date' | 'dateTime';
2273
2188
  containerProps?: HTMLAttributes<HTMLDivElement>;
2274
- pickerProps?: Omit<DateTimePickerProps, keyof FormFieldDataHandling<Date> | 'mode'>;
2189
+ pickerProps?: Omit<DateTimePickerProps, keyof FormFieldDataHandling<Date> | 'mode' | 'initialValue'>;
2275
2190
  outsideClickCloses?: boolean;
2276
2191
  onDialogOpeningChange?: (isOpen: boolean) => void;
2277
2192
  }
2278
2193
  declare const DateTimeInput: react.ForwardRefExoticComponent<DateTimeInputProps & react.RefAttributes<HTMLDivElement>>;
2279
2194
 
2280
- type InsideLabelInputProps = Omit<InputProps, 'aria-label' | 'aria-labelledby' | 'placeholder'> & {
2281
- label: ReactNode;
2282
- };
2283
2195
  /**
2284
2196
  * Text input component with a label inside the input that moves up when editing
2285
2197
  *
@@ -2288,7 +2200,6 @@ type InsideLabelInputProps = Omit<InputProps, 'aria-label' | 'aria-labelledby' |
2288
2200
  declare const InsideLabelInput: react.ForwardRefExoticComponent<Omit<InputProps, "aria-label" | "aria-labelledby" | "placeholder"> & {
2289
2201
  label: ReactNode;
2290
2202
  } & react.RefAttributes<HTMLInputElement>>;
2291
- declare const InsideLabelInputUncontrolled: ({ value: initialValue, ...props }: InsideLabelInputProps) => react_jsx_runtime.JSX.Element;
2292
2203
 
2293
2204
  type SearchBarProps = Omit<InputProps, 'onValueChange' | 'onEditComplete'> & {
2294
2205
  onValueChange?: (value: string) => void;
@@ -2296,12 +2207,8 @@ type SearchBarProps = Omit<InputProps, 'onValueChange' | 'onEditComplete'> & {
2296
2207
  searchButtonProps?: Omit<IconButtonProps, 'onClick'>;
2297
2208
  containerProps?: HTMLAttributes<HTMLDivElement>;
2298
2209
  };
2299
- 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;
2300
2211
 
2301
- type ToggleableInputProps = InputProps & {
2302
- initialState?: 'editing' | 'display';
2303
- editCompleteOptions?: Omit<EditCompleteOptions, 'allowEnterComplete'>;
2304
- };
2305
2212
  /**
2306
2213
  * A Text input component for inputting text. It changes appearance upon entering the edit mode and switches
2307
2214
  * back to display mode on loss of focus or on enter
@@ -2310,11 +2217,11 @@ type ToggleableInputProps = InputProps & {
2310
2217
  */
2311
2218
  declare const ToggleableInput: react.ForwardRefExoticComponent<Omit<react.InputHTMLAttributes<HTMLInputElement>, "value"> & Partial<FormFieldDataHandling<string>> & Partial<FormFieldInteractionStates> & {
2312
2219
  editCompleteOptions?: EditCompleteOptions;
2220
+ initialValue?: string;
2313
2221
  } & {
2314
2222
  initialState?: "editing" | "display";
2315
2223
  editCompleteOptions?: Omit<EditCompleteOptions, "allowEnterComplete">;
2316
2224
  } & react.RefAttributes<HTMLInputElement>>;
2317
- declare const ToggleableInputUncontrolled: ({ value: initialValue, onValueChange, ...restProps }: ToggleableInputProps) => react_jsx_runtime.JSX.Element;
2318
2225
 
2319
2226
  type PropertyField<T> = {
2320
2227
  name: string;
@@ -2401,17 +2308,8 @@ declare const MultiSelect: react.ForwardRefExoticComponent<Partial<FormFieldInte
2401
2308
  iconAppearance?: SelectIconAppearance;
2402
2309
  onClose?: () => void;
2403
2310
  } & Partial<FormFieldDataHandling<string[]>> & {
2404
- contentPanelProps?: MultiSelectContentProps;
2405
- buttonProps?: MultiSelectButtonProps;
2406
- } & react.RefAttributes<HTMLButtonElement>>;
2407
- declare const MultiSelectUncontrolled: react.ForwardRefExoticComponent<Partial<FormFieldInteractionStates> & {
2408
- children?: react.ReactNode | undefined;
2311
+ initialValue?: string[];
2409
2312
  } & {
2410
- id?: string;
2411
- initialIsOpen?: boolean;
2412
- iconAppearance?: SelectIconAppearance;
2413
- onClose?: () => void;
2414
- } & Partial<FormFieldDataHandling<string[]>> & {
2415
2313
  contentPanelProps?: MultiSelectContentProps;
2416
2314
  buttonProps?: MultiSelectButtonProps;
2417
2315
  } & react.RefAttributes<HTMLButtonElement>>;
@@ -2436,18 +2334,8 @@ declare const MultiSelectChipDisplay: react.ForwardRefExoticComponent<Partial<Fo
2436
2334
  iconAppearance?: SelectIconAppearance;
2437
2335
  onClose?: () => void;
2438
2336
  } & Partial<FormFieldDataHandling<string[]>> & {
2439
- contentPanelProps?: MultiSelectContentProps;
2440
- chipDisplayProps?: MultiSelectChipDisplayButtonProps;
2441
- } & react.RefAttributes<HTMLDivElement>>;
2442
- type MultiSelectChipDisplayUncontrolledProps = MultiSelectChipDisplayProps;
2443
- declare const MultiSelectChipDisplayUncontrolled: react.ForwardRefExoticComponent<Partial<FormFieldInteractionStates> & {
2444
- children?: ReactNode | undefined;
2337
+ initialValue?: string[];
2445
2338
  } & {
2446
- id?: string;
2447
- initialIsOpen?: boolean;
2448
- iconAppearance?: SelectIconAppearance;
2449
- onClose?: () => void;
2450
- } & Partial<FormFieldDataHandling<string[]>> & {
2451
2339
  contentPanelProps?: MultiSelectContentProps;
2452
2340
  chipDisplayProps?: MultiSelectChipDisplayButtonProps;
2453
2341
  } & react.RefAttributes<HTMLDivElement>>;
@@ -2539,47 +2427,30 @@ declare const useFocusOnceVisible: (ref: RefObject<HTMLElement>, disable?: boole
2539
2427
 
2540
2428
  declare const useIsMounted: () => boolean;
2541
2429
 
2542
- type ElementHandle = Record<string, HTMLElement | null>;
2543
- declare function useHandleRefs<T extends ElementHandle>(handleRef: RefObject<T>): RefObject<HTMLElement | null>[];
2544
-
2545
- type UseHoverStateProps = {
2430
+ interface ControlledStateProps<T> {
2546
2431
  /**
2547
- * The delay after which the menu is closed in milliseconds
2432
+ * The controlled value of the state.
2548
2433
  *
2549
- * default: 200ms
2550
- */
2551
- closingDelay: number;
2552
- /**
2553
- * Whether the hover state management should be disabled
2434
+ * This is determines whether the state:
2435
+ * 1. (value !== undefined) => controlled
2436
+ * 2. (value === undefined) => uncontrolled
2554
2437
  *
2555
- * default: false
2438
+ * If you need to include undefined as a valid state, you can set isControlled to true to force the component to be controlled.
2556
2439
  */
2557
- isDisabled: boolean;
2558
- };
2559
- type UseHoverStateReturnType = {
2560
- /**
2561
- * Whether the element is hovered
2562
- */
2563
- isHovered: boolean;
2564
- /**
2565
- * Function to change the current hover status
2566
- */
2567
- setIsHovered: Dispatch<SetStateAction<boolean>>;
2568
- /**
2569
- * Handlers to pass on to the component that should be hovered
2570
- */
2571
- handlers: {
2572
- onMouseEnter: () => void;
2573
- onMouseLeave: () => void;
2574
- };
2575
- };
2576
- /**
2577
- * @param props See UseHoverStateProps
2578
- *
2579
- * A react hook for managing the hover state of a component. The handlers provided should be
2580
- * forwarded to the component which should be hovered over
2581
- */
2582
- declare const useHoverState: (props?: Partial<UseHoverStateProps> | undefined) => UseHoverStateReturnType;
2440
+ value?: T;
2441
+ /** The callback whenever a setter changes the value */
2442
+ onValueChange?: (value: T) => void;
2443
+ /** The default value to use if the component is uncontrolled */
2444
+ defaultValue?: T;
2445
+ /** Forces the component to be controlled even if value is undefined */
2446
+ isControlled?: boolean;
2447
+ }
2448
+ declare const useControlledState: <T>({ value: controlledValue, onValueChange, defaultValue, isControlled: isEnforcingControlled }: ControlledStateProps<T>) => [T, react__default.Dispatch<react__default.SetStateAction<T>>];
2449
+
2450
+ declare function useEventCallbackStabilizer<T extends (...args: any[]) => any>(callback?: T): (...args: Parameters<T>) => ReturnType<T>;
2451
+
2452
+ type ElementHandle = Record<string, HTMLElement | null>;
2453
+ declare function useHandleRefs<T extends ElementHandle>(handleRef: RefObject<T>): RefObject<HTMLElement | null>[];
2583
2454
 
2584
2455
  type OptionsResolved = {
2585
2456
  type?: 'info' | 'error' | 'warning';
@@ -2899,7 +2770,6 @@ declare const PromiseUtils: {
2899
2770
  };
2900
2771
 
2901
2772
  declare function bool(isActive: boolean): string | undefined;
2902
- declare function name(name: string, props?: Record<string, unknown>): string;
2903
2773
  type InteractionStateDataAttributes = {
2904
2774
  'data-disabled': string | undefined;
2905
2775
  'data-invalid': string | undefined;
@@ -2939,7 +2809,6 @@ declare const PropsUtil: {
2939
2809
  };
2940
2810
  dataAttributes: {
2941
2811
  bool: typeof bool;
2942
- name: typeof name;
2943
2812
  interactionStates: typeof interactionStatesData;
2944
2813
  };
2945
2814
  aria: {
@@ -3004,4 +2873,4 @@ declare const SimpleSearch: (search: string, objects: string[]) => string[];
3004
2873
 
3005
2874
  declare const writeToClipboard: (text: string) => Promise<void>;
3006
2875
 
3007
- export { ASTNodeInterpreter, type ASTNodeInterpreterProps, AnchoredFloatingContainer, type AnchoredFloatingContainerProps, AnimatedRing, type AnimatedRingProps, ArrayUtil, AutoColumnOrderFeature, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, type AvatarSize, type BackgroundOverlayProps, type BagFunction, type BagFunctionOrNode, type BagFunctionOrValue, BagFunctionUtil, BooleanFilter, type BooleanFilterParameter, type BooleanFilterProps, type BooleanFilterValue, BreadCrumbGroup, BreadCrumbLink, type BreadCrumbLinkProps, type BreadCrumbProps, BreadCrumbs, Button, type ButtonColor, type ButtonProps, ButtonUtil, Carousel, type CarouselProps, CarouselSlide, type CarouselSlideProps, Checkbox, CheckboxProperty, type CheckboxPropertyProps, type CheckboxProps, CheckboxUncontrolled, type CheckboxUncontrolledProps, Chip, type ChipColor, ChipList, type ChipListProps, type ChipProps, ChipUtil, Circle, type CircleProps, type ColumnSizeCalculatoProps, ColumnSizeUtil, ColumnSizingWithTargetFeature, ConfirmDialog, type ConfirmDialogProps, type ConfirmDialogType, type ControlledStateProps, CopyToClipboardWrapper, type CopyToClipboardWrapperProps, type Crumb, DateFilter, type DateFilterParameter, type DateFilterProps, type DateFilterValue, DatePicker, type DatePickerProps, DatePickerUncontrolled, DateProperty, type DatePropertyProps, DateTimeInput, type DateTimeInputProps, DateTimePicker, DateTimePickerDialog, type DateTimePickerDialogProps, type DateTimePickerMode, type DateTimePickerProps, DateTimePickerUncontrolled, DateUtils, DatetimeFilter, type DatetimeFilterParameter, type DatetimeFilterProps, type DatetimeFilterValue, DayPicker, type DayPickerProps, DayPickerUncontrolled, type DeepPartial, Dialog, DialogContext, type DialogContextType, type DialogOpenerPassingProps, DialogOpenerWrapper, type DialogOpenerWrapperBag, type DialogOpenerWrapperProps, type DialogPosition, type DialogProps, DialogRoot, type DialogRootProps, type Direction, DiscardChangesDialog, DividerInserter, type DividerInserterProps, Drawer, type DrawerAligment, type DrawerProps, Duration, type DurationJSON, type EaseFunction, EaseFunctions, type EditCompleteOptions, type EditCompleteOptionsResolved, type ElementHandle, ErrorComponent, type ErrorComponentProps, type Exact, Expandable, ExpandableContent, type ExpandableContentProps, ExpandableHeader, type ExpandableHeaderProps, type ExpandableProps, ExpandableRoot, type ExpandableRootProps, ExpandableUncontrolled, ExpansionIcon, type ExpansionIconProps, type FAQItem, FAQSection, type FAQSectionProps, FillerCell, type FillerCellProps, type FloatingElementAlignment, FocusTrap, type FocusTrapProps, FocusTrapWrapper, type FocusTrapWrapperProps, FormContext, type FormContextType, type FormEvent, type FormEventListener, FormField, type FormFieldAriaAttributes, type FormFieldBag, type FormFieldDataHandling, type FormFieldFocusableElementProps, type FormFieldInteractionStates, FormFieldLayout, type FormFieldLayoutBag, type FormFieldLayoutIds, type FormFieldLayoutProps, type FormFieldProps, type FormFieldResult, FormObserver, FormObserverKey, type FormObserverKeyProps, type FormObserverKeyResult, type FormObserverProps, type FormObserverResult, FormProvider, type FormProviderProps, FormStore, type FormStoreProps, type FormValidationBehaviour, type FormValidator, type FormValue, GenericFilter, type GenericFilterParameter, type GenericFilterProps, type GenericFilterValue, HelpwaveBadge, type HelpwaveBadgeProps, HelpwaveLogo, type HelpwaveProps, type HighlightStartPositionBehavior, type HightideConfig, HightideConfigContext, HightideConfigProvider, type HightideConfigProviderProps, HightideProvider, type HightideTranslationEntries, type HightideTranslationLocales, IconButton, IconButtonBase, type IconButtonBaseProps, type IconButtonColor, type IconButtonProps, IconButtonUtil, InfiniteScroll, type InfiniteScrollProps, Input, InputDialog, type InputModalProps, type InputProps, InputUncontrolled, InsideLabelInput, InsideLabelInputUncontrolled, LanguageDialog, ListBox, ListBoxItem, type ListBoxItemProps, ListBoxMultiple, type ListBoxMultipleProps, ListBoxMultipleUncontrolled, type ListBoxMultipleUncontrolledProps, ListBoxPrimitive, type ListBoxPrimitiveProps, type ListBoxProps, ListBoxUncontrolled, type ListBoxUncontrolledProps, LoadingAndErrorComponent, type LoadingAndErrorComponentProps, LoadingAnimation, type LoadingAnimationProps, type LoadingComponentProps, LoadingContainer, LocaleContext, type LocaleContextValue, LocaleProvider, type LocaleProviderProps, type LocalizationConfig, LocalizationUtil, LoopingArrayCalculator, MarkdownInterpreter, type MarkdownInterpreterProps, MathUtil, Menu, type MenuBag, MenuItem, type MenuItemProps, type MenuProps, type Month, MultiSearchWithMapping, MultiSelect, MultiSelectButton, type MultiSelectButtonProps, MultiSelectChipDisplay, MultiSelectChipDisplayButton, type MultiSelectChipDisplayProps, MultiSelectChipDisplayUncontrolled, type MultiSelectChipDisplayUncontrolledProps, MultiSelectContent, type MultiSelectContentProps, MultiSelectOption, type MultiSelectOptionProps, MultiSelectProperty, type MultiSelectPropertyProps, type MultiSelectProps, MultiSelectRoot, type MultiSelectRootProps, MultiSelectUncontrolled, MultiSubjectSearchWithMapping, Navigation, NavigationItemList, type NavigationItemListProps, type NavigationItemType, type NavigationProps, NumberFilter, type NumberFilterParameter, type NumberFilterProps, type NumberFilterValue, NumberProperty, type NumberPropertyProps, OperatorLabel, type OperatorLabelProps, type OverlayItem, OverlayRegistry, Pagination, type PaginationProps, PopUp, PopUpContext, type PopUpContextType, PopUpOpener, type PopUpOpenerBag, type PopUpOpenerProps, type PopUpProps, PopUpRoot, type PopUpRootProps, Portal, type PortalProps, ProgressIndicator, type ProgressIndicatorProps, PromiseUtils, PropertyBase, type PropertyBaseProps, type PropertyField, PropsUtil, type PropsWithBagFunction, type PropsWithBagFunctionOrChildren, RadialRings, type RadialRingsProps, type Range, type RangeOptions, type ResolvedTheme, Ring, type RingProps, RingWave, type RingWaveProps, ScrollPicker, type ScrollPickerProps, SearchBar, type SearchBarProps, Select, SelectButton, type SelectButtonProps, SelectContent, type SelectContentProps, SelectContext, type SelectIconAppearance, SelectOption, type SelectOptionProps, type SelectProps, SelectRoot, type SelectRootProps, SelectUncontrolled, type SelectUncontrolledProps, type SharedSelectRootProps, SimpleSearch, SimpleSearchWithMapping, type SingleOrArray, SingleSelectProperty, type SingleSelectPropertyProps, StepperBar, type StepperBarProps, StepperBarUncontrolled, type StepperState, StorageListener, type StorageSubscriber, type SuperSet, type TabContextType, type TabInfo, TabList, TabPanel, TabSwitcher, type TabSwitcherProps, TabView, Table, TableBody, type TableBooleanFilter, TableCell, type TableCellProps, TableColumn, TableColumnDefinitionContext, type TableColumnDefinitionContextType, type TableColumnProps, TableColumnSwitcher, TableColumnSwitcherPopUp, type TableColumnSwitcherPopUpProps, type TableColumnSwitcherProps, TableContainerContext, type TableContainerContextType, type TableDateFilter, type TableDatetimeFilter, TableDisplay, type TableDisplayProps, TableFilter, type TableFilterBaseProps, TableFilterButton, type TableFilterButtonProps, type TableFilterCategory, TableFilterContent, type TableFilterContentProps, TableFilterOperator, type TableFilterType, type TableFilterValue, type TableGenericFilter, TableHeader, type TableHeaderProps, type TableNumberFilter, TablePageSizeSelect, type TablePageSizeSelectProps, TablePagination, TablePaginationMenu, type TablePaginationMenuProps, type TablePaginationProps, type TableProps, TableProvider, type TableProviderProps, TableSortButton, type TableSortButtonProps, TableStateContext, type TableStateContextType, TableStateWithoutSizingContext, type TableStateWithoutSizingContextType, type TableTagsFilter, type TableTagsSingleFilter, type TableTextFilter, TableWithSelection, type TableWithSelectionProps, TableWithSelectionProvider, type TableWithSelectionProviderProps, TagIcon, type TagProps, TagsFilter, type TagsFilterParameter, type TagsFilterProps, type TagsFilterValue, TagsSingleFilter, type TagsSingleFilterParameter, type TagsSingleFilterProps, type TagsSingleFilterValue, TextFilter, type TextFilterParameter, type TextFilterProps, type TextFilterValue, TextImage, type TextImageProps, TextProperty, type TextPropertyProps, Textarea, type TextareaProps, TextareaUncontrolled, TextareaWithHeadline, type TextareaWithHeadlineProps, type ThemeConfig, ThemeContext, ThemeDialog, type ThemeDialogProps, ThemeIcon, type ThemeIconProps, ThemeProvider, type ThemeProviderProps, ThemeSelect, type ThemeSelectProps, type ThemeType, ThemeUtil, TimeDisplay, TimePicker, type TimePickerMinuteIncrement, type TimePickerProps, TimePickerUncontrolled, ToggleableInput, ToggleableInputUncontrolled, Tooltip, type TooltipConfig, TooltipContext, type TooltipContextType, TooltipDisplay, type TooltipDisplayProps, type TooltipProps, TooltipRoot, type TooltipRootProps, TooltipTrigger, type TooltipTriggerBag, type TooltipTriggerContextValue, type TooltipTriggerProps, Transition, type TransitionState, type TransitionWrapperProps, type UnBoundedRange, type UseAnchoredPositionOptions, type UseAnchoredPostitionProps, type UseCreateFormProps, type UseCreateFormResult, type UseDelayOptions, type UseDelayOptionsResolved, type UseFocusTrapProps, type UseFormFieldOptions, type UseFormFieldParameter, type UseFormObserverKeyProps, type UseFormObserverProps, type UseOutsideClickHandlers, type UseOutsideClickOptions, type UseOutsideClickProps, type UseOverlayRegistryProps, type UseOverlayRegistryResult, type UsePresenceRefProps, type UseResizeObserverProps, type UseSearchProps, UseValidators, type UserFormFieldProps, type ValidatorError, type ValidatorResult, VerticalDivider, type VerticalDividerProps, Visibility, type VisibilityProps, type WeekDay, YearMonthPicker, type YearMonthPickerProps, YearMonthPickerUncontrolled, addDuration, builder, changeDuration, closestMatch, createLoopingList, createLoopingListWithIndex, equalSizeGroups, filterBoolean, filterDate, filterDatetime, filterGeneric, filterNumber, filterTags, filterTagsSingle, filterText, formatDate, formatDateTime, getBetweenDuration, getNeighbours, getWeeksForCalenderMonth, hightideTranslation, hightideTranslationLocales, isInTimeSpan, isTableFilterCategory, match, mergeProps, noop, range, resolveSetState, subtractDuration, toSizeVars, useAnchoredPosition, useControlledState, useCreateForm, useDelay, useDialogContext, useFocusGuards, useFocusManagement, useFocusOnceVisible, useFocusTrap, useForm, useFormField, useFormObserver, useFormObserverKey, useHandleRefs, useHightideConfig, useHightideTranslation, useHoverState, useICUTranslation, useIsMounted, useLanguage, useLocale, useLogOnce, useLogUnstableDependencies, useOutsideClick, useOverlayRegistry, useOverwritableState, usePopUpContext, usePresenceRef, useRerender, useResizeObserver, useScrollObserver, useSearch, useSelectContext, useStorage, useTabContext, useTableColumnDefinitionContext, useTableContainerContext, useTableStateContext, useTableStateWithoutSizingContext, useTheme, useTooltip, useTransitionState, useTranslatedValidators, useWindowResizeObserver, validateEmail, writeToClipboard };
2876
+ 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 };