@televet/kibble-ui 4.0.0-beta.6 → 4.0.0-beta.60

package/dist/types/components/Button/button.recipe.d.ts

@@ -1,5 +1,5 @@
 import { SystemStyleObject } from '@chakra-ui/react/styled-system';
 export declare const buttonRecipe: import('@chakra-ui/react').RecipeDefinition<{
-    variant: Record<"primary" | "secondary" | "tertiary" | "primaryOnContrast" | "primaryDestructive" | "primaryDestructiveOnContrast" | "secondaryOnContrast" | "secondaryDestructive" | "secondaryDestructiveOnContrast" | "secondarySubtle" | "secondarySubtleOnContrast" | "secondarySubtleDestructive" | "secondarySubtleDestructiveOnContrast" | "tertiaryOnContrast" | "tertiaryDestructive" | "tertiaryDestructiveOnContrast" | "ghost" | "ghostOnContrast" | "ghostNeutral" | "ghostNeutralOnContrast" | "ghostDestructive" | "ghostDestructiveOnContrast" | "ai", SystemStyleObject>;
-    size: Record<"sm" | "md" | "lg" | "xs", SystemStyleObject>;
+    variant: Record<"primary" | "primaryOnContrast" | "primaryDestructive" | "primaryDestructiveOnContrast" | "secondary" | "secondaryOnContrast" | "secondaryDestructive" | "secondaryDestructiveOnContrast" | "secondarySubtle" | "secondarySubtleOnContrast" | "secondarySubtleDestructive" | "secondarySubtleDestructiveOnContrast" | "tertiary" | "tertiaryOnContrast" | "tertiaryDestructive" | "tertiaryDestructiveOnContrast" | "ghost" | "ghostOnContrast" | "ghostNeutral" | "ghostNeutralOnContrast" | "ghostDestructive" | "ghostDestructiveOnContrast" | "ai", SystemStyleObject>;
+    size: Record<"xs" | "sm" | "md" | "lg", SystemStyleObject>;
 }>;

package/dist/types/components/Card/card.component.d.ts

@@ -18,4 +18,4 @@ export interface InteractiveCardProps extends BaseCardProps {
 }
 export type KCardProps = InteractiveCardProps | DefaultCardProps;
 export type CardProps = KCardProps & BoxProps;
-export declare const Card: ({ active, fullWidth, interactive, invalid, onContrast, size, children, ...rest }: CardProps) => React.JSX.Element;
+export declare const Card: ({ active, fullWidth, interactive, invalid, onClick, onContrast, size, children, ...rest }: CardProps) => React.JSX.Element;

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

@@ -1,3 +1,2 @@
 export * from './card.component';
-export * from './card.records';
 export * from './card.types';

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

@@ -0,0 +1,21 @@
+import { default as React } from 'react';
+import { MenuProps } from '../../../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/components/ConversationCard/components/ConversationCardContent/conversationCardContent.component.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { TextProps } from '../../../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/components/ConversationCard/components/ConversationCardFooter/conversationCardFooter.component.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { IconProps } from '../../../Icon/icon.component';
+import { TextProps } from '../../../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/components/ConversationCard/components/ConversationCardTags/conversationCardTags.component.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { TagProps } from '../../../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/components/ConversationCard/conversationCard.component.d.ts

@@ -0,0 +1,23 @@
+import { default as React } from 'react';
+import { MenuProps } from '../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/components/DatePicker/index.d.ts

@@ -1,3 +1,2 @@
 export * from './datePicker.component';
-export * from './datePicker.records';
 export * from './datePicker.types';

package/dist/types/components/Divider/divider.component.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { SeparatorProps } from '@chakra-ui/react/separator';
+export type DividerProps = SeparatorProps;
+export declare const Divider: ({ borderColor, orientation, size, variant, ...rest }: DividerProps) => React.JSX.Element;

package/dist/types/components/Divider/divider.types.d.ts

@@ -0,0 +1,6 @@
+export declare const dividerOrientations: readonly ["horizontal", "vertical"];
+export type DividerOrientations = (typeof dividerOrientations)[number];
+export declare const dividerSizes: readonly ["xs", "sm", "md", "lg"];
+export type DividerSizes = (typeof dividerSizes)[number];
+export declare const dividerVariants: readonly ["solid", "dashed", "dotted"];
+export type DividerVariants = (typeof dividerVariants)[number];

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

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

package/dist/types/components/Heading/heading.component.d.ts

@@ -3,10 +3,9 @@ import { HeadingProps as CHeadingProps } from '@chakra-ui/react/typography';
 import { HeadingSize } from './heading.types';
 import { TypographyVariant } from '../../shared/types/typography';
 import { WithTruncationProps } from '../../hocs/withTruncation';
-export interface KHeadingProps extends WithTruncationProps {
+export interface HeadingProps extends WithTruncationProps, CHeadingProps {
     size?: HeadingSize;
     variant?: TypographyVariant;
 }
-export type HeadingProps = KHeadingProps & CHeadingProps;
 declare const WrappedHeading: React.FC<HeadingProps>;
 export { WrappedHeading as Heading };

package/dist/types/components/Heading/heading.recipe.d.ts

@@ -1,7 +1,7 @@
 import { SystemStyleObject } from '@chakra-ui/react';
 import { HeadingSize } from './heading.types';
 export declare const headingRecipe: import('@chakra-ui/react').RecipeDefinition<{
-    variant: Record<"danger" | "warning" | "success" | "accent" | "accentSubtle" | "brand" | "brandOnContrast" | "dangerOnContrast" | "default" | "info" | "interactive" | "interactiveOnContrast" | "onContrast" | "placeholder" | "placeholderOnContrast" | "subtle" | "subtleOnContrast", SystemStyleObject>;
+    variant: Record<"accent" | "accentSubtle" | "brand" | "brandOnContrast" | "danger" | "dangerOnContrast" | "default" | "info" | "interactive" | "interactiveOnContrast" | "onContrast" | "placeholder" | "placeholderOnContrast" | "subtle" | "subtleOnContrast" | "success" | "warning", SystemStyleObject>;
     size: Record<HeadingSize, SystemStyleObject>;
     fontWeight: Record<import('../../theme/tokens').FontWeight, SystemStyleObject>;
 }>;

package/dist/types/components/Heading/heading.types.d.ts

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

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

@@ -1,3 +1,2 @@
 export * from './heading.component';
-export * from './heading.records';
 export * from './heading.types';

package/dist/types/components/Icon/generated/AiMicrophone.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+interface SVGRProps {
+    color?: string;
+    height?: string;
+    width?: string;
+    title?: string;
+    titleId?: string;
+}
+declare const ForwardRef: React.ForwardRefExoticComponent<SVGRProps & React.RefAttributes<SVGSVGElement>>;
+export default ForwardRef;

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

@@ -1,2 +1,2 @@
-export type IconName = "alertCircle" | "animalBird" | "animalCat" | "animalCow" | "animalDog" | "animalHorse" | "animalMouse" | "animalPig" | "animalSnake" | "archive" | "arrowCircle" | "arrowDownRight" | "arrowDown" | "arrowLeft" | "arrowRight" | "arrowUp" | "arrowsIn" | "arrowsOut" | "article" | "award" | "bank" | "bellCancel" | "bell" | "bone" | "bookmark" | "bulkSelect" | "buttons" | "calendarCheck" | "calendarDate" | "calendarInfo" | "calendarPen" | "calendarPlus" | "cameraOff" | "camera" | "cancel" | "caretDown" | "caretUp" | "cellphoneCancel" | "cellphone" | "chainLink" | "chatBubble" | "checkmarkBox" | "checkmarkCircle" | "checkmark" | "chevronDown" | "chevronLeft" | "chevronRight" | "chevronUp" | "clinic" | "clock" | "closeCircleSolid" | "closeCircle" | "close" | "code" | "creditCardLogoAmex" | "creditCardLogoDiners" | "creditCardLogoDiscover" | "creditCardLogoGeneric" | "creditCardLogoJcb" | "creditCardLogoMastercard" | "creditCardLogoUnionpay" | "creditCardLogoVisa" | "creditCard" | "cut" | "dollarCircle" | "dollar" | "dotsHorizontal" | "dotsVertical" | "doubleArrowCircle" | "download" | "emailSend" | "envelopeCancel" | "envelope" | "externalLink" | "eyeOpen" | "eyeSlash" | "eyedropper" | "fileHealth" | "filter" | "form" | "gear" | "gif" | "grid" | "hashtag" | "health" | "heartSolid" | "heart" | "house" | "image" | "infoCircle" | "input" | "invoice" | "kanbanBoard" | "list" | "liveagent" | "loader" | "locationMarker" | "lock" | "logo" | "loudspeaker" | "magic" | "magnifyingGlass" | "mailbox" | "menu" | "messageDetail" | "messageWarning" | "message" | "messages" | "microphoneMute" | "microphone" | "minus" | "moveDown" | "moveLeft" | "moveRight" | "moveUp" | "notification" | "package" | "paperclip" | "pause" | "paw" | "penSquare" | "pen" | "personAdd" | "personCircle" | "person" | "phoneButtons" | "phoneCancel" | "phone" | "pill" | "pinCancel" | "pin" | "play" | "plus" | "popup" | "printer" | "questionMarkCircleSolid" | "questionMarkCircle" | "questionMark" | "record" | "report" | "ribbon" | "robot" | "send" | "sliders" | "smileyFace" | "sort" | "starCircle" | "starSolid" | "star" | "stopRecording" | "stop" | "support" | "table" | "tag" | "targetSolid" | "target" | "taskList" | "team" | "thumbsDown" | "thumbsUp" | "transfer" | "trashcan" | "twoSquares" | "upload" | "videoCamera" | "warningSign" | "website" | "wrench";
+export type IconName = "aiMicrophone" | "alertCircle" | "animalBird" | "animalCat" | "animalCow" | "animalDog" | "animalHorse" | "animalMouse" | "animalPig" | "animalSnake" | "archive" | "arrowCircle" | "arrowDownRight" | "arrowDown" | "arrowLeft" | "arrowRight" | "arrowUp" | "arrowsIn" | "arrowsOut" | "article" | "award" | "bank" | "bellCancel" | "bell" | "bone" | "bookmark" | "bulkSelect" | "buttons" | "calendarCheck" | "calendarDate" | "calendarInfo" | "calendarPen" | "calendarPlus" | "cameraOff" | "camera" | "cancel" | "caretDown" | "caretUp" | "cellphoneCancel" | "cellphone" | "chainLink" | "chatBubble" | "checkmarkBox" | "checkmarkCircle" | "checkmark" | "chevronDown" | "chevronLeft" | "chevronRight" | "chevronUp" | "clinic" | "clock" | "closeCircleSolid" | "closeCircle" | "close" | "code" | "creditCardLogoAmex" | "creditCardLogoDiners" | "creditCardLogoDiscover" | "creditCardLogoGeneric" | "creditCardLogoJcb" | "creditCardLogoMastercard" | "creditCardLogoUnionpay" | "creditCardLogoVisa" | "creditCard" | "cut" | "dollarCircle" | "dollar" | "dotsHorizontal" | "dotsVertical" | "doubleArrowCircle" | "download" | "emailSend" | "envelopeCancel" | "envelope" | "externalLink" | "eyeOpen" | "eyeSlash" | "eyedropper" | "fileHealth" | "filter" | "form" | "gear" | "gif" | "grid" | "hashtag" | "health" | "heartSolid" | "heart" | "house" | "image" | "infoCircle" | "input" | "invoice" | "kanbanBoard" | "list" | "liveagent" | "loader" | "locationMarker" | "lock" | "logo" | "loudspeaker" | "magic" | "magnifyingGlass" | "mailbox" | "menu" | "messageDetail" | "messageWarning" | "message" | "messages" | "microphoneMute" | "microphone" | "minus" | "moveDown" | "moveLeft" | "moveRight" | "moveUp" | "notification" | "package" | "paperclip" | "pause" | "paw" | "penSquare" | "pen" | "personAdd" | "personCircle" | "person" | "phoneButtons" | "phoneCancel" | "phone" | "pill" | "pinCancel" | "pin" | "play" | "plus" | "popup" | "printer" | "questionMarkCircleSolid" | "questionMarkCircle" | "questionMark" | "record" | "report" | "ribbon" | "robot" | "send" | "sliders" | "smileyFace" | "sort" | "starCircle" | "starSolid" | "star" | "stopRecording" | "stop" | "support" | "table" | "tag" | "targetSolid" | "target" | "taskList" | "team" | "thumbsDown" | "thumbsUp" | "transfer" | "trashcan" | "twoSquares" | "upload" | "videoCamera" | "warningSign" | "website" | "wrench";
 export declare const IconMap: Record<IconName, any>;

package/dist/types/components/Icon/icon.component.d.ts

@@ -2,10 +2,9 @@ import { default as React } from 'react';
 import { IconName, IconSize } from './icon.types';
 import { BoxProps } from '@chakra-ui/react/box';
 import { TypographyVariant } from '../../shared/types/typography';
-export interface BaseIconProps {
+export interface IconProps extends BoxProps {
     name: IconName;
     size?: IconSize;
     variant?: TypographyVariant;
 }
-export type IconProps = BaseIconProps & BoxProps;
-export declare const Icon: React.ForwardRefExoticComponent<BaseIconProps & BoxProps & React.RefAttributes<IconProps>>;
+export declare const Icon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<IconProps>>;

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

@@ -1,3 +1,2 @@
 export * from './icon.component';
-export * from './icon.records';
 export * from './icon.types';

package/dist/types/components/Link/link.recipe.d.ts

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

package/dist/types/components/Logo/generated/FullLogo.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+interface SVGRProps {
+    color?: string;
+    height?: string;
+    width?: string;
+    title?: string;
+    titleId?: string;
+}
+declare const ForwardRef: React.ForwardRefExoticComponent<SVGRProps & React.RefAttributes<SVGSVGElement>>;
+export default ForwardRef;

package/dist/types/components/Logo/generated/IconLogo.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+interface SVGRProps {
+    color?: string;
+    height?: string;
+    width?: string;
+    title?: string;
+    titleId?: string;
+}
+declare const ForwardRef: React.ForwardRefExoticComponent<SVGRProps & React.RefAttributes<SVGSVGElement>>;
+export default ForwardRef;

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

@@ -0,0 +1,4 @@
+import { default as FullLogo } from './FullLogo';
+import { default as IconLogo } from './IconLogo';
+export { FullLogo };
+export { IconLogo };

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

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

package/dist/types/components/Logo/logo.component.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { BoxProps } from '@chakra-ui/react/box';
+import { LogoType, LogoVariant } from './logo.types';
+export interface LogoProps extends Omit<BoxProps, "color"> {
+    onClick?: () => void;
+    onContrast?: boolean;
+    type?: LogoType;
+    variant?: LogoVariant;
+}
+export declare const Logo: ({ onClick, onContrast, type, variant, ...rest }: LogoProps) => React.JSX.Element;

package/dist/types/components/Logo/logo.recipe.d.ts

@@ -0,0 +1,9 @@
+import { SystemStyleObject } from '@chakra-ui/react/styled-system';
+export declare const logoRecipe: import('@chakra-ui/react').RecipeDefinition<{
+    type: Record<"icon" | "full", SystemStyleObject>;
+    variant: Record<"default" | "primary", SystemStyleObject>;
+    onContrast: {
+        true: {};
+        false: {};
+    };
+}>;

package/dist/types/components/Logo/logo.types.d.ts

@@ -0,0 +1,4 @@
+export declare const logoTypes: readonly ["full", "icon"];
+export type LogoType = (typeof logoTypes)[number];
+export declare const logoVariants: readonly ["default", "primary"];
+export type LogoVariant = (typeof logoVariants)[number];

package/dist/types/components/Menu/components/MenuItem/menuItem.component.d.ts

@@ -1,7 +1,7 @@
 import { Menu as CMenu } from '@chakra-ui/react/menu';
 import { default as React } from 'react';
 import { MenuItemType } from './menuItem.types';
-import { MenuProps } from '../..';
+import { MenuListProps } from '../..';
 import { TypographyVariant } from '../../../../shared/types/typography';
 interface BaseMenuItemProps {
     label?: React.ReactNode;
@@ -21,9 +21,10 @@ interface CheckboxMenuItemProps extends Omit<CMenu.CheckboxItemProps, "onSelect"
     type: "checkbox";
     checked: boolean;
 }
-interface SubmenuMenuItemProps extends Omit<MenuProps, "buttonProps"> {
+interface SubmenuMenuItemProps {
     type: "submenu";
     valueText?: string;
+    listProps?: MenuListProps;
 }
 export type MenuItemProps = BaseMenuItemProps & (DefaultMenuItemProps | CheckboxMenuItemProps | SubmenuMenuItemProps);
 export declare const MenuItem: ({ label, leftElement, onSelect, shouldTruncateText, type, variant, ...rest }: MenuItemProps) => React.JSX.Element;

package/dist/types/components/Menu/menu.component.d.ts

@@ -17,7 +17,7 @@ export interface MenuListProps extends Omit<CMenu.ContentProps, "onSelect"> {
     searchPlaceholder?: string;
     shouldTruncateText?: boolean;
 }
-export interface MenuProps extends Omit<CMenu.RootProps, "children"> {
+export interface MenuProps extends Omit<CMenu.RootProps, "children" | "onSelect"> {
     buttonProps?: MenuButtonProps;
     listProps?: MenuListProps;
     portalled?: boolean;

package/dist/types/components/Menu/menu.recipe.d.ts

@@ -1 +1 @@
-export declare const menuRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"trigger" | "content" | "checkboxItem" | "item" | "itemGroupLabel" | "triggerItem", import('@chakra-ui/react').SlotRecipeVariantRecord<"trigger" | "content" | "checkboxItem" | "item" | "itemGroupLabel" | "triggerItem">>;
+export declare const menuRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "checkboxItem" | "item" | "itemGroupLabel" | "trigger" | "triggerItem", import('@chakra-ui/react').SlotRecipeVariantRecord<"content" | "checkboxItem" | "item" | "itemGroupLabel" | "trigger" | "triggerItem">>;

package/dist/types/components/Modal/context/modal.context.d.ts

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

package/dist/types/components/Modal/modal.recipe.d.ts

@@ -1,4 +1,4 @@
-export declare const modalRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"body" | "positioner" | "content" | "footer" | "header" | "title" | "root" | "backdrop" | "closeTrigger" | "actionTrigger", {
+export declare const modalRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"body" | "content" | "footer" | "header" | "title" | "root" | "positioner" | "closeTrigger" | "backdrop" | "actionTrigger", {
     expanded: {
         true: {
             backdrop: {

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

@@ -1,3 +1,2 @@
 export * from './notificationCounter.component';
-export * from './notificationCounter.records';
 export * from './notificationCounter.types';

package/dist/types/components/NotificationCounter/notificationCounter.recipe.d.ts

@@ -1,5 +1,5 @@
 import { SystemStyleObject } from '@chakra-ui/react/styled-system';
 export declare const notificationCounterRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"root" | "maxElement", {
-    size: Record<"sm" | "md" | "lg" | "xs", Record<"root" | "maxElement", SystemStyleObject>>;
-    variant: Record<"neutral" | "blue" | "green" | "red", Record<"root" | "maxElement", SystemStyleObject>>;
+    size: Record<"xs" | "sm" | "md" | "lg", Record<"root" | "maxElement", SystemStyleObject>>;
+    variant: Record<"blue" | "green" | "red" | "neutral", Record<"root" | "maxElement", SystemStyleObject>>;
 }>;

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

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

package/dist/types/components/PinInput/pinInput.component.d.ts

@@ -0,0 +1,10 @@
+import { default as React, ForwardedRef } from 'react';
+import { PinInput as CPinInput } from '@chakra-ui/react/pin-input';
+import { WithFormControlProps } from '../../hocs/withFormControl/withFormControl';
+export interface PinInputProps extends WithFormControlProps, Omit<CPinInput.RootProps, "size"> {
+    count?: number;
+    onContrast?: boolean;
+    pinInputRef?: ForwardedRef<HTMLDivElement | null>;
+}
+declare const WrappedPinInput: React.ForwardRefExoticComponent<PinInputProps & React.RefAttributes<HTMLDivElement | null>>;
+export { WrappedPinInput as PinInput };

package/dist/types/components/PinInput/pinInput.recipe.d.ts

@@ -0,0 +1,21 @@
+export declare const pinInputRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"input" | "root" | "hiddenInput" | "control", {
+    size: {
+        sm: {
+            input: import('@chakra-ui/react').SystemStyleObject;
+        };
+        md: {
+            input: import('@chakra-ui/react').SystemStyleObject;
+        };
+        lg: {
+            input: import('@chakra-ui/react').SystemStyleObject;
+        };
+    };
+    variant: {
+        default: {
+            input: import('@chakra-ui/react').SystemStyleObject;
+        };
+        onContrast: {
+            input: import('@chakra-ui/react').SystemStyleObject;
+        };
+    };
+}>;

package/dist/types/components/PinInput/pinInput.records.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/PinInput/pinInput.types.d.ts

@@ -0,0 +1,2 @@
+export declare const pinInputTypes: readonly ["numeric", "alphabetic", "alphanumeric"];
+export type PinInputType = (typeof pinInputTypes)[number];

package/dist/types/components/Popover/popover.recipe.d.ts

@@ -4,7 +4,7 @@ type PopoverSlotStyles = {
     [key in PopoverSlot]?: SystemStyleObject;
 };
 export declare const popoverRecipe: import('@chakra-ui/react').SlotRecipeDefinition<PopoverSlot, {
-    size: Record<"sm" | "md" | "lg" | "xl" | "xs", PopoverSlotStyles>;
+    size: Record<"xs" | "sm" | "md" | "lg" | "xl", PopoverSlotStyles>;
     variant: Record<"default" | "contrast" | "defaultDestructive" | "contrastDestructive", PopoverSlotStyles>;
 }>;
 export {};

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

@@ -1 +1,2 @@
+export { type RadioProps } from './components/Radio/radio.component';
 export * from './radioGroup.component';

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

@@ -7,9 +7,12 @@ export interface SelectProps extends Omit<CSelect.RootProps, "collection" | "mul
     clearable?: boolean;
     emptyPlaceholder?: string;
     loading?: boolean;
+    onSearch?: (e: React.ChangeEvent<HTMLInputElement>) => void;
     options: SelectOption[];
     placeholder?: string;
     placeholderElement?: React.ReactNode;
+    searchable?: boolean;
+    searchPlaceholder?: string;
     selectRef?: ForwardedRef<HTMLSelectElement>;
     shouldTruncateText?: boolean;
     size?: FormControlSize;

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/Spinner/spinner.component.d.ts

@@ -2,7 +2,7 @@ import { default as React } from 'react';
 import { SpinnerSize } from './spinner.types';
 import { TextProps } from '../Text/text.component';
 import { TypographyVariant } from '../../shared/types';
-import { SemanticBackgroundColorToken } from '../../theme/semanticTokens/semanticTokens.types';
+import { SemanticBackgroundColorToken } from '../../theme/semanticTokens';
 export interface SpinnerProps {
     backdropColor?: SemanticBackgroundColorToken;
     fullScreen?: boolean;

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

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

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

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { AvatarProps } from '../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/components/Swatch/swatch.recipe.d.ts

@@ -1,4 +1,4 @@
 import { SystemStyleObject } from '@chakra-ui/react/styled-system';
 export declare const swatchRecipe: import('@chakra-ui/react').RecipeDefinition<{
-    size: Record<"sm" | "md" | "lg" | "xl" | "xs", SystemStyleObject>;
+    size: Record<"xs" | "sm" | "md" | "lg" | "xl", SystemStyleObject>;
 }>;

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

@@ -4,6 +4,6 @@ type TabSlotStyles = {
     [key in TabSlot]?: SystemStyleObject;
 };
 export declare const tabsRecipe: import('@chakra-ui/react').SlotRecipeDefinition<TabSlot, {
-    size: Record<"sm" | "md" | "lg" | "xs", TabSlotStyles>;
+    size: Record<"xs" | "sm" | "md" | "lg", TabSlotStyles>;
 }>;
 export {};

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

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

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

@@ -5,7 +5,7 @@ type TagSlotStyles = {
 };
 export declare const tagRecipe: import('@chakra-ui/react').SlotRecipeDefinition<TagSlot, {
     size: Record<"sm" | "md" | "lg", TagSlotStyles>;
-    variant: Record<"warning" | "success" | "default" | "info" | "error", TagSlotStyles>;
+    variant: Record<"default" | "info" | "success" | "warning" | "error", TagSlotStyles>;
     closeButtonDisplay: Record<"hover" | "always" | "never", TagSlotStyles>;
 }>;
 export {};

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

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

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

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

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,9 +1,8 @@
 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<"danger" | "warning" | "success" | "accent" | "accentSubtle" | "brand" | "brandOnContrast" | "dangerOnContrast" | "default" | "info" | "interactive" | "interactiveOnContrast" | "onContrast" | "placeholder" | "placeholderOnContrast" | "subtle" | "subtleOnContrast", SystemStyleObject>;
+    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.types.d.ts

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

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

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

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<"container" | "list" | "trigger", import('@chakra-ui/react').SlotRecipeVariantRecord<"container" | "list" | "trigger">>;

package/dist/types/components/Timestamp/timestamp.component.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { TextProps } from '../Text/text.component';
+export interface TimestampProps {
+    date: Date;
+    timeFormat?: string;
+    dateFormat?: string;
+    shouldTodayDisplayTimeOnly?: boolean;
+    tooltipLabel?: string;
+    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 {};