@televet/kibble-ui 4.0.0-beta.4 → 4.0.0-beta.40

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 } from '@chakra-ui/react/box';
+export { Center } from '@chakra-ui/react/center';
+export { Container } from '@chakra-ui/react/container';
+export { Flex } 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 } 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 { useBreakpoint, useBreakpointValue, useConst, useDisclosure, useMediaQuery, } from '@chakra-ui/react';
+export { 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

@@ -0,0 +1,21 @@
+import { default as React } from 'react';
+import { Alert as CAlert } from '@chakra-ui/react/alert';
+import { HeadingProps } from '../Heading/heading.component';
+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"> {
+    buttonProps?: AlertButtonProps;
+    description?: React.ReactNode;
+    descriptionProps?: TextProps;
+    hideCloseButton?: boolean;
+    hideIcon?: boolean;
+    iconProps?: IconProps;
+    onClose?: React.MouseEventHandler<HTMLButtonElement>;
+    onContrast?: boolean;
+    status?: Status;
+    title?: React.ReactNode;
+    titleProps?: HeadingProps;
+}
+export declare const Alert: ({ buttonProps, description, descriptionProps, hideCloseButton, hideIcon, iconProps, onClose, onContrast, status, title, titleProps, ...rest }: AlertProps) => React.JSX.Element;

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

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

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/alert.types.d.ts

@@ -0,0 +1,2 @@
+export declare const alertButtonPositions: readonly ["topRight", "bottomLeft"];
+export type AlertButtonPosition = (typeof alertButtonPositions)[number];

package/dist/types/components/Alert/components/AlertButton/alertButton.component.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+import { AlertButtonPosition } from '../../alert.types';
+import { ButtonProps } from '../../../Button/button.component';
+import { Status } from '../../../../shared/types/status';
+export interface AlertButtonProps extends Omit<ButtonProps, "children"> {
+    buttonPosition?: AlertButtonPosition;
+    buttonText: string;
+}
+interface InternalAlertButtonProps extends AlertButtonProps {
+    status: Status;
+}
+export declare const AlertButton: ({ buttonPosition, buttonText, status, ...rest }: InternalAlertButtonProps) => React.JSX.Element;
+export {};

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

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

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

@@ -0,0 +1,23 @@
+import { default as React } from 'react';
+import { Avatar as CAvatar } from '@chakra-ui/react/avatar';
+import { TooltipProps } from '../Tooltip/tooltip.component';
+import { IconName } from '../Icon';
+import { AvatarSize, AvatarVariant } from './avatar.types';
+import { AvatarBadgeProps } from './components/AvatarBadge/avatarBadge.component';
+export interface AvatarProps extends CAvatar.RootProps {
+    badgeProps?: AvatarBadgeProps;
+    hideBorder?: boolean;
+    iconName?: IconName;
+    name?: string;
+    onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
+    onRemove?: (event: React.MouseEvent<HTMLDivElement>) => void;
+    showBadge?: boolean;
+    showRemoveButton?: boolean;
+    showTooltip?: boolean;
+    size?: AvatarSize;
+    src?: string;
+    tooltipProps?: TooltipProps;
+    variant?: AvatarVariant;
+    webpSrc?: string;
+}
+export declare const Avatar: ({ badgeProps, hideBorder, iconName, name, onClick, onRemove, showBadge, showRemoveButton, showTooltip, size, src, tooltipProps, variant, webpSrc, ...rest }: AvatarProps) => React.JSX.Element;

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

@@ -0,0 +1,60 @@
+import { SystemStyleObject } from '@chakra-ui/react/styled-system';
+type AvatarSlot = "root" | "fallback" | "image";
+type AvatarSlotStyles = {
+    [key in AvatarSlot]?: SystemStyleObject;
+};
+export declare const avatarRecipe: import('@chakra-ui/react').SlotRecipeDefinition<AvatarSlot, {
+    size: Record<"xs" | "sm" | "md" | "lg" | "xl", AvatarSlotStyles>;
+    variant: Record<"accent" | "default" | "contrast" | "dashed" | "outlineAccent" | "outlineYellow", AvatarSlotStyles>;
+    interactive: {
+        true: {
+            root: {
+                cursor: "pointer";
+                _hover: {
+                    img: {
+                        opacity: number;
+                    };
+                    _after: {
+                        content: "\"\"";
+                        backgroundColor: "background.alpha.hover";
+                        w: "110%";
+                        h: "110%";
+                        borderRadius: "full";
+                        position: "absolute";
+                    };
+                };
+                _active: {
+                    img: {
+                        opacity: number;
+                    };
+                    _after: {
+                        content: "\"\"";
+                        backgroundColor: "background.alpha.pressed";
+                        w: "110%";
+                        h: "110%";
+                        borderRadius: "full";
+                        position: "absolute";
+                    };
+                };
+            };
+        };
+        false: {
+            root: {
+                cursor: "default";
+            };
+        };
+    };
+    hideBorder: {
+        true: {
+            root: {
+                borderWidth: "0px";
+            };
+        };
+        false: {
+            root: {
+                borderWidth: "2px";
+            };
+        };
+    };
+}>;
+export {};

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

@@ -0,0 +1,4 @@
+export declare const avatarSizes: readonly ["xs", "sm", "md", "lg", "xl"];
+export type AvatarSize = (typeof avatarSizes)[number];
+export declare const avatarVariants: readonly ["default", "contrast", "dashed", "accent", "outlineAccent", "outlineYellow"];
+export type AvatarVariant = (typeof avatarVariants)[number];

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

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+import { IconName } from '../../../Icon';
+import { AvatarSize } from '../../avatar.types';
+import { ConditionalValue } from '@chakra-ui/react/styled-system';
+import { AvatarBadgePosition } from './avatarBadge.types';
+import { FlexProps } from '@chakra-ui/react/flex';
+import { Status } from '../../../../shared/types/status';
+export interface AvatarBadgeProps extends FlexProps {
+    iconName?: IconName;
+    position?: ConditionalValue<AvatarBadgePosition>;
+    status?: Status;
+}
+interface InternalAvatarBadgeProps extends AvatarBadgeProps {
+    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

@@ -0,0 +1,9 @@
+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>;
+    withIcon: {
+        true: {};
+        false: {};
+    };
+}>;

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

@@ -0,0 +1,3 @@
+import { AvatarSize } from '../../avatar.types';
+export declare const iconBadgeOffsetMap: Record<AvatarSize, number>;
+export declare const badgeOffsetMap: Record<AvatarSize, number>;

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

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

package/dist/types/components/Avatar/components/AvatarRemoveButton/avatarRemoveButton.component.d.ts

@@ -0,0 +1,11 @@
+import { default as React, Dispatch, SetStateAction } from 'react';
+interface AvatarRemoveButtonProps {
+    onRemove?: React.MouseEventHandler<HTMLDivElement>;
+    isBeingHovered: boolean;
+    setIsBeingHovered: Dispatch<SetStateAction<boolean>>;
+}
+interface InternalAvatarRemoveButtonProps extends AvatarRemoveButtonProps {
+    avatarSize: string;
+}
+declare const AvatarRemoveButton: ({ avatarSize, onRemove, isBeingHovered, setIsBeingHovered, }: InternalAvatarRemoveButtonProps) => React.JSX.Element;
+export default AvatarRemoveButton;

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

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

package/dist/types/components/AvatarGroup/avatarGroup.component.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+import { AvatarGroupProps as CAvatarGroupProps } from '@chakra-ui/react/avatar';
+import { AvatarProps } from '../Avatar/avatar.component';
+import { AvatarSize, AvatarVariant } from '../Avatar/avatar.types';
+export interface AvatarGroupProps extends CAvatarGroupProps {
+    addButtonTooltipText?: string;
+    avatars: AvatarProps[];
+    max?: number;
+    onAdd?: (event: React.MouseEvent<HTMLDivElement>) => void;
+    onRemove?: (index: number) => void;
+    showAddButton?: boolean;
+    showRemoveAvatarButton?: boolean;
+    size?: AvatarSize;
+    variant?: AvatarVariant;
+}
+export declare const AvatarGroup: ({ addButtonTooltipText, avatars, max, onAdd, onRemove, showAddButton, showRemoveAvatarButton, size, variant, ...rest }: AvatarGroupProps) => React.JSX.Element;

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

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

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

@@ -0,0 +1,16 @@
+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 {
+    active?: boolean;
+    iconName?: IconName;
+    iconPosition?: ButtonIconPosition;
+    fullWidth?: boolean;
+    size?: ButtonSize;
+    spinnerPlacement?: ButtonSpinnerPlacement;
+    onContrast?: boolean;
+    variant?: ButtonVariant;
+}
+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

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

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

@@ -0,0 +1,10 @@
+export declare const buttonConfigVariants: readonly ["primary", "primaryOnContrast", "primaryDestructive", "primaryDestructiveOnContrast", "secondary", "secondaryOnContrast", "secondaryDestructive", "secondaryDestructiveOnContrast", "secondarySubtle", "secondarySubtleOnContrast", "secondarySubtleDestructive", "secondarySubtleDestructiveOnContrast", "tertiary", "tertiaryOnContrast", "tertiaryDestructive", "tertiaryDestructiveOnContrast", "ghost", "ghostOnContrast", "ghostNeutral", "ghostNeutralOnContrast", "ghostDestructive", "ghostDestructiveOnContrast", "ai"];
+export type ButtonConfigVariant = (typeof buttonConfigVariants)[number];
+export declare const buttonVariants: readonly ["primary", "primaryDestructive", "secondary", "secondaryDestructive", "secondarySubtle", "secondarySubtleDestructive", "tertiary", "tertiaryDestructive", "ghost", "ghostNeutral", "ghostDestructive", "ai"];
+export type ButtonVariant = (typeof buttonVariants)[number];
+export declare const buttonSizes: readonly ["xs", "sm", "md", "lg"];
+export type ButtonSize = (typeof buttonSizes)[number];
+export declare const buttonIconPositions: readonly ["left", "right"];
+export type ButtonIconPosition = (typeof buttonIconPositions)[number];
+export declare const buttonSpinnerPlacements: readonly ["start", "end"];
+export type ButtonSpinnerPlacement = (typeof buttonSpinnerPlacements)[number];

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

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

package/dist/types/components/ButtonGroup/buttonGroup.component.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+import { ButtonGroupProps as CButtonGroupProps } from '@chakra-ui/react/button';
+import { GroupedButton } from './buttonGroup.types';
+import { ButtonSize, ButtonVariant } from '../Button/button.types';
+import { MenuProps } from '../Menu/menu.component';
+export interface ButtonGroupProps extends CButtonGroupProps {
+    buttons: GroupedButton[];
+    onContrast?: boolean;
+    size?: ButtonSize;
+    variant?: ButtonVariant;
+    menuProps?: MenuProps;
+}
+export declare const ButtonGroup: ({ attached, borderColor, buttons, menuProps, onContrast, size, variant, ...rest }: ButtonGroupProps) => React.JSX.Element;

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

@@ -0,0 +1,2 @@
+import { ButtonProps } from '../Button/button.component';
+export type GroupedButton = Omit<ButtonProps, "size" | "variant" | "fullWidth" | "onContrast">;

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

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

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

@@ -0,0 +1,21 @@
+import { default as React } from 'react';
+import { BoxProps } from '@chakra-ui/react/box';
+import { CardSize } from './card.types';
+export interface BaseCardProps {
+    fullWidth?: boolean;
+    onContrast?: boolean;
+    size?: CardSize;
+}
+export interface DefaultCardProps extends BaseCardProps {
+    active?: never;
+    invalid?: never;
+    interactive?: false;
+}
+export interface InteractiveCardProps extends BaseCardProps {
+    active?: boolean;
+    invalid?: boolean;
+    interactive?: true;
+}
+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;

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

@@ -0,0 +1,2 @@
+import { CardSize } from './card.types';
+export declare const CardPaddingMap: Record<CardSize, number>;

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

@@ -0,0 +1,2 @@
+export declare const cardSizes: readonly ["xs", "sm", "md", "lg"];
+export type CardSize = (typeof cardSizes)[number];

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

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

package/dist/types/components/CharacterCounter/characterCounter.component.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+export interface BaseCharacterCounterProps {
+    currentCount: number;
+    onContrast?: boolean;
+}
+interface CharacterCounterWithLimitProps extends BaseCharacterCounterProps {
+    limit: number;
+    withLimit?: true;
+}
+interface OnlyCharacterCounterProps extends BaseCharacterCounterProps {
+    limit?: never;
+    withLimit?: false;
+}
+export type CharacterCounterProps = CharacterCounterWithLimitProps | OnlyCharacterCounterProps;
+export declare const CharacterCounter: ({ currentCount, onContrast, limit, withLimit, }: CharacterCounterProps) => React.JSX.Element;
+export {};

package/dist/types/components/CharacterCounter/characterCounter.recipe.d.ts

@@ -0,0 +1,34 @@
+export declare const characterCounterRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"root" | "count" | "limit", {
+    variant: {
+        default: {
+            root: {
+                background: "background";
+            };
+            count: {
+                color: "text.subtle";
+            };
+            limit: {
+                color: "text.subtle";
+            };
+        };
+        onContrast: {
+            root: {
+                background: "background.contrast";
+            };
+            count: {
+                color: "text.subtle.contrast";
+            };
+            limit: {
+                color: "text.subtle.contrast";
+            };
+        };
+    };
+    invalid: {
+        true: {
+            count: {
+                color: "text.danger";
+            };
+        };
+        false: {};
+    };
+}>;

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

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

package/dist/types/components/Checkbox/checkbox.component.d.ts

@@ -0,0 +1,12 @@
+import { default as React, ForwardedRef } from 'react';
+import { Checkbox as CCheckbox } from '@chakra-ui/react/checkbox';
+import { WithFormControlProps } from '../../hocs/withFormControl/withFormControl';
+import { FormControlSize } from '../../hocs/withFormControl/withFormControl.types';
+export interface CheckboxProps extends WithFormControlProps, CCheckbox.RootProps {
+    checkboxRef?: ForwardedRef<HTMLLabelElement>;
+    indeterminate?: boolean;
+    size?: FormControlSize;
+    withCard?: boolean;
+}
+declare const WrappedCheckbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLLabelElement>>;
+export { WrappedCheckbox as Checkbox };

package/dist/types/components/Checkbox/checkbox.recipe.d.ts

@@ -0,0 +1,11 @@
+import { SystemStyleObject } from '@chakra-ui/react/styled-system';
+import { FormVariant } from '../../hocs/withFormControl/withFormControl.types';
+type CheckboxSlot = "root" | "hiddenInput" | "control" | "indicator" | "label";
+type CheckboxSlotStyles = {
+    [key in CheckboxSlot]?: SystemStyleObject;
+};
+export declare const checkboxRecipe: import('@chakra-ui/react').SlotRecipeDefinition<CheckboxSlot, {
+    variant: Record<FormVariant, CheckboxSlotStyles>;
+    size: Record<"sm" | "md" | "lg", CheckboxSlotStyles>;
+}>;
+export {};

package/dist/types/components/Checkbox/checkbox.records.d.ts

@@ -0,0 +1,3 @@
+import { FormControlSize } from '../../hocs/withFormControl/withFormControl.types';
+export declare const CheckboxSizeMap: Record<FormControlSize, number>;
+export declare const CheckboxLabelSpacing: Record<FormControlSize, number>;

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

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

package/dist/types/components/CheckboxGroup/checkboxGroup.component.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+import { CheckboxGroupProps as CCheckboxGroupProps } from '@chakra-ui/react/checkbox';
+import { WithFormControlProps } from '../../hocs/withFormControl/withFormControl';
+import { FlexDirection } from '../../shared/types/alignment';
+import { CheckboxProps } from '../Checkbox/checkbox.component';
+import { ConditionalValue } from '@chakra-ui/react/styled-system';
+export interface KCheckboxGroupProps extends WithFormControlProps {
+    checkboxes: CheckboxProps[];
+    direction?: ConditionalValue<FlexDirection>;
+    onChange?: (value: string[]) => void;
+}
+export type CheckboxGroupProps = KCheckboxGroupProps & Omit<CCheckboxGroupProps, "onValueChange">;
+declare const WrappedCheckboxGroup: React.FC<CheckboxGroupProps>;
+export { WrappedCheckboxGroup as CheckboxGroup };

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

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

package/dist/types/components/ConversationCard/components/ConversationCardAvatarGroup/conversationCardAvatarGroup.component.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+export interface ConversationCardAvatarGroupProps {
+    avatars: React.ReactNode[];
+    max?: number;
+    onAvatarGroupClick?: (e: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void;
+    tooltipLabel?: string;
+}
+export declare const ConversationCardAvatarGroup: ({ avatars, max, onAvatarGroupClick, tooltipLabel, }: ConversationCardAvatarGroupProps) => React.JSX.Element;

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/ConversationCardHeader/conversationCardHeader.component.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+import { TimestampProps } from '../../../Timestamp/timestamp.component';
+import { ConversationCardAvatarGroupProps } from '../ConversationCardAvatarGroup/conversationCardAvatarGroup.component';
+export interface ConversationCardHeaderProps {
+    avatarGroupProps?: ConversationCardAvatarGroupProps;
+    showNotificationIndicator?: boolean;
+    isCardPinned?: boolean;
+    isHoveringCard?: boolean;
+    subtitle?: string;
+    timestampProps: TimestampProps;
+    title: string;
+}
+export declare const ConversationCardHeader: ({ avatarGroupProps, timestampProps, isHoveringCard, isCardPinned, title, showNotificationIndicator, subtitle, }: ConversationCardHeaderProps) => 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/ConversationCard/index.d.ts

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