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

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

@@ -0,0 +1,54 @@
+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/index.js.map

@@ -0,0 +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;"}

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

@@ -0,0 +1,20 @@
+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/index.js.map

@@ -0,0 +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;"}

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

@@ -5,17 +5,25 @@ 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';
-export interface AlertProps extends Omit<CAlert.RootProps, "title" | "status" | "children" | "variant" | "size"> {
+interface AlertBaseProps extends Omit<CAlert.RootProps, "title" | "status" | "children" | "variant" | "size"> {
     buttonProps?: AlertButtonProps;
-    description?: React.ReactNode;
+    description?: string | React.ReactNode;
     descriptionProps?: TextProps;
-    hideCloseButton?: boolean;
     hideIcon?: boolean;
     iconProps?: IconProps;
-    onClose?: React.MouseEventHandler<HTMLButtonElement>;
     onContrast?: boolean;
     status?: Status;
-    title?: React.ReactNode;
+    title?: string | 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<"default" | "info" | "success" | "warning" | "error", AlertSlotStyles>;
+    variant: Record<"warning" | "success" | "default" | "info" | "error", AlertSlotStyles>;
     hideIcon: {
         true: {
             root: {

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

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

package/dist/types/components/Alert/docs/alert.argTypes.d.ts

@@ -0,0 +1,5 @@
+import { KibbleArgTypes } from '../../../shared/types/storybook';
+import { AlertProps } from '../alert.component';
+import { AlertButtonProps } from '../components/AlertButton/alertButton.component';
+export declare const alertArgTypes: KibbleArgTypes<AlertProps>;
+export declare const alertButtonArgTypes: KibbleArgTypes<AlertButtonProps>;

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

@@ -1,2 +1,3 @@
 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<"xs" | "sm" | "md" | "lg" | "xl", AvatarSlotStyles>;
+    size: Record<"sm" | "md" | "lg" | "xl" | "xs", 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<"xs" | "sm" | "md" | "lg" | "xl", SystemStyleObject>;
-    status: Record<"default" | "info" | "success" | "warning" | "error", SystemStyleObject>;
+    size: Record<"sm" | "md" | "lg" | "xl" | "xs", SystemStyleObject>;
+    status: Record<"warning" | "success" | "default" | "info" | "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-end", "bottom-start", "top-end", "top-start"];
+export declare const avatarBadgePositions: readonly ["bottom-center", "bottom-end", "bottom-start", "middle-center", "middle-end", "middle-start", "top-center", "top-end", "top-start"];
 export type AvatarBadgePosition = (typeof avatarBadgePositions)[number];

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

@@ -0,0 +1,3 @@
+import { KibbleArgTypes } from '../../../../../shared/types/storybook';
+import { AvatarBadgeProps } from '../avatarBadge.component';
+export declare const avatarBadgeArgTypes: KibbleArgTypes<AvatarBadgeProps>;

package/dist/types/components/Avatar/docs/avatar.argTypes.d.ts

@@ -0,0 +1,3 @@
+import { KibbleArgTypes } from '../../../shared/types/storybook';
+import { AvatarProps } from '../avatar.component';
+export declare const avatarArgTypes: KibbleArgTypes<AvatarProps>;

package/dist/types/components/AvatarGroup/docs/avatarGroup.argTypes.d.ts

@@ -0,0 +1,3 @@
+import { KibbleArgTypes } from '../../../shared/types/storybook';
+import { AvatarGroupProps } from '../avatarGroup.component';
+export declare const avatarGroupArgTypes: KibbleArgTypes<AvatarGroupProps>;

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 ButtonProps extends CButtonProps {
+export interface KButtonProps {
     active?: boolean;
     iconName?: IconName;
     iconPosition?: ButtonIconPosition;
@@ -12,4 +12,5 @@ export interface ButtonProps extends CButtonProps {
     onContrast?: boolean;
     variant?: ButtonVariant;
 }
-export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export type ButtonProps = KButtonProps & CButtonProps;
+export declare const Button: React.ForwardRefExoticComponent<KButtonProps & CButtonProps & 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" | "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>;
+    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>;
 }>;

package/dist/types/components/Button/docs/button.argTypes.d.ts

@@ -0,0 +1,3 @@
+import { KibbleArgTypes } from '../../../shared/types/storybook';
+import { ButtonProps } from '../button.component';
+export declare const buttonArgTypes: KibbleArgTypes<ButtonProps>;

package/dist/types/components/ButtonGroup/docs/buttonGroup.argTypes.d.ts

@@ -0,0 +1,3 @@
+import { KibbleArgTypes } from '../../../shared/types/storybook';
+import { ButtonGroupProps } from '../buttonGroup.component';
+export declare const buttonGroupArgTypes: KibbleArgTypes<ButtonGroupProps>;

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, onClick, onContrast, size, children, ...rest }: CardProps) => React.JSX.Element;
+export declare const Card: ({ active, fullWidth, interactive, invalid, onContrast, size, children, ...rest }: CardProps) => React.JSX.Element;

package/dist/types/components/Card/docs/card.argTypes.d.ts

@@ -0,0 +1,3 @@
+import { KibbleArgTypes } from '../../../shared/types/storybook';
+import { CardProps } from '../card.component';
+export declare const cardArgTypes: KibbleArgTypes<CardProps>;

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

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

package/dist/types/components/CharacterCounter/docs/characterCounter.argTypes.d.ts

@@ -0,0 +1,3 @@
+import { KibbleArgTypes } from '../../../shared/types/storybook';
+import { CharacterCounterProps } from '../characterCounter.component';
+export declare const characterCounterArgTypes: KibbleArgTypes<CharacterCounterProps>;

package/dist/types/components/Checkbox/docs/checkbox.argTypes.d.ts

@@ -0,0 +1,3 @@
+import { KibbleArgTypes } from '../../../shared/types/storybook';
+import { CheckboxProps } from '../checkbox.component';
+export declare const checkboxArgTypes: KibbleArgTypes<CheckboxProps>;

package/dist/types/components/CheckboxGroup/docs/checkboxGroup.argTypes.d.ts

@@ -0,0 +1,3 @@
+import { KibbleArgTypes } from '../../../shared/types/storybook';
+import { CheckboxGroupProps } from '../checkboxGroup.component';
+export declare const checkboxGroupArgTypes: KibbleArgTypes<CheckboxGroupProps>;

package/dist/types/components/DatePicker/docs/datePicker.argTypes.d.ts

@@ -0,0 +1,3 @@
+import { KibbleArgTypes } from '../../../shared/types/storybook';
+import { DatePickerProps } from '../datePicker.component';
+export declare const datePickerArgTypes: KibbleArgTypes<DatePickerProps>;

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

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

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

@@ -0,0 +1,3 @@
+import { KibbleArgTypes } from '../../../shared/types/storybook';
+import { HeadingProps } from '../heading.component';
+export declare const headingArgTypes: KibbleArgTypes<HeadingProps>;

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

@@ -3,9 +3,10 @@ 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 HeadingProps extends WithTruncationProps, CHeadingProps {
+export interface KHeadingProps extends WithTruncationProps {
     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<"accent" | "accentSubtle" | "brand" | "brandOnContrast" | "danger" | "dangerOnContrast" | "default" | "info" | "interactive" | "interactiveOnContrast" | "onContrast" | "placeholder" | "placeholderOnContrast" | "subtle" | "subtleOnContrast" | "success" | "warning", SystemStyleObject>;
+    variant: Record<"danger" | "warning" | "success" | "accent" | "accentSubtle" | "brand" | "brandOnContrast" | "dangerOnContrast" | "default" | "info" | "interactive" | "interactiveOnContrast" | "onContrast" | "placeholder" | "placeholderOnContrast" | "subtle" | "subtleOnContrast", 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/typography';
+import { FontSize } from '../../theme/tokens';
 export type HeadingSize = Exclude<FontSize, "5xl" | "6xl" | "7xl" | "8xl" | "9xl">;

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

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

package/dist/types/components/Icon/docs/icon.argTypes.d.ts

@@ -0,0 +1,3 @@
+import { KibbleArgTypes } from '../../../shared/types/storybook';
+import { BaseIconProps } from '../icon.component';
+export declare const iconArgTypes: KibbleArgTypes<BaseIconProps>;

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

@@ -1,2 +1,2 @@
-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 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 declare const IconMap: Record<IconName, any>;

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

@@ -2,9 +2,10 @@ 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 IconProps extends BoxProps {
+export interface BaseIconProps {
     name: IconName;
     size?: IconSize;
     variant?: TypographyVariant;
 }
-export declare const Icon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<IconProps>>;
+export type IconProps = BaseIconProps & BoxProps;
+export declare const Icon: React.ForwardRefExoticComponent<BaseIconProps & BoxProps & React.RefAttributes<IconProps>>;

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

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

package/dist/types/components/Link/docs/link.argTypes.d.ts

@@ -0,0 +1,5 @@
+import { KibbleArgTypes } from '../../../shared/types/storybook';
+import { LinkProps } from '../link.component';
+import { LinkIconProps } from '../components/LinkIcon/linkIcon.component';
+export declare const linkArgTypes: KibbleArgTypes<LinkProps>;
+export declare const linkIconArgTypes: KibbleArgTypes<LinkIconProps>;

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

@@ -1,5 +1,5 @@
 export declare const linkRecipe: import('@chakra-ui/react').RecipeDefinition<{
-    variant: Record<"accent" | "accentSubtle" | "brand" | "brandOnContrast" | "danger" | "dangerOnContrast" | "default" | "info" | "interactive" | "interactiveOnContrast" | "onContrast" | "placeholder" | "placeholderOnContrast" | "subtle" | "subtleOnContrast" | "success" | "warning", import('@chakra-ui/react').SystemStyleObject>;
+    variant: Record<"danger" | "warning" | "success" | "accent" | "accentSubtle" | "brand" | "brandOnContrast" | "dangerOnContrast" | "default" | "info" | "interactive" | "interactiveOnContrast" | "onContrast" | "placeholder" | "placeholderOnContrast" | "subtle" | "subtleOnContrast", 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/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 { MenuListProps } from '../..';
+import { MenuProps } from '../..';
 import { TypographyVariant } from '../../../../shared/types/typography';
 interface BaseMenuItemProps {
     label?: React.ReactNode;
@@ -21,10 +21,9 @@ interface CheckboxMenuItemProps extends Omit<CMenu.CheckboxItemProps, "onSelect"
     type: "checkbox";
     checked: boolean;
 }
-interface SubmenuMenuItemProps {
+interface SubmenuMenuItemProps extends Omit<MenuProps, "buttonProps"> {
     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/docs/menu.argTypes.d.ts

@@ -0,0 +1,4 @@
+import { KibbleArgTypes } from '../../../shared/types/storybook';
+import { MenuProps } from '../menu.component';
+export declare const menuArgTypes: KibbleArgTypes<MenuProps>;
+export declare const menuListArgTypes: KibbleArgTypes<MenuProps["listProps"]>;

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" | "onSelect"> {
+export interface MenuProps extends Omit<CMenu.RootProps, "children"> {
     buttonProps?: MenuButtonProps;
     listProps?: MenuListProps;
     portalled?: boolean;

package/dist/types/components/Modal/docs/modal.argTypes.d.ts

@@ -0,0 +1,3 @@
+import { KibbleArgTypes } from '../../../shared/types/storybook';
+import { ModalProps } from '../modal.component';
+export declare const modalArgTypes: KibbleArgTypes<ModalProps>;

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

package/dist/types/components/NotificationCounter/docs/notificationCounter.argTypes.d.ts

@@ -0,0 +1,3 @@
+import { KibbleArgTypes } from '../../../shared/types/storybook';
+import { NotificationCounterProps } from '../notificationCounter.component';
+export declare const notificationCounterArgTypes: KibbleArgTypes<NotificationCounterProps>;

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

@@ -1,2 +1,3 @@
 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<"xs" | "sm" | "md" | "lg", Record<"root" | "maxElement", SystemStyleObject>>;
-    variant: Record<"blue" | "green" | "red" | "neutral", Record<"root" | "maxElement", SystemStyleObject>>;
+    size: Record<"sm" | "md" | "lg" | "xs", Record<"root" | "maxElement", SystemStyleObject>>;
+    variant: Record<"neutral" | "blue" | "green" | "red", Record<"root" | "maxElement", SystemStyleObject>>;
 }>;

package/dist/types/components/Picture/docs/picture.argTypes.d.ts

@@ -0,0 +1,3 @@
+import { KibbleArgTypes } from '../../../shared/types/storybook';
+import { PictureProps } from '../picture.component';
+export declare const pictureArgTypes: KibbleArgTypes<PictureProps>;

package/dist/types/components/Popover/docs/popover.argTypes.d.ts

@@ -0,0 +1,3 @@
+import { KibbleArgTypes } from '../../../shared/types/storybook';
+import { KPopoverProps } from '../popover.component';
+export declare const popoverArgTypes: KibbleArgTypes<KPopoverProps>;

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<"xs" | "sm" | "md" | "lg" | "xl", PopoverSlotStyles>;
+    size: Record<"sm" | "md" | "lg" | "xl" | "xs", PopoverSlotStyles>;
     variant: Record<"default" | "contrast" | "defaultDestructive" | "contrastDestructive", PopoverSlotStyles>;
 }>;
 export {};

package/dist/types/components/RadioGroup/components/Radio/docs/radio.argTypes.d.ts

@@ -0,0 +1,3 @@
+import { KibbleArgTypes } from '../../../../../shared/types/storybook';
+import { RadioProps } from '../radio.component';
+export declare const radioArgTypes: KibbleArgTypes<RadioProps>;

package/dist/types/components/RadioGroup/docs/radioGroup.argTypes.d.ts

@@ -0,0 +1,3 @@
+import { KibbleArgTypes } from '../../../shared/types/storybook';
+import { RadioGroupProps } from '../radioGroup.component';
+export declare const radioGroupArgTypes: KibbleArgTypes<RadioGroupProps>;

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

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

package/dist/types/components/RatingDots/docs/ratingDots.argTypes.d.ts

@@ -0,0 +1,3 @@
+import { KibbleArgTypes } from '../../../shared/types/storybook';
+import { RatingDotsProps } from '../ratingDots.component';
+export declare const ratingDotsArgTypes: KibbleArgTypes<RatingDotsProps>;

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

@@ -0,0 +1,3 @@
+import { KibbleArgTypes } from '../../../shared/types/storybook';
+import { SelectProps } from '../select.component';
+export declare const selectArgTypes: KibbleArgTypes<SelectProps>;

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

@@ -7,12 +7,9 @@ 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/docs/sortableList.argTypes.d.ts

@@ -0,0 +1,3 @@
+import { KibbleArgTypes } from '../../../shared/types/storybook';
+import { SortableListProps } from '../sortableList.component';
+export declare const sortableListArgTypes: KibbleArgTypes<SortableListProps>;

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

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

package/dist/types/components/Spinner/docs/spinner.argTypes.d.ts

@@ -0,0 +1,3 @@
+import { KibbleArgTypes } from '../../../shared/types/storybook';
+import { SpinnerProps } from '../spinner.component';
+export declare const spinnerArgTypes: KibbleArgTypes<SpinnerProps>;

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';
+import { SemanticBackgroundColorToken } from '../../theme/semanticTokens/semanticTokens.types';
 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<"accent" | "accentSubtle" | "brand" | "brandOnContrast" | "danger" | "dangerOnContrast" | "default" | "info" | "interactive" | "interactiveOnContrast" | "onContrast" | "placeholder" | "placeholderOnContrast" | "subtle" | "subtleOnContrast" | "success" | "warning", SpinnerSlotStyles>;
+    variant: Record<"danger" | "warning" | "success" | "accent" | "accentSubtle" | "brand" | "brandOnContrast" | "dangerOnContrast" | "default" | "info" | "interactive" | "interactiveOnContrast" | "onContrast" | "placeholder" | "placeholderOnContrast" | "subtle" | "subtleOnContrast", SpinnerSlotStyles>;
     size: Record<string, SpinnerSlotStyles>;
     fullScreen: {
         true: {

package/dist/types/components/Swatch/docs/swatch.argTypes.d.ts

@@ -0,0 +1,3 @@
+import { KibbleArgTypes } from '../../../shared/types/storybook';
+import { BaseSwatchProps } from '../swatch.component';
+export declare const swatchArgTypes: KibbleArgTypes<BaseSwatchProps>;

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<"xs" | "sm" | "md" | "lg" | "xl", SystemStyleObject>;
+    size: Record<"sm" | "md" | "lg" | "xl" | "xs", SystemStyleObject>;
 }>;

package/dist/types/components/Switch/docs/switch.argTypes.d.ts

@@ -0,0 +1,3 @@
+import { KibbleArgTypes } from '../../../shared/types/storybook';
+import { SwitchProps } from '../switch.component';
+export declare const switchArgTypes: KibbleArgTypes<SwitchProps>;

package/dist/types/components/Tabs/components/Tab/docs/tab.argTypes.d.ts

@@ -0,0 +1,3 @@
+import { KibbleArgTypes } from '../../../../../shared/types/storybook';
+import { TabProps } from '../tab.component';
+export declare const tabsArgTypes: KibbleArgTypes<TabProps>;

package/dist/types/components/Tabs/docs/tabs.argTypes.d.ts

@@ -0,0 +1,3 @@
+import { KibbleArgTypes } from '../../../shared/types/storybook';
+import { TabsProps } from '../tabs.component';
+export declare const tabsArgTypes: KibbleArgTypes<TabsProps>;