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

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

@@ -0,0 +1,24 @@
+import { default as React } from 'react';
+import { Tag as CTag } from '@chakra-ui/react/tag';
+import { CloseButtonDisplay, TagSize } from './tag.types';
+import { Status } from '../../shared/types/status';
+export interface BaseTagProps extends Omit<CTag.RootProps, 'children'> {
+    leftElement?: React.ReactNode;
+    rightElement?: React.ReactNode;
+    label: string;
+    closeButtonDisplay?: CloseButtonDisplay;
+    size?: TagSize;
+    onClose?: React.MouseEventHandler<HTMLButtonElement>;
+    variant?: Status;
+}
+interface ClosableTagProps extends BaseTagProps {
+    closeButtonDisplay: 'always' | 'hover';
+    onClose: React.MouseEventHandler<HTMLButtonElement>;
+}
+interface NonClosableTagProps extends BaseTagProps {
+    closeButtonDisplay?: 'never';
+    onClose?: never;
+}
+export type TagProps = ClosableTagProps | NonClosableTagProps;
+export declare const Tag: React.ForwardRefExoticComponent<TagProps & React.RefAttributes<HTMLSpanElement>>;
+export {};

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

@@ -0,0 +1,11 @@
+import { SystemStyleObject } from '@chakra-ui/react/styled-system';
+type TagSlot = 'root' | 'label' | 'closeTrigger';
+type TagSlotStyles = {
+    [key in TagSlot]?: SystemStyleObject;
+};
+export declare const tagRecipe: import('@chakra-ui/react').SlotRecipeDefinition<TagSlot, {
+    size: Record<"sm" | "md" | "lg", TagSlotStyles>;
+    variant: Record<"default" | "info" | "success" | "warning" | "error", TagSlotStyles>;
+    closeButtonDisplay: Record<"hover" | "always" | "never", TagSlotStyles>;
+}>;
+export {};

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

@@ -0,0 +1,2 @@
+import { TagSize } from './tag.types';
+export declare const tagPaddingBySize: Record<TagSize, number>;

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

@@ -0,0 +1,6 @@
+import { Status } from '../../shared/types/status';
+export declare const tagSizes: readonly ["sm", "md", "lg"];
+export type TagSize = (typeof tagSizes)[number];
+export declare const closeButtonDisplays: readonly ["always", "never", "hover"];
+export type CloseButtonDisplay = (typeof closeButtonDisplays)[number];
+export type TagVariant = Status;

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

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

package/dist/types/components/TagBlock/tagBlock.component.d.ts

@@ -0,0 +1,25 @@
+import { default as React } from 'react';
+import { MenuProps } from '../Menu/menu.component';
+import { TagBlockTag } from './tagBlock.types';
+interface BaseTagBlockProps {
+    displayTagsInGroups?: boolean;
+    errorText?: string;
+    hasError?: boolean;
+    loading?: boolean;
+    menuProps?: MenuProps;
+    onClearAll?: () => void;
+    onRemoveTag?: (tag: string, selectedTags: TagBlockTag[]) => void;
+    tags: TagBlockTag[];
+    title?: string;
+}
+interface DefaultTagBlockProps extends BaseTagBlockProps {
+    canBeDeleted?: false;
+    onDelete?: never;
+}
+interface DeletableTagBlockProps extends BaseTagBlockProps {
+    canBeDeleted: true;
+    onDelete: () => void;
+}
+export type TagBlockProps = DefaultTagBlockProps | DeletableTagBlockProps;
+export declare const TagBlock: ({ title, menuProps, tags, canBeDeleted, onClearAll, onRemoveTag, onDelete, hasError, errorText, displayTagsInGroups, loading, }: TagBlockProps) => React.JSX.Element;
+export {};

package/dist/types/components/TagBlock/tagBlock.types.d.ts

@@ -0,0 +1,9 @@
+export declare enum TagDisabledState {
+    Inactive = "Inactive",
+    Deleted = "Deleted"
+}
+export interface TagBlockTag {
+    label: string;
+    value: string;
+    groupLabel?: string;
+}

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

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

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

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+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 TextProps extends WithTruncationProps, CTextProps {
+    size?: TextSize;
+    variant?: TypographyVariant;
+}
+declare const WrappedText: React.FC<TextProps>;
+export { WrappedText as Text };

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

@@ -0,0 +1,8 @@
+import { SystemStyleObject } from '@chakra-ui/react';
+import { TextSize } from './text.types';
+export declare const textSizeStyles: Record<TextSize, SystemStyleObject>;
+export declare const textRecipe: import('@chakra-ui/react').RecipeDefinition<{
+    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.records.d.ts

@@ -0,0 +1,2 @@
+import { TextSize } from './text.types';
+export declare const textSizes: TextSize[];

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

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

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

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

package/dist/types/components/TextInput/textInput.component.d.ts

@@ -0,0 +1,26 @@
+import { default as React } from 'react';
+import { WithFormControlProps } from '../../hocs/withFormControl/withFormControl';
+import { InputProps as CInputProps } from '@chakra-ui/react/input';
+import { FormControlSize } from '../../hocs/withFormControl/withFormControl.types';
+export interface TextInputBaseProps extends WithFormControlProps {
+    charLimit?: number;
+    inputRef?: React.RefObject<HTMLInputElement | null>;
+    leftAddon?: React.ReactNode;
+    leftElement?: React.ReactNode;
+    onContrast?: boolean;
+    rightAddon?: React.ReactNode;
+    rightElement?: React.ReactNode;
+    size?: FormControlSize;
+}
+export interface DefaultTextInputProps extends TextInputBaseProps {
+    clearable?: never;
+    onClear?: never;
+}
+export interface ClearableTextInputProps extends TextInputBaseProps {
+    clearable?: boolean;
+    onClear?: (val: string | number | readonly string[]) => void;
+}
+export type KTextInputProps = DefaultTextInputProps | ClearableTextInputProps;
+export type TextInputProps = KTextInputProps & CInputProps;
+declare const WrappedTextInput: React.FC<TextInputProps>;
+export { WrappedTextInput as TextInput };

package/dist/types/components/TextInput/textInput.records.d.ts

@@ -0,0 +1,3 @@
+import { ButtonSize } from '../Button/button.types';
+import { FormControlSize } from '../../hocs/withFormControl/withFormControl.types';
+export declare const closeButtonSizeMap: Record<FormControlSize, ButtonSize>;

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

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

package/dist/types/components/Textarea/textarea.component.d.ts

@@ -0,0 +1,11 @@
+import { default as React, ForwardedRef } from 'react';
+import { TextareaProps as CTextareaProps } from '@chakra-ui/react/textarea';
+import { FormControlSize } from '../../hocs/withFormControl/withFormControl.types';
+import { WithFormControlProps } from '../../hocs/withFormControl/withFormControl';
+export interface TextareaProps extends WithFormControlProps, CTextareaProps {
+    charLimit?: number;
+    textareaRef?: ForwardedRef<HTMLTextAreaElement | null>;
+    size?: FormControlSize;
+}
+declare const WrappedTextarea: React.FC<TextareaProps>;
+export { WrappedTextarea as Textarea };

package/dist/types/components/TimePicker/components/TimeList/timeList.component.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+interface ScrollContainerProps {
+    options: string[];
+    optionType: 'hour' | 'minute' | 'meridiem';
+    selectedValue?: string;
+    onClick: (value: string) => void;
+    open: boolean;
+}
+export declare const TimeList: ({ options, optionType, selectedValue, onClick, open, }: ScrollContainerProps) => React.JSX.Element;
+export {};

package/dist/types/components/TimePicker/components/TimeOption/timeOption.component.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+interface TimeOptionProps {
+    innerRef?: React.RefObject<HTMLDivElement | null> | null;
+    onClick: (selectedValue: string) => void;
+    selected: boolean;
+    value: string;
+}
+export declare const TimeOption: ({ value, innerRef, onClick, selected }: TimeOptionProps) => React.JSX.Element;
+export {};

package/dist/types/components/TimePicker/components/TimeOption/timeOption.recipe.d.ts

@@ -0,0 +1,18 @@
+export declare const timeOptionRecipe: import('@chakra-ui/react').RecipeDefinition<{
+    selected: {
+        true: {
+            background: "background.secondary";
+            color: "text.contrast";
+            _hover: {
+                background: "background.secondary.hover";
+            };
+        };
+        false: {
+            background: "background";
+            color: "text.subtle";
+            _hover: {
+                background: "background.secondaryAlpha.hover";
+            };
+        };
+    };
+}>;

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

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

package/dist/types/components/TimePicker/timePicker.component.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { TextInputProps } from '../TextInput/textInput.component';
+import { Placement } from '../../shared/types/placement';
+export interface TimePickerProps {
+    initialTime?: Date;
+    inputProps?: Omit<TextInputProps, 'onChange' | 'value' | 'isClearable' | 'onClear'>;
+    minuteInterval?: number;
+    onTimeChange?: (time: Date) => void;
+    placement?: Placement;
+}
+export declare const TimePicker: ({ initialTime, inputProps, minuteInterval, onTimeChange, placement, }: TimePickerProps) => React.JSX.Element;

package/dist/types/components/TimePicker/timePicker.recipe.d.ts

@@ -0,0 +1 @@
+export declare const timePickerRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"trigger" | "container" | "list", import('@chakra-ui/react').SlotRecipeVariantRecord<"trigger" | "container" | "list">>;

package/dist/types/components/TimePicker/timePicker.types.d.ts

@@ -0,0 +1,4 @@
+export declare enum Meridiem {
+    AM = "AM",
+    PM = "PM"
+}

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

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

package/dist/types/components/TimeRange/timeRange.component.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { FlexProps } from '@chakra-ui/react/flex';
+import { TimePickerProps } from '../TimePicker/timePicker.component';
+export interface TimeRangeProps extends FlexProps {
+    separator?: React.ReactNode;
+    endTimePickerProps: TimePickerProps;
+    startTimePickerProps: TimePickerProps;
+}
+export declare const TimeRange: ({ endTimePickerProps, separator, startTimePickerProps, ...rest }: TimeRangeProps) => React.JSX.Element;

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

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

package/dist/types/components/Timestamp/timestamp.component.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { TextProps } from '../Text/text.component';
+export interface TimestampProps {
+    date: Date;
+    timeFormat?: string;
+    dateFormat?: string;
+    shouldTodayDisplayTimeOnly?: boolean;
+    tooltipLabel?: string;
+    textProps?: Omit<TextProps, 'children'>;
+}
+export declare const Timestamp: ({ date, timeFormat, dateFormat, shouldTodayDisplayTimeOnly, tooltipLabel, textProps, }: TimestampProps) => React.JSX.Element;

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

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

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

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { HoverCard } from '@chakra-ui/react/hover-card';
+import { Placement } from '../../shared/types/placement';
+export interface TooltipProps extends Omit<HoverCard.RootProps, 'children'> {
+    children?: React.ReactNode;
+    disabled?: boolean;
+    label: string;
+    placement?: Placement;
+    portalled?: boolean;
+}
+export declare const Tooltip: React.ForwardRefExoticComponent<TooltipProps & React.RefAttributes<HTMLDivElement>>;

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

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

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

@@ -0,0 +1,41 @@
+export * from './Alert';
+export * from './Avatar';
+export * from './AvatarGroup';
+export * from './Button';
+export * from './ButtonGroup';
+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';

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

@@ -0,0 +1,2 @@
+export * from './withDarkMode';
+export * from './withLightMode';

package/dist/types/hocs/withDarkMode/index.d.ts

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

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

@@ -0,0 +1,2 @@
+import { default as React } from 'react';
+export declare const withDarkMode: (children: React.ReactNode) => React.JSX.Element;

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

@@ -0,0 +1,3 @@
+import { KibbleArgTypes } from '../../shared/types/storybook';
+import { WithFormControlProps } from './withFormControl';
+export declare const withFormControlArgTypes: KibbleArgTypes<WithFormControlProps>;

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

@@ -0,0 +1,25 @@
+import { default as React } from 'react';
+import { FormControlLabelPosition, FormControlSize } from './withFormControl.types';
+import { SystemStyleObject } from '@chakra-ui/react/styled-system';
+import { TypographyVariant } from '../../shared/types/typography';
+export interface WithFormControlProps {
+    disabled?: boolean;
+    errorText?: string;
+    formControlStyle?: SystemStyleObject;
+    fullWidth?: boolean;
+    helperText?: string;
+    inlineField?: boolean;
+    invalid?: boolean;
+    invalidIconColor?: TypographyVariant;
+    label?: string | React.ReactNode;
+    labelPosition?: FormControlLabelPosition;
+    labelStyle?: SystemStyleObject;
+    onContrast?: boolean;
+    readOnly?: boolean;
+    required?: boolean;
+    showOptionalElement?: boolean;
+    size?: FormControlSize;
+    useInvalidIcon?: boolean;
+    useInvalidText?: boolean;
+}
+export declare const withFormControl: <P extends WithFormControlProps>(Component: React.ComponentType<P>) => React.FC<P>;

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

@@ -0,0 +1,12 @@
+import { SystemStyleObject } from '@chakra-ui/react/styled-system';
+import { FormControlSize, FormVariant } from './withFormControl.types';
+export declare const focusStyle: Record<FormVariant, SystemStyleObject>;
+export declare const getFieldStyles: (variant: FormVariant) => SystemStyleObject;
+export declare const fieldSizeStyles: Record<FormControlSize, SystemStyleObject>;
+export declare const fieldRecipe: import('@chakra-ui/react').RecipeDefinition<{
+    variant: {
+        default: SystemStyleObject;
+        onContrast: SystemStyleObject;
+    };
+    size: Record<"sm" | "md" | "lg", SystemStyleObject>;
+}>;

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

@@ -0,0 +1,2 @@
+import { FormControlSize } from './withFormControl.types';
+export declare const optionalTextSizeMap: Record<FormControlSize, number>;

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

@@ -0,0 +1,5 @@
+export declare const formControlLabelPositions: readonly ["start", "end"];
+export type FormControlLabelPosition = (typeof formControlLabelPositions)[number];
+export declare const formControlSizes: readonly ["sm", "md", "lg"];
+export type FormControlSize = (typeof formControlSizes)[number];
+export type FormVariant = 'default' | 'onContrast';

package/dist/types/hocs/withLightMode/index.d.ts

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

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

@@ -0,0 +1,2 @@
+import { default as React } from 'react';
+export declare const withLightMode: (children: React.ReactNode) => React.JSX.Element;

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

@@ -0,0 +1,9 @@
+import { default as React, ReactNode } from 'react';
+import { TooltipProps } from '../components/Tooltip';
+export interface WithTruncationProps {
+    truncated?: boolean;
+    noOfLines?: number;
+    tooltipProps?: Omit<TooltipProps, 'disabled'>;
+    children?: ReactNode | string;
+}
+export declare const withTruncation: <P extends WithTruncationProps>(Component: React.ComponentType<P>) => React.FC<P>;

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

@@ -0,0 +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/useColorMode/index.d.ts

@@ -0,0 +1,10 @@
+import { ColorMode } from '../../shared/types/theme';
+export interface UseColorModeReturn {
+    colorMode: ColorMode;
+    colorModeThemeKey: string;
+    forcedColorMode?: ColorMode;
+    setColorMode: (colorMode: ColorMode | 'system') => void;
+    systemColorMode: ColorMode;
+    toggleColorMode: () => void;
+}
+export declare const useColorMode: () => UseColorModeReturn;

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

@@ -0,0 +1 @@
+export declare const useColorModeValue: <T>(light: T, dark: T) => T;

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

@@ -0,0 +1,9 @@
+/**
+ * Debounce hook for delaying the execution of a function until a certain amount of time has passed
+ * without any further calls.
+ *
+ * @param value The value to observe for changes.
+ * @param delay The debounce delay in milliseconds.
+ * @returns The debounced value.
+ */
+export declare const useDebounce: <T>(value: T, delay: number) => T;

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

@@ -0,0 +1,3 @@
+import { IconSize } from '../components/Icon/icon.types';
+import { TextSize } from '../components/Text/text.types';
+export declare const useIconTextSizeMap: (textSize: TextSize) => IconSize;

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

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

package/dist/types/index.d.ts

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

package/dist/types/shared/components/withVariantStory.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+export declare const WithVariantStory: ({ children, variant, onContrast, }: {
+    variant?: string;
+    onContrast?: boolean;
+    children: React.ReactNode;
+}) => React.JSX.Element;

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';