@televet/kibble-ui 1.20.21-beta.cs18 → 1.20.21-beta.cs2

package/build/_virtual/_commonjsHelpers.js

@@ -0,0 +1,2 @@
+var e="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};export{e as commonjsGlobal};
+//# sourceMappingURL=_commonjsHelpers.js.map

package/build/_virtual/extends.js

@@ -0,0 +1,2 @@
+var r={exports:{}};export{r as _};
+//# sourceMappingURL=extends.js.map

package/build/_virtual/index.js

@@ -0,0 +1,2 @@
+var r={exports:{}};export{r as l};
+//# sourceMappingURL=index.js.map

package/build/components/DataDisplay/NotificationCounter/notificationCounter.component.d.ts

@@ -0,0 +1,10 @@
+import { NotificationCounterSize, NotificationCounterVariant } from './notificationCounter.types';
+import { FlexProps } from '@chakra-ui/react';
+export interface NotificationCounterProps extends FlexProps {
+    count?: number;
+    size?: NotificationCounterSize;
+    showCount?: boolean;
+    variant?: NotificationCounterVariant;
+}
+declare const NotificationCounter: ({ count, size, showCount, variant, ...rest }: NotificationCounterProps) => JSX.Element;
+export default NotificationCounter;

package/build/components/DataDisplay/Table/index.d.ts

@@ -0,0 +1 @@
+export { Table, Thead, Tbody, Tfoot, Tr, Th, Td, TableCaption, TableContainer } from '@chakra-ui/react';

package/build/components/DataDisplay/Tag/tag.component.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { TagProps as CTagProps } from '@chakra-ui/react';
+import { TagSize } from './tag.types';
+export interface TagProps extends CTagProps {
+    leftElement?: JSX.Element;
+    rightElement?: JSX.Element;
+    label: string;
+    showCloseButton?: boolean;
+    size?: TagSize;
+    onClose?: React.MouseEventHandler<HTMLButtonElement>;
+    fontWeight?: 'regular' | 'semibold';
+}
+declare const Tag: ({ leftElement, rightElement, label, showCloseButton, onClose, fontWeight, size, ...rest }: TagProps) => JSX.Element;
+export default Tag;

package/build/components/DataDisplay/Tag/tag.config.d.ts

@@ -0,0 +1,2 @@
+import { ComponentStyleConfig } from '@chakra-ui/react';
+export declare const TagConfig: ComponentStyleConfig;

package/build/components/DataDisplay/index.d.ts

@@ -0,0 +1,3 @@
+export * from './Table';
+export * from './Tag';
+export * from './NotificationCounter';

package/build/components/Disclosure/Tabs/components/Tab/tab.component.d.ts

@@ -0,0 +1,14 @@
+import { TabProps as CTabProps } from '@chakra-ui/react';
+import { NotificationCounterVariant } from 'components/DataDisplay/NotificationCounter/notificationCounter.types';
+import { TabSize } from './tab.types';
+import { IconName } from 'components/MediaAndIcons/Icon/icon.types';
+export interface TabProps extends CTabProps {
+    iconName?: IconName;
+    label: string;
+    showNotificationCounter?: boolean;
+    notificationCount?: number;
+    notificationCounterVariant?: NotificationCounterVariant;
+    size?: TabSize;
+}
+declare const Tab: ({ iconName, label, showNotificationCounter, notificationCount, notificationCounterVariant, size, ...rest }: TabProps) => JSX.Element;
+export default Tab;

package/build/components/Disclosure/Tabs/components/Tab/tab.records.d.ts

@@ -0,0 +1,3 @@
+import { NotificationCounterSize } from 'components/DataDisplay/NotificationCounter/notificationCounter.types';
+import { TabSize } from './tab.types';
+export declare const notificationCounterSize: Record<TabSize, NotificationCounterSize>;

package/build/components/Disclosure/Tabs/index.d.ts

@@ -0,0 +1,3 @@
+import Tabs from './tabs.component';
+export default Tabs;
+export { Tabs as CTabs, TabList, TabPanel, TabPanels } from '@chakra-ui/react';

package/build/components/Disclosure/Tabs/tabs.component.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import { StyleProps } from '@chakra-ui/react';
+import { Alignment, Dict } from 'shared/types';
+import { TabProps } from './components/Tab/tab.component';
+import { TabSize } from './components/Tab/tab.types';
+export interface TabsProps extends StyleProps {
+    size?: TabSize;
+    tabList: TabProps[];
+    tabPanels?: JSX.Element[];
+    tabPanelsStyle?: Dict;
+    isFitted?: boolean;
+    align?: Alignment;
+    defaultIndex?: number;
+    isLazy?: boolean;
+    isManual?: boolean;
+    index?: number;
+    onChange?: (index: number) => void;
+}
+declare const Tabs: ({ size, tabList, tabPanels, tabPanelsStyle, ...rest }: TabsProps) => JSX.Element;
+export default Tabs;

package/build/components/Disclosure/Tabs/tabs.config.d.ts

@@ -0,0 +1,2 @@
+import { ComponentStyleConfig } from '@chakra-ui/react';
+export declare const TabsConfig: ComponentStyleConfig;

package/build/components/Disclosure/index.d.ts

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

package/build/components/Draggable/SortableList/components/DragHandle/dragHandle.component.d.ts

@@ -0,0 +1,3 @@
+import { ButtonProps } from 'components/Forms/Button/button.component';
+declare const DragHandle: ({ ...rest }: ButtonProps) => JSX.Element;
+export default DragHandle;

package/build/components/Draggable/index.d.ts

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

package/build/components/Feedback/Alert/alert.component.d.ts

@@ -0,0 +1,23 @@
+import React, { ReactNode } from 'react';
+import { AlertProps as CAlertProps } from '@chakra-ui/react';
+import { IconProps } from 'components/MediaAndIcons/Icon/icon.component';
+import { AlertVariant } from './alert.types';
+import { TextProps } from 'components/Typography/Text/text.component';
+import { Status } from '../feedback.types';
+import { HeadingProps } from '../../Typography/Heading/heading.component';
+import { AlertButtonProps } from './components/alertButton.component';
+export interface AlertProps extends Omit<CAlertProps, 'title'> {
+    buttonProps?: AlertButtonProps;
+    children?: ReactNode;
+    description?: string | ReactNode;
+    descriptionProps?: TextProps;
+    iconProps?: IconProps;
+    onClose?: React.MouseEventHandler<HTMLButtonElement>;
+    hideCloseButton?: boolean;
+    hideIcon?: boolean;
+    status?: AlertVariant | Status;
+    title?: string | ReactNode;
+    titleProps?: HeadingProps;
+}
+declare const Alert: ({ buttonProps, children, description, descriptionProps, iconProps, onClose, hideCloseButton, hideIcon, status, title, titleProps, ...rest }: AlertProps) => JSX.Element;
+export default Alert;

package/build/components/Feedback/Alert/alert.config.d.ts

@@ -0,0 +1,2 @@
+import { ComponentStyleConfig } from '@chakra-ui/react';
+export declare const AlertConfig: ComponentStyleConfig;

package/build/components/Feedback/Alert/alert.types.d.ts

@@ -0,0 +1,13 @@
+export declare enum AlertVariant {
+    Error = "error",
+    Warning = "warning",
+    Success = "success",
+    Info = "info"
+}
+export declare enum AlertStatusIcon {
+    error = "warningSign",
+    warning = "warningSign",
+    success = "checkmark",
+    info = "infoCircleOutlined"
+}
+export declare type AlertButtonAlignment = 'right' | 'bottom';

package/build/components/Feedback/Alert/components/alertButton.component.d.ts

@@ -0,0 +1,8 @@
+import { ButtonProps } from 'components/Forms/Button/button.component';
+export interface AlertButtonProps extends ButtonProps {
+    buttonPosition?: 'topRight' | 'bottomLeft';
+    buttonText: string;
+    hasDescription?: boolean;
+}
+declare const AlertButton: (buttonProps: AlertButtonProps) => JSX.Element;
+export default AlertButton;

package/build/components/Feedback/Alert/components/alertDescription.component.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+import { TextProps } from 'components/Typography/Text/text.component';
+export interface AlertDescriptionProps {
+    description?: string | ReactNode;
+    descriptionProps?: TextProps;
+}
+declare const AlertDescription: (props: AlertDescriptionProps) => JSX.Element;
+export default AlertDescription;

package/build/components/Feedback/Alert/components/alertIcon.component.d.ts

@@ -0,0 +1,9 @@
+import { IconProps } from 'components/MediaAndIcons/Icon/icon.component';
+import { AlertVariant } from '../alert.types';
+import { Status } from '../../feedback.types';
+export interface AlertIconProps {
+    iconProps?: IconProps;
+    status: AlertVariant | Status;
+}
+declare const AlertIcon: (props: AlertIconProps) => JSX.Element;
+export default AlertIcon;

package/build/components/Feedback/Alert/components/alertTitle.component.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+import { HeadingProps } from 'components/Typography/Heading/heading.component';
+export interface AlertTitleProps {
+    title?: string | ReactNode;
+    titleProps?: HeadingProps;
+}
+export declare const AlertTitle: (props: AlertTitleProps) => JSX.Element;
+export default AlertTitle;

package/build/components/Feedback/Alert/index.d.ts

@@ -0,0 +1,3 @@
+import Alert from './alert.component';
+export default Alert;
+export { Alert as CAlert } from '@chakra-ui/react';

package/build/components/Feedback/Toast/useToast.d.ts

@@ -0,0 +1,47 @@
+import * as React from 'react';
+import { CloseAllToastsOptions, ToastOptions, ToastPositionWithLogical } from '@chakra-ui/react';
+import { ToastId } from '@chakra-ui/toast/dist/declarations/src/toast.types';
+import { AlertProps } from '../Alert/alert.component';
+interface Toaster {
+    (options?: UseToastOptions | undefined): string | number | undefined;
+    close: (id: React.ReactText) => void;
+    closeAll: (options?: CloseAllToastsOptions | undefined) => void;
+    update(id: ToastId, options: Omit<UseToastOptions, 'id'>): void;
+    isActive: (id: React.ReactText) => boolean | undefined;
+}
+export interface UseToastOptions extends Omit<AlertProps, 'id' | 'position'> {
+    /**
+     * The placement of the toast
+     *
+     * @default "top"
+     */
+    position?: ToastPositionWithLogical;
+    /**
+     * The delay before the toast hides (in milliseconds)
+     * If set to `null`, toast will never dismiss.
+     *
+     * @default 5000 ( = 5000ms )
+     */
+    duration?: ToastOptions['duration'];
+    /**
+     * The `id` of the toast.
+     *
+     * Mostly used when you need to prevent duplicate.
+     * By default, we generate a unique `id` for each toast
+     */
+    id?: ToastId;
+    /**
+     * Callback function to run side effects after the toast has closed.
+     */
+    onCloseComplete?: () => void;
+    /**
+     * Optional style overrides for the container wrapping the toast component.
+     */
+    containerStyle?: React.CSSProperties;
+}
+/**
+ * React hook used to create a function that can be used
+ * to show toasts in an application.
+ */
+declare const useToast: (options?: UseToastOptions | undefined) => Toaster;
+export default useToast;

package/build/components/Feedback/feedback.model.d.ts

@@ -0,0 +1,5 @@
+import { IconColor } from 'components/MediaAndIcons/Icon/icon.types';
+import { Status } from './feedback.types';
+export declare const LightStatusVariantMap: Record<Status, string>;
+export declare const DarkStatusVariantMap: Record<Status, string>;
+export declare const AlertIconColorMap: Record<Status, IconColor>;

package/build/components/Feedback/feedback.types.d.ts

@@ -0,0 +1 @@
+export declare type Status = 'info' | 'success' | 'warning' | 'error';

package/build/components/Feedback/index.d.ts

@@ -0,0 +1,3 @@
+export * from './Alert';
+export * from './Toast';
+export * from './Spinner';

package/build/components/Forms/Button/button.component.d.ts

@@ -0,0 +1,15 @@
+import React, { ReactNode } from 'react';
+import { ButtonProps as CButtonProps } from '@chakra-ui/react';
+import { IconsSize, IconName } from 'components/MediaAndIcons/Icon/icon.types';
+import { ButtonIconPosition, ButtonSizeType, ButtonVariantType } from './button.types';
+export interface ButtonProps extends CButtonProps {
+    children?: ReactNode;
+    variant?: ButtonVariantType;
+    size?: ButtonSizeType;
+    iconName?: IconName;
+    iconSize?: IconsSize;
+    iconPosition?: ButtonIconPosition;
+    darkMode?: boolean;
+}
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export default Button;

package/build/components/Forms/Button/button.types.d.ts

@@ -0,0 +1,9 @@
+import { AdaptiveColorMap } from '../../../theme/tokens';
+export interface ButtonVariantConfigType extends AdaptiveColorMap<ButtonColorOptionsType> {
+    variant: 'solid' | 'outline' | 'ghost';
+}
+export declare type ButtonVariantType = 'primary' | 'primaryDestructive' | 'secondary' | 'secondaryDestructive' | 'secondarySubtle' | 'secondarySubtleDestructive' | 'tertiary' | 'tertiaryDestructive' | 'ghost' | 'ghostNeutral' | 'ghostDestructive';
+export declare type ButtonColorOptionsType = 'content' | 'default' | 'hover' | 'active' | 'border';
+export declare type ButtonSizeType = 'xs' | 'sm' | 'md' | 'lg';
+export declare type ButtonIconPosition = 'left' | 'right' | 'top';
+export declare type ButtonStyleType = Record<ButtonVariantType, ButtonVariantConfigType>;

package/build/components/Forms/Checkbox/checkbox.component.d.ts

@@ -0,0 +1,8 @@
+import { CheckboxProps as CCheckboxProps } from '@chakra-ui/react';
+import { CheckboxSize, CheckboxVariant } from './checkbox.types';
+export interface CheckboxProps extends CCheckboxProps {
+    size?: CheckboxSize;
+    variant?: CheckboxVariant;
+}
+declare const Checkbox: ({ children, size, variant, m, mb, mt, mr, ml, ...rest }: CheckboxProps) => JSX.Element;
+export default Checkbox;

package/build/components/Forms/Checkbox/checkbox.config.d.ts

@@ -0,0 +1,2 @@
+import { ComponentStyleConfig } from '@chakra-ui/react';
+export declare const CheckboxConfig: ComponentStyleConfig;

package/build/components/Forms/Checkbox/components/CheckboxGroup/checkboxGroup.component.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { CheckboxGroupProps as CCheckboxGroupProps, SystemProps } from '@chakra-ui/react';
+import { WithFormControlProps } from 'components/Forms/FormControl/formControl.component';
+import { FlexDirection } from 'shared/types';
+import { CheckboxProps } from '../../checkbox.component';
+import { CheckboxSize, CheckboxVariant } from '../../checkbox.types';
+export interface CheckboxGroupProps extends WithFormControlProps, CCheckboxGroupProps {
+    size?: CheckboxSize;
+    checkboxes: CheckboxProps[];
+    direction?: FlexDirection;
+    spacing?: SystemProps['margin'];
+    isFieldInline?: boolean;
+    variant?: CheckboxVariant;
+}
+declare const _default: React.FC<CheckboxGroupProps>;
+export default _default;

package/build/components/Forms/Checkbox/index.d.ts

@@ -0,0 +1,3 @@
+import Checkbox from './checkbox.component';
+export default Checkbox;
+export { CheckboxGroup as CCheckboxGroup, useCheckbox, useCheckboxGroup } from '@chakra-ui/react';

package/build/components/Forms/DatePicker/datepicker.component.d.ts

@@ -0,0 +1,22 @@
+import { PlacementWithLogical } from '@chakra-ui/react';
+import { TextInputProps } from '../TextInput/textInput.component';
+import { DateFormats } from './datepicker.types';
+export interface DatePickerProps {
+    date: Date | null;
+    onDateChange?: (date: Date | null) => void;
+    dateFormat?: string | DateFormats;
+    inputProps?: Omit<TextInputProps, 'onChange' | 'value' | 'isClearable' | 'onClear'>;
+    placement?: PlacementWithLogical;
+    minYear?: number;
+    maxYear?: number;
+}
+/**
+ * A simple date picker component.
+ *
+ * Note: Be careful with dateFormat and allowing search (inputProps.IsReadOnly = false) as changing the format
+ * can cause exceptions to be thrown.
+ *
+ * More dateFormat info: https://github.com/date-fns/date-fns/blob/main/docs/unicodeTokens.md
+ */
+declare const DatePicker: ({ date, onDateChange, inputProps, placement, dateFormat, minYear, maxYear, }: DatePickerProps) => JSX.Element;
+export default DatePicker;

package/build/components/Forms/DatePicker/datepicker.records.d.ts

@@ -0,0 +1,7 @@
+import { IconsSize } from 'components/MediaAndIcons/Icon/icon.types';
+import { FormControlSize } from '../FormControl/formControl.types';
+export declare const IconSizeMap: Record<FormControlSize, IconsSize>;
+export declare const months: {
+    label: string;
+    value: string;
+}[];

package/build/components/Forms/FormControl/formControl.component.d.ts

@@ -0,0 +1,23 @@
+import React, { ReactNode } from 'react';
+import { Dict } from 'shared/types';
+import { FormControlSize, HelperTextAlignment } from './formControl.types';
+import { IconColor } from 'components/MediaAndIcons/Icon/icon.types';
+export interface WithFormControlProps {
+    errorText?: string;
+    helperText?: string;
+    isDisabled?: boolean;
+    isFieldInline?: boolean;
+    isInvalid?: boolean;
+    isReadOnly?: boolean;
+    isRequired?: boolean;
+    label?: string | ReactNode;
+    labelStyle?: Dict;
+    formControlStyle?: Dict;
+    helperTextAlignment?: HelperTextAlignment;
+    size?: FormControlSize;
+    useInvalidIcon?: boolean;
+    useInvalidText?: boolean;
+    useInvalidBorder?: boolean;
+    invalidIconColor?: IconColor;
+}
+export declare function withFormControl<P extends WithFormControlProps>(Component: React.ComponentType<P>): React.FC<P>;

package/build/components/Forms/FormControl/formControl.config.d.ts

@@ -0,0 +1,2 @@
+import { ComponentStyleConfig } from '@chakra-ui/react';
+export declare const FormControlConfig: ComponentStyleConfig;

package/build/components/Forms/Radio/components/RadioGroup/radioGroup.component.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { RadioGroupProps as CRadioGroupProps, SystemProps } from '@chakra-ui/react';
+import { WithFormControlProps } from 'components/Forms/FormControl/formControl.component';
+import { FlexDirection } from 'shared/types';
+import { RadioProps } from '../../radio.component';
+import { RadioSize } from '../../radio.types';
+export interface RadioGroupProps extends WithFormControlProps, Omit<CRadioGroupProps, 'children'> {
+    size?: RadioSize;
+    radios: RadioProps[];
+    direction?: FlexDirection;
+    spacing?: SystemProps['margin'];
+    isFieldInline?: boolean;
+}
+declare const _default: React.FC<RadioGroupProps>;
+export default _default;

package/build/components/Forms/Radio/index.d.ts

@@ -0,0 +1,3 @@
+import RadioGroup from './radio.component';
+export default RadioGroup;
+export { RadioGroup as CRadioGroup, useRadio, useRadioGroup } from '@chakra-ui/react';

package/build/components/Forms/Radio/radio.component.d.ts

@@ -0,0 +1,8 @@
+import { RadioProps as CRadioProps } from '@chakra-ui/react';
+import { RadioSize } from './radio.types';
+export interface RadioProps extends CRadioProps {
+    size?: RadioSize;
+    isFieldInline?: boolean;
+}
+declare const Radio: ({ children, size, isFieldInline, ...rest }: RadioProps) => JSX.Element;
+export default Radio;

package/build/components/Forms/Radio/radio.config.d.ts

@@ -0,0 +1,2 @@
+import { ComponentStyleConfig } from '@chakra-ui/react';
+export declare const RadioConfig: ComponentStyleConfig;

package/build/components/Forms/RatingDots/components/RatingDot/index.d.ts

@@ -0,0 +1,2 @@
+import RatingDot from './ratingDot.component';
+export default RatingDot;

package/build/components/Forms/Select/components/SelectContainer/selectContainer.component.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+import { SelectOptionProps } from 'components/Forms/Select/select.types';
+export interface SelectContainerProps {
+    selectedOption: SelectOptionProps;
+    defaultLeftElement: ReactNode;
+    shouldTruncateText?: boolean;
+}
+declare const SelectContainer: ({ selectedOption, defaultLeftElement, shouldTruncateText, }: SelectContainerProps) => JSX.Element;
+export default SelectContainer;

package/build/components/Forms/Select/components/SelectList/selectList.component.d.ts

@@ -0,0 +1,7 @@
+import { MenuListProps } from 'components/Overlay/Menu/components/MenuList/menuList.component';
+import { SelectOptionProps } from 'components/Forms/Select/select.types';
+export interface SelectListProps extends Omit<MenuListProps, 'canSelectAll' | 'canSelectGroups' | 'isMultiSelect' | 'onSelectAll' | 'menuItems'> {
+    options?: SelectOptionProps[];
+}
+declare const SelectList: (props: SelectListProps) => JSX.Element;
+export default SelectList;

package/build/components/Forms/Select/select.component.d.ts

@@ -0,0 +1,27 @@
+import React, { ChangeEvent, ReactNode } from 'react';
+import { SelectProps as CSelectProps } from '@chakra-ui/react';
+import { WithFormControlProps } from '../FormControl/formControl.component';
+import { SelectOptionProps } from 'components/Forms/Select/select.types';
+import { SelectListProps } from './components/SelectList/selectList.component';
+import { TextColor } from 'components/Typography/typography.types';
+import { FormControlSize } from '../FormControl/formControl.types';
+export interface SelectBaseProps extends WithFormControlProps, CSelectProps {
+    options: SelectOptionProps[];
+    size?: FormControlSize;
+    colorToken?: TextColor;
+}
+export interface BrowserDefaultSelectProps extends SelectBaseProps {
+    defaultLeftElement?: never;
+    listProps?: never;
+    onChange: (e: ChangeEvent<HTMLSelectElement>) => void;
+    useBrowserDefaultMenu?: boolean;
+}
+export interface CustomSelectProps extends SelectBaseProps {
+    defaultLeftElement?: ReactNode;
+    listProps?: SelectListProps;
+    onChange?: never;
+    useBrowserDefaultMenu?: never;
+}
+export declare type SelectProps = BrowserDefaultSelectProps | CustomSelectProps;
+declare const _default: React.FC<SelectProps>;
+export default _default;

package/build/components/Forms/Select/select.config.d.ts

@@ -0,0 +1,2 @@
+import { ComponentStyleConfig } from '@chakra-ui/react';
+export declare const SelectConfig: ComponentStyleConfig;

package/build/components/Forms/Select/select.types.d.ts

@@ -0,0 +1,3 @@
+import { MenuItemProps } from 'components/Overlay/Menu/components/MenuItem/menuItem.component';
+export interface SelectOptionProps extends MenuItemProps {
+}

package/build/components/Forms/Switch/switch.component.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { SwitchProps as CSwitchProps } from '@chakra-ui/react';
+import { WithFormControlProps } from '../FormControl/formControl.component';
+import { FormControlSize } from '../FormControl/formControl.types';
+export interface SwitchProps extends WithFormControlProps, CSwitchProps {
+    isFieldInline?: boolean;
+    isIndeterminate?: boolean;
+    size?: FormControlSize;
+}
+declare const _default: React.FC<SwitchProps>;
+export default _default;

package/build/components/Forms/Switch/switch.config.d.ts

@@ -0,0 +1,2 @@
+import { ComponentStyleConfig } from '@chakra-ui/react';
+export declare const SwitchConfig: ComponentStyleConfig;

package/build/components/Forms/TextInput/components/ClearButton/clearButton.component.d.ts

@@ -0,0 +1,7 @@
+import { FormControlSize } from 'components/Forms/FormControl/formControl.types';
+export interface ClearButtonProps {
+    handleClear?: () => void;
+    size?: FormControlSize;
+}
+declare const ClearButton: ({ handleClear, size }: ClearButtonProps) => JSX.Element;
+export default ClearButton;

package/build/components/Forms/TextInput/components/ClearButton/clearButton.records.d.ts

@@ -0,0 +1,2 @@
+import { FormControlSize } from 'components/Forms/FormControl/formControl.types';
+export declare const closeButtonSize: Record<FormControlSize, number>;

package/build/components/Forms/TextInput/textInput.component.d.ts

@@ -0,0 +1,21 @@
+import React, { ForwardedRef, ReactElement } from 'react';
+import { InputProps as CInputProps } from '@chakra-ui/react';
+import { WithFormControlProps } from '../FormControl/formControl.component';
+import { FormControlSize } from '../FormControl/formControl.types';
+export interface TextInputBaseProps extends WithFormControlProps, CInputProps {
+    leftElement?: ReactElement;
+    rightElement?: ReactElement;
+    inputRef?: ForwardedRef<HTMLInputElement>;
+    size?: FormControlSize;
+}
+export interface DefaultTextInputProps extends TextInputBaseProps {
+    isClearable?: never;
+    onClear?: never;
+}
+export interface ClearableTextInputProps extends TextInputBaseProps {
+    isClearable: boolean;
+    onClear: (val: string | number | readonly string[]) => void;
+}
+export declare type TextInputProps = DefaultTextInputProps | ClearableTextInputProps;
+declare const TextInput: React.ForwardRefExoticComponent<TextInputProps & React.RefAttributes<HTMLInputElement>>;
+export default TextInput;

package/build/components/Forms/TextInput/textInput.config.d.ts

@@ -0,0 +1,2 @@
+import { ComponentStyleConfig } from '@chakra-ui/react';
+export declare const TextInputConfig: ComponentStyleConfig;

package/build/components/Forms/Textarea/textarea.component.d.ts

@@ -0,0 +1,10 @@
+import React, { ForwardedRef } from 'react';
+import { TextareaProps as CTextareaProps } from '@chakra-ui/react';
+import { WithFormControlProps } from '../FormControl/formControl.component';
+import { FormControlSize } from '../FormControl/formControl.types';
+export interface TextareaProps extends WithFormControlProps, CTextareaProps {
+    textareaRef?: ForwardedRef<HTMLTextAreaElement>;
+    size?: FormControlSize;
+}
+declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
+export default Textarea;

package/build/components/Forms/Textarea/textarea.config.d.ts

@@ -0,0 +1,2 @@
+import { ComponentStyleConfig } from '@chakra-ui/react';
+export declare const TextareaConfig: ComponentStyleConfig;

package/build/components/Forms/TimePicker/timePicker.component.d.ts

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

package/build/components/Forms/TimeRange/timeRange.component.d.ts

@@ -0,0 +1,9 @@
+import { BoxProps } from '@chakra-ui/react';
+import { TimePickerProps } from '../TimePicker/timePicker.component';
+export interface TimeRangeProps {
+    startTimePickerProps: TimePickerProps;
+    endTimePickerProps: TimePickerProps;
+    dashContainerProps?: BoxProps;
+}
+declare const TimeRange: ({ startTimePickerProps, endTimePickerProps, dashContainerProps }: TimeRangeProps) => JSX.Element;
+export default TimeRange;

package/build/components/Forms/index.d.ts

@@ -0,0 +1,10 @@
+export * from './Button';
+export * from './Checkbox';
+export * from './Textarea';
+export * from './TextInput';
+export * from './Radio';
+export * from './RatingDots';
+export * from './Select';
+export * from './Switch';
+export * from './DatePicker';
+export * from './TimePicker';

package/build/components/Layout/Box/index.d.ts

@@ -0,0 +1 @@
+export { Box } from '@chakra-ui/react';

package/build/components/Layout/Center/index.d.ts

@@ -0,0 +1 @@
+export { Center } from '@chakra-ui/react';

package/build/components/Layout/Container/index.d.ts

@@ -0,0 +1 @@
+export { Container } from '@chakra-ui/react';

package/build/components/Layout/Flex/index.d.ts

@@ -0,0 +1 @@
+export { Flex, Spacer } from '@chakra-ui/react';

package/build/components/Layout/Grid/index.d.ts

@@ -0,0 +1 @@
+export { Grid, GridItem } from '@chakra-ui/react';

package/build/components/Layout/SimpleGrid/index.d.ts

@@ -0,0 +1 @@
+export { SimpleGrid } from '@chakra-ui/react';