@muffled-ui/react 1.0.23 → 1.1.0

package/dist/index.d.mts

@@ -1,8 +1,6 @@
-import * as styled_components from 'styled-components';
-import { StyledComponent, DefaultTheme } from 'styled-components';
-import { LayoutProps, SpaceProps, ColorProps, BoxShadowProps, BorderProps, OrderProps, GridProps, FlexboxProps, PositionProps, TypographyProps } from 'styled-system';
 import * as react from 'react';
-import { ReactElement } from 'react';
+import react__default, { ReactElement } from 'react';
+import { LayoutProps, SpaceProps, SizingProps, BackgroundsProps, ColorProps, BoxShadowProps, BordersProps, OrderProps, GridsProps, FlexboxesProps, PositionProps, TypographyProps, EffectsProps, AnimationProps, ZIndexProps, CursorProps, FontSizeProps, LineHeightProps, OpacityProps } from '@xstyled/styled-components';
 import { Placement } from '@popperjs/core';
 import { ReactDatePickerProps } from 'react-datepicker';
 import { DownshiftProps, DownshiftState, StateChangeOptions, ControllerStateAndHelpers } from 'downshift';
@@ -47,9 +45,11 @@ declare const Badge: React.FC<BadgeProps>;
 type ChipProps = {
     destructive?: boolean;
 } & WithChildren$1;
-declare const Container: styled_components.StyledComponent<"div", styled_components.DefaultTheme, {
-    destructive?: boolean | undefined;
-}, never>;
+type ContainerProps = {
+    destructive?: boolean;
+    children: React.ReactNode;
+};
+declare const Container: React.FC<ContainerProps>;
 declare const Chip: React.FC<ChipProps>;
 
 type SyntaxHighlighterProps = {
@@ -95,7 +95,7 @@ declare const LinearProgress: React.FC<LinearProgressProps>;
 
 type SkeletonProps = {
     variant?: 'text' | 'rectangle' | 'circle';
-} & LayoutProps & SpaceProps;
+} & LayoutProps & SpaceProps & SizingProps;
 declare const Skeleton: React.FC<SkeletonProps>;
 
 declare const SnackbarProvider: React.FC<SnackbarProviderProps>;
@@ -165,22 +165,27 @@ type AccordionSummaryProps = {
 } & WithChildren$1;
 declare const AccordionSummary: React.FC<AccordionSummaryProps>;
 
-declare const AccordionDetail: styled_components.StyledComponent<"div", styled_components.DefaultTheme, {}, never>;
-declare const DetailsGrouping: styled_components.StyledComponent<"div", styled_components.DefaultTheme, {}, never>;
+declare const AccordionDetail: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | react.RefObject<HTMLDivElement> | null | undefined;
+}, "ref"> & react.RefAttributes<HTMLDivElement>>;
+declare const DetailsGrouping: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | react.RefObject<HTMLDivElement> | null | undefined;
+}, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
-type BoxProps = ColorProps & SpaceProps & LayoutProps & BoxShadowProps & BorderProps & OrderProps & GridProps & FlexboxProps & PositionProps & TypographyProps & {
-    spaceXBetween?: string | number;
-    spaceYBetween?: string | number;
-};
-declare const Box: StyledComponent<'div', DefaultTheme, BoxProps, never>;
+type BoxProps = BackgroundsProps & SizingProps & ColorProps & SpaceProps & LayoutProps & BoxShadowProps & BordersProps & OrderProps & GridsProps & FlexboxesProps & PositionProps & TypographyProps & EffectsProps & AnimationProps & {
+    onClick?: (e: React.MouseEvent) => void;
+    as?: AsProp;
+} & React.ComponentPropsWithRef<'div'>;
+declare const Box: react.ForwardRefExoticComponent<Omit<BoxProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
 type CardProps = {
     children: React.ReactNode;
     style?: React.CSSProperties;
-} & LayoutProps & FlexboxProps & SpaceProps & ColorProps;
-declare const Card: styled_components.StyledComponent<"div", styled_components.DefaultTheme, CardProps, never>;
+} & LayoutProps & SizingProps & FlexboxesProps & SpaceProps & ColorProps & React.ComponentPropsWithRef<'div'>;
+declare const Card: react.ForwardRefExoticComponent<Omit<CardProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
-declare const CardContent: any;
+type CardContentProps = SpaceProps & BordersProps & React.ComponentPropsWithRef<'div'>;
+declare const CardContent: react.ForwardRefExoticComponent<Omit<CardContentProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
 type MediaComponent = 'video' | 'audio' | 'picture' | 'iframe' | 'img' | 'div';
 type CardMediaProps = {
@@ -190,21 +195,23 @@ type CardMediaProps = {
     src?: string;
     alt?: string;
     fallback?: React.ReactNode;
-} & WithChildren$1 & LayoutProps;
+} & WithChildren$1 & LayoutProps & SizingProps;
 declare const CardMedia: React.FC<CardMediaProps>;
 
 type ImageProps = {
     fallback?: React.ReactNode;
-} & React.ComponentPropsWithoutRef<'img'> & FlexboxProps & GridProps & LayoutProps & OrderProps & PositionProps & SpaceProps;
+} & React.ComponentPropsWithoutRef<'img'> & FlexboxesProps & GridsProps & LayoutProps & OrderProps & PositionProps & SpaceProps & SizingProps & BordersProps & BackgroundsProps;
 declare const ImageComp: React.FC<ImageProps>;
 
-declare const List: styled_components.StyledComponent<"ul", styled_components.DefaultTheme, {}, never>;
+type ListProps = React.ComponentPropsWithRef<'ul'> & SizingProps & SpaceProps & BordersProps & EffectsProps & BackgroundsProps & PositionProps & ZIndexProps;
+declare const List: React.FC<ListProps>;
 
-declare const ListItem: React.FC<React.ComponentPropsWithRef<'li'>>;
+type ListItemProps = React.ComponentPropsWithRef<'li'> & BackgroundsProps & SpaceProps & CursorProps & FontSizeProps & LineHeightProps & BordersProps;
+declare const ListItem: React.FC<ListItemProps>;
 
-declare const OrderedList: styled_components.StyledComponent<"ol", styled_components.DefaultTheme, {}, never>;
+declare const OrderedList: React.FC<React.ComponentPropsWithRef<'ol'>>;
 
-declare const UnorderedList: styled_components.StyledComponent<"ul", styled_components.DefaultTheme, {}, never>;
+declare const UnorderedList: React.FC<React.ComponentPropsWithRef<'ul'>>;
 
 type PaginationProps = {
     limit: number;
@@ -216,7 +223,7 @@ type PaginationProps = {
 };
 declare const Pagination: React.FC<PaginationProps>;
 
-declare const Panel: typeof Box;
+declare const Panel: react.ForwardRefExoticComponent<Omit<BoxProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
 type TableProps = {
     containerClasses?: string;
@@ -224,15 +231,19 @@ type TableProps = {
 } & React.ComponentPropsWithRef<'table'>;
 declare const Table: react.ForwardRefExoticComponent<Omit<TableProps, "ref"> & react.RefAttributes<HTMLTableElement>>;
 
-declare const TableBody: styled_components.StyledComponent<"tbody", styled_components.DefaultTheme, {}, never>;
+declare const TableBody: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & {
+    ref?: ((instance: HTMLTableSectionElement | null) => void) | react.RefObject<HTMLTableSectionElement> | null | undefined;
+}, "ref"> & react.RefAttributes<HTMLTableSectionElement>>;
 
-declare const TableCell: styled_components.StyledComponent<"td", styled_components.DefaultTheme, {}, never>;
+declare const TableCell: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, "ref"> & {
+    ref?: ((instance: HTMLTableDataCellElement | null) => void) | react.RefObject<HTMLTableDataCellElement> | null | undefined;
+}, "ref"> & react.RefAttributes<HTMLTableCellElement>>;
 
 type TableRowProps = {
     active?: boolean;
     onClick?: (event: React.MouseEvent) => void;
 } & React.ComponentPropsWithRef<'tr'>;
-declare const TableRow: styled_components.StyledComponent<"tr", styled_components.DefaultTheme, TableRowProps, never>;
+declare const TableRow: react.ForwardRefExoticComponent<Omit<TableRowProps, "ref"> & react.RefAttributes<HTMLTableRowElement>>;
 
 type TableHeadProps = {
     headers?: string[];
@@ -242,18 +253,21 @@ declare const TableHead: react.ForwardRefExoticComponent<Omit<TableHeadProps, "r
 
 type TextProps = {
     mono?: boolean;
-} & ColorProps & TypographyProps;
-declare const Text: styled_components.StyledComponent<"p", styled_components.DefaultTheme, TextProps, never>;
+    as?: AsProp;
+} & ColorProps & TypographyProps & OpacityProps & WithChildren$1 & SizingProps;
+declare const Text: React.FC<TextProps>;
 
 type HeadingProps = {
-    children?: React.ReactNode;
+    children?: react__default.ReactNode;
+    as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+    color?: string;
 } & ColorProps & TypographyProps & LayoutProps;
-declare const Title: styled_components.StyledComponent<"h1", styled_components.DefaultTheme, HeadingProps, never>;
+declare const Title: react__default.FC<HeadingProps>;
 
 type BaseButtonProps = {
     type?: 'button' | 'reset' | 'submit';
     as?: AsProp;
-} & React.ComponentPropsWithoutRef<'button'> & LayoutProps & BorderProps & PositionProps & ColorProps & SpaceProps & TypographyProps & FlexboxProps & BoxShadowProps;
+} & EffectsProps & LayoutProps & BordersProps & PositionProps & ColorProps & SpaceProps & TypographyProps & FlexboxesProps & BoxShadowProps & BackgroundsProps & SizingProps & Omit<React.ComponentPropsWithoutRef<'button'>, 'Color'>;
 
 type ButtonProps = {
     active?: boolean;
@@ -375,7 +389,8 @@ declare const SimpleSelect: React.FC<SimpleSelectProps>;
 type SwitchProps = React.ComponentPropsWithRef<'input'>;
 declare const Switch: React.FC<SwitchProps>;
 
-declare const TextArea: styled_components.StyledComponent<"textarea", styled_components.DefaultTheme, {}, never>;
+type TextAreaProps = ColorProps & SpaceProps & LayoutProps & BoxShadowProps & BordersProps & TypographyProps & SizingProps & React.ComponentPropsWithRef<'textarea'>;
+declare const TextArea: react.ForwardRefExoticComponent<Omit<TextAreaProps, "ref"> & react.RefAttributes<HTMLTextAreaElement>>;
 
 declare const InputGroup: React.FC<WithChildren$1>;
 
@@ -454,7 +469,7 @@ type MenuProps = {
     itemRef: Element | null;
     handleClose: () => void;
     inline?: boolean;
-} & WithChildren$1;
+} & WithChildren$1 & SizingProps;
 declare const Menu: React.FC<MenuProps>;
 
 type MenuItemProps = {
@@ -686,8 +701,6 @@ declare const MuffledUI: React.FC<ThemeProviderProps>;
 declare const ThemeSwitch: React.FC;
 declare const ThemeButton: React.FC;
 
-declare const GlobalStyles: styled_components.GlobalStyleComponent<{
-    theme: ColorTheme;
-}, styled_components.DefaultTheme>;
+declare const GlobalStyles: any;
 
-export { Accordion, AccordionDetail, type AccordionProps, AccordionSummary, Alert, type AlertProps, Backdrop, Badge, type BadgeProps, BasePicker, type BasePickerProps, BaseUploader, type BaseUploaderProps, Box, type BoxProps, Breadcrumbs, type BreadcrumbsProps, Button, ButtonGroup, type ButtonProps, Card, CardContent, CardMedia, type CardMediaProps, type CardProps, CenteredWidget, Checkbox, type CheckboxPrpos, Chip, type ChipProps, CircleLoader, type CircleLoaderProps, CircleProgress, type CircleProgressProps, ClickOutside, type ClickOutsideProps, ClickableElement, type ClickableElementProps, Collapse, type CollapseProps, Container, DarkTheme, DatePicker, type DatePickerProps, DateRangePicker, type DateRangePickerProps, DestructiveButton, type DestructiveButtonProps, DetailsGrouping, Drawer, type DrawerProps, Fade, type FadeProps, GlobalStyles, Grow, type GrowProps, type HeadingProps, ImageComp, type ImageProps, Input, InputGroup, type InputProps, Label, type LabelProps, LightTheme, LinearLoader, type LinearLoaderProps, LinearProgress, type LinearProgressProps, LinearSlide, type LinearSlideProps, List, ListItem, Menu, MenuItem, type MenuItemProps, type MenuProps, Modal, type ModalProps, MuffledUI, NumberField, type NumberFieldProps, Open, type OpenProps, OrderedList, OutlineButton, type OutlineButtonProps, Pagination, type PaginationProps, Panel, Password, type PasswordProps, Portal, type PortalProps, PrimaryButton, type PrimaryButtonProps, type ProvidedTheme, Radio, RadioIcon, type RadioPrpos, Scrollable, SecondaryButton, type SecondaryButtonProps, Select, SelectButton, type SelectButtonProps, SelectContext, SelectFilter, type SelectFilterProps, SelectItem, type SelectItemProps, SelectList, type SelectProps, SettingsContext, type SettingsCtx, SimpleSelect, type SimpleSelectProps, Skeleton, type SkeletonProps, Slide, type SlideProps, SnackbarContext, SnackbarItem, type SnackbarItemProps, SnackbarProvider, StepIcon, type StepIconProps, StepLabel, type StepLabelProps, Stepper, StepperContext, type StepperProps, Switch, type SwitchProps, SyntaxHighlighter, type SyntaxHighlighterProps, type TTheme, TabItem, type TabItemProps, TabItems, type TabItemsProps, TabPane, TabPaneList, type TabPaneListProps, type TabPaneProps$1 as TabPaneProps, Table, TableBody, TableCell, TableHead, type TableHeadProps, type TableProps, TableRow, type TableRowProps, Tabs, Text, TextArea, type TextProps, ThemeButton, type ThemeProviderProps, ThemeSwitch, ThreeColumns, type ThreeColumnsProps, Title, Tooltip, type TooltipProps, TwoColumns, type TwoColumnsProps, UnorderedList, UploadButton, type UploadButtonProps, UploadZone, type UploadZoneProps, clearInputOnSelectItem, stopPropagation, useMuffledSettings, useSelectContext, useSnackbar, useStepperContext };
+export { Accordion, AccordionDetail, type AccordionProps, AccordionSummary, Alert, type AlertProps, Backdrop, Badge, type BadgeProps, BasePicker, type BasePickerProps, BaseUploader, type BaseUploaderProps, Box, type BoxProps, Breadcrumbs, type BreadcrumbsProps, Button, ButtonGroup, type ButtonProps, Card, CardContent, type CardContentProps, CardMedia, type CardMediaProps, type CardProps, CenteredWidget, Checkbox, type CheckboxPrpos, Chip, type ChipProps, CircleLoader, type CircleLoaderProps, CircleProgress, type CircleProgressProps, ClickOutside, type ClickOutsideProps, ClickableElement, type ClickableElementProps, Collapse, type CollapseProps, Container, DarkTheme, DatePicker, type DatePickerProps, DateRangePicker, type DateRangePickerProps, DestructiveButton, type DestructiveButtonProps, DetailsGrouping, Drawer, type DrawerProps, Fade, type FadeProps, GlobalStyles, Grow, type GrowProps, type HeadingProps, ImageComp, type ImageProps, Input, InputGroup, type InputProps, Label, type LabelProps, LightTheme, LinearLoader, type LinearLoaderProps, LinearProgress, type LinearProgressProps, LinearSlide, type LinearSlideProps, List, ListItem, Menu, MenuItem, type MenuItemProps, type MenuProps, Modal, type ModalProps, MuffledUI, NumberField, type NumberFieldProps, Open, type OpenProps, OrderedList, OutlineButton, type OutlineButtonProps, Pagination, type PaginationProps, Panel, Password, type PasswordProps, Portal, type PortalProps, PrimaryButton, type PrimaryButtonProps, type ProvidedTheme, Radio, RadioIcon, type RadioPrpos, Scrollable, SecondaryButton, type SecondaryButtonProps, Select, SelectButton, type SelectButtonProps, SelectContext, SelectFilter, type SelectFilterProps, SelectItem, type SelectItemProps, SelectList, type SelectProps, SettingsContext, type SettingsCtx, SimpleSelect, type SimpleSelectProps, Skeleton, type SkeletonProps, Slide, type SlideProps, SnackbarContext, SnackbarItem, type SnackbarItemProps, SnackbarProvider, StepIcon, type StepIconProps, StepLabel, type StepLabelProps, Stepper, StepperContext, type StepperProps, Switch, type SwitchProps, SyntaxHighlighter, type SyntaxHighlighterProps, type TTheme, TabItem, type TabItemProps, TabItems, type TabItemsProps, TabPane, TabPaneList, type TabPaneListProps, type TabPaneProps$1 as TabPaneProps, Table, TableBody, TableCell, TableHead, type TableHeadProps, type TableProps, TableRow, type TableRowProps, Tabs, Text, TextArea, type TextAreaProps, type TextProps, ThemeButton, type ThemeProviderProps, ThemeSwitch, ThreeColumns, type ThreeColumnsProps, Title, Tooltip, type TooltipProps, TwoColumns, type TwoColumnsProps, UnorderedList, UploadButton, type UploadButtonProps, UploadZone, type UploadZoneProps, clearInputOnSelectItem, stopPropagation, useMuffledSettings, useSelectContext, useSnackbar, useStepperContext };

package/dist/index.d.ts

@@ -1,8 +1,6 @@
-import * as styled_components from 'styled-components';
-import { StyledComponent, DefaultTheme } from 'styled-components';
-import { LayoutProps, SpaceProps, ColorProps, BoxShadowProps, BorderProps, OrderProps, GridProps, FlexboxProps, PositionProps, TypographyProps } from 'styled-system';
 import * as react from 'react';
-import { ReactElement } from 'react';
+import react__default, { ReactElement } from 'react';
+import { LayoutProps, SpaceProps, SizingProps, BackgroundsProps, ColorProps, BoxShadowProps, BordersProps, OrderProps, GridsProps, FlexboxesProps, PositionProps, TypographyProps, EffectsProps, AnimationProps, ZIndexProps, CursorProps, FontSizeProps, LineHeightProps, OpacityProps } from '@xstyled/styled-components';
 import { Placement } from '@popperjs/core';
 import { ReactDatePickerProps } from 'react-datepicker';
 import { DownshiftProps, DownshiftState, StateChangeOptions, ControllerStateAndHelpers } from 'downshift';
@@ -47,9 +45,11 @@ declare const Badge: React.FC<BadgeProps>;
 type ChipProps = {
     destructive?: boolean;
 } & WithChildren$1;
-declare const Container: styled_components.StyledComponent<"div", styled_components.DefaultTheme, {
-    destructive?: boolean | undefined;
-}, never>;
+type ContainerProps = {
+    destructive?: boolean;
+    children: React.ReactNode;
+};
+declare const Container: React.FC<ContainerProps>;
 declare const Chip: React.FC<ChipProps>;
 
 type SyntaxHighlighterProps = {
@@ -95,7 +95,7 @@ declare const LinearProgress: React.FC<LinearProgressProps>;
 
 type SkeletonProps = {
     variant?: 'text' | 'rectangle' | 'circle';
-} & LayoutProps & SpaceProps;
+} & LayoutProps & SpaceProps & SizingProps;
 declare const Skeleton: React.FC<SkeletonProps>;
 
 declare const SnackbarProvider: React.FC<SnackbarProviderProps>;
@@ -165,22 +165,27 @@ type AccordionSummaryProps = {
 } & WithChildren$1;
 declare const AccordionSummary: React.FC<AccordionSummaryProps>;
 
-declare const AccordionDetail: styled_components.StyledComponent<"div", styled_components.DefaultTheme, {}, never>;
-declare const DetailsGrouping: styled_components.StyledComponent<"div", styled_components.DefaultTheme, {}, never>;
+declare const AccordionDetail: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | react.RefObject<HTMLDivElement> | null | undefined;
+}, "ref"> & react.RefAttributes<HTMLDivElement>>;
+declare const DetailsGrouping: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | react.RefObject<HTMLDivElement> | null | undefined;
+}, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
-type BoxProps = ColorProps & SpaceProps & LayoutProps & BoxShadowProps & BorderProps & OrderProps & GridProps & FlexboxProps & PositionProps & TypographyProps & {
-    spaceXBetween?: string | number;
-    spaceYBetween?: string | number;
-};
-declare const Box: StyledComponent<'div', DefaultTheme, BoxProps, never>;
+type BoxProps = BackgroundsProps & SizingProps & ColorProps & SpaceProps & LayoutProps & BoxShadowProps & BordersProps & OrderProps & GridsProps & FlexboxesProps & PositionProps & TypographyProps & EffectsProps & AnimationProps & {
+    onClick?: (e: React.MouseEvent) => void;
+    as?: AsProp;
+} & React.ComponentPropsWithRef<'div'>;
+declare const Box: react.ForwardRefExoticComponent<Omit<BoxProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
 type CardProps = {
     children: React.ReactNode;
     style?: React.CSSProperties;
-} & LayoutProps & FlexboxProps & SpaceProps & ColorProps;
-declare const Card: styled_components.StyledComponent<"div", styled_components.DefaultTheme, CardProps, never>;
+} & LayoutProps & SizingProps & FlexboxesProps & SpaceProps & ColorProps & React.ComponentPropsWithRef<'div'>;
+declare const Card: react.ForwardRefExoticComponent<Omit<CardProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
-declare const CardContent: any;
+type CardContentProps = SpaceProps & BordersProps & React.ComponentPropsWithRef<'div'>;
+declare const CardContent: react.ForwardRefExoticComponent<Omit<CardContentProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
 type MediaComponent = 'video' | 'audio' | 'picture' | 'iframe' | 'img' | 'div';
 type CardMediaProps = {
@@ -190,21 +195,23 @@ type CardMediaProps = {
     src?: string;
     alt?: string;
     fallback?: React.ReactNode;
-} & WithChildren$1 & LayoutProps;
+} & WithChildren$1 & LayoutProps & SizingProps;
 declare const CardMedia: React.FC<CardMediaProps>;
 
 type ImageProps = {
     fallback?: React.ReactNode;
-} & React.ComponentPropsWithoutRef<'img'> & FlexboxProps & GridProps & LayoutProps & OrderProps & PositionProps & SpaceProps;
+} & React.ComponentPropsWithoutRef<'img'> & FlexboxesProps & GridsProps & LayoutProps & OrderProps & PositionProps & SpaceProps & SizingProps & BordersProps & BackgroundsProps;
 declare const ImageComp: React.FC<ImageProps>;
 
-declare const List: styled_components.StyledComponent<"ul", styled_components.DefaultTheme, {}, never>;
+type ListProps = React.ComponentPropsWithRef<'ul'> & SizingProps & SpaceProps & BordersProps & EffectsProps & BackgroundsProps & PositionProps & ZIndexProps;
+declare const List: React.FC<ListProps>;
 
-declare const ListItem: React.FC<React.ComponentPropsWithRef<'li'>>;
+type ListItemProps = React.ComponentPropsWithRef<'li'> & BackgroundsProps & SpaceProps & CursorProps & FontSizeProps & LineHeightProps & BordersProps;
+declare const ListItem: React.FC<ListItemProps>;
 
-declare const OrderedList: styled_components.StyledComponent<"ol", styled_components.DefaultTheme, {}, never>;
+declare const OrderedList: React.FC<React.ComponentPropsWithRef<'ol'>>;
 
-declare const UnorderedList: styled_components.StyledComponent<"ul", styled_components.DefaultTheme, {}, never>;
+declare const UnorderedList: React.FC<React.ComponentPropsWithRef<'ul'>>;
 
 type PaginationProps = {
     limit: number;
@@ -216,7 +223,7 @@ type PaginationProps = {
 };
 declare const Pagination: React.FC<PaginationProps>;
 
-declare const Panel: typeof Box;
+declare const Panel: react.ForwardRefExoticComponent<Omit<BoxProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
 type TableProps = {
     containerClasses?: string;
@@ -224,15 +231,19 @@ type TableProps = {
 } & React.ComponentPropsWithRef<'table'>;
 declare const Table: react.ForwardRefExoticComponent<Omit<TableProps, "ref"> & react.RefAttributes<HTMLTableElement>>;
 
-declare const TableBody: styled_components.StyledComponent<"tbody", styled_components.DefaultTheme, {}, never>;
+declare const TableBody: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & {
+    ref?: ((instance: HTMLTableSectionElement | null) => void) | react.RefObject<HTMLTableSectionElement> | null | undefined;
+}, "ref"> & react.RefAttributes<HTMLTableSectionElement>>;
 
-declare const TableCell: styled_components.StyledComponent<"td", styled_components.DefaultTheme, {}, never>;
+declare const TableCell: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, "ref"> & {
+    ref?: ((instance: HTMLTableDataCellElement | null) => void) | react.RefObject<HTMLTableDataCellElement> | null | undefined;
+}, "ref"> & react.RefAttributes<HTMLTableCellElement>>;
 
 type TableRowProps = {
     active?: boolean;
     onClick?: (event: React.MouseEvent) => void;
 } & React.ComponentPropsWithRef<'tr'>;
-declare const TableRow: styled_components.StyledComponent<"tr", styled_components.DefaultTheme, TableRowProps, never>;
+declare const TableRow: react.ForwardRefExoticComponent<Omit<TableRowProps, "ref"> & react.RefAttributes<HTMLTableRowElement>>;
 
 type TableHeadProps = {
     headers?: string[];
@@ -242,18 +253,21 @@ declare const TableHead: react.ForwardRefExoticComponent<Omit<TableHeadProps, "r
 
 type TextProps = {
     mono?: boolean;
-} & ColorProps & TypographyProps;
-declare const Text: styled_components.StyledComponent<"p", styled_components.DefaultTheme, TextProps, never>;
+    as?: AsProp;
+} & ColorProps & TypographyProps & OpacityProps & WithChildren$1 & SizingProps;
+declare const Text: React.FC<TextProps>;
 
 type HeadingProps = {
-    children?: React.ReactNode;
+    children?: react__default.ReactNode;
+    as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+    color?: string;
 } & ColorProps & TypographyProps & LayoutProps;
-declare const Title: styled_components.StyledComponent<"h1", styled_components.DefaultTheme, HeadingProps, never>;
+declare const Title: react__default.FC<HeadingProps>;
 
 type BaseButtonProps = {
     type?: 'button' | 'reset' | 'submit';
     as?: AsProp;
-} & React.ComponentPropsWithoutRef<'button'> & LayoutProps & BorderProps & PositionProps & ColorProps & SpaceProps & TypographyProps & FlexboxProps & BoxShadowProps;
+} & EffectsProps & LayoutProps & BordersProps & PositionProps & ColorProps & SpaceProps & TypographyProps & FlexboxesProps & BoxShadowProps & BackgroundsProps & SizingProps & Omit<React.ComponentPropsWithoutRef<'button'>, 'Color'>;
 
 type ButtonProps = {
     active?: boolean;
@@ -375,7 +389,8 @@ declare const SimpleSelect: React.FC<SimpleSelectProps>;
 type SwitchProps = React.ComponentPropsWithRef<'input'>;
 declare const Switch: React.FC<SwitchProps>;
 
-declare const TextArea: styled_components.StyledComponent<"textarea", styled_components.DefaultTheme, {}, never>;
+type TextAreaProps = ColorProps & SpaceProps & LayoutProps & BoxShadowProps & BordersProps & TypographyProps & SizingProps & React.ComponentPropsWithRef<'textarea'>;
+declare const TextArea: react.ForwardRefExoticComponent<Omit<TextAreaProps, "ref"> & react.RefAttributes<HTMLTextAreaElement>>;
 
 declare const InputGroup: React.FC<WithChildren$1>;
 
@@ -454,7 +469,7 @@ type MenuProps = {
     itemRef: Element | null;
     handleClose: () => void;
     inline?: boolean;
-} & WithChildren$1;
+} & WithChildren$1 & SizingProps;
 declare const Menu: React.FC<MenuProps>;
 
 type MenuItemProps = {
@@ -686,8 +701,6 @@ declare const MuffledUI: React.FC<ThemeProviderProps>;
 declare const ThemeSwitch: React.FC;
 declare const ThemeButton: React.FC;
 
-declare const GlobalStyles: styled_components.GlobalStyleComponent<{
-    theme: ColorTheme;
-}, styled_components.DefaultTheme>;
+declare const GlobalStyles: any;
 
-export { Accordion, AccordionDetail, type AccordionProps, AccordionSummary, Alert, type AlertProps, Backdrop, Badge, type BadgeProps, BasePicker, type BasePickerProps, BaseUploader, type BaseUploaderProps, Box, type BoxProps, Breadcrumbs, type BreadcrumbsProps, Button, ButtonGroup, type ButtonProps, Card, CardContent, CardMedia, type CardMediaProps, type CardProps, CenteredWidget, Checkbox, type CheckboxPrpos, Chip, type ChipProps, CircleLoader, type CircleLoaderProps, CircleProgress, type CircleProgressProps, ClickOutside, type ClickOutsideProps, ClickableElement, type ClickableElementProps, Collapse, type CollapseProps, Container, DarkTheme, DatePicker, type DatePickerProps, DateRangePicker, type DateRangePickerProps, DestructiveButton, type DestructiveButtonProps, DetailsGrouping, Drawer, type DrawerProps, Fade, type FadeProps, GlobalStyles, Grow, type GrowProps, type HeadingProps, ImageComp, type ImageProps, Input, InputGroup, type InputProps, Label, type LabelProps, LightTheme, LinearLoader, type LinearLoaderProps, LinearProgress, type LinearProgressProps, LinearSlide, type LinearSlideProps, List, ListItem, Menu, MenuItem, type MenuItemProps, type MenuProps, Modal, type ModalProps, MuffledUI, NumberField, type NumberFieldProps, Open, type OpenProps, OrderedList, OutlineButton, type OutlineButtonProps, Pagination, type PaginationProps, Panel, Password, type PasswordProps, Portal, type PortalProps, PrimaryButton, type PrimaryButtonProps, type ProvidedTheme, Radio, RadioIcon, type RadioPrpos, Scrollable, SecondaryButton, type SecondaryButtonProps, Select, SelectButton, type SelectButtonProps, SelectContext, SelectFilter, type SelectFilterProps, SelectItem, type SelectItemProps, SelectList, type SelectProps, SettingsContext, type SettingsCtx, SimpleSelect, type SimpleSelectProps, Skeleton, type SkeletonProps, Slide, type SlideProps, SnackbarContext, SnackbarItem, type SnackbarItemProps, SnackbarProvider, StepIcon, type StepIconProps, StepLabel, type StepLabelProps, Stepper, StepperContext, type StepperProps, Switch, type SwitchProps, SyntaxHighlighter, type SyntaxHighlighterProps, type TTheme, TabItem, type TabItemProps, TabItems, type TabItemsProps, TabPane, TabPaneList, type TabPaneListProps, type TabPaneProps$1 as TabPaneProps, Table, TableBody, TableCell, TableHead, type TableHeadProps, type TableProps, TableRow, type TableRowProps, Tabs, Text, TextArea, type TextProps, ThemeButton, type ThemeProviderProps, ThemeSwitch, ThreeColumns, type ThreeColumnsProps, Title, Tooltip, type TooltipProps, TwoColumns, type TwoColumnsProps, UnorderedList, UploadButton, type UploadButtonProps, UploadZone, type UploadZoneProps, clearInputOnSelectItem, stopPropagation, useMuffledSettings, useSelectContext, useSnackbar, useStepperContext };
+export { Accordion, AccordionDetail, type AccordionProps, AccordionSummary, Alert, type AlertProps, Backdrop, Badge, type BadgeProps, BasePicker, type BasePickerProps, BaseUploader, type BaseUploaderProps, Box, type BoxProps, Breadcrumbs, type BreadcrumbsProps, Button, ButtonGroup, type ButtonProps, Card, CardContent, type CardContentProps, CardMedia, type CardMediaProps, type CardProps, CenteredWidget, Checkbox, type CheckboxPrpos, Chip, type ChipProps, CircleLoader, type CircleLoaderProps, CircleProgress, type CircleProgressProps, ClickOutside, type ClickOutsideProps, ClickableElement, type ClickableElementProps, Collapse, type CollapseProps, Container, DarkTheme, DatePicker, type DatePickerProps, DateRangePicker, type DateRangePickerProps, DestructiveButton, type DestructiveButtonProps, DetailsGrouping, Drawer, type DrawerProps, Fade, type FadeProps, GlobalStyles, Grow, type GrowProps, type HeadingProps, ImageComp, type ImageProps, Input, InputGroup, type InputProps, Label, type LabelProps, LightTheme, LinearLoader, type LinearLoaderProps, LinearProgress, type LinearProgressProps, LinearSlide, type LinearSlideProps, List, ListItem, Menu, MenuItem, type MenuItemProps, type MenuProps, Modal, type ModalProps, MuffledUI, NumberField, type NumberFieldProps, Open, type OpenProps, OrderedList, OutlineButton, type OutlineButtonProps, Pagination, type PaginationProps, Panel, Password, type PasswordProps, Portal, type PortalProps, PrimaryButton, type PrimaryButtonProps, type ProvidedTheme, Radio, RadioIcon, type RadioPrpos, Scrollable, SecondaryButton, type SecondaryButtonProps, Select, SelectButton, type SelectButtonProps, SelectContext, SelectFilter, type SelectFilterProps, SelectItem, type SelectItemProps, SelectList, type SelectProps, SettingsContext, type SettingsCtx, SimpleSelect, type SimpleSelectProps, Skeleton, type SkeletonProps, Slide, type SlideProps, SnackbarContext, SnackbarItem, type SnackbarItemProps, SnackbarProvider, StepIcon, type StepIconProps, StepLabel, type StepLabelProps, Stepper, StepperContext, type StepperProps, Switch, type SwitchProps, SyntaxHighlighter, type SyntaxHighlighterProps, type TTheme, TabItem, type TabItemProps, TabItems, type TabItemsProps, TabPane, TabPaneList, type TabPaneListProps, type TabPaneProps$1 as TabPaneProps, Table, TableBody, TableCell, TableHead, type TableHeadProps, type TableProps, TableRow, type TableRowProps, Tabs, Text, TextArea, type TextAreaProps, type TextProps, ThemeButton, type ThemeProviderProps, ThemeSwitch, ThreeColumns, type ThreeColumnsProps, Title, Tooltip, type TooltipProps, TwoColumns, type TwoColumnsProps, UnorderedList, UploadButton, type UploadButtonProps, UploadZone, type UploadZoneProps, clearInputOnSelectItem, stopPropagation, useMuffledSettings, useSelectContext, useSnackbar, useStepperContext };