@televet/kibble-ui 4.0.0-beta.1 → 4.0.0-beta.10

package/dist/types/components/Tabs/tabs.recipe.d.ts

@@ -0,0 +1,9 @@
+import { SystemStyleObject } from '@chakra-ui/react/styled-system';
+type TabSlot = "root" | "list" | "trigger" | "content";
+type TabSlotStyles = {
+    [key in TabSlot]?: SystemStyleObject;
+};
+export declare const tabsRecipe: import('@chakra-ui/react').SlotRecipeDefinition<TabSlot, {
+    size: Record<"xs" | "sm" | "md" | "lg", TabSlotStyles>;
+}>;
+export {};

package/dist/types/components/Tabs.d.ts

@@ -0,0 +1,2 @@
+export * from './Tabs/index'
+export {}

package/dist/types/components/Tag/index.d.ts

@@ -0,0 +1,2 @@
+export * from './tag.component';
+export * from './tag.types';

package/dist/types/components/Tag/tag.component.d.ts

@@ -0,0 +1,24 @@
+import { default as React } from 'react';
+import { Tag as CTag } from '@chakra-ui/react/tag';
+import { CloseButtonDisplay, TagSize } from './tag.types';
+import { Status } from '../../shared/types/status';
+export interface BaseTagProps extends Omit<CTag.RootProps, "children"> {
+    leftElement?: React.ReactNode;
+    rightElement?: React.ReactNode;
+    label: string;
+    closeButtonDisplay?: CloseButtonDisplay;
+    size?: TagSize;
+    onClose?: React.MouseEventHandler<HTMLButtonElement>;
+    variant?: Status;
+}
+interface ClosableTagProps extends BaseTagProps {
+    closeButtonDisplay: "always" | "hover";
+    onClose: React.MouseEventHandler<HTMLButtonElement>;
+}
+interface NonClosableTagProps extends BaseTagProps {
+    closeButtonDisplay?: "never";
+    onClose?: never;
+}
+export type TagProps = ClosableTagProps | NonClosableTagProps;
+export declare const Tag: React.ForwardRefExoticComponent<TagProps & React.RefAttributes<HTMLSpanElement>>;
+export {};

package/dist/types/components/Tag/tag.recipe.d.ts

@@ -0,0 +1,11 @@
+import { SystemStyleObject } from '@chakra-ui/react/styled-system';
+type TagSlot = "root" | "label" | "closeTrigger";
+type TagSlotStyles = {
+    [key in TagSlot]?: SystemStyleObject;
+};
+export declare const tagRecipe: import('@chakra-ui/react').SlotRecipeDefinition<TagSlot, {
+    size: Record<"sm" | "md" | "lg", TagSlotStyles>;
+    variant: Record<"default" | "info" | "success" | "warning" | "error", TagSlotStyles>;
+    closeButtonDisplay: Record<"hover" | "always" | "never", TagSlotStyles>;
+}>;
+export {};

package/dist/types/components/Tag/tag.records.d.ts

@@ -0,0 +1,2 @@
+import { TagSize } from './tag.types';
+export declare const tagPaddingBySize: Record<TagSize, number>;

package/dist/types/components/Tag/tag.types.d.ts

@@ -0,0 +1,6 @@
+import { Status } from '../../shared/types/status';
+export declare const tagSizes: readonly ["sm", "md", "lg"];
+export type TagSize = (typeof tagSizes)[number];
+export declare const closeButtonDisplays: readonly ["always", "never", "hover"];
+export type CloseButtonDisplay = (typeof closeButtonDisplays)[number];
+export type TagVariant = Status;

package/dist/types/components/Tag.d.ts

@@ -0,0 +1,2 @@
+export * from './Tag/index'
+export {}

package/dist/types/components/Text/index.d.ts

@@ -0,0 +1,2 @@
+export * from './text.component';
+export * from './text.types';

package/dist/types/components/Text/text.component.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+import { TextProps as CTextProps } from '@chakra-ui/react/typography';
+import { WithTruncationProps } from '../../hocs/withTruncation';
+import { TextSize } from './text.types';
+import { TypographyVariant } from '../../shared/types/typography';
+export interface KTextProps extends WithTruncationProps {
+    size?: TextSize;
+    variant?: TypographyVariant;
+}
+export type TextProps = KTextProps & CTextProps;
+declare const WrappedText: React.FC<TextProps>;
+export { WrappedText as Text };

package/dist/types/components/Text/text.recipe.d.ts

@@ -0,0 +1,9 @@
+import { SystemStyleObject } from '@chakra-ui/react';
+import { TextSize } from './text.types';
+export declare const textSizeStyles: Record<TextSize, SystemStyleObject>;
+export declare const textLineHeight = "150%";
+export declare const textRecipe: import('@chakra-ui/react').RecipeDefinition<{
+    variant: Record<"accent" | "accentSubtle" | "brand" | "brandOnContrast" | "danger" | "dangerOnContrast" | "default" | "info" | "interactive" | "interactiveOnContrast" | "onContrast" | "placeholder" | "placeholderOnContrast" | "subtle" | "subtleOnContrast" | "success" | "warning", SystemStyleObject>;
+    size: Record<TextSize, SystemStyleObject>;
+    fontWeight: Record<import('../../theme/tokens').FontWeight, SystemStyleObject>;
+}>;

package/dist/types/components/Text/text.records.d.ts

@@ -0,0 +1,2 @@
+import { TextSize } from './text.types';
+export declare const textSizes: TextSize[];

package/dist/types/components/Text/text.types.d.ts

@@ -0,0 +1,2 @@
+import { FontSize } from '../../theme/tokens/typography';
+export type TextSize = Exclude<FontSize, "7xl" | "8xl" | "9xl">;

package/dist/types/components/Text.d.ts

@@ -0,0 +1,2 @@
+export * from './Text/index'
+export {}

package/dist/types/components/TextInput/index.d.ts

@@ -0,0 +1 @@
+export * from './textInput.component';

package/dist/types/components/TextInput/textInput.component.d.ts

@@ -0,0 +1,26 @@
+import { default as React, ForwardedRef } from 'react';
+import { WithFormControlProps } from '../../hocs/withFormControl/withFormControl';
+import { InputProps as CInputProps } from '@chakra-ui/react/input';
+import { FormControlSize } from '../../hocs/withFormControl/withFormControl.types';
+export interface TextInputBaseProps extends WithFormControlProps {
+    charLimit?: number;
+    inputRef?: ForwardedRef<HTMLInputElement>;
+    onContrast?: boolean;
+    leftAddon?: React.ReactNode;
+    leftElement?: React.ReactNode;
+    rightAddon?: React.ReactNode;
+    rightElement?: React.ReactNode;
+    size?: FormControlSize;
+}
+export interface DefaultTextInputProps extends TextInputBaseProps {
+    clearable?: never;
+    onClear?: never;
+}
+export interface ClearableTextInputProps extends TextInputBaseProps {
+    clearable?: boolean;
+    onClear?: (val: string | number | readonly string[]) => void;
+}
+export type KTextInputProps = DefaultTextInputProps | ClearableTextInputProps;
+export type TextInputProps = KTextInputProps & CInputProps;
+declare const WrappedTextInput: React.ForwardRefExoticComponent<TextInputProps & React.RefAttributes<HTMLInputElement>>;
+export { WrappedTextInput as TextInput };

package/dist/types/components/TextInput/textInput.records.d.ts

@@ -0,0 +1,3 @@
+import { ButtonSize } from '../Button/button.types';
+import { FormControlSize } from '../../hocs/withFormControl/withFormControl.types';
+export declare const closeButtonSizeMap: Record<FormControlSize, ButtonSize>;

package/dist/types/components/TextInput.d.ts

@@ -0,0 +1,2 @@
+export * from './TextInput/index'
+export {}

package/dist/types/components/Textarea/index.d.ts

@@ -0,0 +1 @@
+export * from './textarea.component';

package/dist/types/components/Textarea/textarea.component.d.ts

@@ -0,0 +1,11 @@
+import { default as React, ForwardedRef } from 'react';
+import { TextareaProps as CTextareaProps } from '@chakra-ui/react/textarea';
+import { FormControlSize } from '../../hocs/withFormControl/withFormControl.types';
+import { WithFormControlProps } from '../../hocs/withFormControl/withFormControl';
+export interface TextareaProps extends WithFormControlProps, CTextareaProps {
+    charLimit?: number;
+    textareaRef?: ForwardedRef<HTMLTextAreaElement>;
+    size?: FormControlSize;
+}
+declare const WrappedTextArea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
+export { WrappedTextArea as Textarea };

package/dist/types/components/Textarea.d.ts

@@ -0,0 +1,2 @@
+export * from './Textarea/index'
+export {}

package/dist/types/components/TimePicker/components/TimeList/timeList.component.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+interface ScrollContainerProps {
+    options: string[];
+    optionType: "hour" | "minute" | "meridiem";
+    selectedValue?: string;
+    onClick: (value: string) => void;
+    open: boolean;
+}
+export declare const TimeList: ({ options, optionType, selectedValue, onClick, open, }: ScrollContainerProps) => React.JSX.Element;
+export {};

package/dist/types/components/TimePicker/components/TimeOption/timeOption.component.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+interface TimeOptionProps {
+    innerRef?: React.RefObject<HTMLDivElement | null> | null;
+    onClick: (selectedValue: string) => void;
+    selected: boolean;
+    value: string;
+}
+export declare const TimeOption: ({ value, innerRef, onClick, selected, }: TimeOptionProps) => React.JSX.Element;
+export {};

package/dist/types/components/TimePicker/components/TimeOption/timeOption.recipe.d.ts

@@ -0,0 +1,18 @@
+export declare const timeOptionRecipe: import('@chakra-ui/react').RecipeDefinition<{
+    selected: {
+        true: {
+            background: "background.secondary";
+            color: "text.contrast";
+            _hover: {
+                background: "background.secondary.hover";
+            };
+        };
+        false: {
+            background: "background";
+            color: "text.subtle";
+            _hover: {
+                background: "background.secondaryAlpha.hover";
+            };
+        };
+    };
+}>;

package/dist/types/components/TimePicker/index.d.ts

@@ -0,0 +1,2 @@
+export * from './timePicker.component';
+export * from './timePicker.types';

package/dist/types/components/TimePicker/timePicker.component.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { TextInputProps } from '../TextInput/textInput.component';
+import { Placement } from '../../shared/types/placement';
+export interface TimePickerProps {
+    initialTime?: Date;
+    inputProps?: Omit<TextInputProps, "onChange" | "value" | "isClearable" | "onClear">;
+    minuteInterval?: number;
+    onTimeChange?: (time: Date) => void;
+    placement?: Placement;
+}
+export declare const TimePicker: ({ initialTime, inputProps, minuteInterval, onTimeChange, placement, }: TimePickerProps) => React.JSX.Element;

package/dist/types/components/TimePicker/timePicker.recipe.d.ts

@@ -0,0 +1 @@
+export declare const timePickerRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"list" | "trigger" | "container", import('@chakra-ui/react').SlotRecipeVariantRecord<"list" | "trigger" | "container">>;

package/dist/types/components/TimePicker/timePicker.types.d.ts

@@ -0,0 +1,4 @@
+export declare enum Meridiem {
+    AM = "AM",
+    PM = "PM"
+}

package/dist/types/components/TimePicker.d.ts

@@ -0,0 +1,2 @@
+export * from './TimePicker/index'
+export {}

package/dist/types/components/TimeRange/index.d.ts

@@ -0,0 +1 @@
+export * from './timeRange.component';

package/dist/types/components/TimeRange/timeRange.component.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { FlexProps } from '@chakra-ui/react/flex';
+import { TimePickerProps } from '../TimePicker/timePicker.component';
+export interface TimeRangeProps extends FlexProps {
+    separator?: React.ReactNode;
+    endTimePickerProps: TimePickerProps;
+    startTimePickerProps: TimePickerProps;
+}
+export declare const TimeRange: ({ endTimePickerProps, separator, startTimePickerProps, ...rest }: TimeRangeProps) => React.JSX.Element;

package/dist/types/components/TimeRange.d.ts

@@ -0,0 +1,2 @@
+export * from './TimeRange/index'
+export {}

package/dist/types/components/Tooltip/index.d.ts

@@ -0,0 +1 @@
+export * from './tooltip.component';

package/dist/types/components/Tooltip/tooltip.component.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { Tooltip as CTooltip } from '@chakra-ui/react/tooltip';
+import { Placement } from '../../shared/types/placement';
+export interface TooltipProps extends CTooltip.RootProps {
+    label: string;
+    placement?: Placement;
+    portalled?: boolean;
+}
+export declare const Tooltip: React.ForwardRefExoticComponent<TooltipProps & React.RefAttributes<HTMLDivElement>>;

package/dist/types/components/Tooltip.d.ts

@@ -0,0 +1,2 @@
+export * from './Tooltip/index'
+export {}

package/dist/types/components/index.d.ts

@@ -0,0 +1,33 @@
+export * from './Alert';
+export * from './Avatar';
+export * from './AvatarGroup';
+export * from './Button';
+export * from './ButtonGroup';
+export * from './Card';
+export * from './CharacterCounter';
+export * from './Checkbox';
+export * from './CheckboxGroup';
+export * from './Heading';
+export * from './Icon';
+export * from './Link';
+export * from './Menu';
+export * from './Modal';
+export * from './NotificationCounter';
+export * from './Picture';
+export * from './Popover';
+export * from './RadioGroup';
+export * from './RatingDots';
+export * from './Select';
+export * from './SortableList';
+export * from './Spinner';
+export * from './Swatch';
+export * from './Switch';
+export * from './Tabs';
+export * from './Tag';
+export * from './Text';
+export * from './TextInput';
+export * from './Textarea';
+export * from './TimePicker';
+export * from './TimeRange';
+export * from './Tooltip';
+export * from './DatePicker';

package/dist/types/components.d.ts

@@ -0,0 +1,2 @@
+export * from './components/index'
+export {}

package/dist/types/hocs/index.d.ts

@@ -0,0 +1,2 @@
+export * from './withDarkMode';
+export * from './withLightMode';

package/dist/types/hocs/withDarkMode/index.d.ts

@@ -0,0 +1,2 @@
+import { default as React } from 'react';
+export declare const withDarkMode: (children: React.ReactNode) => React.JSX.Element;

package/dist/types/hocs/withFormControl/withFormControl.argTypes.d.ts

@@ -0,0 +1,3 @@
+import { KibbleArgTypes } from '../../shared/types/storybook';
+import { WithFormControlProps } from './withFormControl';
+export declare const withFormControlArgTypes: KibbleArgTypes<WithFormControlProps>;

package/dist/types/hocs/withFormControl/withFormControl.d.ts

@@ -0,0 +1,24 @@
+import { default as React } from 'react';
+import { FormControlLabelPosition, FormControlSize } from './withFormControl.types';
+import { SystemStyleObject } from '@chakra-ui/react/styled-system';
+import { TypographyVariant } from '../../shared/types/typography';
+export interface WithFormControlProps {
+    disabled?: boolean;
+    errorText?: string;
+    formControlStyle?: SystemStyleObject;
+    helperText?: string;
+    inlineField?: boolean;
+    invalid?: boolean;
+    invalidIconColor?: TypographyVariant;
+    label?: string | React.ReactNode;
+    labelPosition?: FormControlLabelPosition;
+    labelStyle?: SystemStyleObject;
+    onContrast?: boolean;
+    readOnly?: boolean;
+    required?: boolean;
+    showRequiredElement?: boolean;
+    size?: FormControlSize;
+    useInvalidIcon?: boolean;
+    useInvalidText?: boolean;
+}
+export declare const withFormControl: <P extends WithFormControlProps>(Component: React.ComponentType<P>) => React.FC<P>;

package/dist/types/hocs/withFormControl/withFormControl.recipe.d.ts

@@ -0,0 +1,12 @@
+import { SystemStyleObject } from '@chakra-ui/react/styled-system';
+import { FormControlSize, FormVariant } from './withFormControl.types';
+export declare const focusStyle: Record<FormVariant, SystemStyleObject>;
+export declare const getFieldStyles: (variant: FormVariant) => SystemStyleObject;
+export declare const fieldSizeStyles: Record<FormControlSize, SystemStyleObject>;
+export declare const fieldRecipe: import('@chakra-ui/react').RecipeDefinition<{
+    variant: {
+        default: SystemStyleObject;
+        onContrast: SystemStyleObject;
+    };
+    size: Record<"sm" | "md" | "lg", SystemStyleObject>;
+}>;

package/dist/types/hocs/withFormControl/withFormControl.records.d.ts

@@ -0,0 +1,2 @@
+import { FormControlSize } from './withFormControl.types';
+export declare const optionalTextSizeMap: Record<FormControlSize, number>;

package/dist/types/hocs/withFormControl/withFormControl.types.d.ts

@@ -0,0 +1,5 @@
+export declare const formControlLabelPositions: readonly ["start", "end"];
+export type FormControlLabelPosition = (typeof formControlLabelPositions)[number];
+export declare const formControlSizes: readonly ["sm", "md", "lg"];
+export type FormControlSize = (typeof formControlSizes)[number];
+export type FormVariant = "default" | "onContrast";

package/dist/types/hocs/withLightMode/index.d.ts

@@ -0,0 +1,2 @@
+import { default as React } from 'react';
+export declare const withLightMode: (children: React.ReactNode) => React.JSX.Element;

package/dist/types/hocs/withTruncation.d.ts

@@ -0,0 +1,9 @@
+import { default as React, ReactNode } from 'react';
+import { TooltipProps } from '../components/Tooltip';
+export interface WithTruncationProps {
+    truncated?: boolean;
+    noOfLines?: number;
+    tooltipProps?: Omit<TooltipProps, "disabled">;
+    children?: ReactNode | string;
+}
+export declare const withTruncation: <P extends WithTruncationProps>(Component: React.ComponentType<P>) => React.FC<P>;

package/dist/types/hocs.d.ts

@@ -0,0 +1,2 @@
+export * from './hocs/index'
+export {}

package/dist/types/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useColorMode';
+export * from './useColorModeValue';

package/dist/types/hooks/useColorMode/index.d.ts

@@ -0,0 +1,8 @@
+import { ColorMode } from '../../shared/types/theme';
+export interface UseColorModeReturn {
+    colorMode: ColorMode;
+    setColorMode: (colorMode: ColorMode) => void;
+    toggleColorMode: () => void;
+    forcedTheme?: ColorMode;
+}
+export declare const useColorMode: () => UseColorModeReturn;

package/dist/types/hooks/useColorModeValue/index.d.ts

@@ -0,0 +1 @@
+export declare const useColorModeValue: <T>(light: T, dark: T) => T;

package/dist/types/hooks/useDebounce.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Debounce hook for delaying the execution of a function until a certain amount of time has passed
+ * without any further calls.
+ *
+ * @param value The value to observe for changes.
+ * @param delay The debounce delay in milliseconds.
+ * @returns The debounced value.
+ */
+export declare const useDebounce: <T>(value: T, delay: number) => T;

package/dist/types/hooks/useIconTextSizeMap.d.ts

@@ -0,0 +1,3 @@
+import { IconSize } from '../components/Icon/icon.types';
+import { TextSize } from '../components/Text/text.types';
+export declare const useIconTextSizeMap: (textSize: TextSize) => IconSize;

package/dist/types/hooks.d.ts

@@ -0,0 +1,2 @@
+export * from './hooks/index'
+export {}

package/dist/types/index.d.ts

@@ -0,0 +1,3 @@
+export * from './components';
+export * from './hooks';
+export * from './theme';

package/dist/types/patterns/ConversationCard/components/ConversationCardAvatarGroup/conversationCardAvatarGroup.component.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+export interface ConversationCardAvatarGroupProps {
+    avatars: React.ReactNode[];
+    max?: number;
+    onAvatarGroupClick?: (e: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void;
+    tooltipLabel?: string;
+}
+export declare const ConversationCardAvatarGroup: ({ avatars, max, onAvatarGroupClick, tooltipLabel, }: ConversationCardAvatarGroupProps) => React.JSX.Element;

package/dist/types/patterns/ConversationCard/components/ConversationCardButtons/conversationCardButtons.component.d.ts

@@ -0,0 +1,21 @@
+import { default as React } from 'react';
+import { MenuProps } from '../../../../components/Menu';
+export interface ConversationCardOverlayProps {
+    isOpenInOverlay?: boolean;
+    onOpenInOverlay: () => void;
+}
+export interface ConversationCardPinProps {
+    isPinned?: boolean;
+    onTogglePin: (isPinned: boolean) => void;
+}
+export interface ConversationCardButtonsProps {
+    overlayProps?: ConversationCardOverlayProps;
+    pinProps?: ConversationCardPinProps;
+    headerMenuProps?: MenuProps;
+}
+interface ConversationCardButtonsComponentProps extends ConversationCardButtonsProps {
+    isHovering: boolean;
+    setIsHovering: (isHovering: boolean) => void;
+}
+export declare const ConversationCardButtons: ({ overlayProps, pinProps, headerMenuProps, isHovering, setIsHovering, }: ConversationCardButtonsComponentProps) => React.JSX.Element;
+export {};

package/dist/types/patterns/ConversationCard/components/ConversationCardContent/conversationCardContent.component.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { TextProps } from '../../../../components/Text/text.component';
+export interface ConversationCardContentProps {
+    content?: React.ReactNode;
+    contentProps?: Omit<TextProps, "children">;
+    contentMenu?: React.ReactNode;
+}
+export declare const ConversationCardContent: ({ contentMenu, content, contentProps, }: ConversationCardContentProps) => React.JSX.Element;

package/dist/types/patterns/ConversationCard/components/ConversationCardFooter/conversationCardFooter.component.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { IconProps } from '../../../../components/Icon/icon.component';
+import { TextProps } from '../../../../components/Text/text.component';
+export interface ConversationCardFooterProps {
+    iconProps?: IconProps;
+    content: React.ReactNode;
+    contentProps?: Omit<TextProps, "children">;
+}
+export declare const ConversationCardFooter: ({ iconProps, content, contentProps, }: ConversationCardFooterProps) => React.JSX.Element;

package/dist/types/patterns/ConversationCard/components/ConversationCardHeader/conversationCardHeader.component.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+import { TimestampProps } from '../../../Timestamp/timestamp.component';
+import { ConversationCardAvatarGroupProps } from '../ConversationCardAvatarGroup/conversationCardAvatarGroup.component';
+export interface ConversationCardHeaderProps {
+    avatarGroupProps?: ConversationCardAvatarGroupProps;
+    showNotificationIndicator?: boolean;
+    isCardPinned?: boolean;
+    isHoveringCard?: boolean;
+    subtitle?: string;
+    timestampProps: TimestampProps;
+    title: string;
+}
+export declare const ConversationCardHeader: ({ avatarGroupProps, timestampProps, isHoveringCard, isCardPinned, title, showNotificationIndicator, subtitle, }: ConversationCardHeaderProps) => React.JSX.Element;

package/dist/types/patterns/ConversationCard/components/ConversationCardTags/conversationCardTags.component.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { TagProps } from '../../../../components/Tag/tag.component';
+export type ConversationCardTag = TagProps & {
+    tooltipContent?: string;
+};
+export interface ConversationCardTagsProps {
+    tags: ConversationCardTag[];
+}
+export declare const ConversationCardTags: ({ tags, }: ConversationCardTagsProps) => React.JSX.Element;

package/dist/types/patterns/ConversationCard/conversationCard.component.d.ts

@@ -0,0 +1,23 @@
+import { default as React } from 'react';
+import { MenuProps } from '../../components/Menu/menu.component';
+import { ConversationCardHeaderProps } from './components/ConversationCardHeader/conversationCardHeader.component';
+import { ConversationCardOverlayProps, ConversationCardPinProps } from './components/ConversationCardButtons/conversationCardButtons.component';
+import { ConversationCardTag } from './components/ConversationCardTags/conversationCardTags.component';
+import { ConversationCardFooterProps } from './components/ConversationCardFooter/conversationCardFooter.component';
+import { ConversationCardContentProps } from './components/ConversationCardContent/conversationCardContent.component';
+import { ConversationCardAvatarGroupProps } from './components/ConversationCardAvatarGroup/conversationCardAvatarGroup.component';
+export interface ConversationCardProps extends ConversationCardContentProps {
+    allowHoverActions?: boolean;
+    avatarGroupProps?: ConversationCardAvatarGroupProps;
+    footerProps?: ConversationCardFooterProps;
+    headerMenuProps?: MenuProps;
+    headerProps: ConversationCardHeaderProps;
+    active?: boolean;
+    onClick?: () => void;
+    overlayProps?: ConversationCardOverlayProps;
+    pinProps?: ConversationCardPinProps;
+    shouldPreservePosition?: boolean;
+    showNotificationIndicator?: boolean;
+    tags?: ConversationCardTag[];
+}
+export declare const ConversationCard: ({ allowHoverActions, avatarGroupProps, content, contentProps, contentMenu, footerProps, headerMenuProps, headerProps, active, onClick, overlayProps, pinProps, shouldPreservePosition, showNotificationIndicator, tags, }: ConversationCardProps) => React.JSX.Element;

package/dist/types/patterns/ConversationCard/index.d.ts

@@ -0,0 +1 @@
+export * from './conversationCard.component';

package/dist/types/patterns/ConversationCard.d.ts

@@ -0,0 +1,2 @@
+export * from './ConversationCard/index'
+export {}

package/dist/types/patterns/StyledAvatar/index.d.ts

@@ -0,0 +1,2 @@
+export * from './styledAvatar.component';
+export * from './styledAvatar.types';

package/dist/types/patterns/StyledAvatar/styledAvatar.component.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { AvatarProps } from '../../components/Avatar/avatar.component';
+import { StyledAvatarType } from './styledAvatar.types';
+export interface StyledAvatarProps extends AvatarProps {
+    type?: StyledAvatarType;
+}
+export declare const StyledAvatar: ({ type, ...rest }: StyledAvatarProps) => React.JSX.Element;

package/dist/types/patterns/StyledAvatar/styledAvatar.types.d.ts

@@ -0,0 +1,2 @@
+export declare const styledAvatarTypes: readonly ["Client", "SMS", "TestClient", "Automated", "Clinic"];
+export type StyledAvatarType = (typeof styledAvatarTypes)[number];

package/dist/types/patterns/StyledAvatar.d.ts

@@ -0,0 +1,2 @@
+export * from './StyledAvatar/index'
+export {}

package/dist/types/patterns/TagBlock/index.d.ts

@@ -0,0 +1,2 @@
+export * from './tagBlock.component';
+export * from './tagBlock.types';

package/dist/types/patterns/TagBlock/tagBlock.component.d.ts

@@ -0,0 +1,25 @@
+import { default as React } from 'react';
+import { MenuProps } from '../../components/Menu/menu.component';
+import { TagBlockTag } from './tagBlock.types';
+interface BaseTagBlockProps {
+    displayTagsInGroups?: boolean;
+    errorText?: string;
+    hasError?: boolean;
+    loading?: boolean;
+    menuProps?: MenuProps;
+    onClearAll?: () => void;
+    onRemoveTag?: (tag: string, selectedTags: TagBlockTag[]) => void;
+    tags: TagBlockTag[];
+    title?: string;
+}
+interface DefaultTagBlockProps extends BaseTagBlockProps {
+    canBeDeleted?: false;
+    onDelete?: never;
+}
+interface DeletableTagBlockProps extends BaseTagBlockProps {
+    canBeDeleted: true;
+    onDelete: () => void;
+}
+export type TagBlockProps = DefaultTagBlockProps | DeletableTagBlockProps;
+export declare const TagBlock: ({ title, menuProps, tags, canBeDeleted, onClearAll, onRemoveTag, onDelete, hasError, errorText, displayTagsInGroups, loading, }: TagBlockProps) => React.JSX.Element;
+export {};