@televet/kibble-ui 4.0.0-beta.9 → 4.0.0-beta.90

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

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

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

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

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

@@ -1,4 +1,3 @@
-/** @internal */
 import { IconSize } from './icon.types';
 export declare const IconMap: Record<import('./icon.types').IconName, any>;
 export declare const IconSizeMap: Record<IconSize, number>;

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

@@ -1,4 +1,3 @@
-/** @internal */
 export type { IconName } from './generated/index';
 export declare const iconSizes: string[];
 export type IconSize = (typeof iconSizes)[number];

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

@@ -1,9 +1,8 @@
-/** @internal */
 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/link.component.d.ts

@@ -1,4 +1,3 @@
-/** @internal */
 import { default as React } from 'react';
 import { LinkProps as CLinkProps } from '@chakra-ui/react/link';
 import { TypographyVariant } from '../../shared/types';

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

@@ -1,4 +1,3 @@
-/** @internal */
 export declare const linkRecipe: import('@chakra-ui/react').RecipeDefinition<{
     variant: Record<"accent" | "accentSubtle" | "brand" | "brandOnContrast" | "danger" | "dangerOnContrast" | "default" | "info" | "interactive" | "interactiveOnContrast" | "onContrast" | "placeholder" | "placeholderOnContrast" | "subtle" | "subtleOnContrast" | "success" | "warning", import('@chakra-ui/react').SystemStyleObject>;
     size: Record<import('..').TextSize, import('@chakra-ui/react').SystemStyleObject>;

package/dist/types/components/Logo/generated/FullLogo.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+interface SVGRProps {
+    color?: string;
+    height?: string;
+    width?: string;
+    title?: string;
+    titleId?: string;
+}
+declare const ForwardRef: React.ForwardRefExoticComponent<SVGRProps & React.RefAttributes<SVGSVGElement>>;
+export default ForwardRef;

package/dist/types/components/Logo/generated/IconLogo.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+interface SVGRProps {
+    color?: string;
+    height?: string;
+    width?: string;
+    title?: string;
+    titleId?: string;
+}
+declare const ForwardRef: React.ForwardRefExoticComponent<SVGRProps & React.RefAttributes<SVGSVGElement>>;
+export default ForwardRef;

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

@@ -0,0 +1,4 @@
+import { default as FullLogo } from './FullLogo';
+import { default as IconLogo } from './IconLogo';
+export { FullLogo };
+export { IconLogo };

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

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

package/dist/types/components/Logo/logo.component.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { BoxProps } from '@chakra-ui/react/box';
+import { LogoType, LogoVariant } from './logo.types';
+export interface LogoProps extends Omit<BoxProps, 'color'> {
+    onClick?: () => void;
+    onContrast?: boolean;
+    type?: LogoType;
+    variant?: LogoVariant;
+}
+export declare const Logo: ({ onClick, onContrast, type, variant, ...rest }: LogoProps) => React.JSX.Element;

package/dist/types/components/Logo/logo.recipe.d.ts

@@ -0,0 +1,9 @@
+import { SystemStyleObject } from '@chakra-ui/react/styled-system';
+export declare const logoRecipe: import('@chakra-ui/react').RecipeDefinition<{
+    type: Record<"full" | "icon", SystemStyleObject>;
+    variant: Record<"default" | "primary", SystemStyleObject>;
+    onContrast: {
+        true: {};
+        false: {};
+    };
+}>;

package/dist/types/components/Logo/logo.types.d.ts

@@ -0,0 +1,4 @@
+export declare const logoTypes: readonly ["full", "icon"];
+export type LogoType = (typeof logoTypes)[number];
+export declare const logoVariants: readonly ["default", "primary"];
+export type LogoVariant = (typeof logoVariants)[number];

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

@@ -1,8 +1,7 @@
-/** @internal */
 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,8 +1,7 @@
-/** @internal */
 import { Menu as CMenu } from '@chakra-ui/react/menu';
 import { default as React } from 'react';
 import { MenuItemType } from './menuItem.types';
-import { MenuProps } from '../..';
+import { MenuListProps } from '../..';
 import { TypographyVariant } from '../../../../shared/types/typography';
 interface BaseMenuItemProps {
     label?: React.ReactNode;
@@ -14,17 +13,18 @@ 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 extends Omit<MenuProps, "buttonProps"> {
-    type: "submenu";
+interface SubmenuMenuItemProps {
+    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/MenuItem/menuItem.types.d.ts

@@ -1,3 +1,2 @@
-/** @internal */
 export declare const menuTypes: readonly ["default", "checkbox", "submenu"];
 export type MenuItemType = (typeof menuTypes)[number];

package/dist/types/components/Menu/components/MenuToggleButtons/menuToggleButtons.d.ts

@@ -1,8 +1,7 @@
-/** @internal */
 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

@@ -1,11 +1,10 @@
-/** @internal */
 import { default as React } from 'react';
 import { Menu as CMenu } from '@chakra-ui/react/menu';
 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;
@@ -18,7 +17,7 @@ export interface MenuListProps extends Omit<CMenu.ContentProps, "onSelect"> {
     searchPlaceholder?: string;
     shouldTruncateText?: boolean;
 }
-export interface MenuProps extends Omit<CMenu.RootProps, "children"> {
+export interface MenuProps extends Omit<CMenu.RootProps, 'children' | 'onSelect'> {
     buttonProps?: MenuButtonProps;
     listProps?: MenuListProps;
     portalled?: boolean;

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

@@ -1,2 +1 @@
-/** @internal */
 export declare const menuRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"trigger" | "content" | "checkboxItem" | "item" | "itemGroupLabel" | "triggerItem", import('@chakra-ui/react').SlotRecipeVariantRecord<"trigger" | "content" | "checkboxItem" | "item" | "itemGroupLabel" | "triggerItem">>;

package/dist/types/components/Modal/components/ModalFooter/modalFooter.component.d.ts

@@ -1,4 +1,3 @@
-/** @internal */
 import { default as React } from 'react';
 import { Dialog } from '@chakra-ui/react/dialog';
 export interface ModalFooterProps extends Dialog.FooterProps {

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

@@ -1,4 +1,3 @@
-/** @internal */
 import { default as React } from 'react';
 import { Dialog } from '@chakra-ui/react/dialog';
 import { ModalFooterProps } from './components/ModalFooter/modalFooter.component';

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

@@ -1,5 +1,4 @@
-/** @internal */
-export declare const modalRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"body" | "positioner" | "content" | "footer" | "header" | "title" | "root" | "backdrop" | "closeTrigger" | "actionTrigger", {
+export declare const modalRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"body" | "root" | "content" | "positioner" | "footer" | "header" | "title" | "closeTrigger" | "backdrop" | "actionTrigger", {
     expanded: {
         true: {
             backdrop: {

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

@@ -1,4 +1,3 @@
-/** @internal */
 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"];

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

@@ -1,4 +1,3 @@
-/** @internal */
 import { default as React } from 'react';
 import { FlexProps } from '@chakra-ui/react/flex';
 import { NotificationCounterSize, NotificationCounterVariant } from './notificationCounter.types';

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

@@ -1,4 +1,3 @@
-/** @internal */
 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>>;

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

@@ -1,2 +1 @@
-/** @internal */
 export declare const MAX_COUNT = 99;

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

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

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

@@ -1,4 +1,3 @@
-/** @internal */
 import { default as React } from 'react';
 import { ImageProps } from '@chakra-ui/react/image';
 export interface PictureProps extends ImageProps {

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,12 @@
+import { default as React } 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;
+    inputRef?: React.RefObject<HTMLInputElement | null>;
+    onContrast?: boolean;
+    rootRef?: React.RefObject<HTMLDivElement | null>;
+    size?: 'sm' | 'md' | 'lg';
+}
+declare const WrappedPinInput: React.FC<PinInputProps>;
+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<"root" | "input" | "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

@@ -1,4 +1,3 @@
-/** @internal */
 import { default as React, ReactNode } from 'react';
 import { FlexProps } from '@chakra-ui/react/flex';
 import { PopoverTriggerType } from '../../popover.types';

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

@@ -1,4 +1,3 @@
-/** @internal */
 import { default as React, ReactNode } from 'react';
 import { HeadingSize } from '../../../Heading';
 import { FlexProps } from '@chakra-ui/react/flex';

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

@@ -1,4 +1,3 @@
-/** @internal */
 import { default as React } from 'react';
 import { Popover as CPopover } from '@chakra-ui/react/popover';
 import { HoverCard } from '@chakra-ui/react/hover-card';
@@ -20,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 & (ClickPopoverProps | HoverPopoverProps);
-export declare const Popover: React.ForwardRefExoticComponent<PopoverProps & React.RefAttributes<HTMLDivElement>>;
+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 {};

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

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

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

@@ -1,4 +1,3 @@
-/** @internal */
 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"];

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

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

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

@@ -1,4 +1,3 @@
-/** @internal */
 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

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

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

@@ -1,4 +1,3 @@
-/** @internal */
 import { default as React } from 'react';
 import { WithFormControlProps } from '../../hocs/withFormControl/withFormControl';
 import { RadioProps } from './components/Radio/radio.component';
@@ -6,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,7 +1,6 @@
-/** @internal */
 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/RatingDots/components/RatingDot/ratingDot.component.d.ts

@@ -1,4 +1,3 @@
-/** @internal */
 import { default as React } from 'react';
 export interface RatingDotProps {
     active?: boolean;
@@ -7,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

@@ -1,4 +1,3 @@
-/** @internal */
 export declare const ratingDotRecipe: import('@chakra-ui/react').RecipeDefinition<{
     variant: {
         default: {
@@ -14,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

@@ -1,4 +1,3 @@
-/** @internal */
 import { default as React } from 'react';
 import { WithFormControlProps } from '../../hocs/withFormControl/withFormControl';
 export interface RatingDotsProps extends WithFormControlProps {
@@ -10,4 +9,5 @@ export interface RatingDotsProps extends WithFormControlProps {
     onChange?: (value: number) => void;
     value?: number;
 }
-export declare const RatingDots: React.FC<RatingDotsProps>;
+declare const WrappedRatingDots: React.FC<RatingDotsProps>;
+export { WrappedRatingDots as RatingDots };

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

@@ -1,4 +1,3 @@
-/** @internal */
 import { default as React } from 'react';
 import { SelectOption } from '../../select.types';
 import { FormControlSize } from '../../../../hocs/withFormControl/withFormControl.types';

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

@@ -1,4 +1,3 @@
-/** @internal */
 import { default as React } from 'react';
 import { FormControlSize } from '../../../../hocs/withFormControl/withFormControl.types';
 interface SelectTriggerProps {

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

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

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

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

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

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

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

@@ -1,4 +1,3 @@
-/** @internal */
 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

@@ -1,4 +1,3 @@
-/** @internal */
 import { default as React } from 'react';
 import { List } from '@chakra-ui/react/list';
 import { UniqueIdentifier } from '@dnd-kit/core';
@@ -8,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/components/SortableListItem/sortableListItem.context.d.ts

@@ -1,4 +1,3 @@
-/** @internal */
 import { DraggableAttributes, DraggableSyntheticListeners } from '@dnd-kit/core/dist/hooks/useDraggable';
 interface Context {
     attributes?: DraggableAttributes;

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

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