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

package/lib/types/components/input/Input.d.ts

@@ -0,0 +1,98 @@
+import React, { ChangeEventHandler, FocusEventHandler, HTMLInputTypeAttribute, KeyboardEventHandler, ReactNode, type ReactElement } from 'react';
+export type InputRef = {
+    focus: VoidFunction;
+    blur: VoidFunction;
+};
+type InputMode = 'email' | 'search' | 'tel' | 'text' | 'url' | 'none' | 'numeric' | 'decimal' | undefined;
+export declare enum InputSize {
+    Small = "small",
+    Medium = "medium"
+}
+export type InputProps = {
+    /**
+     * An element to be displayed on the left side of the input field
+     */
+    leftElement?: ReactNode;
+    /**
+     * The id of the input
+     */
+    id?: string;
+    /**
+     * Defines the input mode of the input
+     */
+    inputMode?: InputMode;
+    /**
+     * Disables the input so that it cannot be changed anymore
+     */
+    isDisabled?: boolean;
+    /**
+     * If true, the input field is marked as invalid
+     */
+    isInvalid?: boolean;
+    /**
+     * Function that is executed when the input field loses focus
+     */
+    onBlur?: FocusEventHandler<HTMLInputElement>;
+    /**
+     * Function that is executed when the text of the input changes
+     */
+    onChange?: ChangeEventHandler<HTMLInputElement>;
+    /**
+     * Function that is executed when the input field is focused
+     */
+    onFocus?: FocusEventHandler<HTMLInputElement>;
+    /**
+     * Function that is executed when content is pasted into the input field
+     */
+    onPaste?: (event: React.ClipboardEvent<HTMLInputElement>) => void;
+    /**
+     * Function that is executed when a letter is pressed
+     */
+    onKeyDown?: KeyboardEventHandler<HTMLInputElement>;
+    /**
+     * Placeholder for the input field
+     */
+    placeholder?: ReactNode;
+    /**
+     * An element that should be displayed on the right side of the Input.
+     */
+    rightElement?: ReactElement;
+    /**
+     * Whether the placeholder animation should be prevented.
+     */
+    shouldPreventPlaceholderAnimation?: boolean;
+    /**
+     * Whether the placeholder should remain at its position if a value is typed.
+     */
+    shouldRemainPlaceholder?: boolean;
+    /**
+     * Whether the content should be displayed centered inside the input.
+     */
+    shouldShowCenteredContent?: boolean;
+    /**
+     * If true, a clear icon is displayed at the end of the input field
+     */
+    shouldShowClearIcon?: boolean;
+    /**
+     * Whether only the bottom border should be displayed
+     */
+    shouldShowOnlyBottomBorder?: boolean;
+    /**
+     * If true, the input field is focused when the component is mounted
+     */
+    shouldUseAutoFocus?: boolean;
+    /**
+     * The size of the input field
+     */
+    size?: InputSize;
+    /**
+     * Input type set for input element (e.g. 'text', 'number' or 'password')
+     */
+    type?: HTMLInputTypeAttribute;
+    /**
+     * Value if the input field should be controlled
+     */
+    value?: string;
+};
+declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<InputRef>>;
+export default Input;

package/lib/types/components/input/Input.styles.d.ts

@@ -0,0 +1,44 @@
+import type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';
+import type { InputSize } from './Input';
+type StyledInputProps = WithTheme<{
+    $isDisabled?: boolean;
+}>;
+export declare const StyledInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledInputProps>> & string;
+type StyledInputContentWrapperProps = WithTheme<{
+    $shouldRoundRightCorners: boolean;
+    $shouldShowOnlyBottomBorder?: boolean;
+    $isInvalid?: boolean;
+    $shouldChangeColor: boolean;
+    $size: InputSize;
+}>;
+export declare const StyledInputContentWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledInputContentWrapperProps>> & string;
+type StyledInputContentProps = WithTheme<{
+    $shouldShowOnlyBottomBorder?: boolean;
+}>;
+export declare const StyledInputContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledInputContentProps>> & string;
+type StyledInputFieldProps = WithTheme<{
+    $isInvalid?: boolean;
+    $shouldShowCenteredContent: boolean;
+    $placeholderWidth: number;
+}>;
+export declare const StyledInputField: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, StyledInputFieldProps>> & string;
+export declare const StyledMotionInputLabelWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<Omit<import("motion/react").HTMLMotionProps<"label">, "ref"> & import("react").RefAttributes<HTMLLabelElement>, "ref"> & {
+    ref?: ((instance: HTMLLabelElement | 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<HTMLLabelElement> | null | undefined;
+}, never>> & string & Omit<import("motion/react").ForwardRefComponent<HTMLLabelElement, import("motion/react").HTMLMotionProps<"label">>, keyof import("react").Component<any, {}, any>>;
+export declare const StyledMotionInputElement: 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?: ((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;
+}, never>> & string & Omit<import("motion/react").ForwardRefComponent<HTMLDivElement, import("motion/react").HTMLMotionProps<"div">>, keyof import("react").Component<any, {}, any>>;
+type StyledInputLabelProps = WithTheme<{
+    $isInvalid?: boolean;
+}>;
+export declare const StyledInputLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, StyledInputLabelProps>> & string;
+type StyledMotionInputClearIconProps = WithTheme<{
+    $shouldShowOnlyBottomBorder?: boolean;
+    $size: InputSize;
+}>;
+export declare const StyledMotionInputClearIcon: 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;
+}, StyledMotionInputClearIconProps>> & string & Omit<import("motion/react").ForwardRefComponent<HTMLDivElement, import("motion/react").HTMLMotionProps<"div">>, keyof import("react").Component<any, {}, any>>;
+export declare const StyledInputIconWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledInputRightElement: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export {};

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

@@ -2,6 +2,7 @@ import React, { FC, ReactNode } from 'react';
 interface IListContext {
     incrementExpandableItemCount: () => () => void;
     isAnyItemExpandable: boolean;
+    isWrapped: boolean;
     openItemUuid: string | undefined;
     updateOpenItemUuid: (uuid: string, options?: {
         shouldOnlyOpen?: boolean;
@@ -13,6 +14,11 @@ 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,129 @@
+import { CSSProperties, FC, MouseEventHandler, ReactNode, TouchEventHandler } from 'react';
+import type { IListItemRightElements } from '../../../types/list';
+export type ListItemElements = [ReactNode, ...ReactNode[]];
+export type ListItemProps = {
+    /**
+     * The locationId of the care-of site.
+     */
+    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;
+    /**
+     * 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 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;
+    /**
+     * Whether the image or icon should be displayed in a round shape. This should be always 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;
+    /**
+     * 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;
+};
+declare const ListItem: FC<ListItemProps>;
+export default ListItem;

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

@@ -0,0 +1,15 @@
+import type { WithTheme } from '../../color-scheme-provider/ColorSchemeProvider';
+type StyledListItemProps = WithTheme<{
+    $isClickable: boolean;
+    $isOpen: boolean;
+    $isInAccordion: boolean;
+    $isWrapped: boolean;
+    $shouldHideIndicator: boolean;
+    $shouldForceBackground?: boolean;
+    $shouldShowSeparatorBelow: boolean;
+    $shouldHideBottomLine: boolean;
+}>;
+export declare const StyledMotionListItem: 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;
+}, StyledListItemProps>> & string & Omit<import("motion/react").ForwardRefComponent<HTMLDivElement, import("motion/react").HTMLMotionProps<"div">>, keyof import("react").Component<any, {}, any>>;
+export {};

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

@@ -0,0 +1,7 @@
+import { FC, ReactNode } from 'react';
+interface ListItemBodyProps {
+    children?: ReactNode;
+    id: string;
+}
+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,5 @@
+export declare const StyledMotionListItemBody: 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>>;

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,27 @@
+import { CSSProperties, FC, MouseEventHandler, ReactNode, TouchEventHandler } from 'react';
+import type { IListItemRightElements } from '../../../../types/list';
+type ListItemHeadProps = {
+    careOfLocationId?: number;
+    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;
+};
+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,50 @@
+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<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;
+}, StyledListItemHeadProps>> & string & Omit<import("motion/react").ForwardRefComponent<HTMLDivElement, import("motion/react").HTMLMotionProps<"div">>, keyof import("react").Component<any, {}, any>>;
+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 StyledMotionListItemHeadIndicator: 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>>;
+type StyledListItemHeadContentProps = {
+    $isIconOrImageGiven: boolean;
+    $isOpen: boolean;
+    $marginTop: number;
+};
+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 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<{
+    $isOpen: boolean;
+    $width: number;
+}>;
+export declare const StyledListItemHeadTitleText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<Omit<import("motion/react").HTMLMotionProps<"span">, "ref"> & import("react").RefAttributes<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;
+}, StyledListItemHeadTitleTextProps>> & string & Omit<import("motion/react").ForwardRefComponent<HTMLSpanElement, import("motion/react").HTMLMotionProps<"span">>, keyof import("react").Component<any, {}, any>>;
+type StyledListItemHeadTitleTextPseudoProps = WithTheme<{
+    $isOpen: boolean;
+}>;
+export declare const StyledListItemHeadTitleTextPseudo: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, StyledListItemHeadTitleTextPseudoProps>> & 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;
+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;
+type StyledListItemHeadSubtitleTextPseudoProps = WithTheme<{
+    $isOpen: boolean;
+}>;
+export declare const StyledListItemHeadSubtitleTextPseudo: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, StyledListItemHeadSubtitleTextPseudoProps>> & 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?: ((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 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/{components → types/components}/list/list-item/list-item-head/list-item-icon/ListItemIcon.d.ts

@@ -1,6 +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,11 @@
+import React, { CSSProperties } from 'react';
+type ListItemImageProps = {
+    careOfLocationId?: number;
+    imageBackground?: CSSProperties['background'];
+    images: string[];
+    shouldHideBackground: boolean;
+    shouldShowRoundImage: boolean;
+    shouldOpenImageOnClick: boolean;
+};
+declare const ListItemImage: React.FC<ListItemImageProps>;
+export default ListItemImage;

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

@@ -0,0 +1,25 @@
+import { CSSProperties } from 'react';
+import type { WithTheme } from '../../../../color-scheme-provider/ColorSchemeProvider';
+export declare const StyledListItemHeadImageWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+type StyledListItemHeadImageProps = WithTheme<{
+    $isHidden: boolean;
+    $shouldShowRoundImage?: boolean;
+    $background?: CSSProperties['background'];
+    $shouldHideBackground?: boolean;
+    $isSmall: boolean;
+}>;
+export declare const StyledListItemHeadImage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, StyledListItemHeadImageProps>> & string;
+export declare const StyledListImageWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export type StyledListImageWrapperImageProps = WithTheme<{
+    $isSecondImage?: boolean;
+    $isSmall: boolean;
+    $shouldHideBackground?: boolean;
+    $background?: CSSProperties['background'];
+}>;
+export declare const StyledListImageWrapperImage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, StyledListImageWrapperImageProps>> & string;
+type StyledCareOfImageProps = WithTheme<{
+    $shouldHideBackground?: boolean;
+    $background?: CSSProperties['background'];
+}>;
+export declare const StyledCareOfImage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, StyledCareOfImageProps>> & string;
+export {};

package/lib/types/components/list/list-item/list-item-head/list-item-right-elements/ListItemRightElements.d.ts

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

package/lib/types/components/list/list-item/list-item-head/list-item-right-elements/ListItemRightElements.styles.d.ts

@@ -0,0 +1,14 @@
+import type { CSSProperties } from 'react';
+export declare const StyledListItemRightElements: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledListItemRightElementsLeft: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledListItemRightElementsLeftPseudo: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+type StyledListItemRightElementsLeftTopProps = {
+    $alignment?: CSSProperties['justifyContent'];
+};
+export declare const StyledListItemRightElementsLeftTop: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledListItemRightElementsLeftTopProps>> & string;
+type StyledListItemRightElementsLeftBottomProps = {
+    $alignment?: CSSProperties['justifyContent'];
+};
+export declare const StyledListItemRightElementsLeftBottom: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledListItemRightElementsLeftBottomProps>> & string;
+export declare const StyledListItemRightElementsRight: 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?: ((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;
+}, 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 {};