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

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

@@ -6,5 +6,5 @@ export interface TextareaProps extends WithFormControlProps, CTextareaProps {
     textareaRef?: ForwardedRef<HTMLTextAreaElement>;
     size?: FormControlSize;
 }
-declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
-export default Textarea;
+declare const WrappedTextArea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
+export { WrappedTextArea as Textarea };

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

@@ -1 +1,3 @@
 export * from './timePicker.component';
+export * from './timePicker.types';
+export * from '../TimeRange/timeRange.component';

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

@@ -1,5 +1,5 @@
 import { PlacementWithLogical } from '@chakra-ui/react';
-import { TextInputProps } from '../TextInput/textInput.component';
+import { TextInputProps } from '../TextInput';
 export interface TimePickerProps {
     initialTime: Date;
     minuteInterval?: number;
@@ -7,5 +7,4 @@ export interface TimePickerProps {
     placement?: PlacementWithLogical;
     onTimeChange?: (time: Date) => void;
 }
-declare const TimePicker: ({ initialTime, minuteInterval, inputProps, placement, onTimeChange, }: TimePickerProps) => JSX.Element;
-export default TimePicker;
+export declare const TimePicker: ({ initialTime, minuteInterval, inputProps, placement, onTimeChange, }: TimePickerProps) => JSX.Element;

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

@@ -1,2 +1 @@
-import TimeRange from './timeRange.component';
-export default TimeRange;
+export * from './timeRange.component';

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

@@ -5,5 +5,4 @@ export interface TimeRangeProps {
     endTimePickerProps: TimePickerProps;
     dashContainerProps?: BoxProps;
 }
-declare const TimeRange: ({ startTimePickerProps, endTimePickerProps, dashContainerProps }: TimeRangeProps) => JSX.Element;
-export default TimeRange;
+export declare const TimeRange: ({ startTimePickerProps, endTimePickerProps, dashContainerProps, }: TimeRangeProps) => JSX.Element;

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

@@ -7,4 +7,5 @@ export * from './RatingDots';
 export * from './Select';
 export * from './Switch';
 export * from './DatePicker';
+export * from './FormControl';
 export * from './TimePicker';

package/build/components/MediaAndIcons/Avatar/avatar.component.d.ts

@@ -1,8 +1,18 @@
 import { AvatarProps as CAvatarProps, Placement } from '@chakra-ui/react';
+import { IconName } from 'components/MediaAndIcons/Icon';
 import React, { CSSProperties } from 'react';
-import { AvatarSize, AvatarVariant } from './avatar.types';
+import { AvatarSize } from './avatar.types';
 import { AvatarBadgeProps } from './components/AvatarBadge/avatarBadge.component';
-import { IconName } from '../Icon/icon.types';
+export declare enum AvatarVariant {
+    Green = "green",
+    Red = "red",
+    Blue = "blue",
+    Comet = "comet",
+    Number = "number",
+    Dashed = "dashed",
+    Image = "image",
+    Icon = "icon"
+}
 export interface AvatarProps extends CAvatarProps {
     name: string;
     size?: AvatarSize;
@@ -19,5 +29,4 @@ export interface AvatarProps extends CAvatarProps {
     showBadge?: boolean;
     badgeProps?: AvatarBadgeProps;
 }
-declare const Avatar: ({ name, src, isClinic, size, showTooltip, tooltipPlacement, style, handleClick, showRemoveButton, handleRemoveButtonClick, variant, iconName, tooltipText, showBadge, badgeProps, ...rest }: AvatarProps) => JSX.Element;
-export default Avatar;
+export declare const Avatar: ({ name, src, isClinic, size, showTooltip, tooltipPlacement, style, handleClick, showRemoveButton, handleRemoveButtonClick, variant, iconName, tooltipText, showBadge, badgeProps, ...rest }: AvatarProps) => JSX.Element;

package/build/components/MediaAndIcons/Avatar/avatar.types.d.ts

@@ -1,11 +1 @@
 export declare type AvatarSize = 'xs' | 'sm' | 'md' | 'lg';
-export declare enum AvatarVariant {
-    Green = "green",
-    Red = "red",
-    Blue = "blue",
-    Comet = "comet",
-    Number = "number",
-    Dashed = "dashed",
-    Image = "image",
-    Icon = "icon"
-}

package/build/components/MediaAndIcons/Avatar/components/AvatarBadge/avatarBadge.component.d.ts

@@ -1,6 +1,11 @@
+import { IconName } from 'components/MediaAndIcons/Icon';
 import { AvatarSize } from '../../avatar.types';
-import { IconName } from 'components/MediaAndIcons/Icon/icon.types';
-import { AvatarBadgePosition } from './avatarBadge.types';
+export declare enum AvatarBadgePosition {
+    TopLeft = "topLeft",
+    TopRight = "topRight",
+    BottomLeft = "bottomLeft",
+    BottomRight = "bottomRight"
+}
 export interface AvatarBadgeProps {
     badgeIconName?: IconName;
     badgeBackgroundColor?: string;

package/build/components/MediaAndIcons/Avatar/components/AvatarGroup/avatarGroup.component.d.ts

@@ -10,5 +10,4 @@ export interface AvatarGroupProps {
     showRemoveAvatarButton?: boolean;
     handleRemoveButtonClick?: () => void;
 }
-declare const AvatarGroup: ({ avatars, max, size, handleAddButtonClick, showAddButton, addButtonTooltipText, showRemoveAvatarButton, handleRemoveButtonClick, }: AvatarGroupProps) => JSX.Element;
-export default AvatarGroup;
+export declare const AvatarGroup: ({ avatars, max, size, handleAddButtonClick, showAddButton, addButtonTooltipText, showRemoveAvatarButton, handleRemoveButtonClick, }: AvatarGroupProps) => JSX.Element;

package/build/components/MediaAndIcons/Avatar/components/AvatarGroup/avatarGroup.utilities.d.ts

@@ -0,0 +1,6 @@
+export declare const avatarSizeMap: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+};

package/build/components/MediaAndIcons/Avatar/index.d.ts

@@ -1,2 +1,5 @@
-import Avatar from './avatar.component';
-export default Avatar;
+export * from './components/AvatarGroup/avatarGroup.component';
+export * from './components/AvatarBadge/avatarBadge.component';
+export * from './avatar.component';
+export * from './avatar.types';
+export * from './avatar.config';

package/build/components/MediaAndIcons/Icon/icon.component.d.ts

@@ -1,11 +1,10 @@
 import React from 'react';
 import { IconColorToken, IconsSize } from './icon.types';
-import { IconName } from 'components/MediaAndIcons/Icon/icon.types';
+import { IconName } from '@televet/kibble-icons';
 export interface IconProps {
     name: IconName;
     size?: IconsSize;
     color?: IconColorToken;
     colorToken?: IconColorToken;
 }
-declare const Icon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<any>>;
-export default Icon;
+export declare const Icon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<any>>;

package/build/components/MediaAndIcons/Icon/icon.types.d.ts

@@ -1,5 +1,4 @@
-import { IconName as KIconName } from '@televet/kibble-icons';
-export declare type IconName = KIconName;
+export { IconName } from '@televet/kibble-icons';
 export declare type IconsSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
 export declare type IconColorToken = 'default' | 'subtle' | 'inactive' | 'active' | 'success' | 'warning' | 'error' | 'currentColor';
 export declare type IconColor = IconColorToken;

package/build/components/MediaAndIcons/Icon/index.d.ts

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

package/build/components/MediaAndIcons/Logo/index.d.ts

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

package/build/components/MediaAndIcons/Logo/logo.component.d.ts

@@ -6,8 +6,7 @@ export interface ILogoProps {
     width?: number;
     handleClick?: () => void;
 }
-declare const Logo: {
+export declare const Logo: {
     ({ type, color, height, width, handleClick }: ILogoProps): JSX.Element;
     displayName: string;
 };
-export default Logo;

package/build/components/Navigation/Link/components/linkIcon.component.d.ts

@@ -1,6 +1,5 @@
-import { IconProps } from 'components/MediaAndIcons/Icon/icon.component';
+import { IconProps } from '../../../MediaAndIcons/Icon';
 export interface LinkIconProps extends IconProps {
     position?: 'start' | 'end';
 }
-declare const LinkIcon: (iconProps: LinkIconProps) => JSX.Element;
-export default LinkIcon;
+export declare const LinkIcon: (iconProps: LinkIconProps) => JSX.Element;

package/build/components/Navigation/Link/index.d.ts

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

package/build/components/Navigation/Link/link.component.d.ts

@@ -1,8 +1,7 @@
 import React, { ReactNode } from 'react';
 import { LinkProps as CLinkProps } from '@chakra-ui/react';
 import { LinkIconProps } from './components/linkIcon.component';
-import { TextColor } from 'components/Typography/typography.types';
-import { TextSize } from 'components/Typography/Text/text.types';
+import { TextColor, TextSize } from 'components/Typography';
 export interface LinkProps extends CLinkProps {
     children: ReactNode;
     iconProps?: LinkIconProps;
@@ -11,5 +10,4 @@ export interface LinkProps extends CLinkProps {
     onDark?: boolean;
     to?: string;
 }
-declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLAnchorElement>>;
-export default Link;
+export declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLAnchorElement>>;

package/build/components/Overlay/Menu/components/MenuButton/menuButton.component.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
+import { ButtonVariantType, ButtonSizeType } from 'components/Forms';
 import { MenuButtonProps as CMenuButtonProps } from '@chakra-ui/react';
-import { ButtonSizeType, ButtonVariantType } from 'components/Forms/Button/button.types';
-import { IconName } from 'components/MediaAndIcons/Icon/icon.types';
+import { IconName } from '@televet/kibble-icons';
 export interface MenuButtonProps extends CMenuButtonProps {
     leftElement?: ReactNode;
     leftIconName?: IconName;

package/build/components/Overlay/Menu/components/MenuItem/menuItem.component.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode, MutableRefObject, KeyboardEvent, ReactElement } from 'react';
-import { TextColor } from 'components/Typography/typography.types';
+import { TextColor } from 'components/Typography';
 export interface MenuItemProps {
     canSelectAll?: boolean;
     children?: ReactNode;

package/build/components/Overlay/Menu/index.d.ts

@@ -1,3 +1,9 @@
-import Menu from './menu.component';
-export default Menu;
+export * from './menu.component';
+export * from './menu.context';
+export * from './menu.config';
+export * from './components/MenuButton/menuButton.component';
+export * from './components/MenuContainer/menuContainer.component';
+export * from './components/MenuItem/menuItem.component';
+export * from './components/MenuList/menuList.component';
+export * from './components/MenuOptionGroup/menuOptionGroup.component';
 export { MenuItemOption, MenuDivider, MenuGroup } from '@chakra-ui/react';

package/build/components/Overlay/Menu/menu.component.d.ts

@@ -10,5 +10,4 @@ export interface MenuProps extends Omit<CMenuProps, 'children' | 'onClose'> {
     containerProps?: MenuContainerProps;
     children?: ReactNode;
 }
-declare const Menu: ({ buttonProps, CustomTriggerElement, listProps, containerProps, ...props }: MenuProps) => JSX.Element;
-export default Menu;
+export declare const Menu: ({ buttonProps, CustomTriggerElement, listProps, containerProps, ...props }: MenuProps) => JSX.Element;

package/build/components/Overlay/Modal/components/ModalBody/modalBody.component.d.ts

@@ -1,3 +1,2 @@
 import { ModalBodyProps } from '@chakra-ui/react';
-declare const ModalBody: ({ children, ...rest }: ModalBodyProps) => JSX.Element;
-export default ModalBody;
+export declare const ModalBody: ({ children, ...rest }: ModalBodyProps) => JSX.Element;

package/build/components/Overlay/Modal/components/ModalCloseButton/modalCloseButton.component.d.ts

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

package/build/components/Overlay/Modal/components/ModalFooter/modalFooter.component.d.ts

@@ -1,5 +1,4 @@
-import { ModalFooterProps as CModalFooterProps } from '@chakra-ui/react';
-export interface ModalFooterProps extends CModalFooterProps {
+import { ModalFooterProps as ChakraModalFooterProps } from '@chakra-ui/react';
+export interface ModalFooterProps extends ChakraModalFooterProps {
 }
-declare const ModalFooter: ({ children, ...rest }: ModalFooterProps) => JSX.Element;
-export default ModalFooter;
+export declare const ModalFooter: ({ children, ...rest }: ModalFooterProps) => JSX.Element;

package/build/components/Overlay/Modal/components/ModalFooterButtons/modalFooterButtons.component.d.ts

@@ -1,5 +1,5 @@
-import { ModalFooterProps as CModalFooterProps } from '@chakra-ui/react';
-export interface ModalFooterButtonProps extends CModalFooterProps {
+import { ModalFooterProps as ChakraModalFooterProps } from '@chakra-ui/react';
+export interface ModalFooterButtonProps extends ChakraModalFooterProps {
     mixpanelName?: string;
     submitText?: string;
     isLoading?: boolean;
@@ -10,5 +10,4 @@ export interface ModalFooterButtonProps extends CModalFooterProps {
     allowCancel?: boolean;
     onCancel?: () => void;
 }
-declare const ModalFooterButtons: ({ submitText, isLoading, loadingText, isDisabled, isDestructive, mixpanelName, children, onSubmit, allowCancel, onCancel, ...rest }: ModalFooterButtonProps) => JSX.Element;
-export default ModalFooterButtons;
+export declare const ModalFooterButtons: ({ submitText, isLoading, loadingText, isDisabled, isDestructive, mixpanelName, children, onSubmit, allowCancel, onCancel, ...rest }: ModalFooterButtonProps) => JSX.Element;

package/build/components/Overlay/Modal/components/ModalHeader/modalHeader.component.d.ts

@@ -1,7 +1,6 @@
-import { ModalHeaderProps as CModalHeaderProps } from '@chakra-ui/react';
-import { HeadingSize } from 'components/Typography/Heading/heading.types';
-export interface ModalHeaderProps extends CModalHeaderProps {
+import { ModalHeaderProps as ChakraModalHeaderProps } from '@chakra-ui/react';
+import { HeadingSize } from '../../../../Typography';
+export interface ModalHeaderProps extends ChakraModalHeaderProps {
     size?: HeadingSize;
 }
-declare const ModalHeader: ({ size, children, ...rest }: ModalHeaderProps) => JSX.Element;
-export default ModalHeader;
+export declare const ModalHeader: ({ size, children, ...rest }: ModalHeaderProps) => JSX.Element;

package/build/components/Overlay/Modal/index.d.ts

@@ -1,2 +1,8 @@
-import Modal from './modal.component';
-export default Modal;
+export * from './modal.types';
+export * as BetaModal from './modal.component';
+export * from './modal.component';
+export * from './components/ModalHeader/modalHeader.component';
+export * from './components/ModalCloseButton/modalCloseButton.component';
+export * from './components/ModalBody/modalBody.component';
+export * from './components/ModalFooter/modalFooter.component';
+export * from './components/ModalFooterButtons/modalFooterButtons.component';

package/build/components/Overlay/Modal/modal.component.d.ts

@@ -1,9 +1,9 @@
 import React, { ReactNode } from 'react';
-import { ModalProps as CModalProps } from '@chakra-ui/react';
+import { ModalProps as ChakraModalProps } from '@chakra-ui/react';
 import { FocusableElement } from '@chakra-ui/utils';
 import { ModalSize } from './modal.types';
 declare type ResponsiveBreakpoints = 'base' | 'md';
-export interface ModalProps extends CModalProps {
+export interface ModalProps extends ChakraModalProps {
     children: ReactNode;
     isCentered?: boolean;
     responsiveModalSizes?: Partial<Record<ResponsiveBreakpoints, ModalSize>>;
@@ -14,5 +14,5 @@ export interface ModalProps extends CModalProps {
     scrollBehavior?: 'inside' | 'outside';
     size?: string;
 }
-declare const Modal: ({ children, isOpen, onClose, isCentered, responsiveModalSizes, allowEscape, useFullScreenMobile, initialFocusRef, scrollBehavior, darkMode, size, ...rest }: ModalProps) => JSX.Element;
-export default Modal;
+export declare const Modal: ({ children, isOpen, onClose, isCentered, responsiveModalSizes, allowEscape, useFullScreenMobile, initialFocusRef, scrollBehavior, darkMode, size, ...rest }: ModalProps) => JSX.Element;
+export {};

package/build/components/Overlay/Popover/components/PopoverBody/popoverBody.component.d.ts

@@ -1,3 +1,2 @@
 import { PopoverBodyProps } from '@chakra-ui/react';
-declare const PopoverBody: ({ children, ...rest }: PopoverBodyProps) => JSX.Element;
-export default PopoverBody;
+export declare const PopoverBody: ({ children, ...rest }: PopoverBodyProps) => JSX.Element;

package/build/components/Overlay/Popover/components/PopoverCloseButton/popoverCloseButton.component.d.ts

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

package/build/components/Overlay/Popover/components/PopoverFooter/popoverFooter.component.d.ts

@@ -1,5 +1,4 @@
 import { PopoverFooterProps as ChakraPopoverFooterProps } from '@chakra-ui/react';
 export interface PopoverFooterProps extends ChakraPopoverFooterProps {
 }
-declare const PopoverFooter: ({ children, ...rest }: PopoverFooterProps) => JSX.Element;
-export default PopoverFooter;
+export declare const PopoverFooter: ({ children, ...rest }: PopoverFooterProps) => JSX.Element;

package/build/components/Overlay/Popover/components/PopoverFooterButtons/popoverFooterButtons.component.d.ts

@@ -8,5 +8,4 @@ export interface PopoverFooterButtonProps extends ChakraPopoverFooterProps {
     allowCancel?: boolean;
     onCancel?: () => void;
 }
-declare const PopoverFooterButtons: ({ submitText, isLoading, isDisabled, isDestructive, children, onSubmit, allowCancel, onCancel, ...rest }: PopoverFooterButtonProps) => JSX.Element;
-export default PopoverFooterButtons;
+export declare const PopoverFooterButtons: ({ submitText, isLoading, isDisabled, isDestructive, children, onSubmit, allowCancel, onCancel, ...rest }: PopoverFooterButtonProps) => JSX.Element;

package/build/components/Overlay/Popover/components/PopoverHeader/popoverHeader.component.d.ts

@@ -1,9 +1,7 @@
 import { PopoverHeaderProps as ChakraPopoverHeaderProps } from '@chakra-ui/react';
-import { HeadingSize } from 'components/Typography/Heading/heading.types';
-import { TextColor } from 'components/Typography/typography.types';
+import { HeadingSize, TextColor } from '../../../../Typography';
 export interface PopoverHeaderProps extends ChakraPopoverHeaderProps {
     size?: HeadingSize;
     colorToken?: TextColor;
 }
-declare const PopoverHeader: ({ size, color, colorToken, children, ...rest }: PopoverHeaderProps) => JSX.Element;
-export default PopoverHeader;
+export declare const PopoverHeader: ({ size, color, colorToken, children, ...rest }: PopoverHeaderProps) => JSX.Element;

package/build/components/Overlay/Popover/index.d.ts

@@ -1,3 +1,9 @@
-import Popover from './popover.component';
-export default Popover;
+export * from './popover.component';
+export * from './popover.config';
+export * from './popover.types';
+export * from './components/PopoverBody/popoverBody.component';
+export * from './components/PopoverFooter/popoverFooter.component';
+export * from './components/PopoverCloseButton/popoverCloseButton.component';
+export * from './components/PopoverHeader/popoverHeader.component';
+export * from './components/PopoverFooterButtons/popoverFooterButtons.component';
 export { usePopoverContext } from '@chakra-ui/react';

package/build/components/Overlay/Popover/popover.component.d.ts

@@ -12,5 +12,4 @@ export interface PopoverProps extends ChakraPopoverProps {
     shadow?: Token<CSS.Property.BoxShadow | number, 'shadows'>;
     contentProps?: PopoverContentProps;
 }
-declare const Popover: ({ children, popoverTrigger, darkMode, allowEscape, size, shadow, contentProps, ...rest }: PopoverProps) => JSX.Element;
-export default Popover;
+export declare const Popover: ({ children, popoverTrigger, darkMode, allowEscape, size, shadow, contentProps, ...rest }: PopoverProps) => JSX.Element;

package/build/components/Overlay/Tooltip/index.d.ts

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

package/build/components/Overlay/Tooltip/tooltip.component.d.ts

@@ -4,5 +4,4 @@ export interface TooltipProps extends ChakraTooltipProps {
     placement?: PlacementWithLogical;
     titleCaseLabel?: boolean;
 }
-declare const Tooltip: ({ children, label, openDelay, placement, titleCaseLabel, ...rest }: TooltipProps) => JSX.Element;
-export default Tooltip;
+export declare const Tooltip: ({ children, label, openDelay, placement, titleCaseLabel, ...rest }: TooltipProps) => JSX.Element;

package/build/components/Typography/Heading/heading.component.d.ts

@@ -8,5 +8,4 @@ export interface HeadingProps extends ChakraHeadingProps {
     colorToken?: TextColor;
     darkMode?: boolean;
 }
-declare const Heading: ({ children, size, color, colorToken, darkMode, ...rest }: HeadingProps) => JSX.Element;
-export default Heading;
+export declare const Heading: ({ children, size, color, colorToken, darkMode, ...rest }: HeadingProps) => JSX.Element;

package/build/components/Typography/Heading/index.d.ts

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

package/build/components/Typography/Text/index.d.ts

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

package/build/components/Typography/Text/text.component.d.ts

@@ -2,7 +2,7 @@ import { ReactNode } from 'react';
 import { TextProps as ChakraTextProps } from '@chakra-ui/react';
 import { HTMLTagName, TextVariant } from './text.types';
 import { TextColor } from '../typography.types';
-import { TruncatedTextProps } from '../TruncatedText/truncatedText.component';
+import { TruncatedTextProps } from '../TruncatedText';
 export interface TextProps extends ChakraTextProps {
     children: ReactNode;
     as?: HTMLTagName;
@@ -12,5 +12,4 @@ export interface TextProps extends ChakraTextProps {
     truncate?: boolean;
     truncateProps?: TruncatedTextProps;
 }
-declare const Text: ({ children, variant, as, color, colorToken, darkMode, truncate, truncateProps, size, fontSize, ...rest }: TextProps) => JSX.Element;
-export default Text;
+export declare const Text: ({ children, variant, as, color, colorToken, darkMode, truncate, truncateProps, size, fontSize, ...rest }: TextProps) => JSX.Element;

package/build/components/Typography/TruncatedText/index.d.ts

@@ -1,2 +1 @@
-import TruncatedText from './truncatedText.component';
-export default TruncatedText;
+export * from './truncatedText.component';

package/build/components/Typography/TruncatedText/truncatedText.component.d.ts

@@ -7,5 +7,4 @@ export interface TruncatedTextProps extends ChakraTextProps, ChakraTypographyPro
     placement?: PlacementWithLogical;
     titleCaseTooltipLabel?: boolean;
 }
-declare const TruncatedText: ({ children, noOfLines, textContent, placement, titleCaseTooltipLabel, ...rest }: TruncatedTextProps) => JSX.Element;
-export default TruncatedText;
+export declare const TruncatedText: ({ children, noOfLines, textContent, placement, titleCaseTooltipLabel, ...rest }: TruncatedTextProps) => JSX.Element;

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

@@ -1,3 +1,4 @@
 export * from './Heading';
 export * from './Text';
 export * from './TruncatedText';
+export * from './typography.types';

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

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

package/build/components/hocs/withDarkMode.d.ts

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

package/build/hocs/withDarkMode.d.ts

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

package/build/hocs/withTheme.d.ts

@@ -0,0 +1,3 @@
+import { ReactNode } from 'react';
+import { Theme } from '../theme';
+export declare const withTheme: (children: ReactNode, theme: Theme) => JSX.Element;

package/build/hooks/index.d.ts

@@ -1,5 +1,4 @@
-import useDisclosure from './useDisclosure';
-import useTheme from './useTheme';
-import useOverflowingText from './useOverflowingText';
-import useWindowSize from './useWindowSize';
-export { useDisclosure, useTheme, useOverflowingText, useWindowSize };
+export * from './useTheme';
+export * from './useDisclosure';
+export * from './useAdaptiveColor';
+export * from './useAdaptiveColorMap';

package/build/hooks/useAdaptiveColor.d.ts

@@ -1,3 +1,2 @@
 import { AdaptiveColor } from '../theme/tokens';
-declare const useAdaptiveColor: (color: AdaptiveColor) => string;
-export default useAdaptiveColor;
+export declare const useAdaptiveColor: (color: AdaptiveColor) => string;

package/build/hooks/useAdaptiveColorMap.d.ts

@@ -1,3 +1,2 @@
 import { AdaptiveColorMap } from '../theme/tokens';
-declare const useAdaptiveColorMap: <T extends string | number | symbol>(map: AdaptiveColorMap<T>, token: T, darkMode?: boolean | undefined) => string;
-export default useAdaptiveColorMap;
+export declare const useAdaptiveColorMap: <T extends string | number | symbol>(map: AdaptiveColorMap<T>, token: T, darkMode?: boolean | undefined) => string;

package/build/hooks/useDisclosure.d.ts

@@ -1,2 +1 @@
-import { useDisclosure } from '@chakra-ui/react';
-export default useDisclosure;
+export { useDisclosure } from '@chakra-ui/react';

package/build/hooks/useIconTextSizeMap.d.ts

@@ -1,4 +1,2 @@
-import { IconsSize } from 'components/MediaAndIcons/Icon/icon.types';
-import { TextSize } from 'components/Typography/Text/text.types';
-declare const useIconTextSizeMap: (textSize: TextSize) => IconsSize;
-export default useIconTextSizeMap;
+import { IconsSize, TextSize } from 'components';
+export declare const useIconTextSizeMap: (textSize: TextSize) => IconsSize;

package/build/hooks/useOverflowingText.d.ts

@@ -1,3 +1,2 @@
 import { RefObject } from 'react';
-declare const useOverflowingText: (text: string, textRef: RefObject<HTMLDivElement>) => boolean;
-export default useOverflowingText;
+export declare const useOverflowingText: (text: string, textRef: RefObject<HTMLDivElement>) => boolean;

package/build/hooks/useTheme.d.ts

@@ -1,4 +1,3 @@
 import { WithCSSVar } from '@chakra-ui/react';
-import { Theme } from 'theme/theme.types';
-declare const useTheme: () => WithCSSVar<Theme>;
-export default useTheme;
+import { Theme } from '../theme';
+export declare const useTheme: () => WithCSSVar<Theme>;

package/build/hooks/useWindowSize.d.ts

@@ -2,5 +2,4 @@ export interface Size {
     width: number | undefined;
     height: number | undefined;
 }
-declare const useWindowSize: () => Size;
-export default useWindowSize;
+export declare function useWindowSize(): Size;