@wavv/ui 1.9.8 → 1.9.10

package/build/esm/types/components/ChartHelpers.d.ts

@@ -23,7 +23,7 @@ export type ChartProps = {
 export declare const ChartStyles: () => import("react/jsx-runtime").JSX.Element;
 export declare const ChartContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     responsive?: boolean | undefined;
 } & Margin & import("./types").Width & import("./types").Height & import("./types").MaxWidth & import("./types").MaxHeight, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/build/esm/types/components/DocTable.d.ts

@@ -2,6 +2,6 @@
 import { ThemeProp } from './types';
 declare const Table: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & ThemeProp, import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, {}>;
 export default Table;

package/build/esm/types/components/Dropdown/DropdownUtils.d.ts

@@ -47,10 +47,10 @@ export declare const getOptionsFromChildren: <OptionType extends OptionItem>(chi
 export declare const getCombinedChildren: <OptionType extends OptionItem>(options: OptionType[], children: ReactNode, setValue: SetValueFunc, toggle: toggleFunc, state: StatePieces) => (ReactElement<any, string | import("react").JSXElementConstructor<any>> | null)[];
 export declare const ItemHeader: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & ThemeProp, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const ItemSubtext: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & ThemeProp, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export {};

package/build/esm/types/components/FormControl.d.ts

@@ -2,17 +2,17 @@ import { HTMLProps } from 'react';
 import { Margin, ThemeProp } from './types';
 export declare const ControlContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     labelRight?: boolean | undefined;
     disabled?: boolean | undefined;
 } & Margin & ThemeProp, import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {}>;
 export declare const ControlInput: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & ThemeProp, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
 export declare const ControlLabel: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & ThemeProp, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export type CheckboxAttributes = Omit<HTMLProps<HTMLInputElement>, 'onChange'>;

package/build/esm/types/components/InlineCode.d.ts

@@ -2,6 +2,6 @@
 import { ThemeProp } from './types';
 declare const InlineCode: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & ThemeProp, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
 export default InlineCode;

package/build/esm/types/components/InputHelpers.d.ts

@@ -9,7 +9,7 @@ export declare const useInputFocus: (onFocus?: FocusCallBack, onBlur?: FocusCall
 export declare const isInputFilled: (value?: string | number) => boolean;
 export declare const InputContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     backgroundColor?: string | undefined;
     borderRadius?: string | number | undefined;
@@ -25,13 +25,13 @@ export declare const InputContainer: import("@emotion/styled").StyledComponent<{
 } & import("./types").Width & import("./types").Height & import("./types").Margin & import("./types").Padding & ThemeProp, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const InputWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     readOnly?: boolean | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const Label: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     filled?: boolean | undefined;
     focused?: boolean | undefined;
@@ -39,14 +39,14 @@ export declare const Label: import("@emotion/styled").StyledComponent<{
 } & ThemeProp, import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {}>;
 export declare const Description: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     invalid?: boolean | undefined;
 } & ThemeProp, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 declare const _default: {
     Container: import("@emotion/styled").StyledComponent<{
         theme?: import("@emotion/react").Theme | undefined;
-        as?: import("react").ElementType<any> | undefined;
+        as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
     } & {
         backgroundColor?: string | undefined;
         borderRadius?: string | number | undefined;
@@ -62,13 +62,13 @@ declare const _default: {
     } & import("./types").Width & import("./types").Height & import("./types").Margin & import("./types").Padding & ThemeProp, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
     Wrapper: import("@emotion/styled").StyledComponent<{
         theme?: import("@emotion/react").Theme | undefined;
-        as?: import("react").ElementType<any> | undefined;
+        as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
     } & {
         readOnly?: boolean | undefined;
     }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
     Label: import("@emotion/styled").StyledComponent<{
         theme?: import("@emotion/react").Theme | undefined;
-        as?: import("react").ElementType<any> | undefined;
+        as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
     } & {
         filled?: boolean | undefined;
         focused?: boolean | undefined;
@@ -76,7 +76,7 @@ declare const _default: {
     } & ThemeProp, import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {}>;
     Description: import("@emotion/styled").StyledComponent<{
         theme?: import("@emotion/react").Theme | undefined;
-        as?: import("react").ElementType<any> | undefined;
+        as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
     } & {
         invalid?: boolean | undefined;
     } & ThemeProp, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/build/esm/types/components/Message.d.ts

@@ -15,11 +15,11 @@ declare const Message: {
     ({ type, content, closeIcon, onClose, width, margin, marginTop, marginBottom, marginRight, marginLeft, children, }: MessageProps): import("react/jsx-runtime").JSX.Element;
     Header: import("@emotion/styled").StyledComponent<{
         theme?: import("@emotion/react").Theme | undefined;
-        as?: import("react").ElementType<any> | undefined;
+        as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
     } & ThemeProp, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
     Body: import("@emotion/styled").StyledComponent<{
         theme?: import("@emotion/react").Theme | undefined;
-        as?: import("react").ElementType<any> | undefined;
+        as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
     } & ThemeProp, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 };
 export default Message;

package/build/esm/types/components/Modal.d.ts

@@ -42,22 +42,22 @@ declare const Modal: {
     ({ children, rootSelector, visible, width, height, onClose, closeIcon, preventOverlayClose, overlayColor, backgroundColor, small, noOverlay, centerX, centerY, position, top, bottom, right, left, padding, paddingTop, paddingBottom, paddingRight, paddingLeft, zIndex, }: ModalProps): import("react").ReactPortal | null;
     Header: import("@emotion/styled").StyledComponent<{
         theme?: import("@emotion/react").Theme | undefined;
-        as?: import("react").ElementType<any> | undefined;
+        as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
     } & ThemeProp, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
     Text: import("@emotion/styled").StyledComponent<{
         theme?: import("@emotion/react").Theme | undefined;
-        as?: import("react").ElementType<any> | undefined;
+        as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
     } & {
         primary?: boolean | undefined;
         fontSize?: string | number | undefined;
     } & ThemeProp, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
     Body: import("@emotion/styled").StyledComponent<{
         theme?: import("@emotion/react").Theme | undefined;
-        as?: import("react").ElementType<any> | undefined;
+        as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
     } & Height & Margin, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
     Footer: import("@emotion/styled").StyledComponent<{
         theme?: import("@emotion/react").Theme | undefined;
-        as?: import("react").ElementType<any> | undefined;
+        as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
     } & {
         justify?: FlexPosition | undefined;
         inline?: boolean | undefined;

package/build/esm/types/components/Notification.d.ts

@@ -2,7 +2,7 @@
 import { Margin, Position, ThemeProp } from './types';
 declare const Notification: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     /** The color of the dot */
     color?: string | undefined;

package/build/esm/types/components/Spacer.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 declare const Spacer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & import("./types").Width & import("./types").Height, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export default Spacer;

package/build/esm/types/components/Table/Column.d.ts

@@ -6,5 +6,5 @@ type ColumnProps = {
     /** The string value to display if the child text is undefined (i.e. "N/A", "—") */
     defaultValue?: string;
 } & Padding & ContentProps;
-declare const Column: ({ children, contentPosition, direction, justify, align, gap, defaultValue, padding, paddingTop, paddingBottom, paddingRight, paddingLeft, }: ColumnProps) => import("react/jsx-runtime").JSX.Element;
+declare const Column: ({ children, contentPosition, direction, justify, align, gap, defaultValue, padding, paddingTop, paddingBottom, paddingRight, paddingLeft, ...rest }: ColumnProps) => import("react/jsx-runtime").JSX.Element;
 export default Column;

package/build/esm/types/components/Table/Content.d.ts

@@ -1,5 +1,6 @@
-/// <reference types="react" />
-import { FlexDirection, FlexPosition } from '../types';
+import { HTMLProps } from 'react';
+import { As, FlexDirection, FlexPosition } from '../types';
+type DefaultContentProps = Omit<HTMLProps<HTMLDivElement>, 'as'> & As;
 export type ContentProps = {
     /** The flex positioning of the content */
     contentPosition?: FlexPosition;
@@ -11,9 +12,20 @@ export type ContentProps = {
     align?: FlexPosition;
     /** The flex gap of the content */
     gap?: number | string;
-};
+} & DefaultContentProps;
 declare const Content: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & ContentProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+} & {
+    /** The flex positioning of the content */
+    contentPosition?: FlexPosition | undefined;
+    /** The flex direction of the content */
+    direction?: FlexDirection | undefined;
+    /** The flex positioning of the content */
+    justify?: FlexPosition | undefined;
+    /** The flex alignment of the content */
+    align?: FlexPosition | undefined;
+    /** The flex gap of the content */
+    gap?: string | number | undefined;
+} & Omit<HTMLProps<HTMLDivElement>, "as"> & As, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export default Content;

package/build/esm/types/components/Table/HeaderCell.d.ts

@@ -10,5 +10,5 @@ type HeaderCellProps = {
     /** The property of the data object to sort by */
     sortKey?: string;
 } & ContentProps;
-declare const HeaderCell: ({ children, onClick, contentPosition, justify, align, direction, gap, sorted, sortKey, }: HeaderCellProps) => import("react/jsx-runtime").JSX.Element;
+declare const HeaderCell: ({ children, onClick, contentPosition, justify, align, direction, gap, sorted, sortKey, ...rest }: HeaderCellProps) => import("react/jsx-runtime").JSX.Element;
 export default HeaderCell;

package/build/esm/types/components/Table/Table.d.ts

@@ -10,19 +10,31 @@ declare const Table: {
     } & {
         columns?: import("./types").Columns | undefined;
     } & Width & import("../types").Margin & import("../types").Padding & import("react").HTMLProps<HTMLTableRowElement>) => import("react/jsx-runtime").JSX.Element;
-    HeaderCell: ({ children, onClick, contentPosition, justify, align, direction, gap, sorted, sortKey, }: {
+    HeaderCell: ({ children, onClick, contentPosition, justify, align, direction, gap, sorted, sortKey, ...rest }: {
         children?: ReactNode;
         onClick?: ((event: import("react").MouseEvent<Element, MouseEvent>) => void) | undefined;
         sorted?: import("./types").SortDir | undefined;
         sortKey?: string | undefined;
-    } & import("./Content").ContentProps) => import("react/jsx-runtime").JSX.Element;
+    } & {
+        contentPosition?: import("../types").FlexPosition | undefined;
+        direction?: import("../types").FlexDirection | undefined;
+        justify?: import("../types").FlexPosition | undefined;
+        align?: import("../types").FlexPosition | undefined;
+        gap?: string | number | undefined;
+    } & Omit<import("react").HTMLProps<HTMLDivElement>, "as"> & import("../types").As) => import("react/jsx-runtime").JSX.Element;
     Body: ({ children, height, maxHeight, ...rest }: {
         children: ReactNode;
     } & import("../types").Height & import("../types").MaxHeight & Omit<import("react").HTMLProps<HTMLTableSectionElement>, "as"> & import("../types").As) => import("react/jsx-runtime").JSX.Element;
     Row: ({ children, columns, onClick, columnStyles, ...rest }: import("./types").TableHeaderRow) => import("react/jsx-runtime").JSX.Element;
-    Column: ({ children, contentPosition, direction, justify, align, gap, defaultValue, padding, paddingTop, paddingBottom, paddingRight, paddingLeft, }: {
+    Column: ({ children, contentPosition, direction, justify, align, gap, defaultValue, padding, paddingTop, paddingBottom, paddingRight, paddingLeft, ...rest }: {
         children?: ReactNode;
         defaultValue?: string | undefined;
-    } & import("../types").Padding & import("./Content").ContentProps) => import("react/jsx-runtime").JSX.Element;
+    } & import("../types").Padding & {
+        contentPosition?: import("../types").FlexPosition | undefined;
+        direction?: import("../types").FlexDirection | undefined;
+        justify?: import("../types").FlexPosition | undefined;
+        align?: import("../types").FlexPosition | undefined;
+        gap?: string | number | undefined;
+    } & Omit<import("react").HTMLProps<HTMLDivElement>, "as"> & import("../types").As) => import("react/jsx-runtime").JSX.Element;
 };
 export default Table;

package/build/esm/types/components/Tooltip.d.ts

@@ -40,11 +40,11 @@ declare const Tooltip: {
     ({ trigger, children, content, position, offset, zIndex, width, maxWidth, textAlign, open, disabled, id, bgColor, color, container, afterShow, afterHide, ...props }: TooltipProps): import("react/jsx-runtime").JSX.Element;
     Header: import("@emotion/styled").StyledComponent<{
         theme?: import("@emotion/react").Theme | undefined;
-        as?: import("react").ElementType<any> | undefined;
+        as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
     } & ThemeProp, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
     Body: import("@emotion/styled").StyledComponent<{
         theme?: import("@emotion/react").Theme | undefined;
-        as?: import("react").ElementType<any> | undefined;
+        as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
     } & ThemeProp, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 };
 export default Tooltip;

package/build/index.d.ts

@@ -1236,11 +1236,11 @@ declare const Tooltip: {
     ({ trigger, children, content, position, offset, zIndex, width, maxWidth, textAlign, open, disabled, id, bgColor, color, container, afterShow, afterHide, ...props }: TooltipProps): react_jsx_runtime.JSX.Element;
     Header: _emotion_styled.StyledComponent<{
         theme?: _emotion_react.Theme | undefined;
-        as?: react.ElementType<any> | undefined;
+        as?: react.ElementType<any, keyof react.JSX.IntrinsicElements> | undefined;
     } & ThemeProp, react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
     Body: _emotion_styled.StyledComponent<{
         theme?: _emotion_react.Theme | undefined;
-        as?: react.ElementType<any> | undefined;
+        as?: react.ElementType<any, keyof react.JSX.IntrinsicElements> | undefined;
     } & ThemeProp, react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 };
 
@@ -1319,7 +1319,7 @@ declare const Code: ({ children, code, className: metaData, lang: langProp, line
 
 declare const Table$1: _emotion_styled.StyledComponent<{
     theme?: _emotion_react.Theme | undefined;
-    as?: react.ElementType<any> | undefined;
+    as?: react.ElementType<any, keyof react.JSX.IntrinsicElements> | undefined;
 } & ThemeProp, react.DetailedHTMLProps<react.TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, {}>;
 
 declare const DraftEditor: react.ForwardRefExoticComponent<{
@@ -1994,14 +1994,14 @@ declare const ImageViewer: ({ visible, close, images, startIndex, alt, maxWidth,
 
 declare const InlineCode: _emotion_styled.StyledComponent<{
     theme?: _emotion_react.Theme | undefined;
-    as?: react.ElementType<any> | undefined;
+    as?: react.ElementType<any, keyof react.JSX.IntrinsicElements> | undefined;
 } & ThemeProp, react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
 
 type FocusCallBack = (event?: InputFocusEvent) => void;
 declare const _default: {
     Container: _emotion_styled.StyledComponent<{
         theme?: _emotion_react.Theme | undefined;
-        as?: react.ElementType<any> | undefined;
+        as?: react.ElementType<any, keyof react.JSX.IntrinsicElements> | undefined;
     } & {
         backgroundColor?: string | undefined;
         borderRadius?: string | number | undefined;
@@ -2017,13 +2017,13 @@ declare const _default: {
     } & Width & Height & Margin & Padding & ThemeProp, react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
     Wrapper: _emotion_styled.StyledComponent<{
         theme?: _emotion_react.Theme | undefined;
-        as?: react.ElementType<any> | undefined;
+        as?: react.ElementType<any, keyof react.JSX.IntrinsicElements> | undefined;
     } & {
         readOnly?: boolean | undefined;
     }, react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
     Label: _emotion_styled.StyledComponent<{
         theme?: _emotion_react.Theme | undefined;
-        as?: react.ElementType<any> | undefined;
+        as?: react.ElementType<any, keyof react.JSX.IntrinsicElements> | undefined;
     } & {
         filled?: boolean | undefined;
         focused?: boolean | undefined;
@@ -2031,7 +2031,7 @@ declare const _default: {
     } & ThemeProp, react.DetailedHTMLProps<react.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {}>;
     Description: _emotion_styled.StyledComponent<{
         theme?: _emotion_react.Theme | undefined;
-        as?: react.ElementType<any> | undefined;
+        as?: react.ElementType<any, keyof react.JSX.IntrinsicElements> | undefined;
     } & {
         invalid?: boolean | undefined;
     } & ThemeProp, react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
@@ -2124,11 +2124,11 @@ declare const Message: {
     ({ type, content, closeIcon, onClose, width, margin, marginTop, marginBottom, marginRight, marginLeft, children, }: MessageProps): react_jsx_runtime.JSX.Element;
     Header: _emotion_styled.StyledComponent<{
         theme?: _emotion_react.Theme | undefined;
-        as?: react.ElementType<any> | undefined;
+        as?: react.ElementType<any, keyof react.JSX.IntrinsicElements> | undefined;
     } & ThemeProp, react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
     Body: _emotion_styled.StyledComponent<{
         theme?: _emotion_react.Theme | undefined;
-        as?: react.ElementType<any> | undefined;
+        as?: react.ElementType<any, keyof react.JSX.IntrinsicElements> | undefined;
     } & ThemeProp, react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 };
 
@@ -2184,22 +2184,22 @@ declare const Modal: {
     ({ children, rootSelector, visible, width, height, onClose, closeIcon, preventOverlayClose, overlayColor, backgroundColor, small, noOverlay, centerX, centerY, position, top, bottom, right, left, padding, paddingTop, paddingBottom, paddingRight, paddingLeft, zIndex, }: ModalProps): react.ReactPortal | null;
     Header: _emotion_styled.StyledComponent<{
         theme?: _emotion_react.Theme | undefined;
-        as?: react.ElementType<any> | undefined;
+        as?: react.ElementType<any, keyof react.JSX.IntrinsicElements> | undefined;
     } & ThemeProp, react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
     Text: _emotion_styled.StyledComponent<{
         theme?: _emotion_react.Theme | undefined;
-        as?: react.ElementType<any> | undefined;
+        as?: react.ElementType<any, keyof react.JSX.IntrinsicElements> | undefined;
     } & {
         primary?: boolean | undefined;
         fontSize?: string | number | undefined;
     } & ThemeProp, react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
     Body: _emotion_styled.StyledComponent<{
         theme?: _emotion_react.Theme | undefined;
-        as?: react.ElementType<any> | undefined;
+        as?: react.ElementType<any, keyof react.JSX.IntrinsicElements> | undefined;
     } & Height & Margin, react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
     Footer: _emotion_styled.StyledComponent<{
         theme?: _emotion_react.Theme | undefined;
-        as?: react.ElementType<any> | undefined;
+        as?: react.ElementType<any, keyof react.JSX.IntrinsicElements> | undefined;
     } & {
         justify?: FlexPosition | undefined;
         inline?: boolean | undefined;
@@ -2251,7 +2251,7 @@ declare const MultiSelect: react__default.ForwardRefExoticComponent<Omit<MultiSe
 
 declare const Notification: _emotion_styled.StyledComponent<{
     theme?: _emotion_react.Theme | undefined;
-    as?: react.ElementType<any> | undefined;
+    as?: react.ElementType<any, keyof react.JSX.IntrinsicElements> | undefined;
 } & {
     /** The color of the dot */
     color?: string | undefined;
@@ -2396,7 +2396,7 @@ declare const Slider: ({ value, max, step, width, height, disabled, onChange, ..
 
 declare const Spacer: _emotion_styled.StyledComponent<{
     theme?: _emotion_react.Theme | undefined;
-    as?: react.ElementType<any> | undefined;
+    as?: react.ElementType<any, keyof react.JSX.IntrinsicElements> | undefined;
 } & Width & Height, react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 
 type SpinnerProps = {
@@ -2457,19 +2457,6 @@ type TransferListProps = {
 } & Width & Margin;
 declare const TransferList: ({ items, onChange, beforeItemChange, listTitle, noItemsMessage, hideSelectAll, hideRemoveAll, readOnly, width, margin, marginTop, marginBottom, marginRight, marginLeft, }: TransferListProps) => react_jsx_runtime.JSX.Element;
 
-type ContentProps = {
-    /** The flex positioning of the content */
-    contentPosition?: FlexPosition;
-    /** The flex direction of the content */
-    direction?: FlexDirection;
-    /** The flex positioning of the content */
-    justify?: FlexPosition;
-    /** The flex alignment of the content */
-    align?: FlexPosition;
-    /** The flex gap of the content */
-    gap?: number | string;
-};
-
 type Data = {
     [key: string]: unknown;
 };
@@ -2506,20 +2493,32 @@ declare const Table: {
     } & {
         columns?: Columns | undefined;
     } & Width & Margin & Padding & react.HTMLProps<HTMLTableRowElement>) => react_jsx_runtime.JSX.Element;
-    HeaderCell: ({ children, onClick, contentPosition, justify, align, direction, gap, sorted, sortKey, }: {
+    HeaderCell: ({ children, onClick, contentPosition, justify, align, direction, gap, sorted, sortKey, ...rest }: {
         children?: ReactNode;
         onClick?: ((event: react.MouseEvent<Element, MouseEvent>) => void) | undefined;
         sorted?: SortDir | undefined;
         sortKey?: string | undefined;
-    } & ContentProps) => react_jsx_runtime.JSX.Element;
+    } & {
+        contentPosition?: FlexPosition | undefined;
+        direction?: FlexDirection | undefined;
+        justify?: FlexPosition | undefined;
+        align?: FlexPosition | undefined;
+        gap?: string | number | undefined;
+    } & Omit<react.HTMLProps<HTMLDivElement>, "as"> & As) => react_jsx_runtime.JSX.Element;
     Body: ({ children, height, maxHeight, ...rest }: {
         children: ReactNode;
     } & Height & MaxHeight & Omit<react.HTMLProps<HTMLTableSectionElement>, "as"> & As) => react_jsx_runtime.JSX.Element;
     Row: ({ children, columns, onClick, columnStyles, ...rest }: TableHeaderRow) => react_jsx_runtime.JSX.Element;
-    Column: ({ children, contentPosition, direction, justify, align, gap, defaultValue, padding, paddingTop, paddingBottom, paddingRight, paddingLeft, }: {
+    Column: ({ children, contentPosition, direction, justify, align, gap, defaultValue, padding, paddingTop, paddingBottom, paddingRight, paddingLeft, ...rest }: {
         children?: ReactNode;
         defaultValue?: string | undefined;
-    } & Padding & ContentProps) => react_jsx_runtime.JSX.Element;
+    } & Padding & {
+        contentPosition?: FlexPosition | undefined;
+        direction?: FlexDirection | undefined;
+        justify?: FlexPosition | undefined;
+        align?: FlexPosition | undefined;
+        gap?: string | number | undefined;
+    } & Omit<react.HTMLProps<HTMLDivElement>, "as"> & As) => react_jsx_runtime.JSX.Element;
 };
 
 type ToggleProps = {

package/build/types/components/ChartHelpers.d.ts

@@ -23,7 +23,7 @@ export type ChartProps = {
 export declare const ChartStyles: () => import("react/jsx-runtime").JSX.Element;
 export declare const ChartContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     responsive?: boolean | undefined;
 } & Margin & import("./types").Width & import("./types").Height & import("./types").MaxWidth & import("./types").MaxHeight, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/build/types/components/DocTable.d.ts

@@ -2,6 +2,6 @@
 import { ThemeProp } from './types';
 declare const Table: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & ThemeProp, import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, {}>;
 export default Table;

package/build/types/components/Dropdown/DropdownUtils.d.ts

@@ -47,10 +47,10 @@ export declare const getOptionsFromChildren: <OptionType extends OptionItem>(chi
 export declare const getCombinedChildren: <OptionType extends OptionItem>(options: OptionType[], children: ReactNode, setValue: SetValueFunc, toggle: toggleFunc, state: StatePieces) => (ReactElement<any, string | import("react").JSXElementConstructor<any>> | null)[];
 export declare const ItemHeader: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & ThemeProp, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const ItemSubtext: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & ThemeProp, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export {};

package/build/types/components/FormControl.d.ts

@@ -2,17 +2,17 @@ import { HTMLProps } from 'react';
 import { Margin, ThemeProp } from './types';
 export declare const ControlContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     labelRight?: boolean | undefined;
     disabled?: boolean | undefined;
 } & Margin & ThemeProp, import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {}>;
 export declare const ControlInput: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & ThemeProp, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
 export declare const ControlLabel: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & ThemeProp, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export type CheckboxAttributes = Omit<HTMLProps<HTMLInputElement>, 'onChange'>;

package/build/types/components/InlineCode.d.ts

@@ -2,6 +2,6 @@
 import { ThemeProp } from './types';
 declare const InlineCode: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & ThemeProp, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
 export default InlineCode;

package/build/types/components/InputHelpers.d.ts

@@ -9,7 +9,7 @@ export declare const useInputFocus: (onFocus?: FocusCallBack, onBlur?: FocusCall
 export declare const isInputFilled: (value?: string | number) => boolean;
 export declare const InputContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     backgroundColor?: string | undefined;
     borderRadius?: string | number | undefined;
@@ -25,13 +25,13 @@ export declare const InputContainer: import("@emotion/styled").StyledComponent<{
 } & import("./types").Width & import("./types").Height & import("./types").Margin & import("./types").Padding & ThemeProp, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const InputWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     readOnly?: boolean | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const Label: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     filled?: boolean | undefined;
     focused?: boolean | undefined;
@@ -39,14 +39,14 @@ export declare const Label: import("@emotion/styled").StyledComponent<{
 } & ThemeProp, import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {}>;
 export declare const Description: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     invalid?: boolean | undefined;
 } & ThemeProp, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 declare const _default: {
     Container: import("@emotion/styled").StyledComponent<{
         theme?: import("@emotion/react").Theme | undefined;
-        as?: import("react").ElementType<any> | undefined;
+        as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
     } & {
         backgroundColor?: string | undefined;
         borderRadius?: string | number | undefined;
@@ -62,13 +62,13 @@ declare const _default: {
     } & import("./types").Width & import("./types").Height & import("./types").Margin & import("./types").Padding & ThemeProp, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
     Wrapper: import("@emotion/styled").StyledComponent<{
         theme?: import("@emotion/react").Theme | undefined;
-        as?: import("react").ElementType<any> | undefined;
+        as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
     } & {
         readOnly?: boolean | undefined;
     }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
     Label: import("@emotion/styled").StyledComponent<{
         theme?: import("@emotion/react").Theme | undefined;
-        as?: import("react").ElementType<any> | undefined;
+        as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
     } & {
         filled?: boolean | undefined;
         focused?: boolean | undefined;
@@ -76,7 +76,7 @@ declare const _default: {
     } & ThemeProp, import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {}>;
     Description: import("@emotion/styled").StyledComponent<{
         theme?: import("@emotion/react").Theme | undefined;
-        as?: import("react").ElementType<any> | undefined;
+        as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
     } & {
         invalid?: boolean | undefined;
     } & ThemeProp, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;