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

package/lib/{components → types/components}/list/List.d.ts

@@ -2,15 +2,23 @@ import React, { FC, ReactNode } from 'react';
 interface IListContext {
     incrementExpandableItemCount: () => () => void;
     isAnyItemExpandable: boolean;
+    isWrapped: boolean;
     openItemUuid: string | undefined;
-    updateOpenItemUuid: (uuid: string) => void;
+    updateOpenItemUuid: (uuid: string, options?: {
+        shouldOnlyOpen?: boolean;
+    }) => void;
 }
 export declare const ListContext: React.Context<IListContext>;
-declare type ListProps = {
+type ListProps = {
     /**
      * The items of the list
      */
     children: ReactNode;
+    /**
+     * This value must be set for nested AccordionGroup components. This adjusts the style of
+     * the head and the padding of the content accordions.
+     */
+    isWrapped?: boolean;
 };
 declare const List: FC<ListProps>;
 export default List;

package/lib/types/components/list/list-item/ListItem.d.ts

@@ -0,0 +1,161 @@
+import { CSSProperties, FC, MouseEventHandler, ReactNode, SyntheticEvent, TouchEventHandler } from 'react';
+import type { IListItemRightElements } from '../../../types/list';
+export type ListItemElements = [ReactNode, ...ReactNode[]];
+export type ListItemProps = {
+    /**
+     * The background color of the `ListItem`.
+     */
+    backgroundColor?: CSSProperties['backgroundColor'];
+    /**
+     * DEPRECATED: Use `cornerImage` instead.
+     */
+    careOfLocationId?: number;
+    /**
+     * The content of the `ListItem` body. When the `ListItem` has children,
+     * it can be opened and also gets an icon as an indicator automatically.
+     */
+    children?: ReactNode;
+    /**
+     * The image that is displayed in the bottom right corner of the grouped image of list item.
+     */
+    cornerImage?: string;
+    /**
+     * Element that is displayed when hovering over the `ListItem` on the right
+     * side. On mobile devices, this element is not displayed.
+     */
+    hoverItem?: ReactNode;
+    /**
+     * The FontAwesome or tobit icons to render like an image on the left side
+     * of the header. Multiple icons are stacked. See the `Icon` component
+     * documentation for more information.
+     */
+    icons?: string[];
+    /**
+     * The background of the image. This is only used if images are passed.
+     */
+    imageBackground?: CSSProperties['background'];
+    /**
+     * A list of image URLs that are displayed on the left side of the header.
+     * If multiple URLs are passed, the image is assembled from the first three
+     * image URLs as a puzzle.
+     */
+    images?: string[];
+    /**
+     * This can be used to automatically expand the `ListItem` during the first render.
+     */
+    isDefaultOpen?: boolean;
+    /**
+     * This overrides the internal opening state of the item and makes it controlled.
+     */
+    isOpen?: boolean;
+    /**
+     * Whether the ListItem locks disabled but has full functionality.
+     */
+    isTitleGreyed?: boolean;
+    /**
+     * Elements that are displayed on the left side of the header. If multiple
+     * elements are specified, they are displayed one aside the other.
+     */
+    leftElements?: ListItemElements;
+    /**
+     * Function to be executed when the header of the `ListItem` was clicked
+     */
+    onClick?: MouseEventHandler<HTMLDivElement>;
+    /**
+     * Function to be executed when the ListItem is closed.
+     */
+    onClose?: VoidFunction;
+    /**
+     * Function to be executed when the header of the `ListItem` is pressed for
+     * 400 milliseconds.
+     */
+    onLongPress?: TouchEventHandler<HTMLDivElement>;
+    /**
+     * Function to be executed when the ListItem is opened.
+     */
+    onOpen?: VoidFunction;
+    /**
+     * Elements that are displayed on the right side of the header. If multiple
+     * elements are specified, they are displayed one below the other.
+     */
+    rightElements?: IListItemRightElements;
+    /**
+     * This will force the background color of the ListItem to be used even if it is closed and not hovered.
+     */
+    shouldForceBackground?: boolean;
+    /**
+     * Whether the line should be forced, e.g., so that it is also displayed if the item is the last element in the list.
+     */
+    shouldForceBottomLine?: boolean;
+    /**
+     * Whether the hover item should be forced.
+     */
+    shouldForceHover?: boolean;
+    /**
+     * Whether the bottom line should be hidden.
+     */
+    shouldHideBottomLine?: boolean;
+    /**
+     * Whether the background and border of the shape on which the image or icon of the element is displayed should be
+     * hidden.
+     */
+    shouldHideImageOrIconBackground?: boolean;
+    /**
+     * If the `ListItem` is expandable, the indicator is displayed on the left
+     * side of the header. If this property is set to true, the indicator is
+     * hidden.
+     */
+    shouldHideIndicator?: boolean;
+    /**
+     * Whether the image should be opened on click.
+     */
+    shouldOpenImageOnClick?: boolean;
+    /**
+     * Whether the layout animation should be prevented. This is useful when the
+     * `ListItem` is used in a list with a lot of items and the layout animation
+     * is not desired.
+     */
+    shouldPreventLayoutAnimation?: boolean;
+    /**
+     * This will render the ListItem closed on the first render.
+     */
+    shouldRenderClosed?: boolean;
+    /**
+     * Whether the image or icon should be displayed in a round shape. This should always be used for images of persons.
+     */
+    shouldShowRoundImageOrIcon?: boolean;
+    /**
+     * Whether a separator should be displayed below this item. In this case, the border is displayed thicker than normal.
+     */
+    shouldShowSeparatorBelow?: boolean;
+    /**
+     * Whether a Tooltip should be displayed on hover if the title is cut.
+     */
+    shouldShowTooltipOnTitleOverflow?: boolean;
+    /**
+     * Subtitle of the `ListItem` displayed in the head below the title
+     */
+    subtitle?: ReactNode;
+    /**
+     * Title of the `ListItem` displayed in the head
+     */
+    title: ReactNode;
+    /**
+     * Additional elements to be displayed in the header next to the title.
+     */
+    titleElement?: ReactNode;
+    /**
+     * Whether the ListItem Animation should be disabled.
+     */
+    shouldDisableAnimation?: boolean;
+    /**
+     * Optional Element to display in the right corner of the image
+     */
+    cornerElement?: ReactNode;
+    /**
+     * Optional handler for image load errors.
+     */
+    onImageError?: (event: SyntheticEvent<HTMLImageElement, Event>, index: number) => void;
+};
+declare const ListItem: FC<ListItemProps>;
+export default ListItem;

package/lib/types/components/list/list-item/ListItem.styles.d.ts

@@ -0,0 +1,18 @@
+import type { WithTheme } from '../../color-scheme-provider/ColorSchemeProvider';
+import { CSSProperties } from 'react';
+type StyledListItemProps = WithTheme<{
+    $backgroundColor?: CSSProperties['backgroundColor'];
+    $isClickable: boolean;
+    $isInAccordion: boolean;
+    $isOpen: boolean;
+    $isWrapped: boolean;
+    $shouldChangeColor?: boolean;
+    $shouldForceBackground?: boolean;
+    $shouldForceBottomLine?: boolean;
+    $shouldHideBottomLine: boolean;
+    $shouldHideIndicator: boolean;
+    $shouldShowSeparatorBelow: boolean;
+}>;
+export declare const StyledListItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledListItemProps>> & string;
+export declare const StyledListItemTooltip: 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/list/list-item/list-item-body/ListItemBody.d.ts

@@ -0,0 +1,8 @@
+import { FC, ReactNode } from 'react';
+type ListItemBodyProps = {
+    children?: ReactNode;
+    id: string;
+    shouldHideBody: boolean;
+};
+declare const ListItemBody: FC<ListItemBodyProps>;
+export default ListItemBody;

package/lib/types/components/list/list-item/list-item-body/ListItemBody.styles.d.ts

@@ -0,0 +1,3 @@
+export declare const StyledMotionListItemBody: 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>>;

package/lib/types/components/list/list-item/list-item-content/ListItemContent.d.ts

@@ -0,0 +1,9 @@
+import { FC, ReactNode } from 'react';
+type ListItemContentProps = {
+    /**
+     * The Elements that should be shown inside the LIstItemContent
+     */
+    children: ReactNode;
+};
+declare const ListItemContent: FC<ListItemContentProps>;
+export default ListItemContent;

package/lib/types/components/list/list-item/list-item-content/ListItemContent.styles.d.ts

@@ -0,0 +1 @@
+export declare const StyledListItemContent: 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/list/list-item/list-item-head/ListItemHead.d.ts

@@ -0,0 +1,32 @@
+import { CSSProperties, FC, MouseEventHandler, ReactNode, SyntheticEvent, TouchEventHandler } from 'react';
+import type { IListItemRightElements } from '../../../../types/list';
+type ListItemHeadProps = {
+    careOfLocationId?: number;
+    cornerImage?: string;
+    hoverItem?: ReactNode;
+    icons?: string[];
+    imageBackground?: CSSProperties['background'];
+    images?: string[];
+    isAnyItemExpandable: boolean;
+    isExpandable: boolean;
+    isOpen: boolean;
+    isTitleGreyed?: boolean;
+    leftElements?: ReactNode;
+    onClick?: MouseEventHandler<HTMLDivElement>;
+    onLongPress?: TouchEventHandler<HTMLDivElement>;
+    rightElements?: IListItemRightElements;
+    shouldHideImageOrIconBackground?: boolean;
+    shouldHideIndicator?: boolean;
+    shouldOpenImageOnClick: boolean;
+    shouldShowRoundImageOrIcon?: boolean;
+    subtitle?: ReactNode;
+    title: ReactNode;
+    titleElement?: ReactNode;
+    shouldForceHover?: boolean;
+    setShouldEnableTooltip: (value: boolean) => void;
+    shouldDisableAnimation?: boolean;
+    cornerElement?: ReactNode;
+    onImageError?: (event: SyntheticEvent<HTMLImageElement, Event>, index: number) => void;
+};
+declare const ListItemHead: FC<ListItemHeadProps>;
+export default ListItemHead;

package/lib/types/components/list/list-item/list-item-head/ListItemHead.styles.d.ts

@@ -0,0 +1,23 @@
+import type { WithTheme } from '../../../color-scheme-provider/ColorSchemeProvider';
+type StyledListItemHeadProps = WithTheme<{
+    $isClickable: boolean;
+    $isAnyItemExpandable: boolean;
+}>;
+export declare const StyledListItemHead: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledListItemHeadProps>> & string;
+export declare const StyledListItemHeadLeftWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledListItemHeadIndicator: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+type StyledListItemHeadContentProps = {
+    $isIconOrImageGiven: boolean;
+    $isOpen: boolean;
+};
+export declare const StyledListItemHeadContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledListItemHeadContentProps>> & string;
+export declare const StyledListItemHeadTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledListItemHeadTitleContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledListItemHeadSubtitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledMotionListItemHeadHoverItemWrapper: 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 declare const StyledMotionListItemHeadHoverItem: 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/list/list-item/list-item-head/list-item-icon/ListItemIcon.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+type ListItemIconProps = {
+    icons: string[];
+    shouldHideBackground: boolean;
+    shouldShowRoundIcon: boolean;
+};
+declare const ListItemIcon: React.FC<ListItemIconProps>;
+export default ListItemIcon;

package/lib/types/components/list/list-item/list-item-head/list-item-icon/ListItemIcon.styles.d.ts

@@ -0,0 +1,7 @@
+import type { WithTheme } from '../../../../color-scheme-provider/ColorSchemeProvider';
+type StyledListItemIconProps = WithTheme<{
+    $shouldHideBackground?: boolean;
+    $shouldShowRoundIcon?: boolean;
+}>;
+export declare const StyledListItemIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledListItemIconProps>> & string;
+export {};

package/lib/types/components/list/list-item/list-item-head/list-item-image/ListItemImage.d.ts

@@ -0,0 +1,14 @@
+import React, { CSSProperties, ReactNode, SyntheticEvent } from 'react';
+type ListItemImageProps = {
+    careOfLocationId?: number;
+    cornerImage?: string;
+    imageBackground?: CSSProperties['background'];
+    images: string[];
+    shouldHideBackground: boolean;
+    shouldShowRoundImage: boolean;
+    shouldOpenImageOnClick: boolean;
+    cornerElement?: ReactNode;
+    onImageError?: (event: SyntheticEvent<HTMLImageElement, Event>, index: number) => void;
+};
+declare const ListItemImage: React.FC<ListItemImageProps>;
+export default ListItemImage;

package/lib/types/components/list/list-item/list-item-head/list-item-right-element/ListItemRightElement.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+import type { IListItemRightElements } from '../../../../../types/list';
+type ListItemRightElementProps = {
+    rightElements?: IListItemRightElements;
+};
+declare const ListItemRightElement: FC<ListItemRightElementProps>;
+export default ListItemRightElement;

package/lib/types/components/list/list-item/list-item-head/list-item-right-element/ListItemRightElement.styles.d.ts

@@ -0,0 +1 @@
+export declare const StyledListItemRightElement: 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/list/list-item/list-item-head/list-item-subtitle/ListItemSubtitle.d.ts

@@ -0,0 +1,9 @@
+import { FC, ReactNode } from 'react';
+import type { IListItemRightElements } from '../../../../../types/list';
+type ListItemSubtitleProps = {
+    rightElements?: IListItemRightElements;
+    subtitle?: ReactNode;
+    isOpen: boolean;
+};
+declare const ListItemSubtitle: FC<ListItemSubtitleProps>;
+export default ListItemSubtitle;

package/lib/types/components/list/list-item/list-item-head/list-item-subtitle/ListItemSubtitle.styles.d.ts

@@ -0,0 +1,8 @@
+import type { WithTheme } from '../../../../color-scheme-provider/ColorSchemeProvider';
+export declare const StyledListItemSubtitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+type StyledListItemHeadSubtitleTextProps = WithTheme<{
+    $isOpen: boolean;
+}>;
+export declare const StyledListItemHeadSubtitleText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, StyledListItemHeadSubtitleTextProps>> & string;
+export declare const StyledListItemBottomRightElement: 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/list/list-item/list-item-head/list-item-title/ListItemTitle.d.ts

@@ -0,0 +1,12 @@
+import { FC, ReactNode } from 'react';
+import type { IListItemRightElements } from '../../../../../types/list';
+type ListItemTitleProps = {
+    rightElements?: IListItemRightElements;
+    title: ReactNode;
+    titleElement?: ReactNode;
+    shouldShowMultilineTitle: boolean;
+    isOpen: boolean;
+    onResize?: (entries: ResizeObserverEntry[]) => void;
+};
+declare const ListItemTitle: FC<ListItemTitleProps>;
+export default ListItemTitle;

package/lib/types/components/list/list-item/list-item-head/list-item-title/ListItemTitle.styles.d.ts

@@ -0,0 +1,11 @@
+import type { WithTheme } from '../../../../color-scheme-provider/ColorSchemeProvider';
+export declare const StyledListItemTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledListItemTitleLeftWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledListItemHeadTitleElement: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+type StyledListItemHeadTitleTextProps = WithTheme<{
+    $shouldShowMultilineTitle: boolean;
+    $isEllipsis?: boolean;
+}>;
+export declare const StyledListItemHeadTitleText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, StyledListItemHeadTitleTextProps>> & string;
+export declare const StyledListItemTopRightElement: 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/mention-finder/MentionFinder.d.ts

@@ -0,0 +1,32 @@
+import { FC } from 'react';
+import type { MentionFinderPopupAlignment } from '../../constants/mentionFinder';
+export type MentionMember = {
+    id: string;
+    info?: string;
+    imageUrl: string;
+    name: string;
+    shouldShowRoundImage?: boolean;
+};
+export type MentionFinderProps = {
+    /**
+     * The text from the input field
+     */
+    inputValue: string;
+    /**
+     * Members that can be selected
+     */
+    members: MentionMember[];
+    /**
+     * Function to be executed when a member is selected
+     */
+    onSelect: ({ fullMatch, member }: {
+        fullMatch: string;
+        member: MentionMember;
+    }) => void;
+    /**
+     * Alignment of the popup
+     */
+    popupAlignment: MentionFinderPopupAlignment;
+};
+declare const MentionFinder: FC<MentionFinderProps>;
+export default MentionFinder;

package/lib/types/components/mention-finder/MentionFinder.styles.d.ts

@@ -0,0 +1,10 @@
+import { MentionFinderPopupAlignment } from '../../constants/mentionFinder';
+import type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';
+export declare const StyledMentionFinder: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+type StyledMentionFinderPopupProps = WithTheme<{
+    $popupAlignment: MentionFinderPopupAlignment;
+}>;
+export declare const StyledMotionMentionFinderPopup: 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;
+}, StyledMentionFinderPopupProps>> & string & Omit<import("motion/react").ForwardRefComponent<HTMLDivElement, import("motion/react").HTMLMotionProps<"div">>, keyof import("react").Component<any, {}, any>>;
+export {};

package/lib/types/components/mention-finder/mention-finder-item/MentionFinderItem.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import type { MentionMember } from '../MentionFinder';
+export type MentionFinderItemProps = {
+    isActive: boolean;
+    member: MentionMember;
+    onClick: (member: MentionMember) => void;
+    onHover: (member: MentionMember) => void;
+};
+declare const MentionFinderItem: FC<MentionFinderItemProps>;
+export default MentionFinderItem;

package/lib/types/components/mention-finder/mention-finder-item/MentionFinderItem.styles.d.ts

@@ -0,0 +1,13 @@
+import type { WithTheme } from '../../color-scheme-provider/ColorSchemeProvider';
+type StyledMentionFinderItemProps = WithTheme<{
+    $isActive: boolean;
+}>;
+export declare const StyledMentionFinderItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledMentionFinderItemProps>> & string;
+type StyledMentionFinderItemImageProps = WithTheme<{
+    $shouldShowRoundImage?: boolean;
+}>;
+export declare const StyledMentionFinderItemImage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, StyledMentionFinderItemImageProps>> & string;
+export declare const StyledMentionFinderItemContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledMentionFinderItemContentName: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledMentionFinderItemContentInfo: 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/number-input/NumberInput.d.ts

@@ -0,0 +1,62 @@
+import { FC } from 'react';
+export type NumberInputProps = {
+    /**
+     * Applies rules for decimal input.
+     * Enables the user to input one zero as number before the comma
+     */
+    isDecimalInput?: boolean;
+    /**
+     * Whether the input is disabled
+     */
+    isDisabled?: boolean;
+    /**
+     * Whether the value is invalid.
+     */
+    isInvalid?: boolean;
+    /**
+     * Applies rules for money input.
+     * Rules: only two decimal places, one zero before the comma
+     */
+    isMoneyInput?: boolean;
+    /**
+     * Whether the value should be formatted as a time.
+     */
+    isTimeInput?: boolean;
+    /**
+     * Limits the number to this value
+     */
+    maxNumber?: number;
+    /**
+     * Limits the number to this value
+     */
+    minNumber?: number;
+    /**
+     * Callback function that is called when the input gets out of focus
+     */
+    onBlur?: (newNumber: number | string | null, isInvalid: boolean) => void;
+    /**
+     * Callback function that is called when the input changes
+     * It will pass the text from the input
+     */
+    onChange?: (newValue: string) => void;
+    /**
+     * Placeholder for the input field
+     */
+    placeholder?: string;
+    /**
+     * Whether only the bottom border should be displayed
+     */
+    shouldShowOnlyBottomBorder?: boolean;
+    /**
+     * Whether the onChange function should be triggert when the value is formatted on the focus or blur
+     */
+    shouldTriggerChangeOnFormat?: boolean;
+    /**
+     * The value, that should be displayed in the input, when it is in focus.
+     * You can also pass a stringified number as default value.
+     * NOTE: If you pass a stringified number, it will be formatted to the selected format
+     */
+    value?: string;
+};
+declare const NumberInput: FC<NumberInputProps>;
+export default NumberInput;

package/lib/types/components/page-provider/PageProvider.d.ts

@@ -0,0 +1,14 @@
+import { FC } from 'react';
+import { type ColorSchemeProviderProps } from '../color-scheme-provider/ColorSchemeProvider';
+interface PageProviderProps extends ColorSchemeProviderProps {
+    /**
+     * Whether the padding should be removed.
+     */
+    shouldRemovePadding?: boolean;
+    /**
+     * Whether the usable height should be used.
+     */
+    shouldUseUsableHeight?: boolean;
+}
+declare const PageProvider: FC<PageProviderProps>;
+export default PageProvider;

package/lib/types/components/page-provider/PageProvider.styles.d.ts

@@ -0,0 +1,7 @@
+import type { CSSProperties } from 'react';
+type StyledPageProviderProps = {
+    $shouldUsePadding?: boolean;
+    $usableHeight?: CSSProperties['height'];
+};
+export declare const StyledPageProvider: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledPageProviderProps>> & string;
+export {};

package/lib/types/components/popup/Popup.d.ts

@@ -0,0 +1,54 @@
+import React, { ReactNode } from 'react';
+import { PopupAlignment, PopupRef } from '../../types/popup';
+export type PopupProps = {
+    /**
+     * The alignment of the popup. By default, the popup will calculate the best alignment.
+     */
+    alignment?: PopupAlignment;
+    /**
+     * The element over which the content of the `ContextMenu` should be displayed.
+     */
+    children?: ReactNode;
+    /**
+     * The element where the content of the `Popup` should be rendered via React Portal.
+     */
+    container?: Element;
+    /**
+     * The content that should be displayed inside the popup.
+     */
+    content: ReactNode;
+    /**
+     * Function to be executed when the content of the Context menu has been hidden.
+     */
+    onHide?: VoidFunction;
+    /**
+     * Function to be executed when the content of the Context menu has been shown.
+     */
+    onShow?: VoidFunction;
+    /**
+     * Whether the tooltip should be hidden after the children is not hovered.
+     */
+    shouldHideOnChildrenLeave?: boolean;
+    /**
+     * Whether the popup should scroll with the content.
+     */
+    shouldScrollWithContent?: boolean;
+    /**
+     * Whether the popup should be opened on hover. If not, the popup will be opened on click.
+     */
+    shouldShowOnHover?: boolean;
+    /**
+     * Whether the width of the children should be used.
+     */
+    shouldUseChildrenWidth?: boolean;
+    /**
+     * Whether the popup children should use the full width.
+     */
+    shouldUseFullWidth?: boolean;
+    /**
+     * The Y offset of the popup to the children.
+     */
+    yOffset?: number;
+};
+declare const Popup: React.ForwardRefExoticComponent<PopupProps & React.RefAttributes<PopupRef>>;
+export default Popup;

package/lib/types/components/popup/Popup.styles.d.ts

@@ -0,0 +1,10 @@
+import type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';
+type StyledPopupProps = WithTheme<{
+    $shouldUseChildrenWidth: boolean;
+    $shouldUseFullWidth: boolean;
+}>;
+export declare const StyledPopup: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, StyledPopupProps>> & string;
+export declare const StyledPopupPseudo: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $menuHeight: number;
+}>> & string;
+export {};

package/lib/types/components/popup/popup-content/PopupContent.d.ts

@@ -0,0 +1,12 @@
+import React, { type ReactNode } from 'react';
+type PopupContentProps = {
+    /**
+     * The elements that should be displayed inside the popup content.
+     */
+    children?: ReactNode;
+};
+declare const PopupContent: {
+    ({ children }: PopupContentProps): React.JSX.Element;
+    displayName: string;
+};
+export default PopupContent;

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

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