@wavv/ui 1.9.3 → 1.9.5-beta.1

package/build/types/assets/icons/Search.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare function Search(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+export default Search;

package/build/types/assets/icons/Settings.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare function Settings(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+export default Settings;

package/build/types/assets/icons/Share.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const Share: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default Share;

package/build/types/assets/icons/ShieldCheck.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare const ShieldCheck: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default ShieldCheck;

package/build/types/assets/icons/ShieldSlash.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare const ShieldSlash: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default ShieldSlash;

package/build/types/assets/icons/Sort.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare function Sort(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+export default Sort;

package/build/types/assets/icons/Spotify.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare function Spotify(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+export default Spotify;

package/build/types/assets/icons/Star.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare function Star(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+export default Star;

package/build/types/assets/icons/StarOutline.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare function StarOutline(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+export default StarOutline;

package/build/types/assets/icons/Stop.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare function Stop(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+export default Stop;

package/build/types/assets/icons/StopOutline.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare function StopOutline(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+export default StopOutline;

package/build/types/assets/icons/Template.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare function Template(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+export default Template;

package/build/types/assets/icons/ToggleOff.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare function ToggleOff(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+export default ToggleOff;

package/build/types/assets/icons/ToggleOn.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare function ToggleOn(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+export default ToggleOn;

package/build/types/assets/icons/Transfer.d.ts

@@ -0,0 +1,3 @@
+import type { SVGProps } from 'react';
+declare const Transfer: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default Transfer;

package/build/types/assets/icons/TransferCancel.d.ts

@@ -0,0 +1,3 @@
+import type { SVGProps } from 'react';
+declare const TransferCancel: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default TransferCancel;

package/build/types/assets/icons/Trash.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare function Trash(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+export default Trash;

package/build/types/assets/icons/Twitter.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare function Twitter(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+export default Twitter;

package/build/types/assets/icons/Upload.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare function Upload(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+export default Upload;

package/build/types/assets/icons/Video.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare function Video(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+export default Video;

package/build/types/assets/icons/Voicemail.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare function Voicemail(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+export default Voicemail;

package/build/types/assets/icons/VolOn.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare function VolOn(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+export default VolOn;

package/build/types/assets/icons/Warning.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare function Warning(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+export default Warning;

package/build/types/assets/icons/WarningCircleOutline.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare function WarningCircleOutline(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+export default WarningCircleOutline;

package/build/types/assets/icons/Youtube.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare function Youtube(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+export default Youtube;

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

@@ -0,0 +1,45 @@
+import { ReactNode } from 'react';
+import { Margin } from './types';
+type TriggerProp = {
+    reversed?: boolean;
+    spaced?: boolean;
+};
+type AccordionProps = {
+    children: ReactNode;
+    /** The id of the Item that should be open by default */
+    defaultItem?: string;
+    /** Prevents all Items from being closed at the same time */
+    preventCollapse?: boolean;
+    /** Config options to customize the Accordion's trigger elements */
+    triggers?: TriggerProp;
+    /** Adds space between Items as well as rounded styles */
+    spaced?: boolean;
+    /** The background color of Items */
+    background?: string;
+    /** The background color of Item drawers */
+    innerBackground?: string;
+    /** The width of the Accordion */
+    width?: number | string;
+    /** The maxHeight of the Accordion. Drawers will scroll to accommodate */
+    maxHeight?: number | string;
+    /** The height of the Accordion. Drawers will scroll to accommodate */
+    height?: number | string;
+} & Margin;
+declare const Accordion: {
+    ({ children, defaultItem, preventCollapse, triggers, spaced, background, innerBackground, width, maxHeight, height, ...rest }: AccordionProps): import("react/jsx-runtime").JSX.Element;
+    Item({ children, id, text, content, trigger, spaced, background, innerBackground }: ItemProps): import("react/jsx-runtime").JSX.Element;
+};
+type ItemProps = {
+    /** The id of the Item */
+    id: string;
+    /** The text to display on the Item */
+    text?: string;
+    /** Any other UI that needs to be displayed alongside the trigger */
+    content?: ReactNode;
+    children: ReactNode;
+    trigger?: TriggerProp;
+    spaced?: boolean;
+    background?: string;
+    innerBackground?: string;
+};
+export default Accordion;

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

@@ -0,0 +1,29 @@
+import { ChangeEvent, HTMLProps } from 'react';
+import { Margin, Width, As, AudioRef } from './types';
+type AudioProps = {
+    /** The filepath of the audio source */
+    src: string;
+    /** The title of the audio source to be displayed */
+    title?: string;
+    /** Sets the position of the display info in relation to the duration slider */
+    infoPosition?: 'top' | 'bottom';
+    /** Center aligns the slider and info elements with the button */
+    centerAlignContent?: boolean;
+    /** Hides the slider control while not playing */
+    hideSliderOnStop?: boolean;
+    /** Hides the time display while not playing */
+    hideTimeOnStop?: boolean;
+    /** Reduces the size of the Audio play button */
+    small?: boolean;
+    /** Hides the duration slider */
+    collapsed?: boolean;
+    /** Font size of the audio title */
+    fontSizeTitle?: number | string;
+    /** Font size of the audio time */
+    fontSizeTime?: number | string;
+    onPlay?: (event: ChangeEvent<HTMLAudioElement>) => void;
+    onPause?: (event: ChangeEvent<HTMLAudioElement>) => void;
+    onStop?: (event: ChangeEvent<HTMLAudioElement>) => void;
+} & Margin & Width & As & HTMLProps<HTMLDivElement>;
+declare const Audio: import("react").ForwardRefExoticComponent<Omit<AudioProps, "ref"> & import("react").RefAttributes<AudioRef>>;
+export default Audio;

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

@@ -0,0 +1,25 @@
+import { ChartProps } from './ChartHelpers';
+type Props = {
+    /** Stacks multiple data points within a single bar */
+    stacked?: boolean;
+    /** Orients the bars outward from the Y axis */
+    vertical?: boolean;
+    /** The gap between two bars in the same category */
+    barGap?: number;
+    /** The gap between two bar categories */
+    barCategoryGap?: number;
+    /** The thickness of each bar */
+    barSize?: number;
+    /** The maximum thickness of each bar */
+    maxBarSize?: number;
+    /** Removes the labels from the Y axis */
+    hideYLabels?: boolean;
+    /** Removes the labels from the X axis */
+    hideXLabels?: boolean;
+    /** The height of the X axis */
+    xAxisHeight?: number;
+    /** The width of the Y axis */
+    yAxisWidth?: number;
+} & ChartProps;
+declare const BarChart: ({ data, legend, keys, stacked, barGap, barCategoryGap, barSize, maxBarSize, vertical, hideYLabels, hideXLabels, xAxisHeight, yAxisWidth, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
+export default BarChart;

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

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { Margin } from '../types';
+import { BasicButtonProps, ButtonComponentProps } from './ButtonTypes';
+/** Button Component */
+declare const Button: {
+    (props: ButtonComponentProps): import("react/jsx-runtime").JSX.Element;
+    Group: ({ children, disabled, outline, size, small, large, secondary, negative, positive, caution, collapse, ...props }: {
+        children: (import("react").ReactElement<BasicButtonProps | ButtonComponentProps, string | import("react").JSXElementConstructor<any>> | import("react").ReactElement<import("../Tooltip").TooltipProps, string | import("react").JSXElementConstructor<any>>) | (import("react").ReactElement<BasicButtonProps | ButtonComponentProps, string | import("react").JSXElementConstructor<any>> | import("react").ReactElement<import("../Tooltip").TooltipProps, string | import("react").JSXElementConstructor<any>>)[];
+        disabled?: boolean | undefined;
+        size?: "small" | "large" | "medium" | undefined;
+        small?: boolean | undefined;
+        large?: boolean | undefined;
+        outline?: boolean | undefined;
+        collapse?: boolean | undefined;
+    } & import("./ButtonTypes").ButtonStyles & Margin & import("../types").Width) => import("react/jsx-runtime").JSX.Element | null;
+};
+export default Button;

package/build/types/components/Button/ButtonLoader.d.ts

@@ -0,0 +1,4 @@
+declare const ButtonLoader: ({ size }: {
+    size?: number | undefined;
+}) => import("react/jsx-runtime").JSX.Element;
+export default ButtonLoader;

package/build/types/components/Button/ButtonTypes.d.ts

@@ -0,0 +1,150 @@
+import { HTMLProps, MouseEvent, ReactNode } from 'react';
+import { OptionItem } from '../Dropdown/DropdownUtils';
+import { IconNames } from '../Icon/icons';
+import { Margin, As } from '../types';
+type ButtonAttributes = Omit<HTMLProps<HTMLButtonElement>, 'as' | 'type' | 'size'> & {
+    type?: 'button' | 'reset' | 'submit';
+} & As;
+type ButtonBaseProps = {
+    children?: ReactNode;
+    joined?: 'left' | 'right' | 'middle';
+    hideJoinedBorder?: boolean;
+    joinedPadding?: number;
+    preventPointerEvents?: boolean;
+    /** Gives the button a semi-transparent background with a solid border */
+    outline?: boolean;
+    /** Prevents the button from being clicked */
+    disabled?: boolean;
+    /** Adds an icon for the specific icon name to the button */
+    icon?: IconNames;
+    /** Positions the icon to the left or right of the button text */
+    iconPosition?: 'left' | 'right';
+    /** Sets the icon's color independently of the button's color */
+    iconColor?: string;
+    /** Defines the size of the button */
+    size?: 'small' | 'medium' | 'large';
+    /** Reduces the size of the button */
+    small?: boolean;
+    /** Increases the size of the button */
+    large?: boolean;
+    /** Adds a loading icon over the top of the button contents */
+    isLoading?: boolean;
+    /** Removes the text on a button if the button has an icon */
+    collapse?: boolean;
+    /** CSS Animation shorthand property */
+    animation?: string;
+    /** CSS Animation shorthand property for the icon */
+    iconAnimation?: string;
+    /** The function to be called when the button is clicked */
+    onClick?: (event: MouseEvent) => void;
+    /** Sets the text backgroundColor of the button */
+    backgroundColor?: string;
+    /** Sets the text color of the button */
+    color?: string;
+} & ButtonAttributes;
+type ButtonStyleProps = {
+    /** Displays a button with secondary colors */
+    secondary?: boolean;
+    /** Displays a red button */
+    negative?: boolean;
+    /** Displays a green button */
+    positive?: boolean;
+    /** Displays a yellow button */
+    caution?: boolean;
+    /** Displays a button with a background on hover or active */
+    subtle?: boolean;
+    /** Displays a button with no background or padding */
+    link?: boolean;
+    /** Displays a fully rounded button with a fixed width and height */
+    circle?: boolean;
+};
+type Primary = {
+    /** Displays a button with secondary colors */
+    secondary?: never;
+    /** Displays a red button */
+    negative?: never;
+    /** Displays a green button */
+    positive?: never;
+    /** Displays a yellow button */
+    caution?: never;
+};
+type Secondary = {
+    secondary?: boolean;
+    negative?: never;
+    positive?: never;
+    caution?: never;
+};
+type Negative = {
+    negative?: boolean;
+    secondary?: never;
+    positive?: never;
+    caution?: never;
+};
+type Positive = {
+    positive?: boolean;
+    negative?: never;
+    caution?: never;
+    secondary?: never;
+};
+type Caution = {
+    caution?: boolean;
+    positive?: never;
+    negative?: never;
+    secondary?: never;
+};
+export type ButtonStyles = Primary | Secondary | Negative | Positive | Caution;
+export type BasicButtonProps = ButtonBaseProps & ButtonStyleProps;
+export type DropdownProps = {
+    dropdown?: false;
+    options?: never;
+    direction?: never;
+    afterShow?: never;
+    afterHide?: never;
+    zIndex?: never;
+    disableScrollLock?: never;
+    hideDivider?: never;
+    gap?: never;
+    buttonDisabled?: never;
+    optionsDisabled?: never;
+} | {
+    /** Adds a dropdown button to the main button, allowing for multiple button options */
+    dropdown: true;
+    /** The dropdown options array of { id: string; label: string; action: () => void; } */
+    options: OptionItem[];
+    /** The direction the options should open in relation to the button  */
+    direction?: 'top' | 'bottom';
+    /** The function to be called when the options are opened */
+    afterShow?: () => void;
+    /** The function to be called when the options are closed */
+    afterHide?: () => void;
+    /** zIndex of the menu's portal container */
+    zIndex?: number;
+    /** Enables the page to scroll when the menu is open */
+    disableScrollLock?: boolean;
+    /** Hides the dividing border between the main button and the dropdown trigger button */
+    hideDivider?: boolean;
+    /** The padding on each side of the divider between the main button and the dropdown trigger button */
+    gap?: number;
+    /** Disable only the button side of the button dropdown */
+    buttonDisabled?: boolean;
+    /** Disable only the options side of the button dropdown */
+    optionsDisabled?: boolean;
+};
+export type ButtonDropdownProps = {
+    options: OptionItem[];
+    direction?: 'top' | 'bottom';
+    afterShow?: () => void;
+    afterHide?: () => void;
+    zIndex?: number;
+    disableScrollLock?: boolean;
+    hideDivider?: boolean;
+    gap?: number;
+    buttonDisabled?: boolean;
+    optionsDisabled?: boolean;
+} & BasicButtonProps;
+export type ButtonComponentProps = {
+    /** Sets the text of the button */
+    content?: string;
+    joined?: never;
+} & BasicButtonProps & DropdownProps & Margin;
+export {};

package/build/types/components/Button/Group.d.ts

@@ -0,0 +1,18 @@
+import { ReactElement } from 'react';
+import { BasicButtonProps, ButtonComponentProps, ButtonStyles } from './ButtonTypes';
+import { TooltipProps } from '../Tooltip';
+import { Margin, Width } from '../types';
+type ButtonChild = ReactElement<ButtonComponentProps | BasicButtonProps>;
+type TooltipChild = ReactElement<TooltipProps>;
+type GroupChild = ButtonChild | TooltipChild;
+type GroupProps = {
+    children: GroupChild | GroupChild[];
+    disabled?: boolean;
+    size?: 'small' | 'medium' | 'large';
+    small?: boolean;
+    large?: boolean;
+    outline?: boolean;
+    collapse?: boolean;
+} & ButtonStyles & Margin & Width;
+declare const Group: ({ children, disabled, outline, size, small, large, secondary, negative, positive, caution, collapse, ...props }: GroupProps) => import("react/jsx-runtime").JSX.Element | null;
+export default Group;

package/build/types/components/Button/index.d.ts

@@ -0,0 +1,2 @@
+import Button from './Button';
+export default Button;

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

@@ -0,0 +1,14 @@
+type CalendarProps = {
+    /** Optional date the initial selected calendar day should be set to. */
+    date?: Date;
+    /** The function to be called when a date is selected */
+    onChange: (date: Date) => void;
+    /** Prevents selection of dates in the past (relative to the set date or current date). */
+    preventPast?: boolean | Date;
+    /** Prevents selection of dates in the futurepast (relative to the set date or current date). */
+    preventFuture?: boolean | Date;
+    /** Removes the Calendar's boxShadow */
+    noShadow?: boolean;
+};
+declare const Calendar: ({ date, onChange, preventPast, preventFuture, noShadow }: CalendarProps) => import("react/jsx-runtime").JSX.Element;
+export default Calendar;

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

@@ -0,0 +1,36 @@
+/// <reference types="react" />
+import { TooltipProps } from 'recharts';
+import { Payload } from 'recharts/types/component/DefaultLegendContent';
+import { Margin, MaxWidthHeight, WidthHeight } from './types';
+type ChartData = {
+    name: string;
+};
+export type KeyData = {
+    key: string;
+    color: string;
+    hidden?: boolean;
+};
+export type ChartProps = {
+    /** The chart data array */
+    data: ChartData[];
+    /** Designates the chart colors corresponding to the chart's data properties */
+    keys: KeyData[];
+    /** Displays a data legend beneath the chart */
+    legend?: boolean;
+    /** Allows the chart to grow and shrink (default if no explicit width) */
+    responsive?: boolean;
+} & Margin & WidthHeight & MaxWidthHeight;
+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;
+} & {
+    responsive?: boolean | undefined;
+} & Margin & import("./types").Width & import("./types").Height & import("./types").MaxWidth & import("./types").MaxHeight, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const TooltipContent: ({ active, payload, label }: TooltipProps<number, string>) => import("react/jsx-runtime").JSX.Element | null;
+export declare const Tooltip: () => import("react/jsx-runtime").JSX.Element;
+export declare const LegendContent: ({ payload, toggleData, }: {
+    payload?: Payload[] | undefined;
+    toggleData?: ((item: Payload) => void) | undefined;
+}) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,20 @@
+import { CheckboxAttributes } from './FormControl';
+import { Margin, As } from './types';
+type CheckboxProps = {
+    /** Id of the input element */
+    id?: string;
+    /** Places a label element beside the checkbox. The value will set the text of the label */
+    label?: string;
+    /** Sets the label on the left or right of the checkbox */
+    labelPosition?: 'left' | 'right';
+    /** Disables the checkbox */
+    disabled?: boolean;
+    /** Controls the checked property of the checkbox */
+    checked?: boolean;
+    /** Sets the checkbox to an indeterminate state */
+    partial?: boolean;
+    /** The function called with the checkbox value after the checkbox is changed */
+    onChange: (val: boolean) => void;
+} & Margin & As & CheckboxAttributes;
+declare const Checkbox: ({ id, label, labelPosition, checked, partial, disabled, onChange, margin, marginTop, marginBottom, marginRight, marginLeft, ...props }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;
+export default Checkbox;

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

@@ -0,0 +1,26 @@
+import { Margin } from '../types';
+type RestLanguage = 'rest-get' | 'rest-post' | 'rest-put' | 'rest-delete' | 'rest-options';
+type BaseLanguages = 'jsx' | 'tsx' | 'swift' | 'kotlin' | 'objectivec' | 'js-extras' | 'reason' | 'rust' | 'graphql' | 'yaml' | 'go' | 'cpp' | 'markdown';
+type WithChildren = {
+    /** The string to be rendered in the code snippet */
+    children: string;
+    /** The alternative to passing the code snippet in as a child */
+    code?: never;
+};
+type WithCode = {
+    code: string;
+    children?: never;
+};
+type Children = WithChildren | WithCode;
+type CodeProps = {
+    /** The metadata string passed in by MDX */
+    className?: string;
+    /** The syntax language to be used for the code snippet */
+    lang?: BaseLanguages | RestLanguage | string;
+    /** The line numbers in the code snippet that should be highlighted */
+    lineHighlights?: string;
+    /** Hides the line numbers in the code snippet */
+    noNumbers?: boolean;
+} & Children & Margin;
+declare const Code: ({ children, code, className: metaData, lang: langProp, lineHighlights: lineHighlightsProp, noNumbers: noNumbersProp, margin, marginTop, marginBottom, marginRight, marginLeft, }: CodeProps) => import("react/jsx-runtime").JSX.Element;
+export default Code;

package/build/types/components/Code/Copy.d.ts

@@ -0,0 +1,4 @@
+declare const Copy: ({ content }: {
+    content: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export default Copy;

package/build/types/components/Code/Endpoint.d.ts

@@ -0,0 +1,5 @@
+declare const Endpoint: ({ method, url }: {
+    method: string;
+    url: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export default Endpoint;

package/build/types/components/Code/index.d.ts

@@ -0,0 +1,2 @@
+import Code from './Code';
+export default Code;

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

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

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

@@ -0,0 +1,56 @@
+import { KeyboardEvent, CSSProperties as CSS } from 'react';
+import { EditorChangeType } from 'draft-js';
+import { DraftEditorRef, InputFocusEvent, Margin, MergeField } from './types';
+declare const DraftEditor: import("react").ForwardRefExoticComponent<{
+    /** Controlled text value of the editor */
+    value: string;
+    /** Function called after editor change with the text value and boolean indicating missing merge fields */
+    onChange?: ((text: string, hasMissing: boolean, reason: EditorChangeType | null) => void) | undefined;
+    /** Function called after the enter key is pressed */
+    onEnterKey?: ((e: KeyboardEvent) => void) | undefined;
+    /** Callback run after onFocus event */
+    onFocus?: ((event?: InputFocusEvent) => void) | undefined;
+    /** Callback run after onBlur event */
+    onBlur?: ((event?: InputFocusEvent) => void) | undefined;
+    /** Array of MergeFields ({ id: string, label: string, value?: string }) for the editor to use/parse */
+    mergeFields?: MergeField[] | undefined;
+    /** Placeholder text of editor when value is empty */
+    placeholder?: string | undefined;
+    /** Places a description message below the editor */
+    description?: string | undefined;
+    /** Sets the Editor's bottom border and description text to red */
+    invalid?: boolean | undefined;
+    /** Width of the editor */
+    width?: string | number | undefined;
+    /** Height of the editor */
+    height?: number | undefined;
+    /** Max Height of the editor. Editor contents will scroll after this height is reached */
+    maxHeight?: number | undefined;
+    /** Removes the border from the editor */
+    borderless?: boolean | undefined;
+    /** Removes the padding from the editor */
+    noPadding?: boolean | undefined;
+    /** Disables any editing capability of the editor */
+    readOnly?: boolean | undefined;
+    /** Displays the value of the merge field rather than the label */
+    displayMergedValues?: boolean | undefined;
+    /** Sets the text color of the editor */
+    color?: string | undefined;
+    /** Sets the overflow css value of the editor */
+    overflow?: CSS['overflow'];
+    /** Truncates the editor text to the number of lines specified and adds an ellipsis textOverflow */
+    clampLines?: number | undefined;
+    /** Places a label element above the input. The value will set the text of the label */
+    label?: string | undefined;
+    /** Disables the input */
+    disabled?: boolean | undefined;
+    /** Sets the input borderRadius */
+    borderRadius?: string | number | undefined;
+    /** Sets the input backgroundColor */
+    backgroundColor?: string | undefined;
+    /** Sets the editor fontSize */
+    fontSize?: string | number | undefined;
+    /** Removes the border, padding, and backgroundColor from the DraftEditor */
+    textOnly?: boolean | undefined;
+} & Margin & import("react").RefAttributes<DraftEditorRef>>;
+export default DraftEditor;