@chayns-components/core 5.0.0-beta.104 → 5.0.0-beta.1040

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[]) => 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[];
+    /**
+     * 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 type 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;

package/lib/types/components/sharing-bar/SharingBar.d.ts

@@ -0,0 +1,22 @@
+import { FC } from 'react';
+import type { ContextMenuAlignment } from '../../types/contextMenu';
+export type SharingBarProps = {
+    /**
+     * The element where the content of the `SharingBar` should be rendered via React Portal.
+     */
+    container?: Element;
+    /**
+     * The label that should be displayed.
+     */
+    label: string;
+    /**
+     * The link that should be shared.
+     */
+    link: string;
+    /**
+     * The alignment of the sharing options.
+     */
+    popupAlignment: ContextMenuAlignment;
+};
+declare const SharingBar: FC<SharingBarProps>;
+export default SharingBar;

package/lib/types/components/sharing-bar/SharingBar.styles.d.ts

@@ -0,0 +1,5 @@
+export declare const StyledSharingBar: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledSharingBarIconWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledSharingBarText: 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;

package/lib/types/components/signature/Signature.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+export interface SignatureRef {
+    edit: VoidFunction;
+    delete: VoidFunction;
+}
+export type SignatureProps = {
+    /**
+     * The text that should be displayed inside the button.
+     */
+    buttonText: string;
+    /**
+     * Whether the button is disabled.
+     */
+    isDisabled?: boolean;
+    /**
+     * Function to be executed when the signature is edited.
+     */
+    onEdit?: (signatureUrl: string) => void;
+    /**
+     * Function to be executed when the user deletes the signature.
+     */
+    onRemove?: () => void;
+    /**
+     * Function to be executed when the user subscribes.
+     */
+    onSubscribe?: (signatureUrl: string) => void;
+    /**
+     * Function to be executed when the user unsubscribes.
+     */
+    onUnsubscribe?: () => void;
+};
+declare const Signature: React.ForwardRefExoticComponent<SignatureProps & React.RefAttributes<SignatureRef>>;
+export default Signature;

package/lib/types/components/signature/Signature.styles.d.ts

@@ -0,0 +1,6 @@
+export declare const StyledSignature: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledSignatureImageWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledSignatureImage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {
+    theme: import("../color-scheme-provider/ColorSchemeProvider").Theme;
+}>> & string;
+export declare const StyledSignatureDeleteIconWrapper: 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/slider/Slider.d.ts

@@ -0,0 +1,49 @@
+import { FC } from 'react';
+export interface SliderInterval {
+    maxValue: number;
+    minValue: number;
+}
+export type SliderProps = {
+    /**
+     * The range that can be selected with two thumbs..
+     */
+    interval?: SliderInterval;
+    /**
+     * Whether the slider is disabled.
+     */
+    isDisabled?: boolean;
+    /**
+     * The maximum value of the slider.
+     */
+    maxValue: number;
+    /**
+     * The minimum value of the slider.
+     */
+    minValue: number;
+    /**
+     * Function that will be executed when the value is selected.
+     */
+    onSelect?: (value?: number, interval?: SliderInterval) => void;
+    /**
+     * Function that will be executed when the value is changed.
+     */
+    onChange?: (value?: number, interval?: SliderInterval) => void;
+    /**
+     * Whether the current value should be displayed inside the slider thumb.
+     */
+    shouldShowThumbLabel?: boolean;
+    /**
+     * The steps of the slider.
+     */
+    steps?: number;
+    /**
+     * A function to format the thumb label.
+     */
+    thumbLabelFormatter?: (value: number) => string;
+    /**
+     * the Value that the slider should have.
+     */
+    value?: number;
+};
+declare const Slider: FC<SliderProps>;
+export default Slider;

package/lib/types/components/slider/Slider.styles.d.ts

@@ -0,0 +1,33 @@
+import type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';
+type StyledSliderProps = WithTheme<{
+    $isDisabled?: boolean;
+}>;
+export declare const StyledSlider: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledSliderProps>> & string;
+type StyledSliderInputProps = WithTheme<{
+    $min: number;
+    $max: number;
+    $value: number;
+    $isInterval: boolean;
+    $thumbWidth: number;
+}>;
+export declare const StyledSliderInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<Omit<Omit<import("motion/react").HTMLMotionProps<"input">, "ref"> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
+    ref?: ((instance: HTMLInputElement | 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]) | import("react").RefObject<HTMLInputElement> | null | undefined;
+}, Omit<Omit<import("motion/react").HTMLMotionProps<"input">, "ref"> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
+    ref?: ((instance: HTMLInputElement | 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]) | import("react").RefObject<HTMLInputElement> | null | undefined;
+}>, StyledSliderInputProps>, never>> & string & Omit<import("motion/react").ForwardRefComponent<HTMLInputElement, import("motion/react").HTMLMotionProps<"input">>, keyof import("react").Component<any, {}, any>>;
+type StyledSliderThumbProps = WithTheme<{
+    $position: number;
+    $isBigSlider: boolean;
+}>;
+export declare const StyledSliderThumb: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((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]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}>, StyledSliderThumbProps>, never>> & string;
+type StyledSliderThumbLabelProps = WithTheme<{
+    $position: number;
+    $width: number;
+    $isBigSlider: boolean;
+}>;
+export declare const StyledSliderThumbLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | 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]) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+}>, StyledSliderThumbLabelProps>, never>> & string;
+export {};

package/lib/types/components/slider-button/SliderButton.d.ts

@@ -0,0 +1,23 @@
+import { FC } from 'react';
+import type { SliderButtonItem } from '../../types/slider-button';
+export type SliderButtonProps = {
+    /**
+     * Whether the button is disabled.
+     */
+    isDisabled?: boolean;
+    /**
+     * Function to be executed when a button is selected.
+     * @param id
+     */
+    onChange?: (id: string) => void;
+    /**
+     * The buttons that are slidable.
+     */
+    items: SliderButtonItem[];
+    /**
+     * The id of a button that should be selected.
+     */
+    selectedButtonId?: string;
+};
+declare const SliderButton: FC<SliderButtonProps>;
+export default SliderButton;

package/lib/types/components/slider-button/SliderButton.styles.d.ts

@@ -0,0 +1,30 @@
+import type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';
+type StyledSliderButtonProps = WithTheme<{
+    $isDisabled?: boolean;
+}>;
+export declare const StyledSliderButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledSliderButtonProps>> & string;
+type StyledSliderButtonWrapperProps = WithTheme<{
+    $width: number;
+    $isDisabled?: boolean;
+}>;
+export declare const StyledSliderButtonWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledSliderButtonWrapperProps>> & string;
+type StyledSliderButtonItemProps = WithTheme<{
+    $width: number;
+}>;
+export declare const StyledSliderButtonItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledSliderButtonItemProps>> & string;
+export declare const StyledSliderButtonPopupContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+type StyledSliderButtonPopupContentItemProps = WithTheme<{
+    $isSelected?: boolean;
+}>;
+export declare const StyledSliderButtonPopupContentItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledSliderButtonPopupContentItemProps>> & string;
+type StyledSliderButtonButtonsWrapperProps = WithTheme<{
+    $isInvisible?: boolean;
+}>;
+export declare const StyledSliderButtonButtonsWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledSliderButtonButtonsWrapperProps>> & string;
+type StyledMotionSliderButtonThumbProps = WithTheme<{
+    $width: number;
+}>;
+export declare const StyledMotionSliderButtonThumb: 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?: ((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]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, StyledMotionSliderButtonThumbProps>> & string & Omit<import("motion/react").ForwardRefComponent<HTMLDivElement, import("motion/react").HTMLMotionProps<"div">>, keyof import("react").Component<any, {}, any>>;
+export {};

package/lib/types/components/small-wait-cursor/SmallWaitCursor.d.ts

@@ -0,0 +1,34 @@
+import { FC } from 'react';
+export declare enum SmallWaitCursorSize {
+    Small = 16,
+    Medium = 30
+}
+export declare enum SmallWaitCursorSpeed {
+    Slow = 1.5,
+    Medium = 1,
+    Fast = 0.5
+}
+export type SmallWaitCursorProps = {
+    /**
+     * Specifies whether the wait cursor should be displayed with a background.
+     */
+    shouldHideBackground?: boolean;
+    /**
+     * Specifies whether the wait cursor should be displayed.
+     */
+    shouldHideWaitCursor?: boolean;
+    /**
+     * The size of the wait cursor in pixels. Use the SmallWaitCursorSize enum for this prop.
+     */
+    size?: SmallWaitCursorSize | number;
+    /**
+     * The speed of the animation in seconds. Use the SmallWaitCursorSpeed enum for this prop.
+     */
+    speed?: SmallWaitCursorSpeed;
+    /**
+     * The color of the inner circle of the wait cursor.
+     */
+    color?: string;
+};
+declare const SmallWaitCursor: FC<SmallWaitCursorProps>;
+export default SmallWaitCursor;

package/lib/types/components/small-wait-cursor/SmallWaitCursor.styles.d.ts

@@ -0,0 +1,18 @@
+import type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';
+import type { SmallWaitCursorSize, SmallWaitCursorSpeed } from './SmallWaitCursor';
+type StyledSmallWaitCursorProps = WithTheme<{
+    $shouldShowWaitCursor: boolean;
+    $size: SmallWaitCursorSize | number;
+}>;
+export declare const StyledSmallWaitCursor: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledSmallWaitCursorProps>> & string;
+export declare const StyledSmallWaitCursorBackground: 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 StyledSmallWaitCursorWaitCursorProps = WithTheme<{
+    $size: SmallWaitCursorSize | number;
+    $speed: SmallWaitCursorSpeed;
+    $shouldHideBackground: boolean;
+    $color?: string;
+}>;
+export declare const StyledSmallWaitCursorWaitCursor: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledSmallWaitCursorWaitCursorProps>> & string;
+export {};

package/lib/types/components/tag-input/TagInput.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import type { Tag } from '../../types/tagInput';
+export type TagInputProps = {
+    /**
+     * Function to be executed when a tag is added.
+     */
+    onAdd?: (tag: Tag) => void;
+    /**
+     * Function to be executed when a tag is removed.
+     */
+    onRemove?: (id: string) => void;
+    /**
+     * The placeholder that should be displayed.
+     */
+    placeholder?: string;
+    /**
+     * The tags that should be displayed.
+     */
+    tags?: Tag[];
+};
+export type TagInputRef = {
+    getUnsavedTagText: Tag['text'] | undefined;
+};
+declare const TagInput: React.ForwardRefExoticComponent<TagInputProps & React.RefAttributes<TagInputRef>>;
+export default TagInput;

package/lib/types/components/tag-input/TagInput.styles.d.ts

@@ -0,0 +1,8 @@
+export declare const StyledTagInput: 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;
+export declare const StyledTagInputTagWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledTagInputTagWrapperText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
+export declare const StyledTagInputTagInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {
+    theme: import("../color-scheme-provider/ColorSchemeProvider").Theme;
+}>> & string;

package/lib/types/components/text-area/TextArea.d.ts

@@ -0,0 +1,49 @@
+import React, { ChangeEventHandler, CSSProperties, FocusEventHandler, KeyboardEventHandler, ReactElement } from 'react';
+export type TextAreaProps = {
+    /**
+     * Disables the text area so that it cannot be changed.
+     */
+    isDisabled?: boolean;
+    /**
+     * If true, the text area is marked as invalid
+     */
+    isInvalid?: boolean;
+    /**
+     * The maximum height of the text area.
+     */
+    maxHeight?: CSSProperties['maxHeight'];
+    /**
+     * The minimum height of the text area.
+     */
+    minHeight?: CSSProperties['minHeight'];
+    /**
+     * Function that is executed when the text area loses focus.
+     */
+    onBlur?: FocusEventHandler<HTMLTextAreaElement>;
+    /**
+     * Function that is executed when the text of the text area changes.
+     */
+    onChange?: ChangeEventHandler<HTMLTextAreaElement>;
+    /**
+     * Function that is executed when the input field is focused
+     */
+    onFocus?: FocusEventHandler<HTMLTextAreaElement>;
+    /**
+     * Function that is executed when a letter is pressed
+     */
+    onKeyDown?: KeyboardEventHandler<HTMLTextAreaElement>;
+    /**
+     * Placeholder for the text area field.
+     */
+    placeholder?: string | ReactElement;
+    /**
+     * An element that should be displayed on the right side of the Input.
+     */
+    rightElement?: ReactElement;
+    /**
+     * Value if the text area should be controlled.
+     */
+    value?: string;
+};
+declare const TextArea: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;
+export default TextArea;

package/lib/types/components/text-area/TextArea.styles.d.ts

@@ -0,0 +1,28 @@
+import type { CSSProperties } from 'react';
+import { BrowserName } from '../../types/chayns';
+import type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';
+import type { TextAreaProps } from './TextArea';
+type StyledTextAreaProps = WithTheme<{
+    $isDisabled?: boolean;
+}>;
+export declare const StyledTextArea: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledTextAreaProps>> & string;
+type StyledTextAreaContentWrapperProps = WithTheme<{
+    $isInvalid: TextAreaProps['isInvalid'];
+    $shouldChangeColor: boolean;
+}>;
+export declare const StyledTextAreaContentWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledTextAreaContentWrapperProps>> & string;
+export declare const StyledTextAreaContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+type StyledTextAreaInputProps = WithTheme<{
+    $browser: BrowserName;
+    $isInvalid: TextAreaProps['isInvalid'];
+    $isOverflowing: boolean;
+    $maxHeight: CSSProperties['maxHeight'];
+    $minHeight: CSSProperties['minHeight'];
+}>;
+export declare const StyledTextAreaInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, StyledTextAreaInputProps>> & string;
+export declare const StyledTextAreaLabelWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;
+type StyledTextAreaLabelProps = WithTheme<{
+    $isInvalid?: TextAreaProps['isInvalid'];
+}>;
+export declare const StyledTextAreaLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, StyledTextAreaLabelProps>> & string;
+export {};

package/lib/types/components/tooltip/Tooltip.d.ts

@@ -0,0 +1,38 @@
+import { FC, ReactNode, type CSSProperties } from 'react';
+import type { ITooltipItem } from '../../types/tooltip';
+export type TooltipProps = {
+    /**
+     * The elements that the tooltip should surround.
+     */
+    children: ReactNode;
+    /**
+     * The element where the content of the `Tooltip` should be rendered via React Portal.
+     */
+    container?: Element;
+    /**
+     * The content that should be displayed.
+     */
+    item: ITooltipItem | ReactNode;
+    /**
+     * The width of an item.
+     */
+    itemWidth?: CSSProperties['width'];
+    /**
+     * whether the tooltip should be shown.
+     */
+    isDisabled?: boolean;
+    /**
+     * Whether the tooltip should be hidden after the children is not hovered.
+     */
+    shouldHideOnChildrenLeave?: boolean;
+    /**
+     * Whether the width of the children should be used.
+     */
+    shouldUseChildrenWidth?: boolean;
+    /**
+     * The Y offset of the tooltip to the children.
+     */
+    yOffset?: number;
+};
+declare const Tooltip: FC<TooltipProps>;
+export default Tooltip;

package/lib/types/components/tooltip/Tooltip.styles.d.ts

@@ -0,0 +1,8 @@
+import type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';
+export declare const StyledTooltip: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+type StyledTooltipChildrenProps = WithTheme<{
+    $isOnlyText: boolean;
+    $shouldUseChildrenWidth: boolean;
+}>;
+export declare const StyledTooltipChildren: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledTooltipChildrenProps>> & string;
+export {};

package/lib/types/components/tooltip/tooltip-item/TooltipItem.d.ts

@@ -0,0 +1,13 @@
+import { FC, type CSSProperties } from 'react';
+export type TooltipProps = {
+    headline?: string;
+    text: string;
+    imageUrl?: string;
+    button?: {
+        text: string;
+        onClick: () => void;
+    };
+    width?: CSSProperties['width'];
+};
+declare const TooltipItem: FC<TooltipProps>;
+export default TooltipItem;

package/lib/types/components/tooltip/tooltip-item/TooltipItem.styles.d.ts

@@ -0,0 +1,15 @@
+import type { CSSProperties } from 'react';
+import type { WithTheme } from '../../color-scheme-provider/ColorSchemeProvider';
+type StyledTooltipItemProps = WithTheme<{
+    $width?: CSSProperties['width'];
+}>;
+export declare const StyledTooltipItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledTooltipItemProps>> & string;
+export declare const StyledTooltipItemHeadline: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {
+    theme: import("../../color-scheme-provider/ColorSchemeProvider").Theme;
+}>> & string;
+export declare const StyledTooltipItemImage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, never>> & string;
+export declare const StyledTooltipItemButtonWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledTooltipItemText: 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/truncation/Truncation.d.ts

@@ -0,0 +1,34 @@
+import { FC, MouseEvent, ReactElement } from 'react';
+import { ClampPosition } from '../../types/truncation';
+export type TruncationProps = {
+    /**
+     * The elements that should be expanding or collapsing.
+     */
+    children: ReactElement;
+    /**
+     * The position of the clamp.
+     */
+    clampPosition?: ClampPosition;
+    /**
+     * The height of the children Element in it`s collapsed state.
+     */
+    collapsedHeight?: number;
+    /**
+     * If set to true, the content is exposed.
+     */
+    isOpen?: boolean;
+    /**
+     * A text that should be displayed if the content is expanded.
+     */
+    lessLabel?: string;
+    /**
+     * A text that should be displayed if the content is collapsed.
+     */
+    moreLabel?: string;
+    /**
+     * Function to be executed when the component is expanding or collapsing.
+     */
+    onChange?: (event: MouseEvent<HTMLAnchorElement>, isOpen: boolean) => void;
+};
+declare const Truncation: FC<TruncationProps>;
+export default Truncation;

package/lib/types/components/truncation/Truncation.styles.d.ts

@@ -0,0 +1,15 @@
+import { ClampPosition } from '../../types/truncation';
+import type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';
+export declare const StyledTruncation: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledMotionTruncationContent: 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?: ((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]) | import("react").RefObject<HTMLDivElement> | 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 declare const StyledTruncationPseudoContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+type StyledTruncationClampWrapperProps = WithTheme<{
+    $position: ClampPosition;
+}>;
+export declare const StyledTruncationClampWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledTruncationClampWrapperProps>> & string;
+export declare const StyledTruncationClamp: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, never>> & string;
+export {};