@televet/kibble-ui 4.0.0-beta.7 → 4.0.0-beta.71

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

@@ -4,7 +4,7 @@ type PopoverSlotStyles = {
     [key in PopoverSlot]?: SystemStyleObject;
 };
 export declare const popoverRecipe: import('@chakra-ui/react').SlotRecipeDefinition<PopoverSlot, {
-    size: Record<"sm" | "md" | "lg" | "xl" | "xs", PopoverSlotStyles>;
+    size: Record<"xs" | "sm" | "md" | "lg" | "xl", PopoverSlotStyles>;
     variant: Record<"default" | "contrast" | "defaultDestructive" | "contrastDestructive", PopoverSlotStyles>;
 }>;
 export {};

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

@@ -7,9 +7,12 @@ export interface SelectProps extends Omit<CSelect.RootProps, "collection" | "mul
     clearable?: boolean;
     emptyPlaceholder?: string;
     loading?: boolean;
+    onSearch?: (e: React.ChangeEvent<HTMLInputElement>) => void;
     options: SelectOption[];
     placeholder?: string;
     placeholderElement?: React.ReactNode;
+    searchable?: boolean;
+    searchPlaceholder?: string;
     selectRef?: ForwardedRef<HTMLSelectElement>;
     shouldTruncateText?: boolean;
     size?: FormControlSize;

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

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

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

@@ -2,7 +2,7 @@ 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/semanticTokens.types';
+import { SemanticBackgroundColorToken } from '../../theme/semanticTokens';
 export interface SpinnerProps {
     backdropColor?: SemanticBackgroundColorToken;
     fullScreen?: boolean;

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

@@ -4,8 +4,8 @@ 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<"danger" | "warning" | "success" | "accent" | "accentSubtle" | "brand" | "brandOnContrast" | "dangerOnContrast" | "default" | "info" | "interactive" | "interactiveOnContrast" | "onContrast" | "placeholder" | "placeholderOnContrast" | "subtle" | "subtleOnContrast", SpinnerSlotStyles>;
+export declare const spinnerRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"root" | "label" | "spinner", {
+    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: {

package/dist/types/{patterns → components}/StyledAvatar/styledAvatar.component.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { AvatarProps } from '../../components/Avatar/avatar.component';
+import { AvatarProps } from '../Avatar/avatar.component';
 import { StyledAvatarType } from './styledAvatar.types';
 export interface StyledAvatarProps extends AvatarProps {
     type?: StyledAvatarType;

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

@@ -1,4 +1,4 @@
 import { SystemStyleObject } from '@chakra-ui/react/styled-system';
 export declare const swatchRecipe: import('@chakra-ui/react').RecipeDefinition<{
-    size: Record<"sm" | "md" | "lg" | "xl" | "xs", SystemStyleObject>;
+    size: Record<"xs" | "sm" | "md" | "lg" | "xl", SystemStyleObject>;
 }>;

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

@@ -4,6 +4,6 @@ type TabSlotStyles = {
     [key in TabSlot]?: SystemStyleObject;
 };
 export declare const tabsRecipe: import('@chakra-ui/react').SlotRecipeDefinition<TabSlot, {
-    size: Record<"sm" | "md" | "lg" | "xs", TabSlotStyles>;
+    size: Record<"xs" | "sm" | "md" | "lg", TabSlotStyles>;
 }>;
 export {};

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

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

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

@@ -5,7 +5,7 @@ type TagSlotStyles = {
 };
 export declare const tagRecipe: import('@chakra-ui/react').SlotRecipeDefinition<TagSlot, {
     size: Record<"sm" | "md" | "lg", TagSlotStyles>;
-    variant: Record<"warning" | "success" | "default" | "info" | "error", TagSlotStyles>;
+    variant: Record<"default" | "info" | "success" | "warning" | "error", TagSlotStyles>;
     closeButtonDisplay: Record<"hover" | "always" | "never", TagSlotStyles>;
 }>;
 export {};

package/dist/types/{patterns → components}/TagBlock/tagBlock.component.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { MenuProps } from '../../components/Menu/menu.component';
+import { MenuProps } from '../Menu/menu.component';
 import { TagBlockTag } from './tagBlock.types';
 interface BaseTagBlockProps {
     displayTagsInGroups?: boolean;

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

@@ -1,3 +1,2 @@
 export * from './text.component';
-export * from './text.records';
 export * from './text.types';

package/dist/types/components/Text/text.component.d.ts

@@ -3,10 +3,9 @@ import { TextProps as CTextProps } from '@chakra-ui/react/typography';
 import { WithTruncationProps } from '../../hocs/withTruncation';
 import { TextSize } from './text.types';
 import { TypographyVariant } from '../../shared/types/typography';
-export interface KTextProps extends WithTruncationProps {
+export interface TextProps extends WithTruncationProps, CTextProps {
     size?: TextSize;
     variant?: TypographyVariant;
 }
-export type TextProps = KTextProps & CTextProps;
 declare const WrappedText: React.FC<TextProps>;
 export { WrappedText as Text };

package/dist/types/components/Text/text.recipe.d.ts

@@ -1,9 +1,8 @@
 import { SystemStyleObject } from '@chakra-ui/react';
 import { TextSize } from './text.types';
 export declare const textSizeStyles: Record<TextSize, SystemStyleObject>;
-export declare const textLineHeight = "150%";
 export declare const textRecipe: import('@chakra-ui/react').RecipeDefinition<{
-    variant: Record<"danger" | "warning" | "success" | "accent" | "accentSubtle" | "brand" | "brandOnContrast" | "dangerOnContrast" | "default" | "info" | "interactive" | "interactiveOnContrast" | "onContrast" | "placeholder" | "placeholderOnContrast" | "subtle" | "subtleOnContrast", SystemStyleObject>;
+    variant: Record<"accent" | "accentSubtle" | "brand" | "brandOnContrast" | "danger" | "dangerOnContrast" | "default" | "info" | "interactive" | "interactiveOnContrast" | "onContrast" | "placeholder" | "placeholderOnContrast" | "subtle" | "subtleOnContrast" | "success" | "warning", SystemStyleObject>;
     size: Record<TextSize, SystemStyleObject>;
     fontWeight: Record<import('../../theme/tokens').FontWeight, SystemStyleObject>;
 }>;

package/dist/types/components/Text/text.types.d.ts

@@ -1,2 +1,2 @@
-import { FontSize } from '../../theme/tokens';
+import { FontSize } from '../../theme/tokens/typography';
 export type TextSize = Exclude<FontSize, "7xl" | "8xl" | "9xl">;

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

@@ -1,2 +1 @@
 export * from './textInput.component';
-export * from './textInput.records';

package/dist/types/{patterns → components}/Timestamp/timestamp.component.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { TextProps } from '../../components/Text/text.component';
+import { TextProps } from '../Text/text.component';
 export interface TimestampProps {
     date: Date;
     timeFormat?: string;

package/dist/types/components/Toast/components/ToastAction/toastAction.component.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+import { ButtonProps } from '../../../Button/button.component';
+import { Status } from '../../../../shared/types/status';
+export interface ToastActionProps extends Omit<ButtonProps, "children"> {
+    buttonText: string;
+    buttonPosition?: "topRight" | "bottomLeft";
+}
+interface InternalToastActionProps extends ToastActionProps {
+    status: Status;
+}
+export declare const ToastAction: ({ buttonPosition, buttonText, status, ...rest }: InternalToastActionProps) => React.JSX.Element;
+export {};

package/dist/types/components/Toast/components/Toaster/toaster.component.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { CreateToasterReturn } from '@chakra-ui/react/toast';
+interface ToasterProps {
+    toaster: CreateToasterReturn;
+}
+export declare const Toaster: ({ toaster }: ToasterProps) => React.JSX.Element;
+export {};

package/dist/types/components/Toast/components/Toaster/toaster.records.d.ts

@@ -0,0 +1,11 @@
+import { ToasterConfig } from './toaster.types';
+export declare const toasterPlacements: readonly ["bottom", "bottom-end", "bottom-start", "top", "top-end", "top-start"];
+export type ToasterPlacement = (typeof toasterPlacements)[number];
+export declare const defaultToasterConfig: ToasterConfig;
+export declare const ToasterConfigMap: Record<ToasterPlacement, ToasterConfig>;
+export declare const bottomToaster: import('@zag-js/toast').Store<any>;
+export declare const bottomEndToaster: import('@zag-js/toast').Store<any>;
+export declare const bottomStartToaster: import('@zag-js/toast').Store<any>;
+export declare const topToaster: import('@zag-js/toast').Store<any>;
+export declare const topEndToaster: import('@zag-js/toast').Store<any>;
+export declare const topStartToaster: import('@zag-js/toast').Store<any>;

package/dist/types/components/Toast/components/Toaster/toaster.types.d.ts

@@ -0,0 +1,12 @@
+import { ToasterPlacement } from './toaster.records';
+export interface ToasterConfig {
+    placement?: ToasterPlacement;
+    max?: number | undefined;
+    overlap?: boolean | undefined;
+    duration?: number | undefined;
+    gap?: number | undefined;
+    offsets?: string | Record<"left" | "right" | "bottom" | "top", string> | undefined;
+    hotkey?: string[] | undefined;
+    removeDelay?: number | undefined;
+    pauseOnPageIdle?: boolean | undefined;
+}

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

@@ -0,0 +1,2 @@
+export * from './useToast';
+export * from './toast.types';

package/dist/types/components/Toast/toast.component.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+import { IconProps } from '../Icon/icon.component';
+import { Status } from '../../shared/types/status';
+import { ToastActionProps } from './components/ToastAction/toastAction.component';
+export interface ToastProps {
+    action?: ToastActionProps;
+    closable?: boolean;
+    description?: string;
+    hideIcon?: boolean;
+    icon?: IconProps;
+    status?: Status;
+    title?: string;
+}
+export declare const Toast: ({ action, closable, description, hideIcon, icon, status, title, }: ToastProps) => React.JSX.Element;

package/dist/types/components/Toast/toast.recipe.d.ts

@@ -0,0 +1,21 @@
+import { SystemStyleObject } from '@chakra-ui/react/styled-system';
+type ToastSlot = "root" | "indicator" | "title" | "description" | "closeTrigger" | "actionTrigger";
+type ToastSlotStyles = {
+    [key in ToastSlot]?: SystemStyleObject;
+};
+export declare const toastRecipe: import('@chakra-ui/react').SlotRecipeDefinition<ToastSlot, {
+    variant: Record<"default" | "info" | "success" | "warning" | "error", ToastSlotStyles>;
+    hideIcon: {
+        true: {
+            root: {
+                gap: number;
+            };
+        };
+        false: {
+            root: {
+                gap: number;
+            };
+        };
+    };
+}>;
+export {};

package/dist/types/components/Toast/toast.types.d.ts

@@ -0,0 +1,19 @@
+import { ToastProps } from './toast.component';
+type ToastStatus = "visible" | "dismissing" | "unmounted";
+interface ToastStatusChangeDetails {
+    status: ToastStatus;
+    src?: string | undefined;
+}
+export interface ToastOptions extends ToastProps {
+    duration?: number;
+    id?: string;
+    onStatusChange?: (details: ToastStatusChangeDetails) => void;
+    removeDelay?: number;
+}
+export interface ToastInstance {
+    create: (options: ToastOptions) => string;
+    dismiss: (id?: string) => void;
+    update: (id: string, options: Omit<ToastOptions, "id">) => string;
+    visible: (id: string) => boolean;
+}
+export {};

package/dist/types/components/Toast/useToast.d.ts

@@ -0,0 +1,3 @@
+import { ToastInstance } from './toast.types';
+import { ToasterPlacement } from './components/Toaster/toaster.records';
+export declare const useToast: (placement?: ToasterPlacement) => ToastInstance;

package/dist/types/components/Tooltip/tooltip.recipe.d.ts

@@ -0,0 +1 @@
+export declare const tooltipRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"root" | "trigger" | "positioner" | "content" | "arrow" | "arrowTip", import('@chakra-ui/react').SlotRecipeVariantRecord<"root" | "trigger" | "positioner" | "content" | "arrow" | "arrowTip">>;

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

@@ -7,27 +7,35 @@ export * from './Card';
 export * from './CharacterCounter';
 export * from './Checkbox';
 export * from './CheckboxGroup';
+export * from './ConversationCard';
+export * from './DatePicker';
+export * from './Divider';
 export * from './Heading';
 export * from './Icon';
 export * from './Link';
+export * from './Logo';
 export * from './Menu';
 export * from './Modal';
 export * from './NotificationCounter';
 export * from './Picture';
+export * from './PinInput';
 export * from './Popover';
 export * from './RadioGroup';
 export * from './RatingDots';
 export * from './Select';
 export * from './SortableList';
 export * from './Spinner';
+export * from './StyledAvatar';
 export * from './Swatch';
 export * from './Switch';
 export * from './Tabs';
 export * from './Tag';
+export * from './TagBlock';
 export * from './Text';
 export * from './TextInput';
 export * from './Textarea';
 export * from './TimePicker';
 export * from './TimeRange';
+export * from './Timestamp';
+export * from './Toast';
 export * from './Tooltip';
-export * from './DatePicker';

package/dist/types/hocs/withFormControl/withFormControl.d.ts

@@ -6,6 +6,7 @@ export interface WithFormControlProps {
     disabled?: boolean;
     errorText?: string;
     formControlStyle?: SystemStyleObject;
+    fullWidth?: boolean;
     helperText?: string;
     inlineField?: boolean;
     invalid?: boolean;
@@ -16,7 +17,7 @@ export interface WithFormControlProps {
     onContrast?: boolean;
     readOnly?: boolean;
     required?: boolean;
-    showRequiredElement?: boolean;
+    showOptionalElement?: boolean;
     size?: FormControlSize;
     useInvalidIcon?: boolean;
     useInvalidText?: boolean;

package/dist/types/hooks/index.d.ts

@@ -1,2 +1,4 @@
+export * from './useBreakpoint';
 export * from './useColorMode';
 export * from './useColorModeValue';
+export * from './useDeviceType';

package/dist/types/hooks/useBreakpoint/index.d.ts

@@ -0,0 +1 @@
+export declare const useBreakpoint: () => string;

package/dist/types/hooks/useDeviceType/index.d.ts

@@ -0,0 +1,3 @@
+type DeviceType = "mobile" | "desktop" | "tablet";
+export declare const useDeviceType: () => DeviceType;
+export {};

package/dist/types/index.d.ts

@@ -1,3 +1,5 @@
 export * from './components';
+export * from './hocs';
 export * from './hooks';
+export * from './shared';
 export * from './theme';

package/dist/types/shared/index.d.ts

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

package/dist/types/shared/records/index.d.ts

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

package/dist/types/shared/records/status.d.ts

@@ -0,0 +1,5 @@
+import { IconName } from '../../components/Icon/icon.types';
+import { Status } from '../types/status';
+import { TypographyVariant } from '../types/typography';
+export declare const StatusIconMap: Record<Status, IconName>;
+export declare const StatusTypographyMap: Record<Status, TypographyVariant>;

package/dist/types/shared/records/typography.d.ts

@@ -1,5 +1,5 @@
 import { SystemStyleObject } from '@chakra-ui/react/styled-system';
 import { TypographyVariant } from '../types/typography';
-import { FontWeight } from '../../theme/tokens';
+import { FontWeight } from '../../theme/tokens/typography';
 export declare const typographyVariantStyles: Record<TypographyVariant, SystemStyleObject>;
 export declare const fontWeightStyles: Record<FontWeight, SystemStyleObject>;

package/dist/types/theme/index.d.ts

@@ -1 +1,2 @@
-export * from './providers/theme.provider';
+export { KibbleThemeProvider, ChakraThemeProvider, } from './providers/theme.provider';
+export { system } from './theme.config';

package/dist/types/theme/providers/theme.provider.d.ts

@@ -1,8 +1,10 @@
 import { default as React } from 'react';
-import { ChakraProviderProps, SystemContext } from '@chakra-ui/react/styled-system';
+import { ChakraProviderProps } from '@chakra-ui/react';
+import { SystemContext } from '@chakra-ui/react/styled-system';
 import { ColorModeProviderProps } from './colorMode.provider';
 interface KibbleThemeProviderProps extends Omit<ChakraProviderProps, "value">, Omit<ColorModeProviderProps, "children"> {
     customTheme?: SystemContext;
 }
 export declare const KibbleThemeProvider: ({ customTheme, children, ...rest }: KibbleThemeProviderProps) => React.JSX.Element;
+export declare const ChakraThemeProvider: ({ customTheme, children, ...rest }: KibbleThemeProviderProps) => React.JSX.Element;
 export {};

package/dist/types/theme/semanticTokens/semanticTokens.config.d.ts

@@ -178,6 +178,10 @@ export declare const semanticColorTokens: {
             };
             hover: any;
         };
+        logo: {
+            DEFAULT: any;
+            contrast: import('./semanticTokens.types').SemanticTokenDefinition;
+        };
         placeholder: {
             DEFAULT: any;
             contrast: import('./semanticTokens.types').SemanticTokenDefinition;

package/dist/types/theme/semanticTokens/semanticTokens.records.d.ts

@@ -29,6 +29,10 @@ export declare const semanticTextColorTokens: {
         };
         hover: any;
     };
+    logo: {
+        DEFAULT: any;
+        contrast: import('./semanticTokens.types').SemanticTokenDefinition;
+    };
     placeholder: {
         DEFAULT: any;
         contrast: import('./semanticTokens.types').SemanticTokenDefinition;
@@ -368,6 +372,10 @@ export declare const semanticColorTokenRecord: {
             };
             hover: any;
         };
+        logo: {
+            DEFAULT: any;
+            contrast: import('./semanticTokens.types').SemanticTokenDefinition;
+        };
         placeholder: {
             DEFAULT: any;
             contrast: import('./semanticTokens.types').SemanticTokenDefinition;

package/dist/types/theme/theme.config.d.ts

@@ -1 +1,3 @@
+export declare const themeConfig: import('@chakra-ui/react').SystemConfig;
 export declare const system: import('@chakra-ui/react').SystemContext;
+export declare const chakraSystem: import('@chakra-ui/react').SystemContext;

package/dist/types/theme/tokens/blurs/blurs.config.d.ts

@@ -1,13 +1,7 @@
 export declare const blurTokens: {
-    none: {
-        value: string;
-    };
     sm: {
         value: string;
     };
-    base: {
-        value: string;
-    };
     md: {
         value: string;
     };
@@ -23,4 +17,10 @@ export declare const blurTokens: {
     "3xl": {
         value: string;
     };
+    none: {
+        value: string;
+    };
+    base: {
+        value: string;
+    };
 };

package/dist/types/theme/tokens/blurs/index.d.ts

@@ -1,2 +1 @@
-export * from './blurs.records';
 export * from './blurs.types';

package/dist/types/theme/tokens/borders/borders.config.d.ts

@@ -2,29 +2,26 @@ export declare const borderTokens: {
     none: {
         value: string;
     };
-    "4px": {
+    "1px": {
         value: string;
     };
-    "8px": {
+    "2px": {
         value: string;
     };
-    "1px": {
+    "4px": {
         value: string;
     };
-    "2px": {
+    "8px": {
         value: string;
     };
 };
 export declare const radiiTokens: {
-    none: {
+    xs: {
         value: string;
     };
     sm: {
         value: string;
     };
-    base: {
-        value: string;
-    };
     md: {
         value: string;
     };
@@ -40,7 +37,10 @@ export declare const radiiTokens: {
     "3xl": {
         value: string;
     };
-    xs: {
+    none: {
+        value: string;
+    };
+    base: {
         value: string;
     };
     full: {

package/dist/types/theme/tokens/borders/index.d.ts

@@ -1,2 +1 @@
-export * from './borders.records';
 export * from './borders.types';

package/dist/types/theme/tokens/shadows/index.d.ts

@@ -1,2 +1 @@
-export * from './shadows.records';
 export * from './shadows.types';

package/dist/types/theme/tokens/shadows/shadows.config.d.ts

@@ -1,13 +1,10 @@
 export declare const shadowTokens: {
-    none: {
+    xs: {
         value: string;
     };
     sm: {
         value: string;
     };
-    base: {
-        value: string;
-    };
     md: {
         value: string;
     };
@@ -20,7 +17,16 @@ export declare const shadowTokens: {
     "2xl": {
         value: string;
     };
-    xs: {
+    none: {
+        value: string;
+    };
+    base: {
+        value: string;
+    };
+    outline: {
+        value: string;
+    };
+    active: {
         value: string;
     };
     xsR: {
@@ -44,18 +50,12 @@ export declare const shadowTokens: {
     "2xlR": {
         value: string;
     };
-    outline: {
-        value: string;
-    };
     hover: {
         value: string;
     };
     "hover.contrast": {
         value: string;
     };
-    active: {
-        value: string;
-    };
     "active.contrast": {
         value: string;
     };

package/dist/types/theme/tokens/sizes/index.d.ts

@@ -1,2 +1 @@
-export * from './sizes.records';
 export * from './sizes.types';