@televet/kibble-ui 4.0.0-beta.7 → 4.0.0-beta.71

package/dist/esm/theme/tokens/typography/index.js

@@ -1,54 +1,2 @@
-const e = {
-  heading: "'aktiv-grotesk', sans-serif",
-  body: "'aktiv-grotesk', sans-serif",
-  mono: "LinearSans, Noto Sans, Arial, Helvetica, sans-serif"
-}, r = {
-  xs: "0.75rem",
-  sm: "0.875rem",
-  md: "1rem",
-  lg: "1.125rem",
-  xl: "1.25rem",
-  "2xl": "1.5rem",
-  "3xl": "1.875rem",
-  "4xl": "2.25rem",
-  "5xl": "3rem",
-  "6xl": "3.75rem",
-  "7xl": "4.5rem",
-  "8xl": "6rem",
-  "9xl": "8rem"
-}, m = {
-  normal: 400,
-  semibold: 600,
-  bold: 600
-}, s = {
-  normal: "normal",
-  none: 1,
-  shorter: 1.25,
-  short: 1.375,
-  base: 1.5,
-  tall: 1.625,
-  taller: "2",
-  3: ".75rem",
-  4: "1rem",
-  5: "1.25rem",
-  6: "1.5rem",
-  7: "1.75rem",
-  8: "2rem",
-  9: "2.25rem",
-  10: "2.5rem"
-}, t = {
-  tight: "-0.025em",
-  tighter: "-0.05em",
-  normal: "0em",
-  wide: "0.025em",
-  wider: "0.05em",
-  widest: "0.1em"
-};
-export {
-  r as fontSizes,
-  m as fontWeights,
-  e as fonts,
-  t as letterSpacings,
-  s as lineHeights
-};
+
 //# sourceMappingURL=index.js.map

package/dist/esm/theme/tokens/typography/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/theme/tokens/typography/typography.records.ts"],"sourcesContent":["import {\n  Font,\n  FontSize,\n  FontWeight,\n  LetterSpacing,\n  LineHeight,\n} from \"./typography.types\";\n\nexport const fonts: Record<Font, string> = {\n  heading: \"'aktiv-grotesk', sans-serif\",\n  body: \"'aktiv-grotesk', sans-serif\",\n  mono: \"LinearSans, Noto Sans, Arial, Helvetica, sans-serif\",\n};\n\nexport const fontSizes: Record<FontSize, string> = {\n  xs: \"0.75rem\",\n  sm: \"0.875rem\",\n  md: \"1rem\",\n  lg: \"1.125rem\",\n  xl: \"1.25rem\",\n  \"2xl\": \"1.5rem\",\n  \"3xl\": \"1.875rem\",\n  \"4xl\": \"2.25rem\",\n  \"5xl\": \"3rem\",\n  \"6xl\": \"3.75rem\",\n  \"7xl\": \"4.5rem\",\n  \"8xl\": \"6rem\",\n  \"9xl\": \"8rem\",\n};\n\nexport const fontWeights: Record<FontWeight, number> = {\n  normal: 400,\n  semibold: 600,\n  bold: 600,\n};\n\nexport const lineHeights: Record<LineHeight, string | number> = {\n  normal: \"normal\",\n  none: 1,\n  shorter: 1.25,\n  short: 1.375,\n  base: 1.5,\n  tall: 1.625,\n  taller: \"2\",\n  \"3\": \".75rem\",\n  \"4\": \"1rem\",\n  \"5\": \"1.25rem\",\n  \"6\": \"1.5rem\",\n  \"7\": \"1.75rem\",\n  \"8\": \"2rem\",\n  \"9\": \"2.25rem\",\n  \"10\": \"2.5rem\",\n};\n\nexport const letterSpacings: Record<LetterSpacing, string> = {\n  tight: \"-0.025em\",\n  tighter: \"-0.05em\",\n  normal: \"0em\",\n  wide: \"0.025em\",\n  wider: \"0.05em\",\n  widest: \"0.1em\",\n};\n"],"names":["fonts","fontSizes","fontWeights","lineHeights","letterSpacings"],"mappings":"AAQO,MAAMA,IAA8B;AAAA,EACzC,SAAS;AAAA,EACT,MAAM;AAAA,EACN,MAAM;AACR,GAEaC,IAAsC;AAAA,EACjD,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AACT,GAEaC,IAA0C;AAAA,EACrD,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,MAAM;AACR,GAEaC,IAAmD;AAAA,EAC9D,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,SAAS;AAAA,EACT,OAAO;AAAA,EACP,MAAM;AAAA,EACN,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,GAAK;AAAA,EACL,GAAK;AAAA,EACL,GAAK;AAAA,EACL,GAAK;AAAA,EACL,GAAK;AAAA,EACL,GAAK;AAAA,EACL,GAAK;AAAA,EACL,IAAM;AACR,GAEaC,IAAgD;AAAA,EAC3D,OAAO;AAAA,EACP,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AACV;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/esm/theme/tokens/zIndices/index.js

@@ -1,20 +1,2 @@
-const o = {
-  hide: -1,
-  auto: "auto",
-  base: 0,
-  docked: 10,
-  dropdown: 1e3,
-  sticky: 1100,
-  banner: 1200,
-  overlay: 1300,
-  modal: 1400,
-  popover: 1500,
-  skipLink: 1600,
-  toast: 1700,
-  tooltip: 1800,
-  tooltipExtra: 1e4
-};
-export {
-  o as zIndices
-};
+
 //# sourceMappingURL=index.js.map

package/dist/esm/theme/tokens/zIndices/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/theme/tokens/zIndices/zIndices.records.ts"],"sourcesContent":["import { ZIndex } from \"./zIndices.types\";\n\nexport const zIndices: Record<ZIndex, string | number> = {\n  hide: -1,\n  auto: \"auto\",\n  base: 0,\n  docked: 10,\n  dropdown: 1000,\n  sticky: 1100,\n  banner: 1200,\n  overlay: 1300,\n  modal: 1400,\n  popover: 1500,\n  skipLink: 1600,\n  toast: 1700,\n  tooltip: 1800,\n  tooltipExtra: 10000,\n};\n"],"names":["zIndices"],"mappings":"AAEO,MAAMA,IAA4C;AAAA,EACvD,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AAAA,EACT,UAAU;AAAA,EACV,OAAO;AAAA,EACP,SAAS;AAAA,EACT,cAAc;AAChB;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -0,0 +1,52 @@
+export { AspectRatio } from '@chakra-ui/react/aspect-ratio';
+export { Bleed } from '@chakra-ui/react/bleed';
+export { Box, type BoxProps } from '@chakra-ui/react/box';
+export { Center } from '@chakra-ui/react/center';
+export { Container } from '@chakra-ui/react/container';
+export { Flex, type FlexProps } from '@chakra-ui/react/flex';
+export { Float } from '@chakra-ui/react/float';
+export { Grid, GridItem, SimpleGrid } from '@chakra-ui/react/grid';
+export { Group } from '@chakra-ui/react/group';
+export { Stack, HStack, VStack } from '@chakra-ui/react/stack';
+export { Wrap, WrapItem } from '@chakra-ui/react/wrap';
+export { Blockquote } from '@chakra-ui/react/blockquote';
+export { Code } from '@chakra-ui/react/code';
+export { Em, Mark } from '@chakra-ui/react/typography';
+export { Highlight } from '@chakra-ui/react/highlight';
+export { Kbd } from '@chakra-ui/react/kbd';
+export { LinkOverlay } from '@chakra-ui/react/link';
+export { List } from '@chakra-ui/react/list';
+export { Accordion } from '@chakra-ui/react/accordion';
+export { ActionBar } from '@chakra-ui/react/action-bar';
+export { Badge } from '@chakra-ui/react/badge';
+export { Breadcrumb } from '@chakra-ui/react/breadcrumb';
+export { Clipboard } from '@chakra-ui/react/clipboard';
+export { Collapsible, useCollapsible } from '@chakra-ui/react/collapsible';
+export { ColorPicker } from '@chakra-ui/react/color-picker';
+export { DataList } from '@chakra-ui/react/data-list';
+export { Drawer } from '@chakra-ui/react/drawer';
+export { Editable } from '@chakra-ui/react/editable';
+export { FileUpload } from '@chakra-ui/react/file-upload';
+export { NumberInput } from '@chakra-ui/react/number-input';
+export { Pagination } from '@chakra-ui/react/pagination';
+export { ProgressCircle } from '@chakra-ui/react/progress-circle';
+export { Progress } from '@chakra-ui/react/progress';
+export { QrCode } from '@chakra-ui/react/qr-code';
+export { RatingGroup } from '@chakra-ui/react/rating-group';
+export { Skeleton, SkeletonCircle, SkeletonText, } from '@chakra-ui/react/skeleton';
+export { Slider } from '@chakra-ui/react/slider';
+export { Stat } from '@chakra-ui/react/stat';
+export { Status } from '@chakra-ui/react/status';
+export { Steps } from '@chakra-ui/react/steps';
+export { Table } from '@chakra-ui/react/table';
+export { Timeline } from '@chakra-ui/react/timeline';
+export { DownloadTrigger } from '@chakra-ui/react/download-trigger';
+export { ClientOnly } from '@chakra-ui/react/client-only';
+export { For } from '@chakra-ui/react/for';
+export { FormatByte, FormatNumber } from '@chakra-ui/react/format';
+export { Presence } from '@chakra-ui/react/presence';
+export { Portal } from '@chakra-ui/react/portal';
+export { Show } from '@chakra-ui/react/show';
+export { VisuallyHidden } from '@chakra-ui/react/visually-hidden';
+export { useBreakpointValue, useConst, useDisclosure, useMediaQuery, } from '@chakra-ui/react';
+export { defineRecipe, defineSlotRecipe, useRecipe, useSlotRecipe, type SystemStyleObject, } from '@chakra-ui/react/styled-system';

package/dist/types/cli/generate-theme-types.d.ts

@@ -0,0 +1,2 @@
+#!/usr/bin/env node
+export {};

package/dist/types/cli/postinstall.d.ts

@@ -0,0 +1,2 @@
+#!/usr/bin/env node
+export {};

package/dist/types/components/Alert/alert.component.d.ts

@@ -5,25 +5,17 @@ import { IconProps } from '../Icon/icon.component';
 import { TextProps } from '../Text/text.component';
 import { Status } from '../../shared/types/status';
 import { AlertButtonProps } from './components/AlertButton/alertButton.component';
-interface AlertBaseProps extends Omit<CAlert.RootProps, "title" | "status" | "children" | "variant" | "size"> {
+export interface AlertProps extends Omit<CAlert.RootProps, "title" | "status" | "children" | "variant" | "size"> {
     buttonProps?: AlertButtonProps;
-    description?: string | React.ReactNode;
+    description?: React.ReactNode;
     descriptionProps?: TextProps;
+    hideCloseButton?: boolean;
     hideIcon?: boolean;
     iconProps?: IconProps;
+    onClose?: React.MouseEventHandler<HTMLButtonElement>;
     onContrast?: boolean;
     status?: Status;
-    title?: string | React.ReactNode;
+    title?: React.ReactNode;
     titleProps?: HeadingProps;
 }
-interface DefaultAlertProps extends AlertBaseProps {
-    hideCloseButton?: true;
-    onClose?: never;
-}
-interface ClosableAlertProps extends AlertBaseProps {
-    hideCloseButton: false;
-    onClose: React.MouseEventHandler<HTMLButtonElement>;
-}
-export type AlertProps = DefaultAlertProps | ClosableAlertProps;
 export declare const Alert: ({ buttonProps, description, descriptionProps, hideCloseButton, hideIcon, iconProps, onClose, onContrast, status, title, titleProps, ...rest }: AlertProps) => React.JSX.Element;
-export {};

package/dist/types/components/Alert/alert.recipe.d.ts

@@ -4,7 +4,7 @@ type AlertSlotStyles = {
     [key in AlertSlot]?: SystemStyleObject;
 };
 export declare const alertRecipe: import('@chakra-ui/react').SlotRecipeDefinition<AlertSlot, {
-    variant: Record<"warning" | "success" | "default" | "info" | "error", AlertSlotStyles>;
+    variant: Record<"default" | "info" | "success" | "warning" | "error", AlertSlotStyles>;
     hideIcon: {
         true: {
             root: {

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

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

package/dist/types/components/Avatar/avatar.recipe.d.ts

@@ -4,7 +4,7 @@ type AvatarSlotStyles = {
     [key in AvatarSlot]?: SystemStyleObject;
 };
 export declare const avatarRecipe: import('@chakra-ui/react').SlotRecipeDefinition<AvatarSlot, {
-    size: Record<"sm" | "md" | "lg" | "xl" | "xs", AvatarSlotStyles>;
+    size: Record<"xs" | "sm" | "md" | "lg" | "xl", AvatarSlotStyles>;
     variant: Record<"accent" | "default" | "contrast" | "dashed" | "outlineAccent" | "outlineYellow", AvatarSlotStyles>;
     interactive: {
         true: {

package/dist/types/components/Avatar/components/AvatarBadge/avatarBadge.component.d.ts

@@ -11,7 +11,7 @@ export interface AvatarBadgeProps extends FlexProps {
     status?: Status;
 }
 interface InternalAvatarBadgeProps extends AvatarBadgeProps {
-    avatarSize: AvatarSize;
+    avatarSize?: AvatarSize;
 }
 export declare const AvatarBadge: ({ avatarSize, iconName, position, status, ...rest }: InternalAvatarBadgeProps) => React.JSX.Element;
 export {};

package/dist/types/components/Avatar/components/AvatarBadge/avatarBadge.recipe.d.ts

@@ -1,7 +1,7 @@
 import { SystemStyleObject } from '@chakra-ui/react/styled-system';
 export declare const avatarBadgeRecipe: import('@chakra-ui/react').RecipeDefinition<{
-    size: Record<"sm" | "md" | "lg" | "xl" | "xs", SystemStyleObject>;
-    status: Record<"warning" | "success" | "default" | "info" | "error", SystemStyleObject>;
+    size: Record<"xs" | "sm" | "md" | "lg" | "xl", SystemStyleObject>;
+    status: Record<"default" | "info" | "success" | "warning" | "error", SystemStyleObject>;
     withIcon: {
         true: {};
         false: {};

package/dist/types/components/Avatar/components/AvatarBadge/avatarBadge.types.d.ts

@@ -1,2 +1,2 @@
-export declare const avatarBadgePositions: readonly ["bottom-center", "bottom-end", "bottom-start", "middle-center", "middle-end", "middle-start", "top-center", "top-end", "top-start"];
+export declare const avatarBadgePositions: readonly ["bottom-end", "bottom-start", "top-end", "top-start"];
 export type AvatarBadgePosition = (typeof avatarBadgePositions)[number];

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

@@ -2,7 +2,7 @@ import { default as React } from 'react';
 import { ButtonProps as CButtonProps } from '@chakra-ui/react/button';
 import { IconName } from '../Icon/icon.types';
 import { ButtonIconPosition, ButtonSize, ButtonSpinnerPlacement, ButtonVariant } from './button.types';
-export interface KButtonProps {
+export interface ButtonProps extends CButtonProps {
     active?: boolean;
     iconName?: IconName;
     iconPosition?: ButtonIconPosition;
@@ -12,5 +12,4 @@ export interface KButtonProps {
     onContrast?: boolean;
     variant?: ButtonVariant;
 }
-export type ButtonProps = KButtonProps & CButtonProps;
-export declare const Button: React.ForwardRefExoticComponent<KButtonProps & CButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;

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/{patterns → components}/ConversationCard/components/ConversationCardButtons/conversationCardButtons.component.d.ts

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

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

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { TextProps } from '../../../../components/Text/text.component';
+import { TextProps } from '../../../Text/text.component';
 export interface ConversationCardContentProps {
     content?: React.ReactNode;
     contentProps?: Omit<TextProps, "children">;

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

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
-import { IconProps } from '../../../../components/Icon/icon.component';
-import { TextProps } from '../../../../components/Text/text.component';
+import { IconProps } from '../../../Icon/icon.component';
+import { TextProps } from '../../../Text/text.component';
 export interface ConversationCardFooterProps {
     iconProps?: IconProps;
     content: React.ReactNode;

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

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { TagProps } from '../../../../components/Tag/tag.component';
+import { TagProps } from '../../../Tag/tag.component';
 export type ConversationCardTag = TagProps & {
     tooltipContent?: string;
 };

package/dist/types/{patterns → components}/ConversationCard/conversationCard.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 { ConversationCardHeaderProps } from './components/ConversationCardHeader/conversationCardHeader.component';
 import { ConversationCardOverlayProps, ConversationCardPinProps } from './components/ConversationCardButtons/conversationCardButtons.component';
 import { ConversationCardTag } from './components/ConversationCardTags/conversationCardTags.component';

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/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" | "root" | "positioner" | "content" | "footer" | "header" | "title" | "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<"root" | "input" | "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;
+        };
+    };
+}>;