@televet/kibble-ui 4.0.0-beta.8 → 4.0.0-beta.80

package/dist/types/components/Icon/generated/Wrench.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/Icon/generated/index.d.ts

@@ -1,3 +1,2 @@
-/** @internal */
-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.js';
+import { IconName, IconSize } from './icon.types';
 import { BoxProps } from '@chakra-ui/react/box';
-import { TypographyVariant } from '../../shared/types/typography.js';
-export interface BaseIconProps {
+import { TypographyVariant } from '../../shared/types/typography';
+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

@@ -0,0 +1,3 @@
+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

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

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

@@ -1,3 +1,2 @@
-/** @internal */
-export * from './icon.component.js';
-export * from './icon.types.js';
+export * from './icon.component';
+export * from './icon.types';

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

@@ -1,6 +1,5 @@
-/** @internal */
 import { default as React } from 'react';
-import { IconProps } from '../../../Icon.js';
+import { IconProps } from '../../../Icon';
 export interface LinkIconProps extends Pick<IconProps, "name"> {
     position?: "start" | "end";
 }

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

@@ -1,2 +1 @@
-/** @internal */
-export * from './link.component.js';
+export * from './link.component';

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

@@ -1,9 +1,8 @@
-/** @internal */
 import { default as React } from 'react';
 import { LinkProps as CLinkProps } from '@chakra-ui/react/link';
-import { TypographyVariant } from '../../shared/types.js';
-import { TextSize } from '../Text/text.types.js';
-import { LinkIconProps } from './components/LinkIcon/linkIcon.component.js';
+import { TypographyVariant } from '../../shared/types';
+import { TextSize } from '../Text/text.types';
+import { LinkIconProps } from './components/LinkIcon/linkIcon.component';
 export interface LinkProps extends CLinkProps {
     iconProps?: LinkIconProps;
     external?: boolean;

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

@@ -0,0 +1,5 @@
+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>;
+    fontWeight: Record<import('../../theme/tokens').FontWeight, 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<"icon" | "full", 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

@@ -0,0 +1,9 @@
+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"> {
+    hideCaret?: boolean;
+    text?: string;
+    textProps?: TextProps;
+}
+export declare const MenuButton: ({ hideCaret, size, text, textProps, variant, ...rest }: MenuButtonProps) => React.JSX.Element;

package/dist/types/components/Menu/components/MenuItem/menuItem.component.d.ts

@@ -1,9 +1,8 @@
-/** @internal */
 import { Menu as CMenu } from '@chakra-ui/react/menu';
 import { default as React } from 'react';
-import { MenuItemType } from './menuItem.types.js';
-import { MenuProps } from '../...js';
-import { TypographyVariant } from '../../../../shared/types/typography.js';
+import { MenuItemType } from './menuItem.types';
+import { MenuListProps } from '../..';
+import { TypographyVariant } from '../../../../shared/types/typography';
 interface BaseMenuItemProps {
     label?: React.ReactNode;
     leftElement?: React.ReactNode;
@@ -22,9 +21,10 @@ interface CheckboxMenuItemProps extends Omit<CMenu.CheckboxItemProps, "onSelect"
     type: "checkbox";
     checked: boolean;
 }
-interface SubmenuMenuItemProps extends Omit<MenuProps, "buttonProps"> {
+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

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

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

@@ -0,0 +1,10 @@
+interface MenuToggleButtonsProps {
+    hasSelectedItems?: boolean;
+    groupName?: string;
+    onToggle: ({ groupName, clear, }: {
+        clear: boolean;
+        groupName?: string;
+    }) => void;
+}
+export declare const MenuToggleButtons: ({ groupName, hasSelectedItems, onToggle, }: MenuToggleButtonsProps) => React.JSX.Element;
+export {};

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

@@ -1,3 +1,2 @@
-/** @internal */
-export { type MenuItemProps } from './components/MenuItem/menuItem.component.js';
-export * from './menu.component.js';
+export { type MenuItemProps } from './components/MenuItem/menuItem.component';
+export * from './menu.component';

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

@@ -1,8 +1,7 @@
-/** @internal */
 import { default as React } from 'react';
 import { Menu as CMenu } from '@chakra-ui/react/menu';
-import { MenuButtonProps } from './components/MenuButton/menuButton.components.js';
-import { MenuItemProps } from './components/MenuItem/menuItem.component.js';
+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"> {
@@ -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

@@ -0,0 +1 @@
+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/context/modal.context.d.ts

@@ -0,0 +1,6 @@
+interface ModalContextType {
+    contentRef: React.RefObject<HTMLDivElement> | null;
+}
+export declare const ModalContext: import('react').Context<ModalContextType | undefined>;
+export declare const useModalContentRef: () => ModalContextType;
+export {};

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

@@ -1,3 +1,2 @@
-/** @internal */
-export * from './modal.component.js';
-export * from './modal.types.js';
+export * from './modal.component';
+export * from './modal.types';

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

@@ -1,9 +1,8 @@
-/** @internal */
 import { default as React } from 'react';
 import { Dialog } from '@chakra-ui/react/dialog';
-import { ModalFooterProps } from './components/ModalFooter/modalFooter.component.js';
-import { HeadingProps } from '../Heading/heading.component.js';
-import { ModalMotionPreset, ModalPlacement, ModalSize } from './modal.types.js';
+import { ModalFooterProps } from './components/ModalFooter/modalFooter.component';
+import { HeadingProps } from '../Heading/heading.component';
+import { ModalMotionPreset, ModalPlacement, ModalSize } from './modal.types';
 export interface ModalProps extends Dialog.RootProps {
     footerProps?: ModalFooterProps;
     fullScreenMobile?: boolean;

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" | "closeTrigger" | "backdrop" | "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/NotificationCounter/index.d.ts

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

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

@@ -1,7 +1,6 @@
-/** @internal */
 import { default as React } from 'react';
 import { FlexProps } from '@chakra-ui/react/flex';
-import { NotificationCounterSize, NotificationCounterVariant } from './notificationCounter.types.js';
+import { NotificationCounterSize, NotificationCounterVariant } from './notificationCounter.types';
 export interface NotificationCounterProps extends FlexProps {
     count?: number;
     showCount?: boolean;

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

@@ -1,2 +1 @@
-/** @internal */
-export * from './picture.component.js';
+export * from './picture.component';

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,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

@@ -1,7 +1,6 @@
-/** @internal */
 import { default as React, ReactNode } from 'react';
 import { FlexProps } from '@chakra-ui/react/flex';
-import { PopoverTriggerType } from '../../popover.types.js';
+import { PopoverTriggerType } from '../../popover.types';
 export interface PopoverFooterProps extends FlexProps {
     children?: ReactNode;
     disabled?: boolean;

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

@@ -1,8 +1,7 @@
-/** @internal */
 import { default as React, ReactNode } from 'react';
-import { HeadingSize } from '../../../Heading.js';
+import { HeadingSize } from '../../../Heading';
 import { FlexProps } from '@chakra-ui/react/flex';
-import { PopoverTriggerType } from '../../popover.types.js';
+import { PopoverTriggerType } from '../../popover.types';
 export interface PopoverHeaderProps extends FlexProps {
     children?: ReactNode;
     hideCloseButton?: boolean;

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

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

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

@@ -1,11 +1,10 @@
-/** @internal */
 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.js';
-import { PopoverSize, PopoverTriggerType, PopoverVariant } from './popover.types.js';
-import { PopoverHeaderProps } from './components/PopoverHeader/popoverHeader.component.js';
-import { PopoverFooterProps } from './components/PopoverFooter/popoverFooter.component.js';
+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;

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" | "trigger";
+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

@@ -1,8 +1,7 @@
-/** @internal */
 import { default as React, ForwardedRef } from 'react';
 import { RadioGroup } from '@chakra-ui/react/radio-group';
-import { FormControlSize } from '../../../../hocs/withFormControl/withFormControl.types.js';
-import { WithFormControlProps } from '../../../../hocs/withFormControl/withFormControl.js';
+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>;

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

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

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

@@ -1,11 +1,10 @@
-/** @internal */
 import { default as React } from 'react';
-import { WithFormControlProps } from '../../hocs/withFormControl/withFormControl.js';
-import { RadioProps } from './components/Radio/radio.component.js';
+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.js';
-import { FormControlSize } from '../../hocs/withFormControl/withFormControl.types.js';
+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;

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

@@ -1,4 +1,3 @@
-/** @internal */
 import { default as React } from 'react';
 export interface RatingDotProps {
     active?: boolean;

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

@@ -1,2 +1 @@
-/** @internal */
-export * from './ratingDots.component.js';
+export * from './ratingDots.component';

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

@@ -1,6 +1,5 @@
-/** @internal */
 import { default as React } from 'react';
-import { WithFormControlProps } from '../../hocs/withFormControl/withFormControl.js';
+import { WithFormControlProps } from '../../hocs/withFormControl/withFormControl';
 export interface RatingDotsProps extends WithFormControlProps {
     centeredLabel?: string;
     maxLabel?: string;

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

@@ -1,7 +1,6 @@
-/** @internal */
 import { default as React } from 'react';
-import { SelectOption } from '../../select.types.js';
-import { FormControlSize } from '../../../../hocs/withFormControl/withFormControl.types.js';
+import { SelectOption } from '../../select.types';
+import { FormControlSize } from '../../../../hocs/withFormControl/withFormControl.types';
 interface SelectItemContentProps {
     item: SelectOption;
     onContrast: boolean;