@televet/kibble-ui 4.0.0-beta.129 → 4.0.0-beta.13

package/dist/types/components/SortableList/components/SortableListItem/sortableListItem.component.d.ts

@@ -7,7 +7,7 @@ export interface SortableListItemProps {
 }
 interface InternalSortableListItemProps extends SortableListItemProps {
     hideHandle?: boolean;
-    itemProps?: Omit<List.ItemProps, 'id' | 'content'>;
+    itemProps?: Omit<List.ItemProps, "id" | "content">;
 }
 export declare const SortableListItem: ({ content, hideHandle, id, itemProps, }: InternalSortableListItemProps) => React.JSX.Element;
 export {};

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

@@ -1,2 +1 @@
-export { type SortableListItemProps } from './components/SortableListItem/sortableListItem.component';
 export * from './sortableList.component';

package/dist/types/components/SortableList/sortableList.component.d.ts

@@ -1,10 +1,10 @@
 import { default as React } from 'react';
 import { List } from '@chakra-ui/react/list';
 import { SortableListItemProps } from './components/SortableListItem/sortableListItem.component';
-export interface SortableListProps extends Omit<List.RootProps, 'onChange'> {
+export interface SortableListProps extends Omit<List.RootProps, "onChange"> {
     hideHandle?: boolean;
     items: SortableListItemProps[];
-    itemsProps?: Omit<List.ItemProps, 'id' | 'content'>;
+    itemsProps?: Omit<List.ItemProps, "id" | "content">;
     onChange(items: SortableListItemProps[]): void;
 }
 export declare const SortableList: ({ hideHandle, items, itemsProps, onChange, ...rest }: SortableListProps) => React.JSX.Element;

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

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

package/dist/types/components/Spinner/spinner.component.d.ts

@@ -7,7 +7,7 @@ export interface SpinnerProps {
     backdropColor?: SemanticBackgroundColorToken;
     fullScreen?: boolean;
     label?: string;
-    labelProps?: Omit<TextProps, 'chilren'>;
+    labelProps?: Omit<TextProps, "chilren">;
     showLabel?: boolean;
     size?: SpinnerSize;
     variant?: TypographyVariant;

package/dist/types/components/Spinner/spinner.recipe.d.ts

@@ -4,7 +4,7 @@ type SpinnerSlot = (typeof spinnerSlots)[number];
 type SpinnerSlotStyles = {
     [key in SpinnerSlot]?: SystemStyleObject;
 };
-export declare const spinnerRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"root" | "label" | "spinner", {
+export declare const spinnerRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "spinner" | "root", {
     variant: Record<"accent" | "accentSubtle" | "brand" | "brandOnContrast" | "danger" | "dangerOnContrast" | "default" | "info" | "interactive" | "interactiveOnContrast" | "onContrast" | "placeholder" | "placeholderOnContrast" | "subtle" | "subtleOnContrast" | "success" | "warning", SpinnerSlotStyles>;
     size: Record<string, SpinnerSlotStyles>;
     fullScreen: {

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

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

package/dist/types/components/Swatch/swatch.component.d.ts

@@ -4,5 +4,5 @@ import { SwatchSize } from './swatch.types';
 export interface BaseSwatchProps {
     size?: SwatchSize;
 }
-export type SwatchProps = BaseSwatchProps & Omit<BoxProps, 'children'>;
+export type SwatchProps = BaseSwatchProps & Omit<BoxProps, "children">;
 export declare const Swatch: ({ size, color, backgroundColor, bgColor, borderColor, ...rest }: SwatchProps) => React.JSX.Element;

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

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

package/dist/types/components/Switch/switch.component.d.ts

@@ -1,12 +1,11 @@
-import { default as React } from 'react';
+import { default as React, ForwardedRef } from 'react';
 import { Switch as CSwitch } from '@chakra-ui/react/switch';
 import { WithFormControlProps } from '../../hocs/withFormControl/withFormControl';
 import { FormControlSize } from '../../hocs/withFormControl/withFormControl.types';
-export interface SwitchProps extends WithFormControlProps, Omit<CSwitch.RootProps, 'label' | 'onChange'> {
+export interface SwitchProps extends WithFormControlProps, Omit<CSwitch.RootProps, "label" | "onChange"> {
     indeterminate?: boolean;
-    rootRef?: React.Ref<HTMLLabelElement | null>;
+    switchRef?: ForwardedRef<HTMLLabelElement>;
     size?: FormControlSize;
-    switchRef?: React.Ref<HTMLInputElement | null>;
 }
-declare const WrappedSwitch: React.FC<SwitchProps>;
+declare const WrappedSwitch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLLabelElement>>;
 export { WrappedSwitch as Switch };

package/dist/types/components/Switch/switch.recipe.d.ts

@@ -1,10 +1,10 @@
 import { SystemStyleObject } from '@chakra-ui/react/styled-system';
 import { FormVariant } from '../../hocs/withFormControl/withFormControl.types';
-type SwitchSlot = 'root' | 'control' | 'indicator' | 'thumb' | 'label';
+type SwitchSlot = "root" | "control" | "indicator" | "thumb" | "label";
 type SwitchSlotStyles = {
     [key in SwitchSlot]?: SystemStyleObject;
 };
-type SwitchVariant = FormVariant | 'indeterminate' | 'indeterminateOnContrast';
+type SwitchVariant = FormVariant | "indeterminate" | "indeterminateOnContrast";
 export declare const switchRecipe: import('@chakra-ui/react').SlotRecipeDefinition<SwitchSlot, {
     size: Record<"sm" | "md" | "lg", SwitchSlotStyles>;
     variant: Record<SwitchVariant, SwitchSlotStyles>;

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

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

package/dist/types/components/Tabs/components/Tab/tab.component.d.ts

@@ -7,7 +7,7 @@ export interface TabProps extends Tabs.TriggerProps {
     iconName?: IconName;
     iconPosition?: TabIconPosition;
     label: string;
-    notificationCounterProps?: Omit<NotificationCounterProps, 'size'>;
+    notificationCounterProps?: Omit<NotificationCounterProps, "size">;
     showNotificationCounter?: boolean;
     size?: TabSize;
 }

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

@@ -1,3 +1 @@
 export * from './tabs.component';
-export * from './components/Tab/tab.types';
-export { type TabProps } from './components/Tab/tab.component';

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

@@ -3,7 +3,7 @@ import { Tabs as CTabs } from '@chakra-ui/react/tabs';
 import { TabSize } from './components/Tab/tab.types';
 import { TabProps } from './components/Tab/tab.component';
 import { Alignment } from '../../shared/types/alignment';
-export interface TabsProps extends Omit<CTabs.RootProps, 'onChange' | 'variant'> {
+export interface TabsProps extends Omit<CTabs.RootProps, "onChange" | "variant"> {
     align?: Alignment;
     onChange?: (value: string) => void;
     size?: TabSize;

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

@@ -1,5 +1,5 @@
 import { SystemStyleObject } from '@chakra-ui/react/styled-system';
-type TabSlot = 'root' | 'list' | 'trigger' | 'content';
+type TabSlot = "root" | "list" | "trigger" | "content";
 type TabSlotStyles = {
     [key in TabSlot]?: SystemStyleObject;
 };

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

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

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

@@ -2,7 +2,7 @@ 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'> {
+export interface BaseTagProps extends Omit<CTag.RootProps, "children"> {
     leftElement?: React.ReactNode;
     rightElement?: React.ReactNode;
     label: string;
@@ -12,11 +12,11 @@ export interface BaseTagProps extends Omit<CTag.RootProps, 'children'> {
     variant?: Status;
 }
 interface ClosableTagProps extends BaseTagProps {
-    closeButtonDisplay: 'always' | 'hover';
+    closeButtonDisplay: "always" | "hover";
     onClose: React.MouseEventHandler<HTMLButtonElement>;
 }
 interface NonClosableTagProps extends BaseTagProps {
-    closeButtonDisplay?: 'never';
+    closeButtonDisplay?: "never";
     onClose?: never;
 }
 export type TagProps = ClosableTagProps | NonClosableTagProps;

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

@@ -1,5 +1,5 @@
 import { SystemStyleObject } from '@chakra-ui/react/styled-system';
-type TagSlot = 'root' | 'label' | 'closeTrigger';
+type TagSlot = "root" | "label" | "closeTrigger";
 type TagSlotStyles = {
     [key in TagSlot]?: SystemStyleObject;
 };

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

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

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

@@ -3,10 +3,10 @@ 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';
-import { ConditionalValue } from '@chakra-ui/react/styled-system';
-export interface TextProps extends WithTruncationProps, CTextProps {
-    size?: ConditionalValue<TextSize>;
+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

@@ -1,6 +1,7 @@
 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>;

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

@@ -1,2 +1,2 @@
 import { FontSize } from '../../theme/tokens/typography';
-export type TextSize = Exclude<FontSize, '7xl' | '8xl' | '9xl'>;
+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/textInput.component.d.ts

@@ -1,13 +1,13 @@
-import { default as React } from 'react';
+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?: React.Ref<HTMLInputElement | null>;
+    inputRef?: ForwardedRef<HTMLInputElement>;
+    onContrast?: boolean;
     leftAddon?: React.ReactNode;
     leftElement?: React.ReactNode;
-    onContrast?: boolean;
     rightAddon?: React.ReactNode;
     rightElement?: React.ReactNode;
     size?: FormControlSize;
@@ -22,5 +22,5 @@ export interface ClearableTextInputProps extends TextInputBaseProps {
 }
 export type KTextInputProps = DefaultTextInputProps | ClearableTextInputProps;
 export type TextInputProps = KTextInputProps & CInputProps;
-declare const WrappedTextInput: React.FC<TextInputProps>;
+declare const WrappedTextInput: React.ForwardRefExoticComponent<TextInputProps & React.RefAttributes<HTMLInputElement>>;
 export { WrappedTextInput as TextInput };

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

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

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

@@ -1,11 +1,11 @@
-import { default as React } from 'react';
+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?: React.Ref<HTMLTextAreaElement | null>;
+    textareaRef?: ForwardedRef<HTMLTextAreaElement>;
     size?: FormControlSize;
 }
-declare const WrappedTextarea: React.FC<TextareaProps>;
-export { WrappedTextarea as Textarea };
+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

@@ -1,7 +1,7 @@
 import { default as React } from 'react';
 interface ScrollContainerProps {
     options: string[];
-    optionType: 'hour' | 'minute' | 'meridiem';
+    optionType: "hour" | "minute" | "meridiem";
     selectedValue?: string;
     onClick: (value: string) => void;
     open: boolean;

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

@@ -1,9 +1,9 @@
 import { default as React } from 'react';
 interface TimeOptionProps {
-    innerRef?: React.Ref<HTMLDivElement | null> | null;
+    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 declare const TimeOption: ({ value, innerRef, onClick, selected, }: TimeOptionProps) => React.JSX.Element;
 export {};

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

@@ -3,7 +3,7 @@ import { TextInputProps } from '../TextInput/textInput.component';
 import { Placement } from '../../shared/types/placement';
 export interface TimePickerProps {
     initialTime?: Date;
-    inputProps?: Omit<TextInputProps, 'onChange' | 'value' | 'isClearable' | 'onClear'>;
+    inputProps?: Omit<TextInputProps, "onChange" | "value" | "isClearable" | "onClear">;
     minuteInterval?: number;
     onTimeChange?: (time: Date) => void;
     placement?: Placement;

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

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

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

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

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

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

@@ -1,9 +1,7 @@
 import { default as React } from 'react';
-import { HoverCard } from '@chakra-ui/react/hover-card';
+import { Tooltip as CTooltip } from '@chakra-ui/react/tooltip';
 import { Placement } from '../../shared/types/placement';
-export interface TooltipProps extends Omit<HoverCard.RootProps, 'children'> {
-    children?: React.ReactNode;
-    disabled?: boolean;
+export interface TooltipProps extends CTooltip.RootProps {
     label: string;
     placement?: Placement;
     portalled?: boolean;

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

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

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

@@ -7,35 +7,27 @@ export * from './Card';
 export * from './CharacterCounter';
 export * from './Checkbox';
 export * from './CheckboxGroup';
-export * from './ConversationCard';
-export * from './DatePicker';
-export * from './Divider';
 export * from './Heading';
 export * from './Icon';
 export * from './Link';
-export * from './Logo';
 export * from './Menu';
 export * from './Modal';
 export * from './NotificationCounter';
 export * from './Picture';
-export * from './PinInput';
 export * from './Popover';
 export * from './RadioGroup';
 export * from './RatingDots';
 export * from './Select';
 export * from './SortableList';
 export * from './Spinner';
-export * from './StyledAvatar';
 export * from './Swatch';
 export * from './Switch';
 export * from './Tabs';
 export * from './Tag';
-export * from './TagBlock';
 export * from './Text';
 export * from './TextInput';
 export * from './Textarea';
 export * from './TimePicker';
 export * from './TimeRange';
-export * from './Timestamp';
-export * from './Toast';
 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/withDarkMode/index.d.ts

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

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

@@ -6,7 +6,6 @@ export interface WithFormControlProps {
     disabled?: boolean;
     errorText?: string;
     formControlStyle?: SystemStyleObject;
-    fullWidth?: boolean;
     helperText?: string;
     inlineField?: boolean;
     invalid?: boolean;
@@ -17,7 +16,7 @@ export interface WithFormControlProps {
     onContrast?: boolean;
     readOnly?: boolean;
     required?: boolean;
-    showOptionalElement?: boolean;
+    showRequiredElement?: boolean;
     size?: FormControlSize;
     useInvalidIcon?: boolean;
     useInvalidText?: boolean;

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

@@ -2,4 +2,4 @@ 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';
+export type FormVariant = "default" | "onContrast";

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

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

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

@@ -3,7 +3,7 @@ import { TooltipProps } from '../components/Tooltip';
 export interface WithTruncationProps {
     truncated?: boolean;
     noOfLines?: number;
-    tooltipProps?: Omit<TooltipProps, 'disabled'>;
+    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

@@ -1,4 +1,2 @@
-export * from './useBreakpoint';
 export * from './useColorMode';
 export * from './useColorModeValue';
-export * from './useDeviceType';

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

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

package/dist/types/hooks.d.ts

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

package/dist/types/index.d.ts

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

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

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { MenuProps } from '../../../Menu';
+import { MenuProps } from '../../../../components/Menu';
 export interface ConversationCardOverlayProps {
     isOpenInOverlay?: boolean;
     onOpenInOverlay: () => void;

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

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

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

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

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

@@ -1,9 +1,9 @@
 import { default as React } from 'react';
-import { TagProps } from '../../../Tag/tag.component';
+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;
+export declare const ConversationCardTags: ({ tags, }: ConversationCardTagsProps) => React.JSX.Element;

package/dist/types/{components → patterns}/ConversationCard/conversationCard.component.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { MenuProps } from '../Menu/menu.component';
+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';

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

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

package/dist/types/{components → patterns}/StyledAvatar/styledAvatar.component.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { AvatarProps } from '../Avatar/avatar.component';
+import { AvatarProps } from '../../components/Avatar/avatar.component';
 import { StyledAvatarType } from './styledAvatar.types';
 export interface StyledAvatarProps extends AvatarProps {
     type?: StyledAvatarType;

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

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

package/dist/types/{components → patterns}/TagBlock/tagBlock.component.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { MenuProps } from '../Menu/menu.component';
+import { MenuProps } from '../../components/Menu/menu.component';
 import { TagBlockTag } from './tagBlock.types';
 interface BaseTagBlockProps {
     displayTagsInGroups?: boolean;

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

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

package/dist/types/{components → patterns}/Timestamp/timestamp.component.d.ts

@@ -1,11 +1,11 @@
 import { default as React } from 'react';
-import { TextProps } from '../Text/text.component';
+import { TextProps } from '../../components/Text/text.component';
 export interface TimestampProps {
     date: Date;
     timeFormat?: string;
     dateFormat?: string;
     shouldTodayDisplayTimeOnly?: boolean;
     tooltipLabel?: string;
-    textProps?: Omit<TextProps, 'children'>;
+    textProps?: Omit<TextProps, "children">;
 }
 export declare const Timestamp: ({ date, timeFormat, dateFormat, shouldTodayDisplayTimeOnly, tooltipLabel, textProps, }: TimestampProps) => React.JSX.Element;

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

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

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

@@ -0,0 +1,4 @@
+export * from './ConversationCard';
+export * from './StyledAvatar';
+export * from './TagBlock';
+export * from './Timestamp';

package/dist/types/patterns.d.ts

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

package/dist/types/shared/types/theme.d.ts

@@ -1,2 +1 @@
-export type ColorMode = 'light' | 'dark';
-export declare const colorModeThemeKey = "kibble-theme";
+export type ColorMode = "light" | "dark";

package/dist/types/shared/types.d.ts

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

package/dist/types/shared/utils/sizes.d.ts

@@ -5,5 +5,5 @@ interface GetNextIconSizeProps {
     larger: boolean;
     delta: number;
 }
-export declare const getNextIconSize: ({ currentSize, larger, delta }: GetNextIconSizeProps) => IconSize;
+export declare const getNextIconSize: ({ currentSize, larger, delta, }: GetNextIconSizeProps) => IconSize;
 export {};

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

@@ -1,2 +1,5 @@
-export { KibbleThemeProvider } from './providers/theme.provider';
-export { system, kibbleThemeConfig } from './theme.config';
+export * from './providers/theme.provider';
+export { system } from './theme.config';
+export type { Tokens } from './tokens/generated/token.gen';
+export type { SystemProperties } from './tokens/generated/system.gen';
+export * from './theme.types.d';