@televet/kibble-ui 4.0.0-beta.108 → 4.0.0-beta.11

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import * as React from "react";
 interface SVGRProps {
     color?: string;
     height?: string;

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import * as React from "react";
 interface SVGRProps {
     color?: string;
     height?: string;

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import * as React from "react";
 interface SVGRProps {
     color?: string;
     height?: string;

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import * as React from "react";
 interface SVGRProps {
     color?: string;
     height?: string;

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import * as React from "react";
 interface SVGRProps {
     color?: string;
     height?: string;

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import * as React from "react";
 interface SVGRProps {
     color?: string;
     height?: string;

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import * as React from "react";
 interface SVGRProps {
     color?: string;
     height?: string;

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import * as React from "react";
 interface SVGRProps {
     color?: string;
     height?: string;

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import * as React from "react";
 interface SVGRProps {
     color?: string;
     height?: string;

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import * as React from "react";
 interface SVGRProps {
     color?: string;
     height?: string;

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import * as React from "react";
 interface SVGRProps {
     color?: string;
     height?: string;

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import * as React from "react";
 interface SVGRProps {
     color?: string;
     height?: string;

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import * as React from "react";
 interface SVGRProps {
     color?: string;
     height?: string;

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import * as React from "react";
 interface SVGRProps {
     color?: string;
     height?: string;

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import * as React from "react";
 interface SVGRProps {
     color?: string;
     height?: string;

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import * as React from "react";
 interface SVGRProps {
     color?: string;
     height?: string;

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import * as React from "react";
 interface SVGRProps {
     color?: string;
     height?: string;

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import * as React from "react";
 interface SVGRProps {
     color?: string;
     height?: string;

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import * as React from "react";
 interface SVGRProps {
     color?: string;
     height?: string;

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import * as React from "react";
 interface SVGRProps {
     color?: string;
     height?: string;

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import * as React from "react";
 interface SVGRProps {
     color?: string;
     height?: string;

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import * as React from "react";
 interface SVGRProps {
     color?: string;
     height?: string;

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

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

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

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

package/dist/types/components/Link/components/LinkIcon/linkIcon.component.d.ts

@@ -1,8 +1,8 @@
 import { default as React } from 'react';
 import { IconProps } from '../../../Icon';
-export interface LinkIconProps extends Pick<IconProps, 'name'> {
-    position?: 'start' | 'end';
+export interface LinkIconProps extends Pick<IconProps, "name"> {
+    position?: "start" | "end";
 }
-type InternalLinkIconProps = Pick<IconProps, 'name' | 'variant' | 'size'>;
+type InternalLinkIconProps = Pick<IconProps, "name" | "variant" | "size">;
 export declare const LinkIcon: ({ variant, ...rest }: InternalLinkIconProps) => React.JSX.Element;
 export {};

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

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

package/dist/types/components/Menu/components/MenuButton/menuButton.components.d.ts

@@ -1,7 +1,7 @@
 import { ButtonProps } from '../../../Button/button.component';
 import { TextProps } from '../../../Text/text.component';
 import { default as React } from 'react';
-export interface MenuButtonProps extends Omit<ButtonProps, 'children'> {
+export interface MenuButtonProps extends Omit<ButtonProps, "children"> {
     hideCaret?: boolean;
     text?: string;
     textProps?: TextProps;

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;
@@ -13,18 +13,17 @@ interface BaseMenuItemProps {
     value: string;
     variant?: TypographyVariant;
 }
-interface DefaultMenuItemProps extends Omit<CMenu.ItemProps, 'onSelect'> {
-    type?: 'default';
+interface DefaultMenuItemProps extends Omit<CMenu.ItemProps, "onSelect"> {
+    type?: "default";
     selected?: boolean;
 }
-interface CheckboxMenuItemProps extends Omit<CMenu.CheckboxItemProps, 'onSelect'> {
-    type: 'checkbox';
+interface CheckboxMenuItemProps extends Omit<CMenu.CheckboxItemProps, "onSelect"> {
+    type: "checkbox";
     checked: boolean;
 }
-interface SubmenuMenuItemProps {
-    type: 'submenu';
+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/components/MenuToggleButtons/menuToggleButtons.d.ts

@@ -1,7 +1,7 @@
 interface MenuToggleButtonsProps {
     hasSelectedItems?: boolean;
     groupName?: string;
-    onToggle: ({ groupName, clear }: {
+    onToggle: ({ groupName, clear, }: {
         clear: boolean;
         groupName?: string;
     }) => void;

package/dist/types/components/Menu/menu.component.d.ts

@@ -4,7 +4,7 @@ import { MenuButtonProps } from './components/MenuButton/menuButton.components';
 import { MenuItemProps } from './components/MenuItem/menuItem.component';
 export type MenuListOnSelect = ((selectedItem: string | undefined, allSelectedItems?: string[]) => void) | ((selectedItem: string | undefined, allSelectedItems?: string[]) => Promise<void>);
 export type MenuListOnSelectAll = ((selectedItems: string[]) => void) | ((selectedItems: string[]) => Promise<void>);
-export interface MenuListProps extends Omit<CMenu.ContentProps, 'onSelect'> {
+export interface MenuListProps extends Omit<CMenu.ContentProps, "onSelect"> {
     canSelectAll?: boolean;
     canSelectGroups?: boolean;
     emptyStateText?: string;
@@ -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/Menu.d.ts

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

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

@@ -1,4 +1,4 @@
-export declare const modalRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"body" | "root" | "content" | "positioner" | "footer" | "header" | "title" | "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/Modal.d.ts

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

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

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

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

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

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

@@ -19,11 +19,11 @@ export interface KPopoverProps {
     variant?: PopoverVariant;
 }
 interface ClickPopoverProps extends CPopover.RootProps {
-    trigger?: 'click';
+    trigger?: "click";
 }
 interface HoverPopoverProps extends HoverCard.RootProps {
-    trigger?: 'hover';
+    trigger?: "hover";
 }
-export type PopoverProps = KPopoverProps & (Omit<ClickPopoverProps, 'size'> | Omit<HoverPopoverProps, 'size'>);
-export declare const Popover: ({ allowEscape, anchor, children, contentProps, footerProps, headerProps, disabled, portalled, placement, positioning, size, trigger, variant, ...rest }: PopoverProps) => React.ReactNode;
+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

@@ -1,5 +1,5 @@
 import { SystemStyleObject } from '@chakra-ui/react/styled-system';
-type PopoverSlot = 'root' | 'content' | 'arrow' | 'arrowTip' | 'body' | 'header' | 'footer' | 'trigger';
+type PopoverSlot = "root" | "content" | "arrow" | "arrowTip" | "body" | "header" | "footer";
 type PopoverSlotStyles = {
     [key in PopoverSlot]?: SystemStyleObject;
 };

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

@@ -1,14 +1,12 @@
-import { default as React } from 'react';
+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;
-    onContrast?: boolean;
-    radioRef?: React.Ref<HTMLInputElement | null>;
-    rootRef?: React.Ref<HTMLDivElement | null>;
+    radioRef?: ForwardedRef<HTMLDivElement>;
     size?: FormControlSize;
     withCard?: boolean;
 }
-declare const WrappedRadio: React.FC<RadioProps>;
+declare const WrappedRadio: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLDivElement>>;
 export { WrappedRadio as Radio };

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

@@ -5,17 +5,17 @@ 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'> {
+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'>[];
+    radioType?: "buttons";
+    radios: Omit<RadioProps, "withCard">[];
 }
 interface DefaultRadioGroupProps extends KRadioGroupProps {
-    radioType?: 'default';
+    radioType?: "default";
     radios: RadioProps[];
 }
 export type RadioGroupProps = ButtonRadioGroupProps | DefaultRadioGroupProps;

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

@@ -1,6 +1,6 @@
 import { SystemStyleObject } from '@chakra-ui/react/styled-system';
 import { FormVariant } from '../../hocs/withFormControl/withFormControl.types';
-type RadioSlot = 'root' | 'item' | 'itemHiddenInput' | 'itemControl' | 'itemText';
+type RadioSlot = "root" | "item" | "itemHiddenInput" | "itemControl" | "itemText";
 type RadioSlotStyles = {
     [key in RadioSlot]?: SystemStyleObject;
 };

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

@@ -6,4 +6,4 @@ export interface RatingDotProps {
     number: number;
     onClick?: (value: number) => void;
 }
-export declare const RatingDot: ({ active, disabled, invalid, number, onClick }: RatingDotProps) => React.JSX.Element;
+export declare const RatingDot: ({ active, disabled, invalid, number, onClick, }: RatingDotProps) => React.JSX.Element;

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

@@ -13,7 +13,7 @@ export declare const ratingDotRecipe: import('@chakra-ui/react').RecipeDefinitio
             cursor: "pointer";
             h: "60px";
             w: "60px";
-            '&[data-disabled][data-active]': {
+            "&[data-disabled][data-active]": {
                 bgColor: "background.secondary";
                 color: "text.contrast";
             };

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

@@ -9,5 +9,4 @@ export interface RatingDotsProps extends WithFormControlProps {
     onChange?: (value: number) => void;
     value?: number;
 }
-declare const WrappedRatingDots: React.FC<RatingDotsProps>;
-export { WrappedRatingDots as RatingDots };
+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/select.component.d.ts

@@ -1,23 +1,18 @@
-import { default as React } from 'react';
+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 WithFormControlProps, Omit<CSelect.RootProps, 'collection' | 'multiple'> {
+export interface SelectProps extends Omit<CSelect.RootProps, "collection" | "multiple">, WithFormControlProps {
     clearable?: boolean;
     emptyPlaceholder?: string;
     loading?: boolean;
-    onContrast?: boolean;
-    onSearch?: (e: React.ChangeEvent<HTMLInputElement>) => void;
     options: SelectOption[];
     placeholder?: string;
     placeholderElement?: React.ReactNode;
-    rootRef?: React.Ref<HTMLDivElement | null>;
-    searchable?: boolean;
-    searchPlaceholder?: string;
-    selectRef?: React.Ref<HTMLSelectElement | null>;
+    selectRef?: ForwardedRef<HTMLSelectElement>;
     shouldTruncateText?: boolean;
     size?: FormControlSize;
 }
-declare const WrappedSelect: React.FC<SelectProps>;
+declare const WrappedSelect: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLSelectElement>>;
 export { WrappedSelect as Select };

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

@@ -1,10 +1,9 @@
 import { TypographyVariant } from '../../shared/types/typography';
 export interface SelectOption {
     disabled?: boolean;
-    groupLabel?: string;
+    selected?: boolean;
     label: React.ReactNode;
     leftElement?: React.ReactNode;
-    selected?: boolean;
     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/SortableListItem/sortableListItem.component.d.ts

@@ -7,7 +7,7 @@ export interface SortableListItemProps {
 }
 interface InternalSortableListItemProps extends SortableListItemProps {
     hideHandle?: boolean;
-    itemProps?: Omit<List.ItemProps, 'id' | 'content'>;
+    itemProps?: Omit<List.ItemProps, "id" | "content">;
 }
 export declare const SortableListItem: ({ content, hideHandle, id, itemProps, }: InternalSortableListItemProps) => React.JSX.Element;
 export {};

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

@@ -1,10 +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'> {
+export interface SortableListProps extends Omit<List.RootProps, "onChange"> {
     hideHandle?: boolean;
     items: SortableListItemProps[];
-    itemsProps?: Omit<List.ItemProps, 'id' | 'content'>;
+    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/spinner.component.d.ts

@@ -7,7 +7,7 @@ export interface SpinnerProps {
     backdropColor?: SemanticBackgroundColorToken;
     fullScreen?: boolean;
     label?: string;
-    labelProps?: Omit<TextProps, 'chilren'>;
+    labelProps?: Omit<TextProps, "chilren">;
     showLabel?: boolean;
     size?: SpinnerSize;
     variant?: TypographyVariant;

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

@@ -4,7 +4,7 @@ type SpinnerSlot = (typeof spinnerSlots)[number];
 type SpinnerSlotStyles = {
     [key in SpinnerSlot]?: SystemStyleObject;
 };
-export declare const spinnerRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"root" | "label" | "spinner", {
+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: {

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

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

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

@@ -4,5 +4,5 @@ import { SwatchSize } from './swatch.types';
 export interface BaseSwatchProps {
     size?: SwatchSize;
 }
-export type SwatchProps = BaseSwatchProps & Omit<BoxProps, 'children'>;
+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.d.ts

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

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

@@ -1,12 +1,11 @@
-import { default as React } from 'react';
+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'> {
+export interface SwitchProps extends WithFormControlProps, Omit<CSwitch.RootProps, "label" | "onChange"> {
     indeterminate?: boolean;
-    rootRef?: React.Ref<HTMLLabelElement | null>;
+    switchRef?: ForwardedRef<HTMLLabelElement>;
     size?: FormControlSize;
-    switchRef?: React.Ref<HTMLInputElement | null>;
 }
-declare const WrappedSwitch: React.FC<SwitchProps>;
+declare const WrappedSwitch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLLabelElement>>;
 export { WrappedSwitch as Switch };