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

package/dist/types/components/Select/select.component.d.ts

@@ -1,18 +1,23 @@
-import { default as React, ForwardedRef } from 'react';
+import { default as React } from 'react';
 import { Select as CSelect } from '@chakra-ui/react/select';
 import { WithFormControlProps } from '../../hocs/withFormControl/withFormControl';
 import { FormControlSize } from '../../hocs/withFormControl/withFormControl.types';
 import { SelectOption } from './select.types';
-export interface SelectProps extends Omit<CSelect.RootProps, "collection" | "multiple">, WithFormControlProps {
+export interface SelectProps extends WithFormControlProps, Omit<CSelect.RootProps, 'collection' | 'multiple'> {
     clearable?: boolean;
     emptyPlaceholder?: string;
     loading?: boolean;
+    onContrast?: boolean;
+    onSearch?: (e: React.ChangeEvent<HTMLInputElement>) => void;
     options: SelectOption[];
     placeholder?: string;
     placeholderElement?: React.ReactNode;
-    selectRef?: ForwardedRef<HTMLSelectElement>;
+    rootRef?: React.RefObject<HTMLDivElement | null>;
+    searchable?: boolean;
+    searchPlaceholder?: string;
+    selectRef?: React.RefObject<HTMLSelectElement | null>;
     shouldTruncateText?: boolean;
     size?: FormControlSize;
 }
-declare const WrappedSelect: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLSelectElement>>;
+declare const WrappedSelect: React.FC<SelectProps>;
 export { WrappedSelect as Select };

package/dist/types/components/Select/select.types.d.ts

@@ -1,9 +1,10 @@
 import { TypographyVariant } from '../../shared/types/typography';
 export interface SelectOption {
     disabled?: boolean;
-    selected?: boolean;
+    groupLabel?: string;
     label: React.ReactNode;
     leftElement?: React.ReactNode;
+    selected?: boolean;
     value: string;
     valueText?: string;
     variant?: TypographyVariant;

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 +1,2 @@
+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/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<"label" | "spinner" | "root", {
+export declare const spinnerRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"root" | "label" | "spinner", {
     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/{patterns → components}/StyledAvatar/styledAvatar.component.d.ts

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

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/Switch/switch.component.d.ts

@@ -2,10 +2,11 @@ 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;
-    switchRef?: ForwardedRef<HTMLLabelElement>;
+    rootRef?: ForwardedRef<HTMLLabelElement>;
     size?: FormControlSize;
+    switchRef?: React.RefObject<HTMLInputElement | null>;
 }
-declare const WrappedSwitch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLLabelElement>>;
+declare const WrappedSwitch: React.FC<SwitchProps>;
 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/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/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/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/{patterns → components}/TagBlock/tagBlock.component.d.ts

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

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

@@ -3,10 +3,9 @@ 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 {
+export interface TextProps extends WithTruncationProps, CTextProps {
     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,7 +1,6 @@
 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/TextInput/textInput.component.d.ts

@@ -1,13 +1,13 @@
-import { default as React, ForwardedRef } from 'react';
+import { default as React } 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;
+    inputRef?: React.RefObject<HTMLInputElement | null>;
     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.ForwardRefExoticComponent<TextInputProps & React.RefAttributes<HTMLInputElement>>;
+declare const WrappedTextInput: React.FC<TextInputProps>;
 export { WrappedTextInput as TextInput };

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

@@ -4,8 +4,8 @@ import { FormControlSize } from '../../hocs/withFormControl/withFormControl.type
 import { WithFormControlProps } from '../../hocs/withFormControl/withFormControl';
 export interface TextareaProps extends WithFormControlProps, CTextareaProps {
     charLimit?: number;
-    textareaRef?: ForwardedRef<HTMLTextAreaElement>;
+    textareaRef?: ForwardedRef<HTMLTextAreaElement | null>;
     size?: FormControlSize;
 }
-declare const WrappedTextArea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
-export { WrappedTextArea as Textarea };
+declare const WrappedTextarea: React.FC<TextareaProps>;
+export { WrappedTextarea as Textarea };

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

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

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

@@ -1,11 +1,11 @@
 import { default as React } from 'react';
-import { TextProps } from '../../components/Text/text.component';
+import { TextProps } from '../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/components/Toast/components/ToastAction/toastAction.component.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+import { ButtonProps } from '../../../Button/button.component';
+import { Status } from '../../../../shared/types/status';
+export interface ToastActionProps extends Omit<ButtonProps, 'children'> {
+    buttonText: string;
+    buttonPosition?: 'topRight' | 'bottomLeft';
+}
+interface InternalToastActionProps extends ToastActionProps {
+    status: Status;
+}
+export declare const ToastAction: ({ buttonPosition, buttonText, status, ...rest }: InternalToastActionProps) => React.JSX.Element;
+export {};

package/dist/types/components/Toast/components/Toaster/toaster.component.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { CreateToasterReturn } from '@chakra-ui/react/toast';
+interface ToasterProps {
+    toaster: CreateToasterReturn;
+}
+export declare const Toaster: ({ toaster }: ToasterProps) => React.JSX.Element;
+export {};

package/dist/types/components/Toast/components/Toaster/toaster.records.d.ts

@@ -0,0 +1,11 @@
+import { ToasterConfig } from './toaster.types';
+export declare const toasterPlacements: readonly ["bottom", "bottom-end", "bottom-start", "top", "top-end", "top-start"];
+export type ToasterPlacement = (typeof toasterPlacements)[number];
+export declare const defaultToasterConfig: ToasterConfig;
+export declare const ToasterConfigMap: Record<ToasterPlacement, ToasterConfig>;
+export declare const bottomToaster: import('@zag-js/toast').Store<any>;
+export declare const bottomEndToaster: import('@zag-js/toast').Store<any>;
+export declare const bottomStartToaster: import('@zag-js/toast').Store<any>;
+export declare const topToaster: import('@zag-js/toast').Store<any>;
+export declare const topEndToaster: import('@zag-js/toast').Store<any>;
+export declare const topStartToaster: import('@zag-js/toast').Store<any>;

package/dist/types/components/Toast/components/Toaster/toaster.types.d.ts

@@ -0,0 +1,12 @@
+import { ToasterPlacement } from './toaster.records';
+export interface ToasterConfig {
+    placement?: ToasterPlacement;
+    max?: number | undefined;
+    overlap?: boolean | undefined;
+    duration?: number | undefined;
+    gap?: number | undefined;
+    offsets?: string | Record<'left' | 'right' | 'bottom' | 'top', string> | undefined;
+    hotkey?: string[] | undefined;
+    removeDelay?: number | undefined;
+    pauseOnPageIdle?: boolean | undefined;
+}

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

@@ -0,0 +1,2 @@
+export * from './useToast';
+export * from './toast.types';

package/dist/types/components/Toast/toast.component.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+import { IconProps } from '../Icon/icon.component';
+import { Status } from '../../shared/types/status';
+import { ToastActionProps } from './components/ToastAction/toastAction.component';
+export interface ToastProps {
+    action?: ToastActionProps;
+    closable?: boolean;
+    description?: string;
+    hideIcon?: boolean;
+    icon?: IconProps;
+    status?: Status;
+    title?: string;
+}
+export declare const Toast: ({ action, closable, description, hideIcon, icon, status, title, }: ToastProps) => React.JSX.Element;

package/dist/types/components/Toast/toast.recipe.d.ts

@@ -0,0 +1,21 @@
+import { SystemStyleObject } from '@chakra-ui/react/styled-system';
+type ToastSlot = 'root' | 'indicator' | 'title' | 'description' | 'closeTrigger' | 'actionTrigger';
+type ToastSlotStyles = {
+    [key in ToastSlot]?: SystemStyleObject;
+};
+export declare const toastRecipe: import('@chakra-ui/react').SlotRecipeDefinition<ToastSlot, {
+    variant: Record<"default" | "info" | "success" | "warning" | "error", ToastSlotStyles>;
+    hideIcon: {
+        true: {
+            root: {
+                gap: number;
+            };
+        };
+        false: {
+            root: {
+                gap: number;
+            };
+        };
+    };
+}>;
+export {};

package/dist/types/components/Toast/toast.types.d.ts

@@ -0,0 +1,19 @@
+import { ToastProps } from './toast.component';
+type ToastStatus = 'visible' | 'dismissing' | 'unmounted';
+interface ToastStatusChangeDetails {
+    status: ToastStatus;
+    src?: string | undefined;
+}
+export interface ToastOptions extends ToastProps {
+    duration?: number;
+    id?: string;
+    onStatusChange?: (details: ToastStatusChangeDetails) => void;
+    removeDelay?: number;
+}
+export interface ToastInstance {
+    create: (options: ToastOptions) => string;
+    dismiss: (id?: string) => void;
+    update: (id: string, options: Omit<ToastOptions, 'id'>) => string;
+    visible: (id: string) => boolean;
+}
+export {};

package/dist/types/components/Toast/useToast.d.ts

@@ -0,0 +1,3 @@
+import { ToastInstance } from './toast.types';
+import { ToasterPlacement } from './components/Toaster/toaster.records';
+export declare const useToast: (placement?: ToasterPlacement) => ToastInstance;

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

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

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

@@ -0,0 +1 @@
+export declare const tooltipRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"root" | "trigger" | "content" | "arrow" | "arrowTip", import('@chakra-ui/react').SlotRecipeVariantRecord<"root" | "trigger" | "content" | "arrow" | "arrowTip">>;

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

@@ -7,27 +7,35 @@ 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/hocs/withDarkMode/index.d.ts

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

package/dist/types/hocs/withDarkMode/withDarkMode.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.d.ts

@@ -6,6 +6,7 @@ export interface WithFormControlProps {
     disabled?: boolean;
     errorText?: string;
     formControlStyle?: SystemStyleObject;
+    fullWidth?: boolean;
     helperText?: string;
     inlineField?: boolean;
     invalid?: boolean;
@@ -16,7 +17,7 @@ export interface WithFormControlProps {
     onContrast?: boolean;
     readOnly?: boolean;
     required?: boolean;
-    showRequiredElement?: boolean;
+    showOptionalElement?: 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,2 +1 @@
-import { default as React } from 'react';
-export declare const withLightMode: (children: React.ReactNode) => React.JSX.Element;
+export * from './withLightMode';

package/dist/types/hocs/withLightMode/withLightMode.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

@@ -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/hooks/index.d.ts

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

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

@@ -0,0 +1 @@
+export declare const useBreakpoint: () => string;

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

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

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

@@ -0,0 +1,3 @@
+type DeviceType = 'mobile' | 'desktop' | 'tablet';
+export declare const useDeviceType: () => DeviceType;
+export {};

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

@@ -0,0 +1,6 @@
+interface PortalContextType {
+    contentRef: React.RefObject<HTMLDivElement> | null;
+}
+export declare const PortalContext: import('react').Context<PortalContextType | undefined>;
+export declare const usePortalContentRef: () => PortalContextType;
+export {};

package/dist/types/index.d.ts

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

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

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

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

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

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

@@ -0,0 +1,5 @@
+import { IconName } from '../../components/Icon/icon.types';
+import { Status } from '../types/status';
+import { TypographyVariant } from '../types/typography';
+export declare const StatusIconMap: Record<Status, IconName>;
+export declare const StatusTypographyMap: Record<Status, TypographyVariant>;

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

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