@televet/kibble-ui 4.0.0-beta.1 → 4.0.0-beta.10

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

@@ -0,0 +1,23 @@
+export declare const modalRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"body" | "positioner" | "content" | "footer" | "header" | "title" | "root" | "backdrop" | "closeTrigger" | "actionTrigger", {
+    expanded: {
+        true: {
+            backdrop: {
+                background: "{colors.neutral.100}";
+            };
+            content: {
+                borderRadius: "none";
+                minH: "100%";
+                minW: "650px";
+            };
+        };
+        false: {
+            backdrop: {
+                background: "{colors.blackAlpha.600}";
+            };
+            content: {
+                minH: "100px";
+                minW: "300px";
+            };
+        };
+    };
+}>;

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

@@ -0,0 +1,8 @@
+export declare const modalSizes: readonly ["xs", "sm", "md", "lg", "cover", "full"];
+export type ModalSize = (typeof modalSizes)[number];
+export declare const modalPlacements: readonly ["center", "top", "bottom"];
+export type ModalPlacement = (typeof modalPlacements)[number];
+export declare const modalScrollBehaviors: readonly ["inside", "outside"];
+export type ModalScrollBehavior = (typeof modalScrollBehaviors)[number];
+export declare const modalMotionPresets: readonly ["scale", "slide-in-bottom", "slide-in-top", "slide-in-left", "slide-in-right", "none"];
+export type ModalMotionPreset = (typeof modalMotionPresets)[number];

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

@@ -0,0 +1,2 @@
+export * from './Modal/index'
+export {}

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

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

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

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { FlexProps } from '@chakra-ui/react/flex';
+import { NotificationCounterSize, NotificationCounterVariant } from './notificationCounter.types';
+export interface NotificationCounterProps extends FlexProps {
+    count?: number;
+    showCount?: boolean;
+    size?: NotificationCounterSize;
+    variant?: NotificationCounterVariant;
+}
+export declare const NotificationCounter: ({ count, showCount, size, variant, }: NotificationCounterProps) => React.JSX.Element;

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

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

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

@@ -0,0 +1 @@
+export declare const MAX_COUNT = 99;

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

@@ -0,0 +1,4 @@
+export declare const notificationCounterSizes: readonly ["xs", "sm", "md", "lg"];
+export type NotificationCounterSize = (typeof notificationCounterSizes)[number];
+export declare const notificationCounterVariants: readonly ["blue", "green", "neutral", "red"];
+export type NotificationCounterVariant = (typeof notificationCounterVariants)[number];

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

@@ -0,0 +1,2 @@
+export * from './NotificationCounter/index'
+export {}

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

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

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

@@ -0,0 +1,2 @@
+export * from './Picture/index'
+export {}

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

@@ -0,0 +1,2 @@
+export * from './Popover/index'
+export {}

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

@@ -0,0 +1,2 @@
+export * from './RadioGroup/index'
+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/RatingDots.d.ts

@@ -0,0 +1,2 @@
+export * from './RatingDots/index'
+export {}

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

@@ -0,0 +1,2 @@
+export * from './Select/index'
+export {}

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

@@ -0,0 +1,2 @@
+export * from './SortableList/index'
+export {}

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

@@ -0,0 +1,2 @@
+export * from './Spinner/index'
+export {}

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

@@ -0,0 +1,2 @@
+export * from './Swatch/index'
+export {}

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

@@ -0,0 +1,2 @@
+export * from './Switch/index'
+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;