@televet/kibble-ui 4.0.0-beta.3 → 4.0.0-beta.31

package/dist/types/components/Picture/picture.component.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { ImageProps } from '@chakra-ui/react/image';
+export interface PictureProps extends ImageProps {
+    webpSrc?: string;
+    src: string;
+}
+export declare const Picture: ({ src, webpSrc, ...rest }: PictureProps) => React.JSX.Element;

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

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

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

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

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

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

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

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

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

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

package/dist/types/components/Popover/components/PopoverFooter/popoverFooter.component.d.ts

@@ -0,0 +1,20 @@
+import { default as React, ReactNode } from 'react';
+import { FlexProps } from '@chakra-ui/react/flex';
+import { PopoverTriggerType } from '../../popover.types';
+export interface PopoverFooterProps extends FlexProps {
+    children?: ReactNode;
+    disabled?: boolean;
+    hideButtons?: boolean;
+    hideCancelButton?: boolean;
+    destructive?: boolean;
+    loading?: boolean;
+    onCancel?: () => void;
+    onContrast?: boolean;
+    onSubmit?: () => void;
+    submitText?: string;
+}
+interface InternalPopoverFooterProps extends PopoverFooterProps {
+    trigger: PopoverTriggerType;
+}
+export declare const PopoverFooter: ({ children, disabled, hideButtons, hideCancelButton, destructive, loading, onCancel, onContrast, onSubmit, submitText, trigger, ...rest }: InternalPopoverFooterProps) => React.JSX.Element;
+export {};

package/dist/types/components/Popover/components/PopoverHeader/popoverHeader.component.d.ts

@@ -0,0 +1,16 @@
+import { default as React, ReactNode } from 'react';
+import { HeadingSize } from '../../../Heading';
+import { FlexProps } from '@chakra-ui/react/flex';
+import { PopoverTriggerType } from '../../popover.types';
+export interface PopoverHeaderProps extends FlexProps {
+    children?: ReactNode;
+    hideCloseButton?: boolean;
+    onClose?: () => void;
+    onContrast?: boolean;
+    size?: HeadingSize;
+}
+interface InternalPopoverHeaderProps extends PopoverHeaderProps {
+    trigger: PopoverTriggerType;
+}
+export declare const PopoverHeader: ({ children, color, hideCloseButton, onContrast, onClose, size, trigger, ...rest }: InternalPopoverHeaderProps) => React.JSX.Element;
+export {};

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

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

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

@@ -0,0 +1,29 @@
+import { default as React } from 'react';
+import { Popover as CPopover } from '@chakra-ui/react/popover';
+import { HoverCard } from '@chakra-ui/react/hover-card';
+import { Placement } from '../../shared/types/placement';
+import { PopoverSize, PopoverTriggerType, PopoverVariant } from './popover.types';
+import { PopoverHeaderProps } from './components/PopoverHeader/popoverHeader.component';
+import { PopoverFooterProps } from './components/PopoverFooter/popoverFooter.component';
+export interface KPopoverProps {
+    allowEscape?: boolean;
+    anchor: React.ReactNode;
+    contentProps?: CPopover.ContentProps;
+    disabled?: boolean;
+    footerProps?: PopoverFooterProps;
+    headerProps?: PopoverHeaderProps;
+    portalled?: boolean;
+    placement?: Placement;
+    size?: PopoverSize;
+    trigger?: PopoverTriggerType;
+    variant?: PopoverVariant;
+}
+interface ClickPopoverProps extends CPopover.RootProps {
+    trigger?: "click";
+}
+interface HoverPopoverProps extends HoverCard.RootProps {
+    trigger?: "hover";
+}
+export type PopoverProps = KPopoverProps & (ClickPopoverProps | HoverPopoverProps);
+export declare const Popover: React.ForwardRefExoticComponent<PopoverProps & React.RefAttributes<HTMLDivElement>>;
+export {};

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

@@ -0,0 +1,10 @@
+import { SystemStyleObject } from '@chakra-ui/react/styled-system';
+type PopoverSlot = "root" | "content" | "arrow" | "arrowTip" | "body" | "header" | "footer";
+type PopoverSlotStyles = {
+    [key in PopoverSlot]?: SystemStyleObject;
+};
+export declare const popoverRecipe: import('@chakra-ui/react').SlotRecipeDefinition<PopoverSlot, {
+    size: Record<"xs" | "sm" | "md" | "lg" | "xl", PopoverSlotStyles>;
+    variant: Record<"default" | "contrast" | "defaultDestructive" | "contrastDestructive", PopoverSlotStyles>;
+}>;
+export {};

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

@@ -0,0 +1,6 @@
+export declare const popoverSizes: readonly ["xs", "sm", "md", "lg", "xl"];
+export type PopoverSize = (typeof popoverSizes)[number];
+export declare const popoverVariants: readonly ["default", "defaultDestructive", "contrastDestructive", "contrast"];
+export type PopoverVariant = (typeof popoverVariants)[number];
+export declare const popoverTriggerTypes: readonly ["click", "hover"];
+export type PopoverTriggerType = (typeof popoverTriggerTypes)[number];

package/dist/types/components/RadioGroup/components/Radio/radio.component.d.ts

@@ -0,0 +1,12 @@
+import { default as React, ForwardedRef } from 'react';
+import { RadioGroup } from '@chakra-ui/react/radio-group';
+import { FormControlSize } from '../../../../hocs/withFormControl/withFormControl.types';
+import { WithFormControlProps } from '../../../../hocs/withFormControl/withFormControl';
+export interface RadioProps extends WithFormControlProps, RadioGroup.ItemProps {
+    checked?: boolean;
+    radioRef?: ForwardedRef<HTMLDivElement>;
+    size?: FormControlSize;
+    withCard?: boolean;
+}
+declare const WrappedRadio: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLDivElement>>;
+export { WrappedRadio as Radio };

package/dist/types/components/RadioGroup/components/Radio/radio.records.d.ts

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

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

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

package/dist/types/components/RadioGroup/radioGroup.component.d.ts

@@ -0,0 +1,23 @@
+import { default as React } from 'react';
+import { WithFormControlProps } from '../../hocs/withFormControl/withFormControl';
+import { RadioProps } from './components/Radio/radio.component';
+import { RadioGroup as CRadioGroup } from '@chakra-ui/react/radio-group';
+import { ConditionalValue } from '@chakra-ui/react/styled-system';
+import { FlexDirection } from '../../shared/types/alignment';
+import { FormControlSize } from '../../hocs/withFormControl/withFormControl.types';
+export interface KRadioGroupProps extends WithFormControlProps, Omit<CRadioGroup.RootProps, "onValueChange" | "onChange"> {
+    direction?: ConditionalValue<FlexDirection>;
+    onChange?: (value: string | null) => void;
+    size?: FormControlSize;
+}
+interface ButtonRadioGroupProps extends KRadioGroupProps {
+    radioType?: "buttons";
+    radios: Omit<RadioProps, "withCard">[];
+}
+interface DefaultRadioGroupProps extends KRadioGroupProps {
+    radioType?: "default";
+    radios: RadioProps[];
+}
+export type RadioGroupProps = ButtonRadioGroupProps | DefaultRadioGroupProps;
+declare const WrappedRadioGroup: React.FC<RadioGroupProps>;
+export { WrappedRadioGroup as RadioGroup };

package/dist/types/components/RadioGroup/radioGroup.recipe.d.ts

@@ -0,0 +1,11 @@
+import { SystemStyleObject } from '@chakra-ui/react/styled-system';
+import { FormVariant } from '../../hocs/withFormControl/withFormControl.types';
+type RadioSlot = "root" | "item" | "itemHiddenInput" | "itemControl" | "itemText";
+type RadioSlotStyles = {
+    [key in RadioSlot]?: SystemStyleObject;
+};
+export declare const radioGroupRecipe: import('@chakra-ui/react').SlotRecipeDefinition<RadioSlot, {
+    size: Record<"sm" | "md" | "lg", RadioSlotStyles>;
+    variant: Record<FormVariant, RadioSlotStyles>;
+}>;
+export {};

package/dist/types/components/RatingDots/components/RatingDot/ratingDot.component.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+export interface RatingDotProps {
+    active?: boolean;
+    disabled?: boolean;
+    invalid?: boolean;
+    number: number;
+    onClick?: (value: number) => void;
+}
+export declare const RatingDot: ({ active, disabled, invalid, number, onClick, }: RatingDotProps) => React.JSX.Element;

package/dist/types/components/RatingDots/components/RatingDot/ratingDot.recipe.d.ts

@@ -0,0 +1,39 @@
+export declare const ratingDotRecipe: import('@chakra-ui/react').RecipeDefinition<{
+    variant: {
+        default: {
+            bgColor: "background.secondary";
+            color: "text.contrast";
+            cursor: "default";
+            h: "40px";
+            w: "40px";
+        };
+        interactive: {
+            bgColor: "transparent";
+            color: "text.interactive";
+            cursor: "pointer";
+            h: "60px";
+            w: "60px";
+            "&[data-disabled][data-active]": {
+                bgColor: "background.secondary";
+                color: "text.contrast";
+            };
+            _active: {
+                bgColor: "background.secondary";
+                color: "text.contrast";
+                _hover: {
+                    bgColor: "background.secondary";
+                };
+            };
+            _disabled: {
+                cursor: "not-allowed";
+                opacity: number;
+            };
+            _hover: {
+                bgColor: "background.secondaryAlpha.hover";
+            };
+            _invalid: {
+                borderColor: "border.danger";
+            };
+        };
+    };
+}>;

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

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

package/dist/types/components/RatingDots/ratingDots.component.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+import { WithFormControlProps } from '../../hocs/withFormControl/withFormControl';
+export interface RatingDotsProps extends WithFormControlProps {
+    centeredLabel?: string;
+    maxLabel?: string;
+    maxValue: number;
+    minLabel?: string;
+    minValue: number;
+    onChange?: (value: number) => void;
+    value?: number;
+}
+export declare const RatingDots: React.FC<RatingDotsProps>;

package/dist/types/components/Select/components/SelectItemContent/selectItemContent.component.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { SelectOption } from '../../select.types';
+import { FormControlSize } from '../../../../hocs/withFormControl/withFormControl.types';
+interface SelectItemContentProps {
+    item: SelectOption;
+    onContrast: boolean;
+    shouldTruncateText: boolean;
+    size: FormControlSize;
+}
+export declare const SelectItemContent: ({ item, onContrast, shouldTruncateText, size, }: SelectItemContentProps) => React.JSX.Element;
+export {};

package/dist/types/components/Select/components/SelectTrigger/selectTrigger.component.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { FormControlSize } from '../../../../hocs/withFormControl/withFormControl.types';
+interface SelectTriggerProps {
+    placeholder?: string;
+    placeholderElement?: React.ReactNode;
+    onContrast: boolean;
+    shouldTruncateText: boolean;
+    size: FormControlSize;
+}
+export declare const SelectTrigger: ({ placeholder, placeholderElement, ...rest }: SelectTriggerProps) => React.JSX.Element;
+export {};

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

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

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

@@ -0,0 +1,18 @@
+import { default as React, ForwardedRef } from 'react';
+import { Select as CSelect } from '@chakra-ui/react/select';
+import { WithFormControlProps } from '../../hocs/withFormControl/withFormControl';
+import { FormControlSize } from '../../hocs/withFormControl/withFormControl.types';
+import { SelectOption } from './select.types';
+export interface SelectProps extends Omit<CSelect.RootProps, "collection" | "multiple">, WithFormControlProps {
+    clearable?: boolean;
+    emptyPlaceholder?: string;
+    loading?: boolean;
+    options: SelectOption[];
+    placeholder?: string;
+    placeholderElement?: React.ReactNode;
+    selectRef?: ForwardedRef<HTMLSelectElement>;
+    shouldTruncateText?: boolean;
+    size?: FormControlSize;
+}
+declare const WrappedSelect: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLSelectElement>>;
+export { WrappedSelect as Select };

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

@@ -0,0 +1,2 @@
+import { SlotRecipeDefinition } from '@chakra-ui/react/styled-system';
+export declare const selectRecipe: SlotRecipeDefinition;

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

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

package/dist/types/components/SortableList/components/SortableListDragHandle/sortableListDragHandle.component.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { ButtonProps } from '../../../Button/button.component';
+export declare const SortableListDragHandle: ({ ...rest }: ButtonProps) => React.JSX.Element;

package/dist/types/components/SortableList/components/SortableListItem/sortableListItem.component.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+import { List } from '@chakra-ui/react/list';
+import { UniqueIdentifier } from '@dnd-kit/core';
+export interface SortableListItemProps {
+    content: React.ReactNode;
+    id: UniqueIdentifier;
+}
+interface InternalSortableListItemProps extends SortableListItemProps {
+    hideHandle?: boolean;
+    itemProps?: Omit<List.ItemProps, "id" | "content">;
+}
+export declare const SortableListItem: ({ content, hideHandle, id, itemProps, }: InternalSortableListItemProps) => React.JSX.Element;
+export {};

package/dist/types/components/SortableList/components/SortableListItem/sortableListItem.context.d.ts

@@ -0,0 +1,8 @@
+import { DraggableAttributes, DraggableSyntheticListeners } from '@dnd-kit/core/dist/hooks/useDraggable';
+interface Context {
+    attributes?: DraggableAttributes;
+    listeners: DraggableSyntheticListeners;
+    ref(node: HTMLElement | null): void;
+}
+export declare const SortableItemContext: import('react').Context<Context>;
+export {};

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

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

package/dist/types/components/SortableList/sortableList.component.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { List } from '@chakra-ui/react/list';
+import { SortableListItemProps } from './components/SortableListItem/sortableListItem.component';
+export interface SortableListProps extends Omit<List.RootProps, "onChange"> {
+    hideHandle?: boolean;
+    items: SortableListItemProps[];
+    itemsProps?: Omit<List.ItemProps, "id" | "content">;
+    onChange(items: SortableListItemProps[]): void;
+}
+export declare const SortableList: ({ hideHandle, items, itemsProps, onChange, ...rest }: SortableListProps) => React.JSX.Element;

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

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

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

@@ -0,0 +1,15 @@
+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';
+export interface SpinnerProps {
+    backdropColor?: SemanticBackgroundColorToken;
+    fullScreen?: boolean;
+    label?: string;
+    labelProps?: Omit<TextProps, "chilren">;
+    showLabel?: boolean;
+    size?: SpinnerSize;
+    variant?: TypographyVariant;
+}
+export declare const Spinner: ({ backdropColor, fullScreen, label, labelProps, showLabel, size, variant, }: SpinnerProps) => React.JSX.Element;

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

@@ -0,0 +1,29 @@
+import { SystemStyleObject } from '@chakra-ui/react/styled-system';
+declare const spinnerSlots: readonly ["root", "spinner", "label"];
+type SpinnerSlot = (typeof spinnerSlots)[number];
+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>;
+    size: Record<string, SpinnerSlotStyles>;
+    fullScreen: {
+        true: {
+            root: {
+                h: "100%";
+                left: number;
+                top: number;
+                position: "absolute";
+                w: "100%";
+                zIndex: "tooltipExtra";
+            };
+        };
+        false: {
+            root: {
+                h: "max-content";
+                w: "max-content";
+            };
+        };
+    };
+}>;
+export {};

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

@@ -0,0 +1,2 @@
+export declare const spinnerSizes: string[];
+export type SpinnerSize = (typeof spinnerSizes)[number];

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

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

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

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { AvatarProps } from '../Avatar/avatar.component';
+import { StyledAvatarType } from './styledAvatar.types';
+export interface StyledAvatarProps extends AvatarProps {
+    type?: StyledAvatarType;
+}
+export declare const StyledAvatar: ({ type, ...rest }: StyledAvatarProps) => React.JSX.Element;

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

@@ -0,0 +1,2 @@
+export declare const styledAvatarTypes: readonly ["Client", "SMS", "TestClient", "Automated", "Clinic"];
+export type StyledAvatarType = (typeof styledAvatarTypes)[number];

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

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

package/dist/types/components/Swatch/swatch.component.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { BoxProps } from '@chakra-ui/react/box';
+import { SwatchSize } from './swatch.types';
+export interface BaseSwatchProps {
+    size?: SwatchSize;
+}
+export type SwatchProps = BaseSwatchProps & Omit<BoxProps, "children">;
+export declare const Swatch: ({ size, color, backgroundColor, bgColor, borderColor, ...rest }: SwatchProps) => React.JSX.Element;

package/dist/types/components/Swatch/swatch.recipe.d.ts

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

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

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

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

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

package/dist/types/components/Switch/switch.component.d.ts

@@ -0,0 +1,11 @@
+import { default as React, ForwardedRef } from 'react';
+import { Switch as CSwitch } from '@chakra-ui/react/switch';
+import { WithFormControlProps } from '../../hocs/withFormControl/withFormControl';
+import { FormControlSize } from '../../hocs/withFormControl/withFormControl.types';
+export interface SwitchProps extends WithFormControlProps, Omit<CSwitch.RootProps, "label" | "onChange"> {
+    indeterminate?: boolean;
+    switchRef?: ForwardedRef<HTMLLabelElement>;
+    size?: FormControlSize;
+}
+declare const WrappedSwitch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLLabelElement>>;
+export { WrappedSwitch as Switch };

package/dist/types/components/Switch/switch.recipe.d.ts

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

package/dist/types/components/Tabs/components/Tab/tab.component.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+import { Tabs } from '@chakra-ui/react/tabs';
+import { IconName } from '../../../Icon';
+import { NotificationCounterProps } from '../../../NotificationCounter/notificationCounter.component';
+import { TabIconPosition, TabSize } from './tab.types';
+export interface TabProps extends Tabs.TriggerProps {
+    iconName?: IconName;
+    iconPosition?: TabIconPosition;
+    label: string;
+    notificationCounterProps?: Omit<NotificationCounterProps, "size">;
+    showNotificationCounter?: boolean;
+    size?: TabSize;
+}
+export declare const Tab: ({ iconName, iconPosition, label, notificationCounterProps, showNotificationCounter, size, ...rest }: TabProps) => React.JSX.Element;

package/dist/types/components/Tabs/components/Tab/tab.records.d.ts

@@ -0,0 +1,5 @@
+import { TabSize } from './tab.types';
+import { NotificationCounterSize } from '../../../NotificationCounter/notificationCounter.types';
+import { HeadingSize } from '../../../Heading/heading.types';
+export declare const tabNotificationCounterSize: Record<TabSize, NotificationCounterSize>;
+export declare const tabLabelSize: Record<TabSize, HeadingSize>;

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

@@ -0,0 +1,4 @@
+export declare const tabSizes: readonly ["xs", "sm", "md", "lg"];
+export type TabSize = (typeof tabSizes)[number];
+export declare const tabIconPositions: readonly ["left", "right"];
+export type TabIconPosition = (typeof tabIconPositions)[number];

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

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

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

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+import { Tabs as CTabs } from '@chakra-ui/react/tabs';
+import { TabSize } from './components/Tab/tab.types';
+import { TabProps } from './components/Tab/tab.component';
+import { Alignment } from '../../shared/types/alignment';
+export interface TabsProps extends Omit<CTabs.RootProps, "onChange" | "variant"> {
+    align?: Alignment;
+    onChange?: (value: string) => void;
+    size?: TabSize;
+    tabs: TabProps[];
+    tabsContents?: CTabs.ContentProps[];
+}
+export declare const Tabs: ({ align, onChange, size, tabs, tabsContents, ...rest }: TabsProps) => React.JSX.Element;

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

@@ -0,0 +1,9 @@
+import { SystemStyleObject } from '@chakra-ui/react/styled-system';
+type TabSlot = "root" | "list" | "trigger" | "content";
+type TabSlotStyles = {
+    [key in TabSlot]?: SystemStyleObject;
+};
+export declare const tabsRecipe: import('@chakra-ui/react').SlotRecipeDefinition<TabSlot, {
+    size: Record<"xs" | "sm" | "md" | "lg", TabSlotStyles>;
+}>;
+export {};

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

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

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

@@ -0,0 +1,24 @@
+import { default as React } from 'react';
+import { Tag as CTag } from '@chakra-ui/react/tag';
+import { CloseButtonDisplay, TagSize } from './tag.types';
+import { Status } from '../../shared/types/status';
+export interface BaseTagProps extends Omit<CTag.RootProps, "children"> {
+    leftElement?: React.ReactNode;
+    rightElement?: React.ReactNode;
+    label: string;
+    closeButtonDisplay?: CloseButtonDisplay;
+    size?: TagSize;
+    onClose?: React.MouseEventHandler<HTMLButtonElement>;
+    variant?: Status;
+}
+interface ClosableTagProps extends BaseTagProps {
+    closeButtonDisplay: "always" | "hover";
+    onClose: React.MouseEventHandler<HTMLButtonElement>;
+}
+interface NonClosableTagProps extends BaseTagProps {
+    closeButtonDisplay?: "never";
+    onClose?: never;
+}
+export type TagProps = ClosableTagProps | NonClosableTagProps;
+export declare const Tag: React.ForwardRefExoticComponent<TagProps & React.RefAttributes<HTMLSpanElement>>;
+export {};

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

@@ -0,0 +1,11 @@
+import { SystemStyleObject } from '@chakra-ui/react/styled-system';
+type TagSlot = "root" | "label" | "closeTrigger";
+type TagSlotStyles = {
+    [key in TagSlot]?: SystemStyleObject;
+};
+export declare const tagRecipe: import('@chakra-ui/react').SlotRecipeDefinition<TagSlot, {
+    size: Record<"sm" | "md" | "lg", TagSlotStyles>;
+    variant: Record<"default" | "info" | "success" | "warning" | "error", TagSlotStyles>;
+    closeButtonDisplay: Record<"hover" | "always" | "never", TagSlotStyles>;
+}>;
+export {};

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

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