@goodhood-web/ui 1.6.0-development.8 → 1.6.0

package/lib/Badge/Badge.d.ts

@@ -0,0 +1,4 @@
+import { BadgeProps } from './Badge.types';
+
+declare const Badge: ({ ariaLabel, badgeIcons, children }: BadgeProps) => import("react/jsx-runtime").JSX.Element;
+export default Badge;

package/lib/Badge/Badge.types.d.ts

@@ -0,0 +1,10 @@
+import { BadgeOwnProps } from '@mui/base';
+import { default as BadgeIconProps } from '../BadgeIcon/BadgeIcon.types';
+
+type BadgeIcon = BadgeIconProps['type'];
+export interface BadgeProps {
+    ariaLabel?: string;
+    badgeIcons: [BadgeIcon] | [BadgeIcon, BadgeIcon] | [BadgeIcon, BadgeIcon, BadgeIcon];
+    children: BadgeOwnProps['children'];
+}
+export {};

package/lib/BadgeIcon/BadgeIcon.d.ts

@@ -0,0 +1,4 @@
+import { default as BadgeIconProps } from './BadgeIcon.types';
+
+declare const BadgeIcon: ({ ariaLabel, className, role, size, type }: BadgeIconProps) => import("react/jsx-runtime").JSX.Element;
+export default BadgeIcon;

package/lib/BadgeIcon/BadgeIcon.types.d.ts

@@ -0,0 +1,9 @@
+import { AriaRole } from 'react';
+
+export default interface BadgeIconProps {
+    ariaLabel?: string;
+    className?: string;
+    role?: AriaRole;
+    size: 'small' | 'medium';
+    type: 'ben' | 'localBiz' | 'localOrg' | 'supporter' | 'muted';
+}

package/lib/BadgeLabel/BadgeLabel.d.ts

@@ -0,0 +1,4 @@
+import { default as BadgeLabelProps } from './BadgeLabel.types';
+
+declare const BadgeLabel: ({ buttonHref, buttonOnClick, buttonText, text, type, }: BadgeLabelProps) => import("react/jsx-runtime").JSX.Element;
+export default BadgeLabel;

package/lib/BadgeLabel/BadgeLabel.types.d.ts

@@ -0,0 +1,10 @@
+import { default as BadgeIconProps } from '../BadgeIcon/BadgeIcon.types';
+import { TextButtonProps } from '../TextButton/TextButton.types';
+
+export default interface BadgeLabelProps {
+    buttonHref: TextButtonProps['href'];
+    buttonOnClick: TextButtonProps['onClick'];
+    buttonText: string;
+    text: string;
+    type: Extract<BadgeIconProps['type'], 'ben' | 'supporter' | 'muted'>;
+}

package/lib/Button/Button.types.d.ts

@@ -1,5 +1,5 @@
-import { AriaRole, ForwardedRef, MouseEvent, ReactNode } from 'react';
 import { ButtonOwnProps } from '@mui/base';
+import { AriaRole, ForwardedRef, MouseEvent, ReactNode } from 'react';
 
 interface CommonProps {
     ariaLabel?: string;

package/lib/ButtonPrimary/ButtonPrimary.d.ts

@@ -1,4 +1,4 @@
 import { ButtonPrimaryProps } from './ButtonPrimary.types';
 
-declare const ButtonPrimary: ({ children, className, color, loading, size, text, ...props }: ButtonPrimaryProps) => import("react/jsx-runtime").JSX.Element;
+declare const ButtonPrimary: ({ children, className, color, disabled, loading, size, text, ...props }: ButtonPrimaryProps) => import("react/jsx-runtime").JSX.Element;
 export default ButtonPrimary;

package/lib/ButtonPrimary/ButtonPrimary.types.d.ts

@@ -1,5 +1,5 @@
-import { ButtonProps } from '../Button/Button.types';
 import { ReactNode } from 'react';
+import { ButtonProps } from '../Button/Button.types';
 
 export interface ButtonPrimaryProps extends Omit<ButtonProps, 'children'> {
     children?: ReactNode;

package/lib/Card/Card.types.d.ts

@@ -1,6 +1,6 @@
-import { CardHeaderProps } from './CardHeader/CardHeader.type';
-import { CardBodyProps } from './CardBody/CardBody.types';
 import { ReactElement } from 'react';
+import { CardBodyProps } from './CardBody/CardBody.types';
+import { CardHeaderProps } from './CardHeader/CardHeader.type';
 
 export interface CardProps {
     ariaLabel?: string;

package/lib/Card/CardHeader/CardHeader.type.d.ts

@@ -1,7 +1,7 @@
-import { TypographyProps } from '../../Typography/Typography.types';
-import { IconButtonProps } from '../../IconButton/IconButton.types';
-import { IconProps } from '../../Icon/Icon.types';
 import { ReactElement } from 'react';
+import { IconProps } from '../../Icon/Icon.types';
+import { IconButtonProps } from '../../IconButton/IconButton.types';
+import { TypographyProps } from '../../Typography/Typography.types';
 
 export type CardHeaderProps = {
     as?: Exclude<TypographyProps['as'], 'h1' | 'p' | 'span'>;

package/lib/EmptyState/EmptyState.d.ts

@@ -0,0 +1,4 @@
+import { default as EmptyStateProps } from './EmptyState.types';
+
+declare const EmptyState: ({ buttons, customVisual, primaryText, secondaryText, size, stickerProps, }: EmptyStateProps) => import("react/jsx-runtime").JSX.Element;
+export default EmptyState;

package/lib/EmptyState/EmptyState.types.d.ts

@@ -0,0 +1,21 @@
+import { ReactElement } from 'react';
+import { ButtonPrimaryProps } from '../ButtonPrimary/ButtonPrimary.types';
+import { StickerProps } from '../Sticker/Sticker.types';
+import { TextButtonProps } from '../TextButton/TextButton.types';
+
+type TextButton = Omit<TextButtonProps, 'size'> & {
+    buttonType: 'text';
+};
+type ButtonPrimary = Omit<ButtonPrimaryProps, 'size'> & {
+    buttonType: 'primary';
+};
+export type ButtonProps = TextButton | ButtonPrimary;
+export default interface EmptyStateProps {
+    buttons?: ButtonProps[];
+    customVisual?: ReactElement;
+    primaryText?: string;
+    secondaryText?: string;
+    size: 'small' | 'medium' | 'large';
+    stickerProps?: Omit<StickerProps, 'size'>;
+}
+export {};

package/lib/Fieldset/Fieldset.d.ts

@@ -1,4 +1,4 @@
 import { FieldsetProps } from './Fieldset.types';
 
-declare const Fieldset: ({ children, classname, disabled, form, name }: FieldsetProps) => import("react/jsx-runtime").JSX.Element;
+declare const Fieldset: ({ children, className, disabled, form, name }: FieldsetProps) => import("react/jsx-runtime").JSX.Element;
 export default Fieldset;

package/lib/Fieldset/Fieldset.types.d.ts

@@ -2,7 +2,7 @@ import { ReactNode } from 'react';
 
 export interface FieldsetProps {
     children: ReactNode;
-    classname?: string;
+    className?: string;
     disabled?: boolean;
     form?: string;
     name?: string;

package/lib/Icon/Icon.d.ts

@@ -1,5 +1,5 @@
-import { IconProps } from './Icon.types';
 import { ReactElement } from 'react';
+import { IconProps } from './Icon.types';
 
 declare const Icon: ({ className, name, role, size, title, }: IconProps) => ReactElement | null;
 export default Icon;

package/lib/Icon/Icon.types.d.ts

@@ -1,6 +1,6 @@
-import { default as icons32 } from './icons/32x32';
-import { default as icons24 } from './icons/24x24';
 import { AriaRole } from 'react';
+import { default as icons24 } from './icons/24x24';
+import { default as icons32 } from './icons/32x32';
 
 export type Icon32 = keyof typeof icons32;
 export type Icon24 = keyof typeof icons24;

package/lib/Icon/icons/24x24/index.d.ts

@@ -69,6 +69,12 @@ declare const IconsMap: {
     readonly heart: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
         title?: string | undefined;
     }>;
+    readonly heart_filled: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string | undefined;
+    }>;
+    readonly heart_outline: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string | undefined;
+    }>;
     readonly image: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
         title?: string | undefined;
     }>;
@@ -111,6 +117,9 @@ declare const IconsMap: {
     readonly privacy_lock_closed: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
         title?: string | undefined;
     }>;
+    readonly react: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string | undefined;
+    }>;
     readonly search: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
         title?: string | undefined;
     }>;
@@ -123,6 +132,9 @@ declare const IconsMap: {
     readonly sort: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
         title?: string | undefined;
     }>;
+    readonly special_place: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string | undefined;
+    }>;
     readonly thanks: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
         title?: string | undefined;
     }>;

package/lib/Icon/icons/32x32/index.d.ts

@@ -72,6 +72,9 @@ declare const IconsMap: {
     readonly computer: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
         title?: string | undefined;
     }>;
+    readonly confetti: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string | undefined;
+    }>;
     readonly couch: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
         title?: string | undefined;
     }>;
@@ -126,6 +129,12 @@ declare const IconsMap: {
     readonly heart: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
         title?: string | undefined;
     }>;
+    readonly heart_filled: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string | undefined;
+    }>;
+    readonly heart_outline: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string | undefined;
+    }>;
     readonly house: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
         title?: string | undefined;
     }>;

package/lib/Icon/icons/index.d.ts

@@ -70,6 +70,12 @@ declare const iconsMap: {
         readonly heart: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
             title?: string | undefined;
         }>;
+        readonly heart_filled: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly heart_outline: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
         readonly image: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
             title?: string | undefined;
         }>;
@@ -112,6 +118,9 @@ declare const iconsMap: {
         readonly privacy_lock_closed: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
             title?: string | undefined;
         }>;
+        readonly react: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
         readonly search: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
             title?: string | undefined;
         }>;
@@ -124,6 +133,9 @@ declare const iconsMap: {
         readonly sort: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
             title?: string | undefined;
         }>;
+        readonly special_place: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
         readonly thanks: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
             title?: string | undefined;
         }>;
@@ -204,6 +216,9 @@ declare const iconsMap: {
         readonly computer: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
             title?: string | undefined;
         }>;
+        readonly confetti: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
         readonly couch: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
             title?: string | undefined;
         }>;
@@ -258,6 +273,12 @@ declare const iconsMap: {
         readonly heart: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
             title?: string | undefined;
         }>;
+        readonly heart_filled: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
+        readonly heart_outline: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+            title?: string | undefined;
+        }>;
         readonly house: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
             title?: string | undefined;
         }>;

package/lib/IconButton/IconButton.types.d.ts

@@ -1,5 +1,5 @@
-import { Icon24, Icon32 } from '../Icon/Icon.types';
 import { ButtonProps } from '../Button/Button.types';
+import { Icon24, Icon32 } from '../Icon/Icon.types';
 
 type BaseIconButtonProps = Omit<ButtonProps, 'children' | 'ref' | 'className'> & ({
     ariaLabel: string;

package/lib/Markdown/Markdown.d.ts

@@ -1,7 +1,6 @@
-type MarkdownProps = {
-    className?: string;
-    inline?: boolean;
-    text: string;
-};
-declare function Markdown({ className, text }: MarkdownProps): import("react/jsx-runtime").JSX.Element;
+import { MarkdownProps } from './Markdown.types';
+
+export declare const quotesToTokens: (string: string) => string;
+export declare const tokensToQuotes: (string: string) => string;
+declare function Markdown({ className, inline, text }: MarkdownProps): import("react/jsx-runtime").JSX.Element;
 export default Markdown;

package/lib/Markdown/Markdown.types.d.ts

@@ -0,0 +1,5 @@
+export type MarkdownProps = {
+    className?: string;
+    inline?: boolean;
+    text: string;
+};

package/lib/MenuItem/MenuItem.d.ts

@@ -1,4 +1,4 @@
 import { MenuItemProps } from './MenuItem.types';
 
-declare const MenuItem: ({ isSelected, labelPillText, leftIcon, onClick, rightIcon, role, text, }: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
+declare const MenuItem: ({ className: passedClassName, href, isSelected, labelPillText, leftIcon, onClick, rightIcon, role, text, }: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
 export default MenuItem;

package/lib/MenuItem/MenuItem.types.d.ts

@@ -1,11 +1,13 @@
-import { ButtonProps } from '../Button/Button.types';
 import { ReactNode } from 'react';
+import { ButtonProps } from '../Button/Button.types';
 
 export interface MenuItemProps {
+    className?: string;
+    href?: string;
     isSelected?: boolean;
     labelPillText?: string;
     leftIcon: ReactNode;
-    onClick: ButtonProps['onClick'];
+    onClick?: ButtonProps['onClick'];
     rightIcon?: ReactNode;
     role?: ButtonProps['role'];
     text: string;

package/lib/Modal/Modal.d.ts

@@ -1,4 +1,4 @@
 import { ModalProps } from './Modal.types';
 
-declare const Modal: ({ ariaLabel, ariaLabelledBy, closeButtonText, modalBody, modalHeader, onClose, open, }: ModalProps) => import("react/jsx-runtime").JSX.Element;
+declare const Modal: ({ ariaLabel, ariaLabelledBy, closeButtonText, headerTitle, modalBody, modalFooter, onClose, open, }: ModalProps) => import("react/jsx-runtime").JSX.Element;
 export default Modal;

package/lib/Modal/Modal.types.d.ts

@@ -1,13 +1,14 @@
-import { CardHeaderProps } from '../Card/CardHeader/CardHeader.type';
-import { CardBodyProps } from '../Card/CardBody/CardBody.types';
 import { ReactElement } from 'react';
+import { CardBodyProps } from '../Card/CardBody/CardBody.types';
+import { CardHeaderProps } from '../Card/CardHeader/CardHeader.type';
 
 export interface ModalProps {
     ariaLabel?: string;
     ariaLabelledBy?: string;
     closeButtonText?: string;
+    headerTitle: string;
     modalBody?: ReactElement<CardBodyProps>;
-    modalHeader?: ReactElement<CardHeaderProps>;
+    modalFooter?: ReactElement<CardHeaderProps>;
     onClose: () => void;
     open: boolean;
 }

package/lib/NavBar/NavItem/NavItem.types.d.ts

@@ -1,5 +1,5 @@
-import { Icon24, Icon32 } from '../../Icon/Icon.types';
 import { ReactElement } from 'react';
+import { Icon24, Icon32 } from '../../Icon/Icon.types';
 
 export type NavItemProps = {
     active?: boolean;

package/lib/NotificationListItem/NotificationListItem.d.ts

@@ -0,0 +1,4 @@
+import { NotificationListItemProps } from './NotificationListItem.types';
+
+declare const NotificationListItem: ({ defaultIcon, imgSrc, isSeen, linkText, onNotificationClick, timeAgo, title, }: NotificationListItemProps) => import("react/jsx-runtime").JSX.Element;
+export default NotificationListItem;

package/lib/NotificationListItem/NotificationListItem.types.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+
+export interface NotificationListItemProps {
+    defaultIcon?: React.ReactNode;
+    imgSrc?: string;
+    isSeen?: boolean;
+    linkText: string;
+    onNotificationClick?: () => void;
+    timeAgo: string;
+    title: string;
+}

package/lib/PlaceholderThumbnail/PlaceholderThumbnail.type.d.ts

@@ -1,5 +1,5 @@
-import { IconProps } from '../Icon/Icon.types';
 import { ReactElement } from 'react';
+import { IconProps } from '../Icon/Icon.types';
 
 export type PlaceholderThumbnailProps = {
     className?: string;

package/lib/Popup/Popup.d.ts

@@ -1,4 +1,4 @@
 import { PopupProps } from './Popup.types';
 
-declare const Popup: ({ anchor, children, container, id, offset, open, placement, }: PopupProps) => import("react/jsx-runtime").JSX.Element;
+declare const Popup: import('react').ForwardRefExoticComponent<PopupProps & import('react').RefAttributes<HTMLDivElement>>;
 export default Popup;

package/lib/Popup/Popup.types.d.ts

@@ -1,14 +1,16 @@
-import { ReactNode } from 'react';
 import { PopupPlacement } from '@mui/base';
+import { ReactNode } from 'react';
 
 export interface PopupProps {
     anchor?: HTMLElement | null;
     children: ReactNode;
     container?: HTMLElement | null;
+    handleClickAway?: () => void;
     id?: string;
-    offset?: 'sm' | 'md' | 'lg' | 'xl';
+    offset?: OffsetType;
     open: boolean;
     placement?: PopupPlacement;
+    strategy?: 'absolute' | 'fixed';
 }
 export declare enum OffsetMap {
     lg = 16,
@@ -16,3 +18,8 @@ export declare enum OffsetMap {
     sm = 8,
     xl = 24
 }
+type OffsetType = keyof typeof OffsetMap | Partial<{
+    crossAxis: number;
+    mainAxis: number;
+}>;
+export {};

package/lib/Select/Select.d.ts

@@ -0,0 +1,3 @@
+import { SelectTypes } from './Select.types';
+
+export default function Select({ children, colorScheme, disabled, errorMessage, onChange, placeholder, value, }: SelectTypes): import("react/jsx-runtime").JSX.Element;

package/lib/Select/Select.example.d.ts

@@ -0,0 +1,9 @@
+interface SelectExampleProps {
+    colorScheme: 'light' | 'dark';
+    disabled?: boolean;
+    errorMessage?: string;
+    placeholder?: string;
+    value?: string;
+}
+export declare function SelectExample({ colorScheme, disabled, errorMessage, placeholder, value, }: SelectExampleProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/Select/Select.types.d.ts

@@ -0,0 +1,17 @@
+import { FocusEvent, KeyboardEvent, MouseEvent, ReactElement } from 'react';
+
+export interface SelectTypes {
+    children: ReactElement<HTMLOptionElement> | ReactElement<HTMLOptionElement>[];
+    colorScheme: 'light' | 'dark';
+    disabled?: boolean;
+    errorMessage?: string;
+    onChange: (value: string | null) => void;
+    placeholder?: string;
+    value: string | null;
+}
+export interface OptionTypes {
+    child?: ReactElement;
+    label?: string;
+    value: string | null;
+}
+export type OnChangeType = ((event: MouseEvent<Element, globalThis.MouseEvent> | KeyboardEvent<Element> | FocusEvent<Element, Element> | null, value: string | null) => void) | undefined;

package/lib/Sheet/Backdrop/Backdrop.d.ts

@@ -0,0 +1,4 @@
+import { BackdropProps } from './Backdrop.types';
+
+declare const Backdrop: import('react').ForwardRefExoticComponent<Omit<BackdropProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export default Backdrop;

package/lib/Sheet/Backdrop/Backdrop.types.d.ts

@@ -0,0 +1,3 @@
+export interface BackdropProps {
+    [key: string]: unknown;
+}

package/lib/Sheet/Sheet.d.ts

@@ -0,0 +1,4 @@
+import { SheetProps } from './Sheet.types';
+
+declare const Sheet: ({ ariaLabel, ariaLabelledBy, closeButtonText, onClose, open, sheetBody, sheetFooter, sheetHeader, }: SheetProps) => import("react/jsx-runtime").JSX.Element;
+export default Sheet;

package/lib/Sheet/Sheet.types.d.ts

@@ -0,0 +1,14 @@
+import { ReactElement } from 'react';
+import { CardBodyProps } from '../Card/CardBody/CardBody.types';
+import { CardHeaderProps } from '../Card/CardHeader/CardHeader.type';
+
+export interface SheetProps {
+    ariaLabel?: string;
+    ariaLabelledBy?: string;
+    closeButtonText?: string;
+    onClose: () => void;
+    open: boolean;
+    sheetBody?: ReactElement<CardBodyProps>;
+    sheetFooter?: ReactElement<CardHeaderProps>;
+    sheetHeader?: ReactElement<CardHeaderProps>;
+}

package/lib/Snackbar/Snackbar.d.ts

@@ -0,0 +1,4 @@
+import { default as SnackbarProps } from './Snackbar.types';
+
+declare const Snackbar: ({ dismissable, isOpen, leftIconLarge, leftIconSmall, onClick, onClose, rightIconLarge, rightIconSmall, textButton, textLabel, }: SnackbarProps) => import("react/jsx-runtime").JSX.Element;
+export default Snackbar;

package/lib/Snackbar/Snackbar.types.d.ts

@@ -0,0 +1,14 @@
+import { Icon24, Icon32 } from '../Icon/Icon.types';
+
+export default interface SnackbarProps {
+    dismissable?: boolean;
+    isOpen: boolean;
+    leftIconLarge?: Icon32;
+    leftIconSmall?: Icon24;
+    onClick?: () => void;
+    onClose?: () => void;
+    rightIconLarge?: Icon32;
+    rightIconSmall?: Icon24;
+    textButton?: string;
+    textLabel: string;
+}

package/lib/Sticker/Sticker.d.ts

@@ -0,0 +1,4 @@
+import { StickerProps } from './Sticker.types';
+
+declare const Sticker: ({ color, icon, size }: StickerProps) => import("react/jsx-runtime").JSX.Element;
+export default Sticker;

package/lib/Sticker/Sticker.types.d.ts

@@ -0,0 +1,7 @@
+import { Icon32 } from '../Icon/Icon.types';
+
+export interface StickerProps {
+    color: 'green' | 'pink' | 'lavender' | 'teal' | 'orange' | 'grey';
+    icon: Icon32;
+    size: 'small' | 'medium' | 'large';
+}

package/lib/TextArea/TextArea.d.ts

@@ -0,0 +1,4 @@
+import { TextAreaProps } from './TextArea.types';
+
+declare const TextArea: ({ colorScheme, errorMessage, id, label, name, ref, size, ...props }: TextAreaProps) => import("react/jsx-runtime").JSX.Element;
+export default TextArea;

package/lib/TextArea/TextArea.types.d.ts

@@ -0,0 +1,12 @@
+import { UseInputParameters } from '@mui/base/useInput';
+import { ForwardedRef } from 'react';
+
+export interface TextAreaProps extends UseInputParameters {
+    colorScheme: 'light' | 'dark';
+    errorMessage?: string;
+    id: string;
+    label: string;
+    name?: string;
+    ref?: ForwardedRef<null>;
+    size: 'small' | 'medium';
+}

package/lib/TextButton/TextButton.types.d.ts

@@ -1,7 +1,7 @@
-import { NotificationBubbleProps } from '../NotificationBubble/NotificationBubble.types';
-import { IconProps } from '../Icon/Icon.types';
-import { ButtonProps } from '../Button/Button.types';
 import { ReactElement } from 'react';
+import { ButtonProps } from '../Button/Button.types';
+import { IconProps } from '../Icon/Icon.types';
+import { NotificationBubbleProps } from '../NotificationBubble/NotificationBubble.types';
 
 export interface TextButtonProps extends Omit<ButtonProps, 'role' | 'className'> {
     color: 'green' | 'blue' | 'text';

package/lib/TextInput/TextInput.types.d.ts

@@ -1,5 +1,5 @@
-import { ForwardedRef } from 'react';
 import { UseInputParameters } from '@mui/base/useInput';
+import { ForwardedRef } from 'react';
 
 export interface TextInputProps extends UseInputParameters {
     colorScheme: 'light' | 'dark';

package/lib/Thumbnail/Thumbnail.type.d.ts

@@ -3,7 +3,7 @@ import { ImageProps } from '../Image/Image.type';
 interface ThumbnailProps extends ImageProps {
     isPlaceholder?: boolean;
 }
-export type TCircularSize = '28' | '32' | '40' | '48' | '56' | '80' | '120' | '280';
+export type TCircularSize = '28' | '32' | '40' | '48' | '56' | '64' | '80' | '120' | '280';
 export type TSquareSize = '24' | '32' | '40' | '48' | '56' | '64' | '80' | '120';
 export interface ThumbnailCircularProps extends ThumbnailProps {
     shape: 'circular';

package/lib/Tile/Tile.d.ts

@@ -0,0 +1,4 @@
+import { default as TileProps } from './Tile.type';
+
+declare const Tile: ({ fullWidth, icon, primaryText, secondaryText, ...props }: TileProps) => import("react/jsx-runtime").JSX.Element;
+export default Tile;

package/lib/Tile/Tile.type.d.ts

@@ -0,0 +1,9 @@
+import { ButtonProps } from '../Button/Button.types';
+import { Icon32 } from '../Icon/Icon.types';
+
+export default interface TileProps extends Omit<ButtonProps, 'children'> {
+    fullWidth?: boolean;
+    icon?: Icon32;
+    primaryText?: string;
+    secondaryText?: string;
+}

package/lib/ToggleInput/ToggleInput.types.d.ts

@@ -1,5 +1,5 @@
-import { Icon32 } from '../Icon/Icon.types';
 import { UseSwitchParameters } from '@mui/base';
+import { Icon32 } from '../Icon/Icon.types';
 
 export interface ToggleInputProps extends UseSwitchParameters {
     icon?: Icon32;

package/lib/Typography/Typography.types.d.ts

@@ -1,9 +1,9 @@
-import { JSX } from 'react';
+import { JSX, ReactNode } from 'react';
 
 export type TypographyType = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'h7' | 'h8' | 'body-large' | 'body-regular' | 'body-semibold' | 'body-italic' | 'detail-medium' | 'detail-bold' | 'detail-upper-case' | 'detail-regular';
 export interface TypographyProps {
     as?: Extract<keyof JSX.IntrinsicElements, 'span' | 'p' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'>;
-    children: string | number | (string | number)[];
+    children: ReactNode;
     className?: string;
     type: TypographyType;
 }