@chayns-components/core 5.0.0-beta.13 → 5.0.0-beta.1301

package/lib/types/components/popup/popup-content-wrapper/PopupContentWrapper.d.ts

@@ -0,0 +1,15 @@
+import React, { ReactNode, type MouseEventHandler } from 'react';
+import { PopupAlignment, PopupCoordinates } from '../../../types/popup';
+type PopupContentProps = {
+    alignment: PopupAlignment;
+    children: ReactNode;
+    offset: number;
+    coordinates: PopupCoordinates;
+    onMouseLeave: MouseEventHandler<HTMLSpanElement>;
+    onMouseEnter: MouseEventHandler<HTMLSpanElement>;
+    shouldScrollWithContent: boolean;
+    width: number;
+    maxHeight?: number;
+};
+declare const PopupContentWrapper: React.ForwardRefExoticComponent<PopupContentProps & React.RefAttributes<HTMLDivElement>>;
+export default PopupContentWrapper;

package/lib/types/components/popup/popup-content-wrapper/PopupContentWrapper.styles.d.ts

@@ -0,0 +1,19 @@
+import { ColorMode } from 'chayns-api';
+import { PopupAlignment } from '../../../types/popup';
+import type { WithTheme } from '../../color-scheme-provider/ColorSchemeProvider';
+import { BrowserName } from '../../../types/chayns';
+type StyledMotionPopupContentWrapperProps = WithTheme<{
+    $position: PopupAlignment;
+    $colorMode: ColorMode;
+    $offset: number;
+    $shouldScrollWithContent: boolean;
+}>;
+export declare const StyledMotionPopupContentWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<Omit<import("motion/react").HTMLMotionProps<"div">, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: import("react").RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | null | undefined;
+}, StyledMotionPopupContentWrapperProps>> & string & Omit<import("motion/react").ForwardRefComponent<HTMLDivElement, import("motion/react").HTMLMotionProps<"div">>, keyof import("react").Component<any, {}, any>>;
+type StyledPopupContentWrapperContentProps = WithTheme<{
+    $browser: BrowserName;
+    $maxHeight?: number;
+}>;
+export declare const StyledPopupContentWrapperContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledPopupContentWrapperContentProps>> & string;
+export {};

package/lib/types/components/progress-bar/ProgressBar.d.ts

@@ -0,0 +1,38 @@
+import { FC } from 'react';
+type Enumerate<N extends number, Acc extends number[] = []> = Acc['length'] extends N ? Acc[number] : Enumerate<N, [...Acc, Acc['length']]>;
+type Range<F extends number, T extends number> = Exclude<Enumerate<T>, Enumerate<F>>;
+interface Colors {
+    backgroundColor?: string;
+    progressColor?: string;
+    stepColor?: string;
+    primaryTextColor?: string;
+    secondaryTextColor?: string;
+}
+export type ProgressBarProps = {
+    /**
+     * The colors of the ProgressBar.
+     */
+    colors?: Colors;
+    /**
+     * The label that should be displayed under the progressbar.
+     */
+    label?: string;
+    /**
+     * The percentage of the progress. Number between 0 and 100.
+     */
+    percentage?: Range<0, 101>;
+    /**
+     * Whether the progress should be hide and just display the label.
+     */
+    shouldHideProgress?: boolean;
+    /**
+     * Whether the label should be displayed inside the ProgressBar.
+     */
+    shouldShowLabelInline?: boolean;
+    /**
+     * Visual marked steps.
+     */
+    steps?: Range<0, 101>[];
+};
+declare const ProgressBar: FC<ProgressBarProps>;
+export default ProgressBar;

package/lib/types/components/progress-bar/ProgressBar.styles.d.ts

@@ -0,0 +1,30 @@
+import type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';
+export declare const StyledProgressBar: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+type StyledProgressBarBackgroundProps = WithTheme<{
+    $color?: string;
+}>;
+export declare const StyledProgressBarBackground: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledProgressBarBackgroundProps>> & string;
+type StyledProgressBarProgressWrapperProps = WithTheme<{
+    $isBig?: boolean;
+}>;
+export declare const StyledProgressBarProgressWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledProgressBarProgressWrapperProps>> & string;
+type StyledProgressBarProgressProps = WithTheme<{
+    $color?: string;
+}>;
+export declare const StyledMotionProgressBarProgress: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<Omit<import("motion/react").HTMLMotionProps<"div">, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: import("react").RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | null | undefined;
+}, StyledProgressBarProgressProps>> & string & Omit<import("motion/react").ForwardRefComponent<HTMLDivElement, import("motion/react").HTMLMotionProps<"div">>, keyof import("react").Component<any, {}, any>>;
+type StyledProgressBarLabelProps = WithTheme<{
+    $shouldShowLabelInline?: boolean;
+    $primaryColor?: string;
+    $secondaryColor?: string;
+    $colorSplitPosition?: number;
+}>;
+export declare const StyledProgressBarLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledProgressBarLabelProps>> & string;
+export declare const StyledProgressBarStepWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+type StyledProgressBarStepProps = WithTheme<{
+    $position: number;
+    $color?: string;
+}>;
+export declare const StyledProgressBarStep: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledProgressBarStepProps>> & string;
+export {};

package/lib/types/components/radio-button/RadioButton.d.ts

@@ -0,0 +1,29 @@
+import { FC, type ReactNode } from 'react';
+export type RadioButtonProps = {
+    /**
+     * The children that should be displayed after the RadioButton is checked.
+     */
+    children?: ReactNode;
+    /**
+     * whether the RadioButton should be shown.
+     */
+    isDisabled?: boolean;
+    /**
+     * The id of the radio button.
+     */
+    id: string;
+    /**
+     * The label that should be displayed next to the radio button.
+     */
+    label?: ReactNode;
+    /**
+     * An element that should be displayed on the right side of the label.
+     */
+    rightElement?: ReactNode;
+    /**
+     * Whether the rightElement should only be displayed when the RadioButton is checked
+     */
+    shouldShowRightElementOnlyOnChecked?: boolean;
+};
+declare const RadioButton: FC<RadioButtonProps>;
+export default RadioButton;

package/lib/types/components/radio-button/RadioButton.styles.d.ts

@@ -0,0 +1,34 @@
+import { RadioButtonRightElementMargin } from '../../types/radioButton';
+import type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';
+type StyledRadioButtonProps = WithTheme<{
+    $isDisabled: boolean;
+    $radioButtonRightElementMargin: RadioButtonRightElementMargin;
+}>;
+export declare const StyledRadioButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, StyledRadioButtonProps>> & string;
+export declare const StyledRadioButtonWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+type StyledRadioButtonCheckBoxProps = WithTheme<{
+    $isDisabled: boolean;
+}>;
+export declare const StyledRadioButtonCheckBox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, StyledRadioButtonCheckBoxProps>> & string;
+type StyledRadioButtonPseudoCheckBoxProps = WithTheme<{
+    $isChecked: boolean;
+    $isDisabled: boolean;
+}>;
+export declare const StyledRadioButtonPseudoCheckBox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledRadioButtonPseudoCheckBoxProps>> & string;
+type StyledRadioButtonCheckBoxMarkProps = WithTheme<{
+    $isHovered: boolean;
+    $isSelected: boolean;
+    $isDisabled: boolean;
+}>;
+export declare const StyledRadioButtonCheckBoxMark: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, StyledRadioButtonCheckBoxMarkProps>> & string;
+type StyledRadioButtonLabelProps = WithTheme<{
+    $isDisabled: boolean;
+}>;
+export declare const StyledRadioButtonLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, StyledRadioButtonLabelProps>> & string;
+export declare const StyledLabelWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledMotionRadioButtonChildren: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<Omit<import("motion/react").HTMLMotionProps<"div">, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: import("react").RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | null | undefined;
+}, {
+    theme: import("../color-scheme-provider/ColorSchemeProvider").Theme;
+}>> & string & Omit<import("motion/react").ForwardRefComponent<HTMLDivElement, import("motion/react").HTMLMotionProps<"div">>, keyof import("react").Component<any, {}, any>>;
+export {};

package/lib/types/components/radio-button/radio-button-group/RadioButtonGroup.d.ts

@@ -0,0 +1,39 @@
+import React, { ReactNode } from 'react';
+type IUpdateSelectedRadioButtonId = (id: string | undefined) => void;
+type IUpdateHasRightElement = (id: string, hasRightElement: boolean) => void;
+type IRadioButtonRightElements = {
+    id: string;
+    hasRightElement: boolean;
+}[];
+interface IRadioButtonGroupContext {
+    selectedRadioButtonId: string | undefined;
+    updateSelectedRadioButtonId?: IUpdateSelectedRadioButtonId;
+    radioButtonRightElements: IRadioButtonRightElements;
+    updateHasRightElement?: IUpdateHasRightElement;
+    radioButtonsCanBeUnchecked?: boolean;
+}
+export declare const RadioButtonGroupContext: React.Context<IRadioButtonGroupContext>;
+export interface RadioButtonGroupRef {
+    updateSelectedRadioButtonId: IUpdateSelectedRadioButtonId;
+}
+export type RadioButtonGroupProps = {
+    /**
+     * Whether the RadioButtons can be unchecked.
+     */
+    canUncheckRadioButtons?: boolean;
+    /**
+     * The RadioButtons that should be grouped. Radio buttons with the same group are
+     * automatically unchecked when an `RadioButton` of the group is checked.
+     */
+    children: ReactNode;
+    /**
+     * Function to be executed when an id is selected.
+     */
+    onSelect?: (id?: string) => void;
+    /**
+     * The id of the current selected RadioButton.
+     */
+    selectedId?: string;
+};
+declare const RadioButtonGroup: React.ForwardRefExoticComponent<RadioButtonGroupProps & React.RefAttributes<RadioButtonGroupRef>>;
+export default RadioButtonGroup;

package/lib/types/components/scroll-view/ScrollView.d.ts

@@ -0,0 +1,33 @@
+import React, { CSSProperties, ReactNode } from 'react';
+export type ScrollViewProps = {
+    /**
+     * The elements that should be shown inside the scrollview
+     */
+    children: ReactNode;
+    /**
+     * The maximum height of the scroll view.
+     */
+    maxHeight?: CSSProperties['height'] | null;
+    /**
+     * The height of the scroll view.
+     */
+    height?: CSSProperties['height'];
+    /**
+     * The maximum width of the scroll view.
+     */
+    maxWidth?: CSSProperties['width'];
+    /**
+     * The width of the scroll view.
+     */
+    width?: CSSProperties['width'];
+    /**
+     * The overflow-x style of the scroll view.
+     */
+    overflowX?: 'scroll' | 'auto';
+    /**
+     * The overflow-y style of the scroll view.
+     */
+    overflowY?: 'scroll' | 'auto';
+};
+declare const ScrollView: React.ForwardRefExoticComponent<ScrollViewProps & React.RefAttributes<HTMLDivElement>>;
+export default ScrollView;

package/lib/types/components/scroll-view/ScrollView.styles.d.ts

@@ -0,0 +1,14 @@
+import type { CSSProperties } from 'react';
+import { BrowserName } from '../../types/chayns';
+import type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';
+type StyledScrollViewProps = WithTheme<{
+    $maxHeight?: CSSProperties['height'] | null;
+    $height?: CSSProperties['height'];
+    $maxWidth?: CSSProperties['width'];
+    $width?: CSSProperties['width'];
+    $overflowX: 'scroll' | 'auto';
+    $overflowY: 'scroll' | 'auto';
+    $browser: BrowserName;
+}>;
+export declare const StyledScrollView: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledScrollViewProps>> & string;
+export {};

package/lib/types/components/search-box/SearchBox.d.ts

@@ -0,0 +1,88 @@
+import { ChangeEventHandler, FC, FocusEventHandler, KeyboardEventHandler } from 'react';
+import type { ISearchBoxItem, ISearchBoxItems } from '../../types/searchBox';
+import { TagInputProps } from '../tag-input/TagInput';
+export interface SearchBoxRef {
+    clear: VoidFunction;
+}
+export interface TagInputSettings {
+    onAdd?: TagInputProps['onAdd'];
+    onRemove?: TagInputProps['onRemove'];
+    shouldAllowMultiple?: TagInputProps['shouldAllowMultiple'];
+    tags?: TagInputProps['tags'];
+}
+export type SearchBoxProps = {
+    /**
+     * The element where the content of the `ComboBox` should be rendered via React Portal.
+     */
+    container?: Element;
+    /**
+     * If true, the input field is marked as invalid
+     */
+    isInvalid?: boolean;
+    /**
+     * An optional icon that is displayed inside the left side of the input.
+     */
+    leftIcons?: string[];
+    /**
+     * List of groups with items that can be searched. It is possible to give only one list; if multiple lists are provided, the 'group name' parameter becomes mandatory.
+     */
+    lists: ISearchBoxItems[];
+    /**
+     * The placeholder that should be displayed.
+     */
+    placeholder?: string;
+    /**
+     * Function to be executed when the input lost focus.
+     */
+    onBlur?: FocusEventHandler<HTMLInputElement>;
+    /**
+     * Function to be executed when the input is changed.
+     */
+    onChange?: ChangeEventHandler<HTMLInputElement>;
+    /**
+     * Function that is executed when a letter is pressed
+     */
+    onKeyDown?: KeyboardEventHandler<HTMLInputElement>;
+    /**
+     * Function to be executed when an item is selected.
+     */
+    onSelect?: (item: ISearchBoxItem) => void;
+    /**
+     * Control the selected item. If you use this prop, make sure to update it when the user selects an item.
+     */
+    selectedId?: string;
+    /**
+     * If true, the value in the Input is displayed in the list.
+     */
+    shouldAddInputToList: boolean;
+    /**
+     * If true, the filter buttons are hidden.
+     */
+    shouldHideFilterButtons?: boolean;
+    /**
+     * Whether the full list of items should be displayed if the input is empty.
+     */
+    shouldShowContentOnEmptyInput?: boolean;
+    /**
+     * If true, the images of the items are displayed in a round shape.
+     */
+    shouldShowRoundImage?: boolean;
+    /**
+     * Whether the icon to open and close the list should be displayed.
+     */
+    shouldShowToggleIcon?: boolean;
+    /**
+     * An optional callback function to filter the elements to be displayed
+     */
+    customFilter?: (item: ISearchBoxItem) => boolean;
+    /**
+     * Set an input for the search box - it is not an item of a list, just a string.
+     */
+    presetValue?: string;
+    /**
+     * Settings for the TagInput.
+     */
+    tagInputSettings?: TagInputSettings;
+};
+declare const SearchBox: FC<SearchBoxProps>;
+export default SearchBox;

package/lib/types/components/search-box/SearchBox.styles.d.ts

@@ -0,0 +1,14 @@
+import { BrowserName } from '../../types/chayns';
+import type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';
+export declare const StyledSearchBox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+type StyledMotionSearchBoxBodyProps = WithTheme<{
+    $height: number;
+    $width: number;
+    $browser: BrowserName;
+}>;
+export declare const StyledMotionSearchBoxBody: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<Omit<import("motion/react").HTMLMotionProps<"div">, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: import("react").RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | null | undefined;
+}, StyledMotionSearchBoxBodyProps>> & string & Omit<import("motion/react").ForwardRefComponent<HTMLDivElement, import("motion/react").HTMLMotionProps<"div">>, keyof import("react").Component<any, {}, any>>;
+export declare const StyledSearchBoxIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledSearchBoxLeftWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export {};

package/lib/types/components/search-box/group-name/GroupName.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+export type GroupNameProps = {
+    name: string;
+};
+declare const GroupName: FC<GroupNameProps>;
+export default GroupName;

package/lib/types/components/search-box/group-name/GroupName.styles.d.ts

@@ -0,0 +1,6 @@
+import type { WithTheme } from '../../color-scheme-provider/ColorSchemeProvider';
+type StyledGroupNameProps = WithTheme<{
+    $groupName?: string;
+}>;
+export declare const StyledGroupName: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, StyledGroupNameProps>> & string;
+export {};

package/lib/types/components/search-box/search-box-body/SearchBoxBody.d.ts

@@ -0,0 +1,12 @@
+import React, { type ReactNode } from 'react';
+import type { IFilterButtonItem } from '../../../types/filterButtons';
+export type SearchBoxBodyProps = {
+    children: ReactNode;
+    filterButtons?: IFilterButtonItem[];
+    selectedGroups?: string[];
+    height: number;
+    onGroupSelect?: (keys: string[]) => void;
+    shouldHideFilterButtons?: boolean;
+};
+declare const SearchBoxBody: React.ForwardRefExoticComponent<SearchBoxBodyProps & React.RefAttributes<HTMLDivElement>>;
+export default SearchBoxBody;

package/lib/types/components/search-box/search-box-body/SearchBoxBody.styles.d.ts

@@ -0,0 +1,18 @@
+import { BrowserName } from '../../../types/chayns';
+import type { WithTheme } from '../../color-scheme-provider/ColorSchemeProvider';
+export declare const StyledSearchBoxBody: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledSearchBoxBodyHead: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledSearchBoxHeadProps>> & string;
+type StyledSearchBoxHeadProps = WithTheme<{
+    $hasScrolled: boolean;
+    $hasGroupName: boolean;
+}>;
+export declare const StyledSearchBoxBodyHeadGroupName: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    theme: import("../../color-scheme-provider/ColorSchemeProvider").Theme;
+}>> & string;
+type StyledSearchBoxBodyContentProps = WithTheme<{
+    $height: number;
+    $headHeight: number;
+    $browser: BrowserName;
+}>;
+export declare const StyledSearchBoxBodyContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledSearchBoxBodyContentProps>> & string;
+export {};

package/lib/types/components/search-box/search-box-item/SearchBoxItem.d.ts

@@ -0,0 +1,13 @@
+import { FC } from 'react';
+import type { ISearchBoxItem, ISearchBoxItems } from '../../../types/searchBox';
+export type SearchBoxItemProps = {
+    onSelect: (item: ISearchBoxItem, groupName?: ISearchBoxItems['groupName']) => void;
+    id: ISearchBoxItem['id'];
+    text: ISearchBoxItem['text'];
+    imageUrl?: ISearchBoxItem['imageUrl'];
+    shouldShowRoundImage?: boolean;
+    groupName?: ISearchBoxItems['groupName'];
+    tabIndex: number;
+};
+declare const SearchBoxItem: FC<SearchBoxItemProps>;
+export default SearchBoxItem;

package/lib/types/components/search-box/search-box-item/SearchBoxItem.styles.d.ts

@@ -0,0 +1,12 @@
+import type { WithTheme } from '../../color-scheme-provider/ColorSchemeProvider';
+export declare const StyledSearchBoxItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    theme: import("../../color-scheme-provider/ColorSchemeProvider").Theme;
+}>> & string;
+type StyledSearchBoxItemImageProps = WithTheme<{
+    $shouldShowRoundImage?: boolean;
+}>;
+export declare const StyledSearchBoxItemImage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, StyledSearchBoxItemImageProps>> & string;
+export declare const StyledSearchBoxItemText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {
+    theme: import("../../color-scheme-provider/ColorSchemeProvider").Theme;
+}>> & string;
+export {};

package/lib/types/components/search-input/SearchInput.d.ts

@@ -0,0 +1,46 @@
+import React, { ChangeEventHandler, CSSProperties, FC } from 'react';
+import { InputSize } from '../input/Input';
+export type SearchInputProps = {
+    /**
+     * Color of the icon
+     */
+    iconColor?: CSSProperties['color'];
+    /**
+     * Force the active state of the input and override the internal state
+     */
+    isActive?: boolean;
+    /**
+     * Function that is executed when the active state of the input changes
+     */
+    onActiveChange?: (isActive: boolean) => void;
+    /**
+     * Function that is executed when the text of the input changes
+     */
+    onChange: ChangeEventHandler<HTMLInputElement>;
+    /**
+     * Function that is executed when a key is pressed
+     */
+    onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+    /**
+     * Placeholder for the input field
+     */
+    placeholder?: string;
+    /**
+     * Whether the SearchInput should be positioned absolute.
+     */
+    shouldUseAbsolutePositioning?: boolean;
+    /**
+     * The size of the input field
+     */
+    size?: InputSize;
+    /**
+     * Value if the input field should be controlled
+     */
+    value?: string;
+    /**
+     * The width of the parent.
+     */
+    width?: number;
+};
+declare const SearchInput: FC<SearchInputProps>;
+export default SearchInput;

package/lib/types/components/search-input/SearchInput.styles.d.ts

@@ -0,0 +1,19 @@
+import type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';
+import type { InputSize } from '../input/Input';
+type StyledSearchInputProps = WithTheme<{
+    $size: InputSize;
+    $shouldUseAbsolutePositioning: boolean;
+}>;
+export declare const StyledSearchInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledSearchInputProps>> & string;
+export declare const StyledSearchInputPseudoElement: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+type StyledMotionSearchInputContentWrapperProps = {
+    $shouldUseAbsolutePositioning: boolean;
+};
+export declare const StyledMotionSearchInputContentWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<Omit<import("motion/react").HTMLMotionProps<"div">, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: import("react").RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | null | undefined;
+}, StyledMotionSearchInputContentWrapperProps>> & string & Omit<import("motion/react").ForwardRefComponent<HTMLDivElement, import("motion/react").HTMLMotionProps<"div">>, keyof import("react").Component<any, {}, any>>;
+export declare const StyledMotionSearchInputIconWrapperContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<Omit<import("motion/react").HTMLMotionProps<"div">, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: import("react").RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | null | undefined;
+}, never>> & string & Omit<import("motion/react").ForwardRefComponent<HTMLDivElement, import("motion/react").HTMLMotionProps<"div">>, keyof import("react").Component<any, {}, any>>;
+export declare const StyledMotionSearchInputIconWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export {};

package/lib/types/components/select-button/SelectButton.d.ts

@@ -0,0 +1,54 @@
+import { type FC } from 'react';
+import type { SelectButtonItem } from '../../types/selectButton';
+export type SelectButtonProps = {
+    /**
+     * Text used when there are more selected items than maxDisplayedItems. '##count##' will be displayed with the additional count.
+     */
+    additionalText?: string;
+    /**
+     * The text that should be displayed inside the button.
+     */
+    buttonText: string;
+    /**
+     * Whether the button should be disabled.
+     */
+    isDisabled?: boolean;
+    /**
+     * A list of item that could be selected.
+     */
+    list: SelectButtonItem[];
+    /**
+     * The maximum number of items displayed in the button text.
+     */
+    maxDisplayedItems?: number;
+    /**
+     * Function to be executed after an item is selected.
+     */
+    onSelect?: (ids: (number | string)[]) => void;
+    /**
+     * If a string is given and `shouldAllowMultiSelect` is true, the dialog displays a checkbox to select all items at once.
+     */
+    selectAllText?: string;
+    /**
+     * The id of an item that should be preselected.
+     */
+    selectedItemIds?: (number | string)[];
+    /**
+     * Whether more than one item should be selectable.
+     */
+    shouldAllowMultiSelect?: boolean;
+    /**
+     * Whether the button text should be displayed also if items are selected.
+     */
+    shouldShowButtonTextWithSelection?: boolean;
+    /**
+     * Whether the search should be displayed inside the dialog.
+     */
+    shouldShowSearch?: boolean;
+    /**
+     * The title of the dialog.
+     */
+    title?: string;
+};
+declare const SelectButton: FC<SelectButtonProps>;
+export default SelectButton;

package/lib/types/components/select-button/SelectButton.styles.d.ts

@@ -0,0 +1 @@
+export declare const StyledSelectButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/lib/types/components/setup-wizard/SetupWizard.d.ts

@@ -0,0 +1,27 @@
+import React, { ReactElement } from 'react';
+import type { SetupWizardItemProps } from './setup-wizard-item/SetupWizardItem';
+type UpdateSelectedId = (id: number) => void;
+type UpdateActiveId = (id: number) => void;
+interface SetupWizardContextProps {
+    selectedId: number | undefined;
+    updateSelectedId?: UpdateSelectedId;
+    activeId: number | undefined;
+    updateActiveId?: UpdateActiveId;
+}
+export declare const SetupWizardContext: React.Context<SetupWizardContextProps>;
+export interface SetupWizardRef {
+    next: (stepId?: number) => void;
+    reset: () => void;
+}
+export type SetupWizardProps = {
+    /**
+     * The steps of the setup. Use the SetupWizardItem component.
+     */
+    children: ReactElement<SetupWizardItemProps> | ReactElement<SetupWizardItemProps>[];
+    /**
+     * This value must be set if the SetupWizard is inside an Accordion.
+     */
+    isWrapped?: boolean;
+};
+declare const SetupWizard: React.ForwardRefExoticComponent<SetupWizardProps & React.RefAttributes<SetupWizardRef>>;
+export default SetupWizard;

package/lib/types/components/setup-wizard/SetupWizard.styles.d.ts

@@ -0,0 +1 @@
+export declare const StyledSetupWizard: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/lib/types/components/setup-wizard/setup-wizard-item/SetupWizardItem.d.ts

@@ -0,0 +1,21 @@
+import { FC, ReactNode } from 'react';
+export type SetupWizardItemProps = {
+    /**
+     * The content that should be displayed inside the item.
+     */
+    children: ReactNode;
+    /**
+     * The id of the item.
+     */
+    id: number;
+    /**
+     * The step of the item.
+     */
+    step: number;
+    /**
+     * The title of the item.
+     */
+    title: string;
+};
+declare const SetupWizardItem: FC<SetupWizardItemProps>;
+export default SetupWizardItem;

package/lib/types/components/setup-wizard/setup-wizard-item/SetupWizardItem.styles.d.ts

@@ -0,0 +1 @@
+export declare const StyledSetupWizardItemBadge: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;