@televet/kibble-ui 1.20.0-beta.cs4 → 1.20.0

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

@@ -1,2 +1,2 @@
-import NotificationCounter from './notificationCounter.component';
-export default NotificationCounter;
+export * from './notificationCounter.component';
+export * from './notificationCounter.types';

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

@@ -1,10 +1,9 @@
-import { NotificationCounterSize, NotificationCounterVariant } from './notificationCounter.types';
 import { FlexProps } from '@chakra-ui/react';
+import { NotificationCounterSize, NotificationCounterVariant } from './notificationCounter.types';
 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;
+export declare const NotificationCounter: ({ count, size, showCount, variant, ...rest }: NotificationCounterProps) => JSX.Element;

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

@@ -1,2 +1,3 @@
-import Tag from './tag.component';
-export default Tag;
+export * from './tag.component';
+export * from './tag.config';
+export * from './tag.types';

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

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

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

@@ -1,7 +1,7 @@
 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';
+import { NotificationCounterVariant } from 'components/DataDisplay';
+import { TabSize } from '../../tabs.types';
+import { IconName } from '@televet/kibble-icons';
 export interface TabProps extends CTabProps {
     iconName?: IconName;
     label: string;
@@ -10,5 +10,4 @@ export interface TabProps extends CTabProps {
     notificationCounterVariant?: NotificationCounterVariant;
     size?: TabSize;
 }
-declare const Tab: ({ iconName, label, showNotificationCounter, notificationCount, notificationCounterVariant, size, ...rest }: TabProps) => JSX.Element;
-export default Tab;
+export declare const Tab: ({ iconName, label, showNotificationCounter, notificationCount, notificationCounterVariant, size, ...rest }: TabProps) => JSX.Element;

package/build/components/Disclosure/Tabs/components/TabsLayout/tabsLayout.component.d.ts

@@ -3,5 +3,4 @@ import { TabsProps } from '../../tabs.component';
 export interface TabsLayoutProps extends TabsProps {
     tabPanels: JSX.Element[];
 }
-declare const TabsLayout: (props: TabsLayoutProps) => JSX.Element;
-export default TabsLayout;
+export declare const TabsLayout: (props: TabsLayoutProps) => JSX.Element;

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

@@ -1,3 +1,6 @@
-import Tabs from './tabs.component';
-export default Tabs;
 export { Tabs as CTabs, TabList, TabPanel, TabPanels } from '@chakra-ui/react';
+export * from './components/Tab/tab.component';
+export * from './components/TabsLayout/tabsLayout.component';
+export * from './tabs.component';
+export * from './tabs.config';
+export * from './tabs.types';

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

@@ -2,7 +2,7 @@
 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';
+import { TabSize } from './tabs.types';
 export interface TabsProps extends StyleProps {
     size?: TabSize;
     tabList: TabProps[];
@@ -16,5 +16,4 @@ export interface TabsProps extends StyleProps {
     index?: number;
     onChange?: (index: number) => void;
 }
-declare const Tabs: ({ size, tabList, tabPanels, tabPanelsStyle, ...rest }: TabsProps) => JSX.Element;
-export default Tabs;
+export declare const Tabs: ({ size, tabList, tabPanels, tabPanelsStyle, ...rest }: TabsProps) => JSX.Element;

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

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

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

@@ -1,2 +1 @@
-import DragHandle from './dragHandle.component';
-export default DragHandle;
+export { DragHandle } from './dragHandle.component';

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

@@ -1,2 +1 @@
-import SortableItem from './sortableItem.component';
-export default SortableItem;
+export { SortableItem } from './sortableItem.component';

package/build/components/Draggable/SortableList/components/SortableItem/sortableItem.component.d.ts

@@ -1,9 +1,8 @@
 import type { CSSProperties, PropsWithChildren } from 'react';
-import { UniqueIdentifier } from '@dnd-kit/core';
+import type { UniqueIdentifier } from '@dnd-kit/core';
 export interface SortableItemProps {
     id: UniqueIdentifier;
     style?: CSSProperties;
     onRemove?(id: UniqueIdentifier): void;
 }
-declare const SortableItem: ({ children, id, style: userStyle, onRemove, }: PropsWithChildren<SortableItemProps>) => JSX.Element;
-export default SortableItem;
+export declare const SortableItem: ({ children, id, style: userStyle, onRemove, }: PropsWithChildren<SortableItemProps>) => JSX.Element;

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

@@ -1,2 +1 @@
-import SortableOverlay from './sortableOverlay.component';
-export default SortableOverlay;
+export { SortableOverlay } from './sortableOverlay.component';

package/build/components/Draggable/SortableList/components/SortableOverlay/sortableOverlay.component.d.ts

@@ -1,5 +1,5 @@
 import type { PropsWithChildren } from 'react';
 interface Props {
 }
-declare const SortableOverlay: ({ children }: PropsWithChildren<Props>) => JSX.Element;
-export default SortableOverlay;
+export declare const SortableOverlay: ({ children }: PropsWithChildren<Props>) => JSX.Element;
+export {};

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

@@ -0,0 +1,3 @@
+export { DragHandle } from './DragHandle';
+export { SortableItem } from './SortableItem';
+export { SortableOverlay } from './SortableOverlay';

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

@@ -1,2 +1,2 @@
-import SortableList from './sortableList.component';
-export default SortableList;
+export * from './sortableList.component';
+export * from './components';

package/build/components/Draggable/SortableList/sortableList.component.d.ts

@@ -10,5 +10,4 @@ export interface SortableProps<T extends SortableItemProps> {
     renderItem(item: T, index?: number): ReactNode;
     style?: CSSProperties;
 }
-declare const SortableList: <T extends SortableItemProps>({ items, onChange, renderItem, style: userStyle, }: SortableProps<T>) => JSX.Element;
-export default SortableList;
+export declare const SortableList: <T extends SortableItemProps>({ items, onChange, renderItem, style: userStyle, }: SortableProps<T>) => JSX.Element;

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

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

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

@@ -4,5 +4,4 @@ export interface AlertBodyProps {
     hideIcon: boolean;
     hideCloseButton: boolean;
 }
-declare const AlertBody: (props: AlertBodyProps) => JSX.Element;
-export default AlertBody;
+export declare const AlertBody: (props: AlertBodyProps) => JSX.Element;

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

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

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

@@ -2,5 +2,4 @@ import React from 'react';
 export interface AlertCloseButtonProps {
     onClose?: React.MouseEventHandler<HTMLButtonElement>;
 }
-declare const AlertCloseButton: (props: AlertCloseButtonProps) => JSX.Element;
-export default AlertCloseButton;
+export declare const AlertCloseButton: (props: AlertCloseButtonProps) => JSX.Element;

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

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

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

@@ -2,5 +2,4 @@ import { ReactNode } from 'react';
 export interface AlertHeaderProps {
     children: ReactNode;
 }
-declare const AlertHeader: (props: AlertHeaderProps) => JSX.Element;
-export default AlertHeader;
+export declare const AlertHeader: (props: AlertHeaderProps) => JSX.Element;

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

@@ -1,9 +1,8 @@
-import { IconProps } from 'components/MediaAndIcons/Icon/icon.component';
+import { IconProps } from '../../../../components/MediaAndIcons';
 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;
+export declare const AlertIcon: (props: AlertIconProps) => JSX.Element;

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

@@ -1,8 +1,7 @@
 import { ReactNode } from 'react';
-import { HeadingProps } from 'components/Typography/Heading/heading.component';
+import { HeadingProps } from '../../../Typography';
 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

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

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

@@ -1,2 +1,2 @@
-import Spinner from './spinner.component';
-export default Spinner;
+export * from './spinner.component';
+export * from './spinner.types';

package/build/components/Feedback/Spinner/spinner.component.d.ts

@@ -3,5 +3,4 @@ export interface SpinnerProps {
     size?: SpinnerSize;
     darkMode?: boolean;
 }
-declare const Spinner: ({ size, darkMode }: SpinnerProps) => JSX.Element;
-export default Spinner;
+export declare const Spinner: ({ size, darkMode }: SpinnerProps) => JSX.Element;

package/build/components/Feedback/Spinner/spinner.records.d.ts

@@ -1,2 +1,2 @@
 import { SpinnerSize } from './spinner.types';
-export declare const SpinnerSizeMap: Record<SpinnerSize, number>;
+export declare const SpinnerSizMap: Record<SpinnerSize, number>;

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

@@ -1,2 +1 @@
-import useToast from './useToast';
-export default useToast;
+export * from './useToast';

package/build/components/Feedback/Toast/toast.utils.d.ts

@@ -1,2 +1,7 @@
-import { ToastPosition, ToastPositionWithLogical } from './toast.types';
+export declare type LogicalToastPosition = 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end';
+export declare type ToastPositionWithLogical = LogicalToastPosition | 'top' | 'top-left' | 'top-right' | 'bottom' | 'bottom-left' | 'bottom-right';
+export declare type ToastPosition = Exclude<ToastPositionWithLogical, LogicalToastPosition>;
+export declare type WithoutLogicalPosition<T> = Omit<T, 'position'> & {
+    position?: ToastPosition;
+};
 export declare function getToastPlacement(position: ToastPositionWithLogical | undefined, dir: 'ltr' | 'rtl'): ToastPosition | undefined;

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

@@ -1,7 +1,8 @@
 import * as React from 'react';
+import { ColorMode, useChakra } from '@chakra-ui/system';
 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';
+import { AlertProps } from '../Alert';
 interface Toaster {
     (options?: UseToastOptions | undefined): string | number | undefined;
     close: (id: React.ReactText) => void;
@@ -39,9 +40,18 @@ export interface UseToastOptions extends Omit<AlertProps, 'id' | 'position'> {
      */
     containerStyle?: React.CSSProperties;
 }
+export declare type CreateStandAloneToastParam = Partial<ReturnType<typeof useChakra> & {
+    setColorMode: (value: ColorMode) => void;
+    defaultOptions: UseToastOptions;
+}>;
+export declare const defaultStandaloneParam: Required<CreateStandAloneToastParam>;
+/**
+ * Create a toast from outside of React Components
+ */
+export declare const createStandaloneToast: ({ theme, defaultOptions, }?: CreateStandAloneToastParam) => Toaster;
 /**
  * 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 declare const useToast: (options?: UseToastOptions | undefined) => Toaster;
 export default useToast;

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

@@ -1,5 +1,5 @@
-import { IconColor } from 'components/MediaAndIcons/Icon/icon.types';
 import { Status } from './feedback.types';
+import { IconColor } from '../MediaAndIcons';
 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/index.d.ts

@@ -1,3 +1,5 @@
 export * from './Alert';
 export * from './Toast';
 export * from './Spinner';
+export * from './feedback.types';
+export * from './feedback.model';

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

@@ -1,15 +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 {
+import { ButtonProps as ChakraButtonProps } from '@chakra-ui/react';
+import { IconsSize } from '../../MediaAndIcons';
+import { ButtonSizeType, ButtonVariantType } from './button.types';
+import { IconName } from '@televet/kibble-icons';
+export interface ButtonProps extends ChakraButtonProps {
     children?: ReactNode;
     variant?: ButtonVariantType;
     size?: ButtonSizeType;
     iconName?: IconName;
     iconSize?: IconsSize;
-    iconPosition?: ButtonIconPosition;
+    iconPosition?: 'left' | 'right' | 'top';
     darkMode?: boolean;
 }
-declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
-export default Button;
+export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;

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

@@ -5,5 +5,4 @@ export interface ButtonVariantConfigType extends AdaptiveColorMap<ButtonColorOpt
 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/Button/index.d.ts

@@ -1,2 +1,3 @@
-import Button from './button.component';
-export default Button;
+export * from './button.component';
+export * from './button.types';
+export * from './button.config';

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

@@ -4,5 +4,4 @@ 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;
+export declare const Checkbox: ({ children, size, variant, m, mb, mt, mr, ml, ...rest }: CheckboxProps) => JSX.Element;

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

@@ -12,5 +12,5 @@ export interface CheckboxGroupProps extends WithFormControlProps, CCheckboxGroup
     isFieldInline?: boolean;
     variant?: CheckboxVariant;
 }
-declare const _default: React.FC<CheckboxGroupProps>;
-export default _default;
+declare const WrappedCheckboxGroup: React.FC<CheckboxGroupProps>;
+export { WrappedCheckboxGroup as CheckboxGroup };

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

@@ -1,3 +1,5 @@
-import Checkbox from './checkbox.component';
-export default Checkbox;
 export { CheckboxGroup as CCheckboxGroup, useCheckbox, useCheckboxGroup } from '@chakra-ui/react';
+export * from './components/CheckboxGroup/checkboxGroup.component';
+export * from './checkbox.component';
+export * from './checkbox.config';
+export * from './checkbox.types';

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

@@ -1,5 +1,5 @@
 import { PlacementWithLogical } from '@chakra-ui/react';
-import { TextInputProps } from '../TextInput/textInput.component';
+import { TextInputProps } from '..';
 import { DateFormats } from './datepicker.types';
 export interface DatePickerProps {
     date: Date | null;
@@ -18,5 +18,4 @@ export interface DatePickerProps {
  *
  * 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;
+export declare const DatePicker: ({ date, onDateChange, inputProps, placement, dateFormat, minYear, maxYear, }: DatePickerProps) => JSX.Element;

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

@@ -1,2 +1,2 @@
-import DatePicker from './datepicker.component';
-export default DatePicker;
+export * from './datepicker.component';
+export * from './datepicker.context';

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

@@ -1,7 +1,7 @@
 import React, { ReactNode } from 'react';
 import { Dict } from 'shared/types';
 import { FormControlSize, HelperTextAlignment } from './formControl.types';
-import { IconColor } from 'components/MediaAndIcons/Icon/icon.types';
+import { IconColor } from '../../MediaAndIcons';
 export interface WithFormControlProps {
     errorText?: string;
     helperText?: string;

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

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

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

@@ -11,5 +11,5 @@ export interface RadioGroupProps extends WithFormControlProps, Omit<CRadioGroupP
     spacing?: SystemProps['margin'];
     isFieldInline?: boolean;
 }
-declare const _default: React.FC<RadioGroupProps>;
-export default _default;
+declare const WrappedRadioGroup: React.FC<RadioGroupProps>;
+export { WrappedRadioGroup as RadioGroup };

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

@@ -1,3 +1,5 @@
-import RadioGroup from './radio.component';
-export default RadioGroup;
 export { RadioGroup as CRadioGroup, useRadio, useRadioGroup } from '@chakra-ui/react';
+export * from './components/RadioGroup/radioGroup.component';
+export * from './radio.component';
+export * from './radio.config';
+export * from './radio.types';

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

@@ -4,5 +4,4 @@ export interface RadioProps extends CRadioProps {
     size?: RadioSize;
     isFieldInline?: boolean;
 }
-declare const Radio: ({ children, size, isFieldInline, ...rest }: RadioProps) => JSX.Element;
-export default Radio;
+export declare const Radio: ({ children, size, isFieldInline, ...rest }: RadioProps) => JSX.Element;

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

@@ -1,2 +1,2 @@
-import RatingDots from './ratingDots.component';
-export default RatingDots;
+export * from './ratingDot.component';
+export * from './ratingDots.component';

package/build/components/Forms/RatingDots/{components/RatingDot/ratingDot.component.d.ts → ratingDot.component.d.ts}

@@ -5,5 +5,4 @@ export interface IRatingDotProps {
     onClick?: (value: number) => void;
     selected: boolean;
 }
-declare const RatingDot: ({ number, isInteractive, isDisabled, onClick, selected }: IRatingDotProps) => JSX.Element;
-export default RatingDot;
+export declare const RatingDot: ({ number, isInteractive, isDisabled, onClick, selected }: IRatingDotProps) => JSX.Element;

package/build/components/Forms/RatingDots/ratingDots.component.d.ts

@@ -9,5 +9,4 @@ export interface IRatingDotsProps {
     onClick?: (value: number) => void;
     selected?: number;
 }
-declare const RatingDots: ({ minValue, maxValue, minLabel, maxLabel, centeredLabel, isDisabled, isInteractive, onClick, selected, }: IRatingDotsProps) => JSX.Element;
-export default RatingDots;
+export declare const RatingDots: ({ minValue, maxValue, minLabel, maxLabel, centeredLabel, isDisabled, isInteractive, onClick, selected, }: IRatingDotsProps) => JSX.Element;

package/build/components/Forms/Select/components/SelectBrowserDefault/selectBrowserDefault.component.d.ts

@@ -1,3 +1,2 @@
 import { BrowserDefaultSelectProps } from '../../select.component';
-declare const SelectBrowserDefault: (props: BrowserDefaultSelectProps) => JSX.Element;
-export default SelectBrowserDefault;
+export declare const SelectBrowserDefault: (props: BrowserDefaultSelectProps) => JSX.Element;

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

@@ -5,5 +5,4 @@ export interface SelectContainerProps {
     defaultLeftElement: ReactNode;
     shouldTruncateText?: boolean;
 }
-declare const SelectContainer: ({ selectedOption, defaultLeftElement, shouldTruncateText, }: SelectContainerProps) => JSX.Element;
-export default SelectContainer;
+export declare const SelectContainer: ({ selectedOption, defaultLeftElement, shouldTruncateText, }: SelectContainerProps) => JSX.Element;

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

@@ -3,5 +3,4 @@ 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;
+export declare const SelectList: (props: SelectListProps) => JSX.Element;

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

@@ -1,2 +1,3 @@
-import Select from './select.component';
-export default Select;
+export * from './select.component';
+export * from './select.config';
+export * from './select.types';

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

@@ -3,8 +3,8 @@ 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';
+import { FormControlSize } from '../FormControl';
+import { TextColor } from 'components/Typography';
 export interface SelectBaseProps extends WithFormControlProps, CSelectProps {
     options: SelectOptionProps[];
     size?: FormControlSize;
@@ -23,5 +23,5 @@ export interface CustomSelectProps extends SelectBaseProps {
     useBrowserDefaultMenu?: never;
 }
 export declare type SelectProps = BrowserDefaultSelectProps | CustomSelectProps;
-declare const _default: React.FC<SelectProps>;
-export default _default;
+declare const WrappedSelect: React.FC<SelectProps>;
+export { WrappedSelect as Select };

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

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

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

@@ -1,2 +1,2 @@
-import Switch from './switch.component';
-export default Switch;
+export * from './switch.component';
+export * from './switch.config';

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

@@ -7,5 +7,5 @@ export interface SwitchProps extends WithFormControlProps, CSwitchProps {
     isIndeterminate?: boolean;
     size?: FormControlSize;
 }
-declare const _default: React.FC<SwitchProps>;
-export default _default;
+declare const WrappedSwitch: React.FC<SwitchProps>;
+export { WrappedSwitch as Switch };

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

@@ -3,5 +3,4 @@ export interface ClearButtonProps {
     handleClear?: () => void;
     size?: FormControlSize;
 }
-declare const ClearButton: ({ handleClear, size }: ClearButtonProps) => JSX.Element;
-export default ClearButton;
+export declare const ClearButton: ({ handleClear, size }: ClearButtonProps) => JSX.Element;

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

@@ -1,2 +1,2 @@
-import TextInput from './textInput.component';
-export default TextInput;
+export * from './textInput.component';
+export * from './textInput.config';

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

@@ -17,5 +17,5 @@ export interface ClearableTextInputProps extends TextInputBaseProps {
     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;
+declare const WrappedTextInput: React.ForwardRefExoticComponent<TextInputProps & React.RefAttributes<HTMLInputElement>>;
+export { WrappedTextInput as TextInput };

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

@@ -1,2 +1,2 @@
-import Textarea from './textarea.component';
-export default Textarea;
+export * from './textarea.component';
+export * from './textarea.config';