@wavv/ui 2.2.0 → 2.2.2-alpha.1

package/build/index.d.ts

@@ -1,4016 +1,89 @@
-import * as react from 'react';
-import { HTMLProps, ReactNode, JSX, ReactElement, ElementType, RefObject, FocusEvent, ChangeEvent, KeyboardEvent, CSSProperties, FormEvent, MouseEvent } from 'react';
-import * as react_aria_components from 'react-aria-components';
-import { TooltipTriggerComponentProps, ValidationResult, DisclosureGroupProps, Key, PopoverProps, PressEvent, ButtonProps, CalendarProps, CheckboxProps, ComboBoxProps, DialogProps, MenuItemProps as MenuItemProps$1, MenuProps as MenuProps$2, DatePickerProps, DateValue, DateRangePickerProps, TextFieldProps, NumberFieldProps, SearchFieldProps, TimeFieldProps, TimeValue, HeadingProps, RangeCalendarProps, SelectProps as SelectProps$2, TableProps, TabsProps, TabListProps, TabProps, TabPanelProps, TreeProps, ToggleButtonProps, ToggleButtonGroupProps } from 'react-aria-components';
-export { Selection } from 'react-aria-components';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { IconName as IconName$1 } from 'lucide-react/dynamic';
-import * as _emotion_styled from '@emotion/styled';
-import * as _emotion_react from '@emotion/react';
-import { CSSObject } from '@emotion/react';
-import { CalendarDate } from '@internationalized/date';
-import { EditorChangeType } from 'draft-js';
-import { JSONContent } from '@tiptap/react';
-
-type Attributes<T> = Omit<HTMLProps<T>, 'onChange' | 'as'>;
-
-declare function CaretDown(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function CaretUp(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function Dialpad(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function Record(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function Spotify(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare const customIcons: {
-    'caret-down': typeof CaretDown;
-    'caret-up': typeof CaretUp;
-    dialpad: typeof Dialpad;
-    exclamation: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
-    phone: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
-    'phone-add': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
-    'phone-blocked': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
-    'phone-callback': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
-    'phone-end': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
-    'phone-forward': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
-    'phone-history': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
-    'phone-hold': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
-    'phone-incoming': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
-    'phone-missed': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
-    'phone-talk': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
-    'phone-transfer': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
-    record: typeof Record;
-    screenshot: (props: React.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
-    'shield-wavv': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
-    spotify: typeof Spotify;
-    'sub-arrow': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
-    'transfer-cancel': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
-};
-type CustomIconNames = keyof typeof customIcons;
-
-declare const icons: {
-    readonly 'activity-history': "id-card";
-    readonly add: "plus";
-    readonly 'add-circle': "circle-plus";
-    readonly 'add-person': "user-round-plus";
-    readonly 'arrow-down': "arrow-down";
-    readonly 'arrow-left': "arrow-left";
-    readonly 'arrow-right': "arrow-right";
-    readonly 'arrow-up': "arrow-up";
-    readonly attachment: "paperclip";
-    readonly auto: "refresh-ccw-dot";
-    readonly bell: "bell";
-    readonly 'bell-dot': "bell-dot";
-    readonly blockquote: "text-quote";
-    readonly bold: "bold";
-    readonly bot: "bot";
-    readonly bug: "bug";
-    readonly bulb: "lightbulb";
-    readonly calendar: "calendar-days";
-    readonly camera: "camera";
-    readonly card: "credit-card";
-    readonly check: "check";
-    readonly 'check-badge': "badge-check";
-    readonly 'check-circle': "circle-check";
-    readonly 'chevron-down': "chevron-down";
-    readonly 'chevron-left': "chevron-left";
-    readonly 'chevron-right': "chevron-right";
-    readonly 'chevron-up': "chevron-up";
-    readonly circle: "circle";
-    readonly clapperboard: "clapperboard";
-    readonly close: "x";
-    readonly 'close-circle': "circle-x";
-    readonly copy: "copy";
-    readonly 'copy-check': "copy-check";
-    readonly 'copy-plus': "copy-plus";
-    readonly cycle: "refresh-cw";
-    readonly dash: "minus";
-    readonly devices: "monitor-smartphone";
-    readonly 'double-arrow-left': "chevrons-left";
-    readonly 'double-arrow-right': "chevrons-right";
-    readonly download: "download";
-    readonly drag: "grip-vertical";
-    readonly edit: "pencil";
-    readonly 'emoji-happy': "smile";
-    readonly 'emoji-neutral': "meh";
-    readonly 'emoji-sad': "frown";
-    readonly 'eye-off': "eye-off";
-    readonly 'eye-on': "eye";
-    readonly facebook: "facebook";
-    readonly filter: "list-filter";
-    readonly flag: "flag";
-    readonly flask: "flask-conical";
-    readonly funnel: "funnel";
-    readonly globe: "globe";
-    readonly group: "users";
-    readonly hash: "hash";
-    readonly heading: "heading";
-    readonly 'heading-1': "heading-1";
-    readonly 'heading-2': "heading-2";
-    readonly 'heading-3': "heading-3";
-    readonly 'heading-4': "heading-4";
-    readonly 'heading-5': "heading-5";
-    readonly 'heading-6': "heading-6";
-    readonly headset: "headset";
-    readonly hearing: "ear";
-    readonly heart: "heart";
-    readonly help: "circle-question-mark";
-    readonly highlight: "highlighter";
-    readonly home: "house";
-    readonly hourglass: "hourglass";
-    readonly info: "info";
-    readonly instagram: "instagram";
-    readonly italic: "italic";
-    readonly join: "log-in";
-    readonly 'kebab-menu': "ellipsis-vertical";
-    readonly kanban: "kanban";
-    readonly 'layout-dashboard': "layout-dashboard";
-    readonly link: "link";
-    readonly linkedin: "linkedin";
-    readonly 'list-bullet': "list";
-    readonly 'list-checks': "list-checks";
-    readonly 'list-ordered': "list-ordered";
-    readonly 'list-task': "list-todo";
-    readonly loading: "loader";
-    readonly 'local-area': "map-pinned";
-    readonly location: "map-pin";
-    readonly logout: "log-out";
-    readonly maximize: "maximize-2";
-    readonly menu: "menu";
-    readonly merge: "merge";
-    readonly 'merge-field': "braces";
-    readonly message: "message-square-more";
-    readonly mic: "mic";
-    readonly 'mic-off': "mic-off";
-    readonly minimize: "minimize-2";
-    readonly mobile: "smartphone";
-    readonly 'not-allowed': "ban";
-    readonly notes: "notebook-pen";
-    readonly open: "external-link";
-    readonly paragraph: "pilcrow";
-    readonly pause: "pause";
-    readonly 'pause-circle': "circle-pause";
-    readonly person: "user-round";
-    readonly play: "play";
-    readonly 'play-circle': "circle-play";
-    readonly priority: "arrow-up-wide-narrow";
-    readonly 'profile-user': "circle-user-round";
-    readonly redo: "redo";
-    readonly refresh: "rotate-cw";
-    readonly rocket: "rocket";
-    readonly schedule: "clock";
-    readonly search: "search";
-    readonly settings: "settings";
-    readonly share: "share-2";
-    readonly 'share-arrow': "share";
-    readonly shield: "shield";
-    readonly 'shield-check': "shield-check";
-    readonly 'shield-health': "shield-plus";
-    readonly 'shield-slash': "shield-off";
-    readonly sort: "arrow-down-wide-narrow";
-    readonly 'sort-arrows': "chevrons-up-down";
-    readonly 'square-stack': "square-stack";
-    readonly stack: "layers-2";
-    readonly star: "star";
-    readonly stars: "sparkles";
-    readonly stats: "chart-column";
-    readonly stop: "square";
-    readonly 'stop-circle': "circle-stop";
-    readonly strikethrough: "strikethrough";
-    readonly template: "file-text";
-    readonly transfer: "arrow-right-left";
-    readonly trash: "trash-2";
-    readonly trophy: "trophy";
-    readonly underline: "underline";
-    readonly undo: "undo";
-    readonly upload: "upload";
-    readonly video: "video";
-    readonly voicemail: "voicemail";
-    readonly 'vol-on': "volume-2";
-    readonly warning: "triangle-alert";
-    readonly 'warning-circle': "circle-alert";
-    readonly youtube: "youtube";
-};
-type IconNames = keyof typeof icons;
-
-type IconName = IconNames | CustomIconNames;
-type ElAttributes$b = Omit<Attributes<HTMLDivElement>, 'size'>;
-type ConditionalProps = {
-    /** Name of the specific icon to use */
-    name: IconName;
-    external?: never;
-    svg?: never;
-    width?: never;
-    height?: never;
-} | {
-    external: IconName$1;
-    name?: never;
-    svg?: never;
-    width?: never;
-    height?: never;
-} | {
-    /** The SVG element to wrap with the Icon component */
-    svg: ReactNode | (() => JSX.Element);
-    /** Sets the width of the icon */
-    width?: number | string;
-    /** Sets the height of the icon */
-    height?: number | string;
-    name?: never;
-    external?: never;
-};
-type IconProps = {
-    /** Sets the width and height of the icon */
-    size?: Sizes | number;
-    /** Sets the color of the icon */
-    color?: string;
-    /** Sets the color of the icon when hovered */
-    hoverColor?: string;
-    /** Sets the cursor as a pointer when hovered */
-    pointer?: boolean;
-    /** CSS Animation shorthand property */
-    animation?: string;
-    /** Sets the style prop of the Icon wrapper element */
-    style?: {
-        [key: string]: string | number;
-    };
-    ref?: React.Ref<HTMLDivElement>;
-} & ConditionalProps & MarginPadding & AsProp & ElAttributes$b;
-declare const Icon: ({ name, svg, external, size, width, height, color, hoverColor, pointer, animation, style, onClick, ref, ...props }: IconProps) => react_jsx_runtime.JSX.Element | null;
-
-type TooltipProps = {
-    children?: ReactNode;
-    /** The element that will trigger the opening of the Tooltip */
-    trigger: ReactNode;
-    /** Props to pass to the trigger's container element */
-    triggerProps?: Attributes<HTMLSpanElement>;
-    /** The text content of the Tooltip */
-    content?: string;
-    /** The position of the Tooltip body and arrow in relation to the trigger */
-    position?: Placement;
-    /** Offset of the Tooltip from the trigger */
-    offset?: number;
-    /** zIndex of the Tooltip's portal container */
-    zIndex?: number;
-    /** The width of the Tooltip element */
-    width?: number | string;
-    /** The maxWidth of the Tooltip element */
-    maxWidth?: number | string;
-    /** The textAlignment of the Tooltip text */
-    textAlign?: 'left' | 'right' | 'center';
-    /** Controls the open state of the Tooltip */
-    open?: boolean;
-    /** Prevents the Tooltip from opening */
-    disabled?: boolean;
-    /** The backgroundColor of the Tooltip element */
-    bgColor?: string;
-    /** The text color of the Tooltip element */
-    color?: string;
-    className?: string;
-    /** The function called after the Tooltip opens */
-    afterShow?: () => void;
-    /** The function called after the Tooltip closes */
-    afterHide?: () => void;
-} & Omit<TooltipTriggerComponentProps, 'children' | 'trigger' | 'isDisabled' | 'isOpen'>;
-declare const Tooltip: {
-    ({ trigger, triggerProps, children, content, position, offset, zIndex, width, maxWidth, textAlign, open, disabled, bgColor, color, className, afterShow, afterHide, ...props }: TooltipProps): react_jsx_runtime.JSX.Element;
-    Header: _emotion_styled.StyledComponent<{
-        theme?: _emotion_react.Theme;
-        as?: React.ElementType;
-    } & ThemeProp, react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-    Body: _emotion_styled.StyledComponent<{
-        theme?: _emotion_react.Theme;
-        as?: React.ElementType;
-    } & ThemeProp, react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-};
-
-type IconType = IconName | IconProps | ReactElement<IconProps> | ReactElement<TooltipProps>;
-
-declare const colors: {
-    logo1: string;
-    logo2: string;
-    logo3: string;
-    brand: string;
-    brandShade1: string;
-    brandShade2: string;
-    brandDark: string;
-    brandDarkShade1: string;
-    brandTint0: string;
-    brandTint1: string;
-    brandTint2: string;
-    brandTint3: string;
-    brandTint4: string;
-    brandBackground0: string;
-    brandBackground1: string;
-    brandBackground2: string;
-    brandBackground3: string;
-    brandBackground4: string;
-    brandBackground5: string;
-    error: string;
-    errorShade1: string;
-    errorShade2: string;
-    errorTint0: string;
-    errorTint1: string;
-    errorTint2: string;
-    warning: string;
-    warningShade1: string;
-    warningShade2: string;
-    warningTint0: string;
-    warningTint1: string;
-    warningTint2: string;
-    alert: string;
-    alertShade1: string;
-    alertShade2: string;
-    alertTint0: string;
-    alertTint1: string;
-    alertTint2: string;
-    success: string;
-    successShade1: string;
-    successShade2: string;
-    successTint0: string;
-    successTint1: string;
-    successTint2: string;
-    grayscale0: string;
-    grayscale1: string;
-    grayscale2: string;
-    grayscale3: string;
-    grayscale4: string;
-    grayscale5: string;
-    grayscale6: string;
-    grayscale7: string;
-    grayscale8: string;
-    grayscale9: string;
-    grayscale10: string;
-    contrast0: string;
-    contrast1: string;
-    contrast2: string;
-    contrast3: string;
-    contrast4: string;
-    contrast5: string;
-    contrast6: string;
-    contrast7: string;
-    contrast8: string;
-    contrast9: string;
-    contrast10: string;
-};
-
-interface IColors {
-    /** #0074F4 */
-    logo1: string;
-    /** #00A9E2 */
-    logo2: string;
-    /** #67C728 */
-    logo3: string;
-    /** #0074F4 */
-    brand: string;
-    /** #0068DC */
-    brandShade1: string;
-    /** #005DC3 */
-    brandShade2: string;
-    /** #4C9EF7 */
-    brandDark: string;
-    /** #5EA8F8 */
-    brandDarkShade1: string;
-    /** 5% of #0074F4 */
-    brandTint0: string;
-    /** 10% of #0074F4 */
-    brandTint1: string;
-    /** 20% of #0074F4 */
-    brandTint2: string;
-    /** 30% of #0074F4 */
-    brandTint3: string;
-    /** 40% of #0074F4 */
-    brandTint4: string;
-    /** #001828 */
-    brandBackground0: string;
-    /** #0D2433 */
-    brandBackground1: string;
-    /** #192F3D */
-    brandBackground2: string;
-    /** #334653 */
-    brandBackground3: string;
-    /** #475964 */
-    brandBackground4: string;
-    /** #596A74 */
-    brandBackground5: string;
-    /** #FF6068 */
-    error: string;
-    /** #E6565E */
-    errorShade1: string;
-    /** #CC4D53 */
-    errorShade2: string;
-    /** 5% of #FF6068 */
-    errorTint0: string;
-    /** 10% of #FF6068 */
-    errorTint1: string;
-    /** 20% of #FF6068 */
-    errorTint2: string;
-    /** #FF9900 */
-    warning: string;
-    /** #E68A00 */
-    warningShade1: string;
-    /** #CC7A00 */
-    warningShade2: string;
-    /** 5% of #FF9900 */
-    warningTint0: string;
-    /** 10% of #FF9900 */
-    warningTint1: string;
-    /** 20% of #FF9900 */
-    warningTint2: string;
-    /** #F0BB00 */
-    alert: string;
-    /** #E4B200 */
-    alertShade1: string;
-    /** #C09600 */
-    alertShade2: string;
-    /** 5% of #F0BB00 */
-    alertTint0: string;
-    /** 10% of #F0BB00 */
-    alertTint1: string;
-    /** 20% of #F0BB00 */
-    alertTint2: string;
-    /** #00C242 */
-    success: string;
-    /** #00AF3B */
-    successShade1: string;
-    /** #009B35 */
-    successShade2: string;
-    /** 5% of #00C242 */
-    successTint0: string;
-    /** 10% of #00C242 */
-    successTint1: string;
-    /** 20% of #00C242 */
-    successTint2: string;
-    /** 5% of #001D32 */
-    grayscale0: string;
-    /** 10% of #001D32 */
-    grayscale1: string;
-    /** 20% of #001D32 */
-    grayscale2: string;
-    /** 30% of #001D32 */
-    grayscale3: string;
-    /** 40% of #001D32 */
-    grayscale4: string;
-    /** 50% of #001D32 */
-    grayscale5: string;
-    /** 60% of #001D32 */
-    grayscale6: string;
-    /** 70% of #001D32 */
-    grayscale7: string;
-    /** 80% of #001D32 */
-    grayscale8: string;
-    /** 90% of #001D32 */
-    grayscale9: string;
-    /** #001D32 */
-    grayscale10: string;
-    /** 5% of #FFFFFF */
-    contrast0: string;
-    /** 10% of #FFFFFF */
-    contrast1: string;
-    /** 20% of #FFFFFF */
-    contrast2: string;
-    /** 30% of #FFFFFF */
-    contrast3: string;
-    /** 40% of #FFFFFF */
-    contrast4: string;
-    /** 50% of #FFFFFF */
-    contrast5: string;
-    /** 60% of #FFFFFF */
-    contrast6: string;
-    /** 70% of #FFFFFF */
-    contrast7: string;
-    /** 80% of #FFFFFF */
-    contrast8: string;
-    /** 90% of #FFFFFF */
-    contrast9: string;
-    /** #FFFFFF */
-    contrast10: string;
-}
-type ColorNames = keyof typeof colors;
-
-type ButtonSize = {
-    height: number;
-    iconSize: number;
-    font: number;
-    padding: number;
-    iconOnlyPadding: number;
-};
-type LinkColors = {
-    secondaryColor: {
-        default: string;
-        hover: string;
-        active: string;
-    };
-    positiveColor: {
-        default: string;
-        hover: string;
-        active: string;
-    };
-    negativeColor: {
-        default: string;
-        hover: string;
-        active: string;
-    };
-    cautionColor: {
-        default: string;
-        hover: string;
-        active: string;
-    };
-};
-type ButtonState = {
-    color: {
-        default: string;
-        hover: string;
-        active: string;
-    };
-    outlineColor: {
-        default: string;
-        hover: string;
-        active: string;
-    };
-    background: {
-        default: string;
-        hover: string;
-        active: string;
-    };
-    outlineBackground: {
-        default: string;
-        hover: string;
-        active: string;
-    };
-    border: {
-        default: string;
-        hover: string;
-        active: string;
-    };
-    divider: string;
-};
-interface ITheme {
-    name: 'light' | 'dark';
-    accent: string;
-    accentShade: string;
-    background0: string;
-    background1: string;
-    background2: string;
-    background3: string;
-    background4: string;
-    background5: string;
-    /** 5% opacity */
-    scale0: string;
-    /** 10% opacity */
-    scale1: string;
-    /** 20% opacity */
-    scale2: string;
-    /** 30% opacity */
-    scale3: string;
-    /** 40% opacity */
-    scale4: string;
-    /** 50% opacity */
-    scale5: string;
-    /** 60% opacity */
-    scale6: string;
-    /** 70% opacity */
-    scale7: string;
-    /** 80% opacity */
-    scale8: string;
-    /** 90% opacity */
-    scale9: string;
-    /** 100% opacity */
-    scale10: string;
-    button: {
-        tiny: ButtonSize;
-        small: ButtonSize;
-        medium: ButtonSize;
-        large: ButtonSize;
-        primary: ButtonState;
-        secondary: ButtonState;
-        negative: ButtonState;
-        positive: ButtonState;
-        caution: ButtonState;
-        subtle: ButtonState & LinkColors;
-        link: ButtonState & LinkColors;
-        disabled: ButtonState;
-        color: {
-            default: string;
-        };
-    };
-    calendar: {
-        background: {
-            container: string;
-            hover: string;
-            active: string;
-            activeHover: string;
-            activeRange: string;
-        };
-        color: {
-            disabled: string;
-            default: string;
-            active: string;
-            current: string;
-            outside: string;
-            weekday: string;
-            monthYear: string;
-            iconDefault: string;
-            iconDisabled: string;
-            iconHover: string;
-        };
-    };
-    color: IColors;
-    defaultBorder: string;
-    /** '0px 2px 4px 2px rgba(0, 0, 0, 0.05)' */
-    elevation0: string;
-    /** '0px 2px 4px 2px rgba(0, 0, 0, 0.1)' */
-    elevation1: string;
-    /** '0px 2px 4px 2px rgba(0, 0, 0, 0.15)' */
-    elevation2: string;
-    /** '0px 4px 8px 2px rgba(0, 0, 0, 0.2)' */
-    elevation3: string;
-    /** '0px 4px 8px 2px rgba(0, 0, 0, 0.25)' */
-    elevation4: string;
-    size: {
-        /** 4px */
-        xs: number;
-        /** 8px */
-        sm: number;
-        /** 16px */
-        md: number;
-        /** 24px */
-        lg: number;
-    };
-    font: {
-        weight: {
-            /** 400 */
-            default: number;
-            /** 500 */
-            medium: number;
-            /** 600 */
-            semiBold: number;
-            /** 700 */
-            bold: number;
-        };
-        size: {
-            /** 10px */
-            xs: number;
-            /** 12px */
-            sm: number;
-            /** 14px */
-            md: number;
-            /** 16px */
-            lg: number;
-            /** 18px */
-            xl: number;
-        };
-        family: {
-            /** "'Roboto', sans-serif" */
-            default: string;
-            /** "'Roboto', sans-serif" */
-            medium: string;
-            /** "'Roboto', sans-serif" */
-            light: string;
-        };
-    };
-    formControl: {
-        color: {
-            default: string;
-            hover: string;
-            active: string;
-            activeHover: string;
-            disabled: string;
-        };
-    };
-    input: {
-        borderRadius: number;
-        background: {
-            default: string;
-            hover: string;
-            focused: string;
-            disabled: string;
-            invalid: string;
-            invalidHover: string;
-        };
-        color: {
-            default: string;
-            disabled: string;
-            placeholder: string;
-            description: string;
-            descriptionError: string;
-        };
-        borderColor: {
-            default: string;
-            hover: string;
-            focused: string;
-            disabled: string;
-            error: string;
-        };
-        labelColor: {
-            default: string;
-            hover: string;
-            filled: string;
-            focused: string;
-            disabled: string;
-        };
-    };
-    menu: {
-        background: string;
-    };
-    menuItem: {
-        borderColor: string;
-        background: {
-            active: string;
-            hover: string;
-            inactive: string;
-        };
-        color: {
-            active: string;
-            hover: string;
-            inactive: string;
-        };
-    };
-    modal: {
-        background: string;
-        color: {
-            header: string;
-            body: string;
-        };
-    };
-    options: {
-        background: string;
-        backdropFilter?: string;
-    };
-    optionItem: {
-        background: {
-            hover: string;
-            active: string;
-            inactive: string;
-        };
-        color: {
-            active: string;
-            inactive: string;
-            accent: string;
-        };
-    };
-    table: {
-        color: {
-            header: string;
-            body: string;
-        };
-        backgroundLevel: {
-            0: string;
-            1: string;
-            2: string;
-            3: string;
-            4: string;
-            5: string;
-        };
-        borderColor: string;
-    };
-    tag: {
-        default: {
-            background: string;
-            backgroundHover: string;
-            backgroundDisabled: string;
-        };
-        error: {
-            background: string;
-            backgroundHover: string;
-            backgroundDisabled: string;
-        };
-        success: {
-            background: string;
-            backgroundHover: string;
-            backgroundDisabled: string;
-        };
-        warning: {
-            background: string;
-            backgroundHover: string;
-            backgroundDisabled: string;
-        };
-    };
-    toast: {
-        color: string;
-        background: {
-            default: string;
-            info: string;
-            success: string;
-            warning: string;
-            error: string;
-        };
-        border: {
-            default: string;
-            info: string;
-            success: string;
-            warning: string;
-            error: string;
-        };
-    };
-    toggle: {
-        slider: string;
-    };
-    tooltip: {
-        background: string;
-        color: {
-            default: string;
-            subtext: string;
-        };
-    };
-    editor: {
-        highlight: {
-            yellow: string;
-            blue: string;
-            red: string;
-            green: string;
-            orange: string;
-        };
-    };
-}
-type ThemeProp = {
-    theme?: ITheme;
-};
-
-type Theme = {
-    light: ITheme;
-    dark: ITheme;
-};
-declare const theme: Theme;
-
-type ThemeClasses = 'light' | 'dark';
-declare const themeClasses: ThemeClasses[];
-type ThemeOption = {
-    id: 'light' | 'dark';
-    value: string;
-    classes: ThemeClasses[];
-};
-declare const themeOptions: ThemeOption[];
-
-type Margin = {
-    margin?: number | string;
-    marginTop?: number | string;
-    marginBottom?: number | string;
-    marginRight?: number | string;
-    marginLeft?: number | string;
-};
-type Padding = {
-    padding?: number | string;
-    paddingTop?: number | string;
-    paddingBottom?: number | string;
-    paddingRight?: number | string;
-    paddingLeft?: number | string;
-};
-type PositionType = 'static' | 'relative' | 'absolute' | 'sticky' | 'fixed';
-type Position = {
-    position?: PositionType;
-    top?: number | string;
-    bottom?: number | string;
-    right?: number | string;
-    left?: number | string;
-};
-type MinWidth = {
-    minWidth?: number | string;
-};
-type MinHeight = {
-    minHeight?: number | string;
-};
-type MaxWidth = {
-    maxWidth?: number | string;
-};
-type MaxHeight = {
-    maxHeight?: number | string;
-};
-type Width = {
-    width?: number | string;
-};
-type Height = {
-    height?: number | string;
-};
-type WidthHeight = Width & Height;
-type MaxWidthHeight = MaxWidth & MaxHeight;
-type MinWidthHeight = MinWidth & MinHeight;
-type MarginPadding = Margin & Padding;
-type FlexPosition = 'start' | 'end' | 'center' | 'space-around' | 'space-between';
-type FlexDirection = 'row' | 'column' | 'row-reverse' | 'column-reverse';
-type As = ElementType;
-type AsProp = {
-    as?: As;
-};
-type InputFocusEvent = FocusEvent | FocusEvent<HTMLInputElement>;
-type MergeField = {
-    id: string;
-    label: string;
-    value?: string | null;
-};
-type InputRef = {
-    focus: () => void;
-    blur: () => void;
-    select: () => void;
-    hasFocus: boolean;
-};
-type MultiSelectRef = Omit<InputRef, 'hasFocus' | 'select'>;
-type AudioRef = {
-    play?: () => void;
-    pause?: () => void;
-    stop?: () => void;
-};
-type DraftEditorRef = {
-    insertField: (field: MergeField) => void;
-    focusAtEnd: () => void;
-};
-type EditorRef = {
-    insertField: (field: MergeField) => void;
-    insertText: (text: string) => void;
-    focusAtEnd: () => void;
-    zoomIn: () => void;
-    zoomOut: () => void;
-    resetZoom: () => void;
-    getMarkdown: () => string;
-    getText: () => string;
-    setText: (text: string) => void;
-};
-type Placement = 'bottom' | 'bottom left' | 'bottom right' | 'bottom start' | 'bottom end' | 'top' | 'top left' | 'top right' | 'top start' | 'top end' | 'left' | 'left top' | 'left bottom' | 'start' | 'start top' | 'start bottom' | 'right' | 'right top' | 'right bottom' | 'end' | 'end top' | 'end bottom';
-type Sizes = 'tiny' | 'small' | 'medium' | 'large';
-type InputContainerStyleProps$1 = {
-    /** Sets the input backgroundColor */
-    backgroundColor?: string;
-    /** Sets the input borderRadius */
-    borderRadius?: number | string;
-    /** Sets the input borderColor */
-    borderColor?: string;
-    /** Removes the background and padding from the input */
-    textOnly?: boolean;
-} & Width & Height & MinHeight & MarginPadding;
-type InputElementStyleProps$1 = {
-    /** Sets the input fontSize */
-    fontSize?: number | string;
-    /** Sets the fontWeight */
-    fontWeight?: number | string;
-    /** The color of the text */
-    color?: string;
-    /** Sets the color of the input placeholder */
-    placeholderColor?: string;
-    /** Sets the disabled styles of the input */
-    isDisabled?: boolean;
-} & Width;
-type InputProps$2 = {
-    /** Places a label element above the input. The value will set the text of the label */
-    label?: string;
-    /** Sets the input placeholder text */
-    placeholder?: string;
-    /** A ref to the input element */
-    inputRef?: RefObject<HTMLInputElement>;
-    /** Places a description message below the input */
-    description?: string;
-    /** Places an error message below the input */
-    errorMessage?: string | ((validation: ValidationResult) => string);
-    /** The name of the icon that should appear on the left side of the input */
-    iconLeft?: IconType;
-    /** The name of the icon that should appear on the right side of the input */
-    iconRight?: IconType;
-    /** Disables the input */
-    disabled?: boolean;
-    /** Prevents the input from being edited */
-    readOnly?: boolean;
-} & InputContainerStyleProps$1 & Omit<InputElementStyleProps$1, 'isDisabled'>;
-type WithRequired<T, K extends keyof T> = T & {
-    [P in K]-?: T[P];
-};
-
-type Props$x = Width & MaxHeight & Margin & DisclosureGroupProps;
-declare const Accordion: {
-    ({ children, maxHeight, ...props }: Props$x): react_jsx_runtime.JSX.Element;
-    Item: {
-        ({ children, ...props }: react_aria_components.DisclosureProps): react_jsx_runtime.JSX.Element;
-        displayName: string;
-    };
-    Header: {
-        ({ children, triggerIconPosition, background, title, iconLeft, iconRight, ...props }: {
-            title: React.ReactNode;
-            children?: React.ReactNode;
-            background?: string;
-            triggerIconPosition?: "left" | "right";
-            iconLeft?: IconType;
-            iconRight?: IconType;
-            className?: string;
-            style?: React.CSSProperties;
-        } & Padding & Height & {
-            download?: any;
-            key?: react.Key | null | undefined;
-            list?: string | undefined | undefined;
-            rows?: number | undefined | undefined;
-            target?: string | undefined | undefined;
-            type?: string | undefined | undefined;
-            size?: number | undefined | undefined;
-            onClick?: react.MouseEventHandler<HTMLDivElement> | undefined;
-            name?: string | undefined | undefined;
-            color?: string | undefined | undefined;
-            className?: string | undefined | undefined;
-            style?: react.CSSProperties | undefined;
-            tabIndex?: number | undefined | undefined;
-            ref?: react.Ref<HTMLDivElement> | undefined;
-            cite?: string | undefined | undefined;
-            data?: string | undefined | undefined;
-            form?: string | undefined | undefined;
-            label?: string | undefined | undefined;
-            slot?: string | undefined | undefined;
-            span?: number | undefined | undefined;
-            summary?: string | undefined | undefined;
-            pattern?: string | undefined | undefined;
-            suppressHydrationWarning?: boolean | undefined | undefined;
-            height?: number | string | undefined | undefined;
-            id?: string | undefined | undefined;
-            lang?: string | undefined | undefined;
-            max?: number | string | undefined | undefined;
-            media?: string | undefined | undefined;
-            method?: string | undefined | undefined;
-            min?: number | string | undefined | undefined;
-            width?: number | string | undefined | undefined;
-            role?: react.AriaRole | undefined;
-            crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
-            href?: string | undefined | undefined;
-            "aria-activedescendant"?: string | undefined | undefined;
-            "aria-atomic"?: (boolean | "true" | "false") | undefined;
-            "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
-            "aria-braillelabel"?: string | undefined | undefined;
-            "aria-brailleroledescription"?: string | undefined | undefined;
-            "aria-busy"?: (boolean | "true" | "false") | undefined;
-            "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
-            "aria-colcount"?: number | undefined | undefined;
-            "aria-colindex"?: number | undefined | undefined;
-            "aria-colindextext"?: string | undefined | undefined;
-            "aria-colspan"?: number | undefined | undefined;
-            "aria-controls"?: string | undefined | undefined;
-            "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
-            "aria-describedby"?: string | undefined | undefined;
-            "aria-description"?: string | undefined | undefined;
-            "aria-details"?: string | undefined | undefined;
-            "aria-disabled"?: (boolean | "true" | "false") | undefined;
-            "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
-            "aria-errormessage"?: string | undefined | undefined;
-            "aria-expanded"?: (boolean | "true" | "false") | undefined;
-            "aria-flowto"?: string | undefined | undefined;
-            "aria-grabbed"?: (boolean | "true" | "false") | undefined;
-            "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
-            "aria-hidden"?: (boolean | "true" | "false") | undefined;
-            "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
-            "aria-keyshortcuts"?: string | undefined | undefined;
-            "aria-label"?: string | undefined | undefined;
-            "aria-labelledby"?: string | undefined | undefined;
-            "aria-level"?: number | undefined | undefined;
-            "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
-            "aria-modal"?: (boolean | "true" | "false") | undefined;
-            "aria-multiline"?: (boolean | "true" | "false") | undefined;
-            "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
-            "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
-            "aria-owns"?: string | undefined | undefined;
-            "aria-placeholder"?: string | undefined | undefined;
-            "aria-posinset"?: number | undefined | undefined;
-            "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
-            "aria-readonly"?: (boolean | "true" | "false") | undefined;
-            "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
-            "aria-required"?: (boolean | "true" | "false") | undefined;
-            "aria-roledescription"?: string | undefined | undefined;
-            "aria-rowcount"?: number | undefined | undefined;
-            "aria-rowindex"?: number | undefined | undefined;
-            "aria-rowindextext"?: string | undefined | undefined;
-            "aria-rowspan"?: number | undefined | undefined;
-            "aria-selected"?: (boolean | "true" | "false") | undefined;
-            "aria-setsize"?: number | undefined | undefined;
-            "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
-            "aria-valuemax"?: number | undefined | undefined;
-            "aria-valuemin"?: number | undefined | undefined;
-            "aria-valuenow"?: number | undefined | undefined;
-            "aria-valuetext"?: string | undefined | undefined;
-            children?: react.ReactNode;
-            dangerouslySetInnerHTML?: {
-                __html: string | TrustedHTML;
-            } | undefined | undefined;
-            onCopy?: react.ClipboardEventHandler<HTMLDivElement> | undefined;
-            onCopyCapture?: react.ClipboardEventHandler<HTMLDivElement> | undefined;
-            onCut?: react.ClipboardEventHandler<HTMLDivElement> | undefined;
-            onCutCapture?: react.ClipboardEventHandler<HTMLDivElement> | undefined;
-            onPaste?: react.ClipboardEventHandler<HTMLDivElement> | undefined;
-            onPasteCapture?: react.ClipboardEventHandler<HTMLDivElement> | undefined;
-            onCompositionEnd?: react.CompositionEventHandler<HTMLDivElement> | undefined;
-            onCompositionEndCapture?: react.CompositionEventHandler<HTMLDivElement> | undefined;
-            onCompositionStart?: react.CompositionEventHandler<HTMLDivElement> | undefined;
-            onCompositionStartCapture?: react.CompositionEventHandler<HTMLDivElement> | undefined;
-            onCompositionUpdate?: react.CompositionEventHandler<HTMLDivElement> | undefined;
-            onCompositionUpdateCapture?: react.CompositionEventHandler<HTMLDivElement> | undefined;
-            onFocus?: react.FocusEventHandler<HTMLDivElement> | undefined;
-            onFocusCapture?: react.FocusEventHandler<HTMLDivElement> | undefined;
-            onBlur?: react.FocusEventHandler<HTMLDivElement> | undefined;
-            onBlurCapture?: react.FocusEventHandler<HTMLDivElement> | undefined;
-            onChangeCapture?: react.FormEventHandler<HTMLDivElement> | undefined;
-            onBeforeInput?: react.InputEventHandler<HTMLDivElement> | undefined;
-            onBeforeInputCapture?: react.FormEventHandler<HTMLDivElement> | undefined;
-            onInput?: react.FormEventHandler<HTMLDivElement> | undefined;
-            onInputCapture?: react.FormEventHandler<HTMLDivElement> | undefined;
-            onReset?: react.FormEventHandler<HTMLDivElement> | undefined;
-            onResetCapture?: react.FormEventHandler<HTMLDivElement> | undefined;
-            onSubmit?: react.FormEventHandler<HTMLDivElement> | undefined;
-            onSubmitCapture?: react.FormEventHandler<HTMLDivElement> | undefined;
-            onInvalid?: react.FormEventHandler<HTMLDivElement> | undefined;
-            onInvalidCapture?: react.FormEventHandler<HTMLDivElement> | undefined;
-            onLoad?: react.ReactEventHandler<HTMLDivElement> | undefined;
-            onLoadCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-            onError?: react.ReactEventHandler<HTMLDivElement> | undefined;
-            onErrorCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-            onKeyDown?: react.KeyboardEventHandler<HTMLDivElement> | undefined;
-            onKeyDownCapture?: react.KeyboardEventHandler<HTMLDivElement> | undefined;
-            onKeyPress?: react.KeyboardEventHandler<HTMLDivElement> | undefined;
-            onKeyPressCapture?: react.KeyboardEventHandler<HTMLDivElement> | undefined;
-            onKeyUp?: react.KeyboardEventHandler<HTMLDivElement> | undefined;
-            onKeyUpCapture?: react.KeyboardEventHandler<HTMLDivElement> | undefined;
-            onAbort?: react.ReactEventHandler<HTMLDivElement> | undefined;
-            onAbortCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-            onCanPlay?: react.ReactEventHandler<HTMLDivElement> | undefined;
-            onCanPlayCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-            onCanPlayThrough?: react.ReactEventHandler<HTMLDivElement> | undefined;
-            onCanPlayThroughCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-            onDurationChange?: react.ReactEventHandler<HTMLDivElement> | undefined;
-            onDurationChangeCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-            onEmptied?: react.ReactEventHandler<HTMLDivElement> | undefined;
-            onEmptiedCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-            onEncrypted?: react.ReactEventHandler<HTMLDivElement> | undefined;
-            onEncryptedCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-            onEnded?: react.ReactEventHandler<HTMLDivElement> | undefined;
-            onEndedCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-            onLoadedData?: react.ReactEventHandler<HTMLDivElement> | undefined;
-            onLoadedDataCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-            onLoadedMetadata?: react.ReactEventHandler<HTMLDivElement> | undefined;
-            onLoadedMetadataCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-            onLoadStart?: react.ReactEventHandler<HTMLDivElement> | undefined;
-            onLoadStartCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-            onPause?: react.ReactEventHandler<HTMLDivElement> | undefined;
-            onPauseCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-            onPlay?: react.ReactEventHandler<HTMLDivElement> | undefined;
-            onPlayCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-            onPlaying?: react.ReactEventHandler<HTMLDivElement> | undefined;
-            onPlayingCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-            onProgress?: react.ReactEventHandler<HTMLDivElement> | undefined;
-            onProgressCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-            onRateChange?: react.ReactEventHandler<HTMLDivElement> | undefined;
-            onRateChangeCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-            onSeeked?: react.ReactEventHandler<HTMLDivElement> | undefined;
-            onSeekedCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-            onSeeking?: react.ReactEventHandler<HTMLDivElement> | undefined;
-            onSeekingCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-            onStalled?: react.ReactEventHandler<HTMLDivElement> | undefined;
-            onStalledCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-            onSuspend?: react.ReactEventHandler<HTMLDivElement> | undefined;
-            onSuspendCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-            onTimeUpdate?: react.ReactEventHandler<HTMLDivElement> | undefined;
-            onTimeUpdateCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-            onVolumeChange?: react.ReactEventHandler<HTMLDivElement> | undefined;
-            onVolumeChangeCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-            onWaiting?: react.ReactEventHandler<HTMLDivElement> | undefined;
-            onWaitingCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-            onAuxClick?: react.MouseEventHandler<HTMLDivElement> | undefined;
-            onAuxClickCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
-            onClickCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
-            onContextMenu?: react.MouseEventHandler<HTMLDivElement> | undefined;
-            onContextMenuCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
-            onDoubleClick?: react.MouseEventHandler<HTMLDivElement> | undefined;
-            onDoubleClickCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
-            onDrag?: react.DragEventHandler<HTMLDivElement> | undefined;
-            onDragCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
-            onDragEnd?: react.DragEventHandler<HTMLDivElement> | undefined;
-            onDragEndCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
-            onDragEnter?: react.DragEventHandler<HTMLDivElement> | undefined;
-            onDragEnterCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
-            onDragExit?: react.DragEventHandler<HTMLDivElement> | undefined;
-            onDragExitCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
-            onDragLeave?: react.DragEventHandler<HTMLDivElement> | undefined;
-            onDragLeaveCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
-            onDragOver?: react.DragEventHandler<HTMLDivElement> | undefined;
-            onDragOverCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
-            onDragStart?: react.DragEventHandler<HTMLDivElement> | undefined;
-            onDragStartCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
-            onDrop?: react.DragEventHandler<HTMLDivElement> | undefined;
-            onDropCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
-            onMouseDown?: react.MouseEventHandler<HTMLDivElement> | undefined;
-            onMouseDownCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
-            onMouseEnter?: react.MouseEventHandler<HTMLDivElement> | undefined;
-            onMouseLeave?: react.MouseEventHandler<HTMLDivElement> | undefined;
-            onMouseMove?: react.MouseEventHandler<HTMLDivElement> | undefined;
-            onMouseMoveCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
-            onMouseOut?: react.MouseEventHandler<HTMLDivElement> | undefined;
-            onMouseOutCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
-            onMouseOver?: react.MouseEventHandler<HTMLDivElement> | undefined;
-            onMouseOverCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
-            onMouseUp?: react.MouseEventHandler<HTMLDivElement> | undefined;
-            onMouseUpCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
-            onSelect?: react.ReactEventHandler<HTMLDivElement> | undefined;
-            onSelectCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-            onTouchCancel?: react.TouchEventHandler<HTMLDivElement> | undefined;
-            onTouchCancelCapture?: react.TouchEventHandler<HTMLDivElement> | undefined;
-            onTouchEnd?: react.TouchEventHandler<HTMLDivElement> | undefined;
-            onTouchEndCapture?: react.TouchEventHandler<HTMLDivElement> | undefined;
-            onTouchMove?: react.TouchEventHandler<HTMLDivElement> | undefined;
-            onTouchMoveCapture?: react.TouchEventHandler<HTMLDivElement> | undefined;
-            onTouchStart?: react.TouchEventHandler<HTMLDivElement> | undefined;
-            onTouchStartCapture?: react.TouchEventHandler<HTMLDivElement> | undefined;
-            onPointerDown?: react.PointerEventHandler<HTMLDivElement> | undefined;
-            onPointerDownCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
-            onPointerMove?: react.PointerEventHandler<HTMLDivElement> | undefined;
-            onPointerMoveCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
-            onPointerUp?: react.PointerEventHandler<HTMLDivElement> | undefined;
-            onPointerUpCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
-            onPointerCancel?: react.PointerEventHandler<HTMLDivElement> | undefined;
-            onPointerCancelCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
-            onPointerEnter?: react.PointerEventHandler<HTMLDivElement> | undefined;
-            onPointerLeave?: react.PointerEventHandler<HTMLDivElement> | undefined;
-            onPointerOver?: react.PointerEventHandler<HTMLDivElement> | undefined;
-            onPointerOverCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
-            onPointerOut?: react.PointerEventHandler<HTMLDivElement> | undefined;
-            onPointerOutCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
-            onGotPointerCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
-            onGotPointerCaptureCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
-            onLostPointerCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
-            onLostPointerCaptureCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
-            onScroll?: react.UIEventHandler<HTMLDivElement> | undefined;
-            onScrollCapture?: react.UIEventHandler<HTMLDivElement> | undefined;
-            onScrollEnd?: react.UIEventHandler<HTMLDivElement> | undefined;
-            onScrollEndCapture?: react.UIEventHandler<HTMLDivElement> | undefined;
-            onWheel?: react.WheelEventHandler<HTMLDivElement> | undefined;
-            onWheelCapture?: react.WheelEventHandler<HTMLDivElement> | undefined;
-            onAnimationStart?: react.AnimationEventHandler<HTMLDivElement> | undefined;
-            onAnimationStartCapture?: react.AnimationEventHandler<HTMLDivElement> | undefined;
-            onAnimationEnd?: react.AnimationEventHandler<HTMLDivElement> | undefined;
-            onAnimationEndCapture?: react.AnimationEventHandler<HTMLDivElement> | undefined;
-            onAnimationIteration?: react.AnimationEventHandler<HTMLDivElement> | undefined;
-            onAnimationIterationCapture?: react.AnimationEventHandler<HTMLDivElement> | undefined;
-            onToggle?: react.ToggleEventHandler<HTMLDivElement> | undefined;
-            onBeforeToggle?: react.ToggleEventHandler<HTMLDivElement> | undefined;
-            onTransitionCancel?: react.TransitionEventHandler<HTMLDivElement> | undefined;
-            onTransitionCancelCapture?: react.TransitionEventHandler<HTMLDivElement> | undefined;
-            onTransitionEnd?: react.TransitionEventHandler<HTMLDivElement> | undefined;
-            onTransitionEndCapture?: react.TransitionEventHandler<HTMLDivElement> | undefined;
-            onTransitionRun?: react.TransitionEventHandler<HTMLDivElement> | undefined;
-            onTransitionRunCapture?: react.TransitionEventHandler<HTMLDivElement> | undefined;
-            onTransitionStart?: react.TransitionEventHandler<HTMLDivElement> | undefined;
-            onTransitionStartCapture?: react.TransitionEventHandler<HTMLDivElement> | undefined;
-            content?: string | undefined | undefined;
-            translate?: "yes" | "no" | undefined | undefined;
-            hidden?: boolean | undefined | undefined;
-            default?: boolean | undefined | undefined;
-            accept?: string | undefined | undefined;
-            acceptCharset?: string | undefined | undefined;
-            action?: string | ((formData: FormData) => void | Promise<void>) | undefined;
-            allowFullScreen?: boolean | undefined | undefined;
-            allowTransparency?: boolean | undefined | undefined;
-            alt?: string | undefined | undefined;
-            async?: boolean | undefined | undefined;
-            autoComplete?: string | undefined | undefined;
-            autoPlay?: boolean | undefined | undefined;
-            capture?: boolean | "user" | "environment" | undefined | undefined;
-            cellPadding?: number | string | undefined | undefined;
-            cellSpacing?: number | string | undefined | undefined;
-            charSet?: string | undefined | undefined;
-            challenge?: string | undefined | undefined;
-            checked?: boolean | undefined | undefined;
-            classID?: string | undefined | undefined;
-            cols?: number | undefined | undefined;
-            colSpan?: number | undefined | undefined;
-            controls?: boolean | undefined | undefined;
-            coords?: string | undefined | undefined;
-            dateTime?: string | undefined | undefined;
-            defer?: boolean | undefined | undefined;
-            disabled?: boolean | undefined | undefined;
-            encType?: string | undefined | undefined;
-            formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
-            formEncType?: string | undefined | undefined;
-            formMethod?: string | undefined | undefined;
-            formNoValidate?: boolean | undefined | undefined;
-            formTarget?: string | undefined | undefined;
-            frameBorder?: number | string | undefined | undefined;
-            headers?: string | undefined | undefined;
-            high?: number | undefined | undefined;
-            hrefLang?: string | undefined | undefined;
-            htmlFor?: string | undefined | undefined;
-            httpEquiv?: string | undefined | undefined;
-            integrity?: string | undefined | undefined;
-            keyParams?: string | undefined | undefined;
-            keyType?: string | undefined | undefined;
-            kind?: string | undefined | undefined;
-            loop?: boolean | undefined | undefined;
-            low?: number | undefined | undefined;
-            manifest?: string | undefined | undefined;
-            marginHeight?: number | undefined | undefined;
-            marginWidth?: number | undefined | undefined;
-            maxLength?: number | undefined | undefined;
-            mediaGroup?: string | undefined | undefined;
-            minLength?: number | undefined | undefined;
-            multiple?: boolean | undefined | undefined;
-            muted?: boolean | undefined | undefined;
-            noValidate?: boolean | undefined | undefined;
-            open?: boolean | undefined | undefined;
-            optimum?: number | undefined | undefined;
-            placeholder?: string | undefined | undefined;
-            playsInline?: boolean | undefined | undefined;
-            poster?: string | undefined | undefined;
-            preload?: string | undefined | undefined;
-            readOnly?: boolean | undefined | undefined;
-            required?: boolean | undefined | undefined;
-            reversed?: boolean | undefined | undefined;
-            rowSpan?: number | undefined | undefined;
-            sandbox?: string | undefined | undefined;
-            scope?: string | undefined | undefined;
-            scoped?: boolean | undefined | undefined;
-            scrolling?: string | undefined | undefined;
-            seamless?: boolean | undefined | undefined;
-            selected?: boolean | undefined | undefined;
-            shape?: string | undefined | undefined;
-            sizes?: string | undefined | undefined;
-            src?: string | undefined | undefined;
-            srcDoc?: string | undefined | undefined;
-            srcLang?: string | undefined | undefined;
-            srcSet?: string | undefined | undefined;
-            start?: number | undefined | undefined;
-            step?: number | string | undefined | undefined;
-            useMap?: string | undefined | undefined;
-            value?: string | number | readonly string[] | undefined;
-            wmode?: string | undefined | undefined;
-            wrap?: string | undefined | undefined;
-            defaultChecked?: boolean | undefined | undefined;
-            defaultValue?: string | number | readonly string[] | undefined;
-            suppressContentEditableWarning?: boolean | undefined | undefined;
-            accessKey?: string | undefined | undefined;
-            autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
-            autoFocus?: boolean | undefined | undefined;
-            contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
-            contextMenu?: string | undefined | undefined;
-            dir?: string | undefined | undefined;
-            draggable?: (boolean | "true" | "false") | undefined;
-            enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-            nonce?: string | undefined | undefined;
-            spellCheck?: (boolean | "true" | "false") | undefined;
-            radioGroup?: string | undefined | undefined;
-            about?: string | undefined | undefined;
-            datatype?: string | undefined | undefined;
-            inlist?: any;
-            prefix?: string | undefined | undefined;
-            property?: string | undefined | undefined;
-            rel?: string | undefined | undefined;
-            resource?: string | undefined | undefined;
-            rev?: string | undefined | undefined;
-            typeof?: string | undefined | undefined;
-            vocab?: string | undefined | undefined;
-            autoCorrect?: string | undefined | undefined;
-            autoSave?: string | undefined | undefined;
-            itemProp?: string | undefined | undefined;
-            itemScope?: boolean | undefined | undefined;
-            itemType?: string | undefined | undefined;
-            itemID?: string | undefined | undefined;
-            itemRef?: string | undefined | undefined;
-            results?: number | undefined | undefined;
-            security?: string | undefined | undefined;
-            unselectable?: "on" | "off" | undefined | undefined;
-            popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
-            popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
-            popoverTarget?: string | undefined | undefined;
-            inert?: boolean | undefined | undefined;
-            inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
-            is?: string | undefined | undefined;
-            exportparts?: string | undefined | undefined;
-            part?: string | undefined | undefined;
-        }): react_jsx_runtime.JSX.Element;
-        displayName: string;
-    };
-    Panel: {
-        ({ children, maxHeight, ...props }: {
-            background?: string;
-        } & MaxHeight & react_aria_components.DisclosurePanelProps): react_jsx_runtime.JSX.Element;
-        displayName: string;
-    };
-};
-
-type InputContainerStyleProps = {
-    /** Sets the input backgroundColor */
-    backgroundColor?: string;
-    /** Sets the input borderRadius */
-    borderRadius?: number | string;
-    /** Sets the input borderColor */
-    borderColor?: string;
-    /** Removes the background and padding from the input */
-    textOnly?: boolean;
-} & Width & Height & MinHeight & MarginPadding;
-type InputElementStyleProps = {
-    /** Sets the input fontSize */
-    fontSize?: number | string;
-    /** Sets the fontWeight */
-    fontWeight?: number | string;
-    /** The color of the input text */
-    color?: string;
-    /** Sets the color of the input placeholder */
-    placeholderColor?: string;
-    /** Sets the disabled styles of the input */
-    isDisabled?: boolean;
-} & Width;
-type InputBaseProps = {
-    /** Adds a label to the input */
-    label?: string;
-    /** Sets the placeholder text */
-    placeholder?: string;
-    /** Places a description message below the input */
-    description?: string;
-    /** Places an error message below the input if invalid */
-    errorMessage?: string | ((validation: ValidationResult) => string);
-    /** Adds a loading spinner to the input */
-    loading?: boolean;
-    /** Disables the input */
-    disabled?: boolean;
-    /** Prevents the input from being edited */
-    readOnly?: boolean;
-    /** Sets the invalid styles of the input */
-    invalid?: boolean;
-    /** Requires the input to filled */
-    required?: boolean;
-    ref?: React.Ref<HTMLInputElement>;
-} & InputContainerStyleProps & Omit<InputElementStyleProps, 'isDisabled'>;
-type TextInputProps = {
-    /** A regex string, similar to `pattern`, but prevents input outside the pattern */
-    accepts?: string;
-};
-type TextAreaProps = TextInputProps & {
-    /** Maximum height of the textarea. Content will scroll after this height is reached */
-    maxHeight?: number | string;
-    /** Reference to the textarea element */
-    ref?: React.Ref<HTMLTextAreaElement>;
-};
-type InputProps$1 = {
-    /** The name of the icon that should appear on the left side of the input */
-    iconLeft?: IconType;
-    /** The name of the icon that should appear on the right side of the input */
-    iconRight?: IconType;
-    /** The element to display on the left side of the input */
-    leftElement?: ReactNode;
-    /** The element to display on the right side of the input */
-    rightElement?: ReactNode;
-} & InputBaseProps;
-
-type ShowHideCallbacks = {
-    /** The function to be called when the menu is opened */
-    afterShow?: () => void;
-    /** The function to be called when the menu is closed */
-    afterHide?: () => void;
-};
-type OpenStateProps = {
-    /** Controls whether the menu is open */
-    open?: boolean;
-    /** Called when the open state changes */
-    onOpenChange?: (isOpen: boolean) => void;
-};
-type ListItem = {
-    /** The id of the option that will be returned on selection */
-    id?: string;
-    /** The value displayed within the input after selection */
-    value: string;
-    /** The header text displayed above the body text */
-    header?: string;
-    /** The body text displayed below the header text */
-    body?: string;
-    /** An element to be displayed on the left side of the item */
-    leftElement?: ReactElement;
-    /** An element to be displayed on the right side of the item */
-    rightElement?: ReactElement;
-    /** Displays the header & body inline rather than column */
-    inline?: boolean;
-    /** Disables the Item from being clicked */
-    disabled?: boolean;
-    /** The function to be called when the item is clicked */
-    onClick?: () => void;
-};
-type ListSection<T = ListItem> = {
-    id: string;
-    title?: string;
-    options: T[];
-};
-type ListOption<T = ListItem> = T | ListSection<T>;
-type SelectItem = Omit<ListItem, 'onClick'>;
-type MultiSelectItem = WithRequired<SelectItem, 'id'>;
-type MultiSelectOption = ListOption<MultiSelectItem>;
-type SelectInputProps = {
-    /** The option Items to be displayed in the menu */
-    children?: ReactNode;
-    /** The options to be displayed in the menu */
-    options?: ListOption<SelectItem>[];
-    /** The controlled value of the input */
-    value?: Key;
-    /** The uncontrolled initial value of the input */
-    defaultValue?: Key;
-    /** Allow the selected option to be re-selected */
-    allowRepeatSelection?: boolean;
-    /** Hides the caret icon toggle */
-    hideCaret?: boolean;
-    /** The position of the menu body in relation to the trigger */
-    position?: Placement;
-    /** Prevents dynamic opening position of the menu */
-    fixedPosition?: boolean;
-    /** The background color of the menu */
-    menuBackground?: string;
-    /** The element to display before the menu options */
-    before?: ReactNode;
-    /** The element to display after the menu options */
-    after?: ReactNode;
-    /** The function to be called when an option is selected */
-    onChange?: (key: string) => void;
-} & Omit<InputProps$1, 'iconRight'> & ShowHideCallbacks & Pick<PopoverProps, 'maxHeight'>;
-type CalendarBaseProps = {
-    /** Prevents selection of dates in the past (relative to the set date or current date). */
-    preventPast?: boolean | Date;
-    /** Prevents selection of dates in the future (relative to the set date or current date). */
-    preventFuture?: boolean | Date;
-    /** Removes the Calendar's boxShadow */
-    noShadow?: boolean;
-};
-type DateInputProps = {
-    /** Hides the calendar picker icon */
-    hidePicker?: boolean;
-} & ShowHideCallbacks & Omit<CalendarBaseProps, 'noShadow'> & Omit<InputProps$1, 'placeholder'>;
-
-type ElAttributes$a = Omit<Attributes<HTMLButtonElement>, 'type' | 'size' | 'onClick'> & {
-    type?: 'button' | 'reset' | 'submit';
-} & AsProp & Omit<ButtonProps, 'isDisabled'>;
-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?: IconName;
-    /** 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?: Sizes;
-    /** Reduces the size of the button */
-    small?: boolean;
-    /** Reduces the size of the button to its smallest size */
-    tiny?: boolean;
-    /** Increases the size of the button */
-    large?: boolean;
-    /** Adds a loading icon over the top of the button contents */
-    loading?: 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: PressEvent) => void;
-    /** Sets the text backgroundColor of the button */
-    backgroundColor?: string;
-    /** Sets the text color of the button */
-    color?: string;
-    ref?: React.Ref<HTMLButtonElement>;
-} & ElAttributes$a;
-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;
-};
-type ButtonStyles = Primary | Secondary | Negative | Positive | Caution;
-type BasicButtonProps = ButtonBaseProps & ButtonStyleProps;
-type DropdownProps = {
-    dropdown?: false;
-    options?: never;
-    direction?: never;
-    afterShow?: never;
-    afterHide?: 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: ListItem[];
-    /** 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;
-    /** 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;
-};
-type ButtonComponentProps = {
-    /** Sets the text of the button */
-    content?: string;
-    joined?: never;
-} & BasicButtonProps & DropdownProps & Margin;
-
-type ElAttributes$9 = Attributes<HTMLDivElement> & AsProp;
-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';
-    /** 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;
-    /** Hides the current time display */
-    hideCurrentTime?: boolean;
-    /** Reduces the size of the Audio play button */
-    small?: boolean;
-    /** Reduces the size of the Audio play button to its smallest size */
-    tiny?: boolean;
-    /** Uses an icon rather than a play/pause button */
-    iconOnly?: boolean;
-    /** Props for the play/pause button */
-    buttonProps?: Omit<BasicButtonProps, 'joined' | 'icon' | 'onClick' | 'onPress'>;
-    /** Hides the duration slider */
-    collapsed?: boolean;
-    /** Font size of the audio title */
-    fontSizeTitle?: number | string;
-    /** Font size of the audio time */
-    fontSizeTime?: number | string;
-    /** Fallback duration in seconds when audio metadata is unavailable */
-    fallbackDuration?: number;
-    /** Use waveform visualization instead of slider */
-    waveform?: boolean | {
-        /** Height of the waveform in pixels */
-        height?: number;
-        /** Multiplier for the height of the waveform, default is 1 */
-        heightMultiplier?: number;
-        /** Show hover time tooltip on waveform */
-        showHoverTime?: boolean;
-        /** Color for played portion of waveform */
-        playedColor?: string;
-        /** Color for unplayed portion of waveform */
-        unplayedColor?: string;
-    };
-    ref?: React.Ref<AudioRef>;
-    onPlay?: (event: ChangeEvent<HTMLAudioElement>) => void;
-    onPause?: (event: ChangeEvent<HTMLAudioElement>) => void;
-    onStop?: (event: ChangeEvent<HTMLAudioElement>) => void;
-} & Margin & Width & ElAttributes$9;
-declare const Audio: ({ src, title, width, infoPosition, centerAlignContent, small, tiny, iconOnly, buttonProps, collapsed, hideSliderOnStop, hideTimeOnStop, hideCurrentTime, fontSizeTitle, fontSizeTime, fallbackDuration, waveform, onPlay, onPause, onStop, ref, ...rest }: AudioProps) => react_jsx_runtime.JSX.Element;
-
-type ChartData$1 = {
-    name: string;
-};
-type ElAttributes$8 = Omit<Attributes<HTMLDivElement>, 'data'>;
-type KeyData = {
-    key: string;
-    color: string;
-    hidden?: boolean;
-};
-type ChartProps = {
-    /** The chart data array */
-    data: ChartData$1[];
-    /** 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;
-    /** The color of the X and Y axis */
-    axisColor?: string;
-    /** The postfix to display after the legend value in the tooltip */
-    tooltipLegendPostfix?: React.ReactNode;
-} & Margin & WidthHeight & MaxWidthHeight & ElAttributes$8;
-
-type Props$w = {
-    /** 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;
-    /** Rotates the X axis labels by 45 degrees */
-    diagonalXLabels?: boolean;
-    /** The maximum length of the X axis labels */
-    maxXLabelLength?: number;
-    /** 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, diagonalXLabels, maxXLabelLength, xAxisHeight, yAxisWidth, axisColor, tooltipLegendPostfix, ...rest }: Props$w) => react_jsx_runtime.JSX.Element;
-
-declare const _default$5: (({ content, children, dropdown, options, ref, ...rest }: ButtonComponentProps) => react_jsx_runtime.JSX.Element) & {
-    Group: ({ children, disabled, outline, size, tiny, small, large, secondary, negative, positive, caution, collapse, ...props }: ({
-        children: (react.ReactElement<BasicButtonProps | ButtonComponentProps, string | react.JSXElementConstructor<any>> | react.ReactElement<TooltipProps, string | react.JSXElementConstructor<any>>) | (react.ReactElement<BasicButtonProps | ButtonComponentProps, string | react.JSXElementConstructor<any>> | react.ReactElement<TooltipProps, string | react.JSXElementConstructor<any>>)[];
-        disabled?: boolean;
-        size?: Sizes;
-        tiny?: boolean;
-        small?: boolean;
-        large?: boolean;
-        outline?: boolean;
-        collapse?: boolean;
-    } & ButtonStyles) & Margin & Width & {
-        download?: any;
-        key?: react.Key | null | undefined;
-        list?: string | undefined | undefined;
-        rows?: number | undefined | undefined;
-        target?: string | undefined | undefined;
-        type?: string | undefined | undefined;
-        size?: number | undefined | undefined;
-        onClick?: react.MouseEventHandler<HTMLDivElement> | undefined;
-        name?: string | undefined | undefined;
-        color?: string | undefined | undefined;
-        className?: string | undefined | undefined;
-        style?: react.CSSProperties | undefined;
-        tabIndex?: number | undefined | undefined;
-        ref?: react.Ref<HTMLDivElement> | undefined;
-        cite?: string | undefined | undefined;
-        data?: string | undefined | undefined;
-        form?: string | undefined | undefined;
-        label?: string | undefined | undefined;
-        slot?: string | undefined | undefined;
-        span?: number | undefined | undefined;
-        summary?: string | undefined | undefined;
-        title?: string | undefined | undefined;
-        pattern?: string | undefined | undefined;
-        suppressHydrationWarning?: boolean | undefined | undefined;
-        height?: number | string | undefined | undefined;
-        id?: string | undefined | undefined;
-        lang?: string | undefined | undefined;
-        max?: number | string | undefined | undefined;
-        media?: string | undefined | undefined;
-        method?: string | undefined | undefined;
-        min?: number | string | undefined | undefined;
-        width?: number | string | undefined | undefined;
-        role?: react.AriaRole | undefined;
-        crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
-        href?: string | undefined | undefined;
-        "aria-activedescendant"?: string | undefined | undefined;
-        "aria-atomic"?: (boolean | "true" | "false") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
-        "aria-braillelabel"?: string | undefined | undefined;
-        "aria-brailleroledescription"?: string | undefined | undefined;
-        "aria-busy"?: (boolean | "true" | "false") | undefined;
-        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
-        "aria-colcount"?: number | undefined | undefined;
-        "aria-colindex"?: number | undefined | undefined;
-        "aria-colindextext"?: string | undefined | undefined;
-        "aria-colspan"?: number | undefined | undefined;
-        "aria-controls"?: string | undefined | undefined;
-        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
-        "aria-describedby"?: string | undefined | undefined;
-        "aria-description"?: string | undefined | undefined;
-        "aria-details"?: string | undefined | undefined;
-        "aria-disabled"?: (boolean | "true" | "false") | undefined;
-        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
-        "aria-errormessage"?: string | undefined | undefined;
-        "aria-expanded"?: (boolean | "true" | "false") | undefined;
-        "aria-flowto"?: string | undefined | undefined;
-        "aria-grabbed"?: (boolean | "true" | "false") | undefined;
-        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
-        "aria-hidden"?: (boolean | "true" | "false") | undefined;
-        "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
-        "aria-keyshortcuts"?: string | undefined | undefined;
-        "aria-label"?: string | undefined | undefined;
-        "aria-labelledby"?: string | undefined | undefined;
-        "aria-level"?: number | undefined | undefined;
-        "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
-        "aria-modal"?: (boolean | "true" | "false") | undefined;
-        "aria-multiline"?: (boolean | "true" | "false") | undefined;
-        "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
-        "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
-        "aria-owns"?: string | undefined | undefined;
-        "aria-placeholder"?: string | undefined | undefined;
-        "aria-posinset"?: number | undefined | undefined;
-        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
-        "aria-readonly"?: (boolean | "true" | "false") | undefined;
-        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
-        "aria-required"?: (boolean | "true" | "false") | undefined;
-        "aria-roledescription"?: string | undefined | undefined;
-        "aria-rowcount"?: number | undefined | undefined;
-        "aria-rowindex"?: number | undefined | undefined;
-        "aria-rowindextext"?: string | undefined | undefined;
-        "aria-rowspan"?: number | undefined | undefined;
-        "aria-selected"?: (boolean | "true" | "false") | undefined;
-        "aria-setsize"?: number | undefined | undefined;
-        "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
-        "aria-valuemax"?: number | undefined | undefined;
-        "aria-valuemin"?: number | undefined | undefined;
-        "aria-valuenow"?: number | undefined | undefined;
-        "aria-valuetext"?: string | undefined | undefined;
-        dangerouslySetInnerHTML?: {
-            __html: string | TrustedHTML;
-        } | undefined | undefined;
-        onCopy?: react.ClipboardEventHandler<HTMLDivElement> | undefined;
-        onCopyCapture?: react.ClipboardEventHandler<HTMLDivElement> | undefined;
-        onCut?: react.ClipboardEventHandler<HTMLDivElement> | undefined;
-        onCutCapture?: react.ClipboardEventHandler<HTMLDivElement> | undefined;
-        onPaste?: react.ClipboardEventHandler<HTMLDivElement> | undefined;
-        onPasteCapture?: react.ClipboardEventHandler<HTMLDivElement> | undefined;
-        onCompositionEnd?: react.CompositionEventHandler<HTMLDivElement> | undefined;
-        onCompositionEndCapture?: react.CompositionEventHandler<HTMLDivElement> | undefined;
-        onCompositionStart?: react.CompositionEventHandler<HTMLDivElement> | undefined;
-        onCompositionStartCapture?: react.CompositionEventHandler<HTMLDivElement> | undefined;
-        onCompositionUpdate?: react.CompositionEventHandler<HTMLDivElement> | undefined;
-        onCompositionUpdateCapture?: react.CompositionEventHandler<HTMLDivElement> | undefined;
-        onFocus?: react.FocusEventHandler<HTMLDivElement> | undefined;
-        onFocusCapture?: react.FocusEventHandler<HTMLDivElement> | undefined;
-        onBlur?: react.FocusEventHandler<HTMLDivElement> | undefined;
-        onBlurCapture?: react.FocusEventHandler<HTMLDivElement> | undefined;
-        onChangeCapture?: react.FormEventHandler<HTMLDivElement> | undefined;
-        onBeforeInput?: react.InputEventHandler<HTMLDivElement> | undefined;
-        onBeforeInputCapture?: react.FormEventHandler<HTMLDivElement> | undefined;
-        onInput?: react.FormEventHandler<HTMLDivElement> | undefined;
-        onInputCapture?: react.FormEventHandler<HTMLDivElement> | undefined;
-        onReset?: react.FormEventHandler<HTMLDivElement> | undefined;
-        onResetCapture?: react.FormEventHandler<HTMLDivElement> | undefined;
-        onSubmit?: react.FormEventHandler<HTMLDivElement> | undefined;
-        onSubmitCapture?: react.FormEventHandler<HTMLDivElement> | undefined;
-        onInvalid?: react.FormEventHandler<HTMLDivElement> | undefined;
-        onInvalidCapture?: react.FormEventHandler<HTMLDivElement> | undefined;
-        onLoad?: react.ReactEventHandler<HTMLDivElement> | undefined;
-        onLoadCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-        onError?: react.ReactEventHandler<HTMLDivElement> | undefined;
-        onErrorCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-        onKeyDown?: react.KeyboardEventHandler<HTMLDivElement> | undefined;
-        onKeyDownCapture?: react.KeyboardEventHandler<HTMLDivElement> | undefined;
-        onKeyPress?: react.KeyboardEventHandler<HTMLDivElement> | undefined;
-        onKeyPressCapture?: react.KeyboardEventHandler<HTMLDivElement> | undefined;
-        onKeyUp?: react.KeyboardEventHandler<HTMLDivElement> | undefined;
-        onKeyUpCapture?: react.KeyboardEventHandler<HTMLDivElement> | undefined;
-        onAbort?: react.ReactEventHandler<HTMLDivElement> | undefined;
-        onAbortCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-        onCanPlay?: react.ReactEventHandler<HTMLDivElement> | undefined;
-        onCanPlayCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-        onCanPlayThrough?: react.ReactEventHandler<HTMLDivElement> | undefined;
-        onCanPlayThroughCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-        onDurationChange?: react.ReactEventHandler<HTMLDivElement> | undefined;
-        onDurationChangeCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-        onEmptied?: react.ReactEventHandler<HTMLDivElement> | undefined;
-        onEmptiedCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-        onEncrypted?: react.ReactEventHandler<HTMLDivElement> | undefined;
-        onEncryptedCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-        onEnded?: react.ReactEventHandler<HTMLDivElement> | undefined;
-        onEndedCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-        onLoadedData?: react.ReactEventHandler<HTMLDivElement> | undefined;
-        onLoadedDataCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-        onLoadedMetadata?: react.ReactEventHandler<HTMLDivElement> | undefined;
-        onLoadedMetadataCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-        onLoadStart?: react.ReactEventHandler<HTMLDivElement> | undefined;
-        onLoadStartCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-        onPause?: react.ReactEventHandler<HTMLDivElement> | undefined;
-        onPauseCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-        onPlay?: react.ReactEventHandler<HTMLDivElement> | undefined;
-        onPlayCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-        onPlaying?: react.ReactEventHandler<HTMLDivElement> | undefined;
-        onPlayingCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-        onProgress?: react.ReactEventHandler<HTMLDivElement> | undefined;
-        onProgressCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-        onRateChange?: react.ReactEventHandler<HTMLDivElement> | undefined;
-        onRateChangeCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-        onSeeked?: react.ReactEventHandler<HTMLDivElement> | undefined;
-        onSeekedCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-        onSeeking?: react.ReactEventHandler<HTMLDivElement> | undefined;
-        onSeekingCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-        onStalled?: react.ReactEventHandler<HTMLDivElement> | undefined;
-        onStalledCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-        onSuspend?: react.ReactEventHandler<HTMLDivElement> | undefined;
-        onSuspendCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-        onTimeUpdate?: react.ReactEventHandler<HTMLDivElement> | undefined;
-        onTimeUpdateCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-        onVolumeChange?: react.ReactEventHandler<HTMLDivElement> | undefined;
-        onVolumeChangeCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-        onWaiting?: react.ReactEventHandler<HTMLDivElement> | undefined;
-        onWaitingCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-        onAuxClick?: react.MouseEventHandler<HTMLDivElement> | undefined;
-        onAuxClickCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
-        onClickCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
-        onContextMenu?: react.MouseEventHandler<HTMLDivElement> | undefined;
-        onContextMenuCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
-        onDoubleClick?: react.MouseEventHandler<HTMLDivElement> | undefined;
-        onDoubleClickCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
-        onDrag?: react.DragEventHandler<HTMLDivElement> | undefined;
-        onDragCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
-        onDragEnd?: react.DragEventHandler<HTMLDivElement> | undefined;
-        onDragEndCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
-        onDragEnter?: react.DragEventHandler<HTMLDivElement> | undefined;
-        onDragEnterCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
-        onDragExit?: react.DragEventHandler<HTMLDivElement> | undefined;
-        onDragExitCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
-        onDragLeave?: react.DragEventHandler<HTMLDivElement> | undefined;
-        onDragLeaveCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
-        onDragOver?: react.DragEventHandler<HTMLDivElement> | undefined;
-        onDragOverCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
-        onDragStart?: react.DragEventHandler<HTMLDivElement> | undefined;
-        onDragStartCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
-        onDrop?: react.DragEventHandler<HTMLDivElement> | undefined;
-        onDropCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
-        onMouseDown?: react.MouseEventHandler<HTMLDivElement> | undefined;
-        onMouseDownCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
-        onMouseEnter?: react.MouseEventHandler<HTMLDivElement> | undefined;
-        onMouseLeave?: react.MouseEventHandler<HTMLDivElement> | undefined;
-        onMouseMove?: react.MouseEventHandler<HTMLDivElement> | undefined;
-        onMouseMoveCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
-        onMouseOut?: react.MouseEventHandler<HTMLDivElement> | undefined;
-        onMouseOutCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
-        onMouseOver?: react.MouseEventHandler<HTMLDivElement> | undefined;
-        onMouseOverCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
-        onMouseUp?: react.MouseEventHandler<HTMLDivElement> | undefined;
-        onMouseUpCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
-        onSelect?: react.ReactEventHandler<HTMLDivElement> | undefined;
-        onSelectCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
-        onTouchCancel?: react.TouchEventHandler<HTMLDivElement> | undefined;
-        onTouchCancelCapture?: react.TouchEventHandler<HTMLDivElement> | undefined;
-        onTouchEnd?: react.TouchEventHandler<HTMLDivElement> | undefined;
-        onTouchEndCapture?: react.TouchEventHandler<HTMLDivElement> | undefined;
-        onTouchMove?: react.TouchEventHandler<HTMLDivElement> | undefined;
-        onTouchMoveCapture?: react.TouchEventHandler<HTMLDivElement> | undefined;
-        onTouchStart?: react.TouchEventHandler<HTMLDivElement> | undefined;
-        onTouchStartCapture?: react.TouchEventHandler<HTMLDivElement> | undefined;
-        onPointerDown?: react.PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerDownCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerMove?: react.PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerMoveCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerUp?: react.PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerUpCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerCancel?: react.PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerCancelCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerEnter?: react.PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerLeave?: react.PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerOver?: react.PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerOverCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerOut?: react.PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerOutCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
-        onGotPointerCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
-        onGotPointerCaptureCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
-        onLostPointerCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
-        onLostPointerCaptureCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
-        onScroll?: react.UIEventHandler<HTMLDivElement> | undefined;
-        onScrollCapture?: react.UIEventHandler<HTMLDivElement> | undefined;
-        onScrollEnd?: react.UIEventHandler<HTMLDivElement> | undefined;
-        onScrollEndCapture?: react.UIEventHandler<HTMLDivElement> | undefined;
-        onWheel?: react.WheelEventHandler<HTMLDivElement> | undefined;
-        onWheelCapture?: react.WheelEventHandler<HTMLDivElement> | undefined;
-        onAnimationStart?: react.AnimationEventHandler<HTMLDivElement> | undefined;
-        onAnimationStartCapture?: react.AnimationEventHandler<HTMLDivElement> | undefined;
-        onAnimationEnd?: react.AnimationEventHandler<HTMLDivElement> | undefined;
-        onAnimationEndCapture?: react.AnimationEventHandler<HTMLDivElement> | undefined;
-        onAnimationIteration?: react.AnimationEventHandler<HTMLDivElement> | undefined;
-        onAnimationIterationCapture?: react.AnimationEventHandler<HTMLDivElement> | undefined;
-        onToggle?: react.ToggleEventHandler<HTMLDivElement> | undefined;
-        onBeforeToggle?: react.ToggleEventHandler<HTMLDivElement> | undefined;
-        onTransitionCancel?: react.TransitionEventHandler<HTMLDivElement> | undefined;
-        onTransitionCancelCapture?: react.TransitionEventHandler<HTMLDivElement> | undefined;
-        onTransitionEnd?: react.TransitionEventHandler<HTMLDivElement> | undefined;
-        onTransitionEndCapture?: react.TransitionEventHandler<HTMLDivElement> | undefined;
-        onTransitionRun?: react.TransitionEventHandler<HTMLDivElement> | undefined;
-        onTransitionRunCapture?: react.TransitionEventHandler<HTMLDivElement> | undefined;
-        onTransitionStart?: react.TransitionEventHandler<HTMLDivElement> | undefined;
-        onTransitionStartCapture?: react.TransitionEventHandler<HTMLDivElement> | undefined;
-        content?: string | undefined | undefined;
-        translate?: "yes" | "no" | undefined | undefined;
-        hidden?: boolean | undefined | undefined;
-        default?: boolean | undefined | undefined;
-        accept?: string | undefined | undefined;
-        acceptCharset?: string | undefined | undefined;
-        action?: string | ((formData: FormData) => void | Promise<void>) | undefined;
-        allowFullScreen?: boolean | undefined | undefined;
-        allowTransparency?: boolean | undefined | undefined;
-        alt?: string | undefined | undefined;
-        async?: boolean | undefined | undefined;
-        autoComplete?: string | undefined | undefined;
-        autoPlay?: boolean | undefined | undefined;
-        capture?: boolean | "user" | "environment" | undefined | undefined;
-        cellPadding?: number | string | undefined | undefined;
-        cellSpacing?: number | string | undefined | undefined;
-        charSet?: string | undefined | undefined;
-        challenge?: string | undefined | undefined;
-        checked?: boolean | undefined | undefined;
-        classID?: string | undefined | undefined;
-        cols?: number | undefined | undefined;
-        colSpan?: number | undefined | undefined;
-        controls?: boolean | undefined | undefined;
-        coords?: string | undefined | undefined;
-        dateTime?: string | undefined | undefined;
-        defer?: boolean | undefined | undefined;
-        disabled?: boolean | undefined | undefined;
-        encType?: string | undefined | undefined;
-        formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
-        formEncType?: string | undefined | undefined;
-        formMethod?: string | undefined | undefined;
-        formNoValidate?: boolean | undefined | undefined;
-        formTarget?: string | undefined | undefined;
-        frameBorder?: number | string | undefined | undefined;
-        headers?: string | undefined | undefined;
-        high?: number | undefined | undefined;
-        hrefLang?: string | undefined | undefined;
-        htmlFor?: string | undefined | undefined;
-        httpEquiv?: string | undefined | undefined;
-        integrity?: string | undefined | undefined;
-        keyParams?: string | undefined | undefined;
-        keyType?: string | undefined | undefined;
-        kind?: string | undefined | undefined;
-        loop?: boolean | undefined | undefined;
-        low?: number | undefined | undefined;
-        manifest?: string | undefined | undefined;
-        marginHeight?: number | undefined | undefined;
-        marginWidth?: number | undefined | undefined;
-        maxLength?: number | undefined | undefined;
-        mediaGroup?: string | undefined | undefined;
-        minLength?: number | undefined | undefined;
-        multiple?: boolean | undefined | undefined;
-        muted?: boolean | undefined | undefined;
-        noValidate?: boolean | undefined | undefined;
-        open?: boolean | undefined | undefined;
-        optimum?: number | undefined | undefined;
-        placeholder?: string | undefined | undefined;
-        playsInline?: boolean | undefined | undefined;
-        poster?: string | undefined | undefined;
-        preload?: string | undefined | undefined;
-        readOnly?: boolean | undefined | undefined;
-        required?: boolean | undefined | undefined;
-        reversed?: boolean | undefined | undefined;
-        rowSpan?: number | undefined | undefined;
-        sandbox?: string | undefined | undefined;
-        scope?: string | undefined | undefined;
-        scoped?: boolean | undefined | undefined;
-        scrolling?: string | undefined | undefined;
-        seamless?: boolean | undefined | undefined;
-        selected?: boolean | undefined | undefined;
-        shape?: string | undefined | undefined;
-        sizes?: string | undefined | undefined;
-        src?: string | undefined | undefined;
-        srcDoc?: string | undefined | undefined;
-        srcLang?: string | undefined | undefined;
-        srcSet?: string | undefined | undefined;
-        start?: number | undefined | undefined;
-        step?: number | string | undefined | undefined;
-        useMap?: string | undefined | undefined;
-        value?: string | number | readonly string[] | undefined;
-        wmode?: string | undefined | undefined;
-        wrap?: string | undefined | undefined;
-        defaultChecked?: boolean | undefined | undefined;
-        defaultValue?: string | number | readonly string[] | undefined;
-        suppressContentEditableWarning?: boolean | undefined | undefined;
-        accessKey?: string | undefined | undefined;
-        autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
-        autoFocus?: boolean | undefined | undefined;
-        contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
-        contextMenu?: string | undefined | undefined;
-        dir?: string | undefined | undefined;
-        draggable?: (boolean | "true" | "false") | undefined;
-        enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-        nonce?: string | undefined | undefined;
-        spellCheck?: (boolean | "true" | "false") | undefined;
-        radioGroup?: string | undefined | undefined;
-        about?: string | undefined | undefined;
-        datatype?: string | undefined | undefined;
-        inlist?: any;
-        prefix?: string | undefined | undefined;
-        property?: string | undefined | undefined;
-        rel?: string | undefined | undefined;
-        resource?: string | undefined | undefined;
-        rev?: string | undefined | undefined;
-        typeof?: string | undefined | undefined;
-        vocab?: string | undefined | undefined;
-        autoCorrect?: string | undefined | undefined;
-        autoSave?: string | undefined | undefined;
-        itemProp?: string | undefined | undefined;
-        itemScope?: boolean | undefined | undefined;
-        itemType?: string | undefined | undefined;
-        itemID?: string | undefined | undefined;
-        itemRef?: string | undefined | undefined;
-        results?: number | undefined | undefined;
-        security?: string | undefined | undefined;
-        unselectable?: "on" | "off" | undefined | undefined;
-        popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
-        popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
-        popoverTarget?: string | undefined | undefined;
-        inert?: boolean | undefined | undefined;
-        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
-        is?: string | undefined | undefined;
-        exportparts?: string | undefined | undefined;
-        part?: string | undefined | undefined;
-    }) => react_jsx_runtime.JSX.Element | null;
-};
-
-type Props$v = {
-    /** 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;
-} & CalendarBaseProps & Omit<CalendarProps<CalendarDate>, 'onChange'>;
-declare const Calendar: ({ date, onChange, preventPast, preventFuture, noShadow, ...props }: Props$v) => react_jsx_runtime.JSX.Element;
-
-type Props$u = {
-    /** 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;
-    /** Prevents the checkbox from being changed */
-    readOnly?: boolean;
-    /** Controls the checked property of the checkbox */
-    checked?: boolean;
-    /** Sets the checkbox to an indeterminate state */
-    partial?: boolean;
-    /** Sets the gap between the label and the checkbox */
-    gap?: number;
-    /** The function called with the checkbox value after the checkbox is changed */
-    onChange?: (val: boolean) => void;
-} & Margin & Omit<CheckboxProps, 'value' | 'isDisabled' | 'isReadOnly' | 'isSelected'>;
-declare const Checkbox: ({ label, labelPosition, checked, partial, disabled, readOnly, onChange, ...props }: Props$u) => react_jsx_runtime.JSX.Element;
-
-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) => react_jsx_runtime.JSX.Element;
-
-type Props$t = {
-    /** Use when loading options asynchronously with onTextChange */
-    loadingResults?: boolean;
-    /** The function to be called when the search input is updated */
-    onTextChange?: (text: string) => void;
-    /** The function to be called when the input text does not match any options */
-    onCreate?: (text: string) => void;
-    ref?: React.Ref<HTMLInputElement>;
-} & SelectInputProps & OpenStateProps & Omit<ComboBoxProps<object>, 'children' | 'onSelectionChange' | 'isOpen' | 'isDisabled' | 'isInvalid' | 'isRequired' | 'defaultSelectedKey'>;
-declare const _default$4: (({ backgroundColor, menuBackground, children, fontSize, disabled, invalid, required, readOnly, loading, loadingResults, label, options, placeholder, placeholderColor, description, errorMessage, textOnly, value, defaultValue, width, height, maxHeight, iconLeft, leftElement, rightElement, allowRepeatSelection, allowsEmptyCollection, position, fixedPosition, open, onOpenChange, before, after, onChange, onCreate, afterShow, afterHide, onTextChange, ref, ...props }: Props$t) => react_jsx_runtime.JSX.Element) & {
-    Item: ({ id, value, header, body, leftElement, rightElement, inline, disabled, ...props }: SelectItem & Omit<react_aria_components.ListBoxItemProps<object>, "id" | "value" | "isDisabled">) => react_jsx_runtime.JSX.Element;
-    Section: ({ id, title, children }: {
-        id?: string;
-        title?: string;
-        children: react.ReactNode;
-    }) => react_jsx_runtime.JSX.Element;
-};
-
-type InputProps = Pick<InputElementStyleProps$1, 'fontSize' | 'placeholderColor'> & Pick<InputProps$2, 'placeholder'>;
-type ModalProps$1 = {
-    /** Adjust or disable the blur effect of the modal overlay */
-    overlayBlur?: boolean | number;
-    /** Sets the color of the modal overlay */
-    overlayColor?: string;
-    /** zIndex of the modal */
-    zIndex?: number;
-};
-type IsTrigger = {
-    /** The element that will trigger the opening of the menu */
-    triggerRef: RefObject<Element>;
-    /** The position of the menu body and arrow in relation to the trigger */
-    position?: Placement;
-    /** Offset of the menu from the trigger */
-    offset?: number;
-    modalProps?: never;
-};
-type IsModal = {
-    /** Modal style props */
-    modalProps?: ModalProps$1;
-    triggerRef?: never;
-    position?: never;
-    offset?: never;
-};
-type OpenMethod = IsTrigger | IsModal;
-type Props$s<T> = {
-    options: T[];
-    /** Controls whether or not the Modal is open */
-    open: boolean;
-    /** The function called when the Modal is closed */
-    setOpen: (open: boolean) => void;
-    /** The function called when an item is selected */
-    onChange: (item: T) => void;
-    inputProps?: InputProps;
-} & OpenMethod & MaxWidthHeight & WidthHeight & Pick<DialogProps, 'aria-label'>;
-declare const CommandMenu: <T extends ListOption>({ options, inputProps, modalProps, triggerRef, position, offset, open, onChange, setOpen, ...props }: Props$s<T>) => react_jsx_runtime.JSX.Element;
-
-declare const Table$1: _emotion_styled.StyledComponent<{
-    theme?: _emotion_react.Theme;
-    as?: React.ElementType;
-} & ThemeProp, react.DetailedHTMLProps<react.TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, {}>;
-
-type ElAttributes$7 = Omit<Attributes<HTMLDivElement>, 'size'>;
-type DotType = 'error' | 'success' | 'warning' | 'alert';
-type Props$r = {
-    children?: ReactNode;
-    /** Sets the color of the Dot */
-    type?: DotType;
-    /** The color of the dot */
-    color?: string;
-    /** The color of the text inside the dot */
-    textColor?: string;
-    /** The width/height of the dot */
-    size?: Sizes | number;
-} & Margin & Position & ElAttributes$7;
-declare const Dot: ({ children, type, color, size, ...props }: Props$r) => react_jsx_runtime.JSX.Element;
-
-type DraftEditorProps = {
-    /** 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;
-    /** Function called after the enter key is pressed */
-    onEnterKey?: (e: KeyboardEvent) => void;
-    /** Callback run after onFocus event */
-    onFocus?: (event?: InputFocusEvent) => void;
-    /** Callback run after onBlur event */
-    onBlur?: (event?: InputFocusEvent) => void;
-    /** Array of MergeFields ({ id: string, label: string, value?: string }) for the editor to use/parse */
-    mergeFields?: MergeField[];
-    /** Placeholder text of editor when value is empty */
-    placeholder?: string;
-    /** Places a description message below the editor */
-    description?: string;
-    /** Sets the Editor's bottom border and description text to red */
-    invalid?: boolean;
-    /** Width of the editor */
-    width?: number | string;
-    /** Height of the editor */
-    height?: number;
-    /** Max Height of the editor. Editor contents will scroll after this height is reached */
-    maxHeight?: number;
-    /** Removes the padding from the editor */
-    noPadding?: boolean;
-    /** Disables any editing capability of the editor */
-    readOnly?: boolean;
-    /** Displays the value of the merge field rather than the label */
-    displayMergedValues?: boolean;
-    /** Sets the text color of the editor */
-    color?: string;
-    /** Sets the overflow css value of the editor */
-    overflow?: CSSProperties['overflow'];
-    /** Truncates the editor text to the number of lines specified and adds an ellipsis textOverflow */
-    clampLines?: number;
-    /** Places a label element above the input. The value will set the text of the label */
-    label?: string;
-    /** Disables the input */
-    disabled?: boolean;
-    /** Sets the input borderRadius */
-    borderRadius?: number | string;
-    /** Sets the input backgroundColor */
-    backgroundColor?: string;
-    /** Sets the editor fontSize */
-    fontSize?: number | string;
-    /** Removes the border, padding, and backgroundColor from the DraftEditor */
-    textOnly?: boolean;
-    ref?: React.Ref<DraftEditorRef>;
-    className?: string;
-} & Margin;
-declare const DraftEditor: ({ value, onChange, onEnterKey, onFocus, onBlur, mergeFields, placeholder, description, invalid, width, height, maxHeight, noPadding, readOnly, displayMergedValues, color, overflow, clampLines, label, disabled, borderRadius, backgroundColor, fontSize, textOnly, margin, marginLeft, marginRight, marginTop, marginBottom, ref, className, ...rest }: DraftEditorProps) => react_jsx_runtime.JSX.Element;
-
-type EditorValue = JSONContent;
-/**
- * Creates a new EditorValue (JSONContent) for use with the Editor component.
- *
- * This function is optimized for performance by creating the minimal required structure.
- *
- * @param value - Optional text content or existing EditorValue to initialize the editor with
- * @returns A properly structured JSONContent object for TipTap
- *
- * @example
- * // Empty editor content
- * const emptyContent = createEditorContent();
- *
- * // Editor with initial text
- * const textContent = createEditorContent('Hello world!');
- *
- * // Editor with existing EditorValue
- * const existingContent = createEditorContent(someExistingEditorValue);
- */
-declare const createEditorContent: (value?: string | EditorValue, fields?: MergeField[], displayValue?: boolean) => JSONContent;
-type EditorProps = {
-    /** Controlled value - TipTap JSON content representing rich text with formatting. If not provided, editor runs in uncontrolled mode */
-    value?: EditorValue;
-    /** Controlled text value - String content with merge field markers (<<field_id>>). Alternative to value prop for simpler use cases */
-    textValue?: string;
-    /** Function called after editor content changes */
-    onChange?: (value: EditorValue, hasMissing: boolean, reason: string | null) => void;
-    /** Function called after editor text content changes - provides string with merge field markers */
-    onTextChange?: (text: string, hasMissing: boolean, reason: string | null) => void;
-    /** Function called when the dirty state changes (has unsaved changes) */
-    onDirtyChange?: (isDirty: boolean) => void;
-    /** Function called after the enter key is pressed */
-    onEnterKey?: (e: KeyboardEvent) => void;
-    /** Callback run after onFocus event */
-    onFocus?: (event?: InputFocusEvent) => void;
-    /** Callback run after onBlur event */
-    onBlur?: (event?: InputFocusEvent) => void;
-    /** Array of MergeFields ({ id: string, label: string, value?: string }) for the editor to use/parse */
-    mergeFields?: MergeField[];
-    /** Placeholder text of editor when value is empty */
-    placeholder?: string;
-    /** Places a description message below the editor */
-    description?: string;
-    /** Sets the Editor's bottom border and description text to red */
-    invalid?: boolean;
-    /** Max Height of the editor. Editor contents will scroll after this height is reached */
-    maxHeight?: number;
-    /** Removes the padding from the editor */
-    noPadding?: boolean;
-    /** Disables any editing capability of the editor */
-    readOnly?: boolean;
-    /** Allows task item checkboxes to be interactive even when readOnly is true */
-    interactiveTaskItems?: boolean;
-    /** Displays the value of the merge field rather than the label */
-    displayMergedValues?: boolean;
-    /** Sets the text color of the editor */
-    color?: string;
-    /** Sets the overflow css value of the editor */
-    overflow?: CSSProperties['overflow'];
-    /** Truncates the editor text to the number of lines specified and adds an ellipsis textOverflow */
-    clampLines?: number;
-    /** Places a label element above the input. The value will set the text of the label */
-    label?: string;
-    /** Disables the input */
-    disabled?: boolean;
-    /** Sets the input borderRadius */
-    borderRadius?: number | string;
-    /** Sets the input backgroundColor */
-    backgroundColor?: string;
-    /** Sets the editor fontSize */
-    fontSize?: number | string;
-    /** Removes the border, padding, and backgroundColor from the Editor */
-    textOnly?: boolean;
-    /** Shows the formatting toolbar with rich text options */
-    showToolbarOptions?: boolean;
-    /** Maximum number of characters allowed in the editor */
-    maxLength?: number;
-    ref?: React.Ref<EditorRef>;
-    className?: string;
-} & MarginPadding & WidthHeight;
-declare const Editor: ({ value, textValue, onChange, onTextChange, onDirtyChange, onEnterKey, onFocus, onBlur, mergeFields, placeholder, description, invalid, width, height, maxHeight, noPadding, readOnly, interactiveTaskItems, displayMergedValues, color, overflow, clampLines, label, disabled, borderRadius, backgroundColor, fontSize, textOnly, showToolbarOptions, maxLength, margin, marginLeft, marginRight, marginTop, marginBottom, padding, paddingLeft, paddingRight, paddingTop, paddingBottom, ref, className, ...rest }: EditorProps) => react_jsx_runtime.JSX.Element | null;
-
-/**
- * Converts TipTap JSON document to plain text with merge field markers
- * @param json - TipTap JSON document object
- * @returns Plain text string with <<field_id>> markers
- */
-declare const editorContentToText: (json: JSONContent) => string;
-
-type ListItemStyleProps = {
-    selected?: boolean;
-    noSelect?: boolean;
-    disabled?: boolean;
-    contentPosition?: FlexPosition;
-    color?: string;
-    accented?: boolean;
-} & ThemeProp;
-
-type Props$q = {
-    children?: ReactNode;
-    checkbox?: boolean;
-    readOnly?: boolean;
-} & ListItem & Omit<ListItemStyleProps, 'theme'> & Omit<MenuItemProps$1, 'children' | 'value' | 'id' | 'onAction' | 'isDisabled'>;
-
-type SelectProps$1 = Pick<SelectInputProps, 'children' | 'afterShow' | 'afterHide' | 'position' | 'fixedPosition' | 'before' | 'after' | 'menuBackground'>;
-type MenuProps$1 = Omit<MenuProps$2<ListOption>, 'selectionMode' | 'selectedKeys' | 'onSelectionChange'>;
-type NoSelection = {
-    selectionMode?: never;
-    selectedKeys?: never;
-    onSelectionChange?: never;
-};
-type SingleSelection = {
-    /** The selection mode for the menu */
-    selectionMode: 'single';
-    /** The key(s) of the selected menu item(s) */
-    selectedKeys?: string;
-    /** Callback for when the selection changes */
-    onSelectionChange?: (item: string) => void;
-};
-type MultiSelection = {
-    selectionMode: 'multiple';
-    selectedKeys?: 'all' | string[];
-    onSelectionChange?: (items: 'all' | string[]) => void;
-};
-type SelectionProps = NoSelection | SingleSelection | MultiSelection;
-type DropdownMenuProps = {
-    /** The options to be displayed in the menu */
-    options?: ListOption[];
-    /** The element that will trigger the opening of the menu */
-    trigger: ReactElement;
-    /** Use if trigger is a Button (aids in adhering to validateDOMNesting)  */
-    isTriggerButton?: boolean;
-    /** Props to pass to the trigger's container (unless isTriggerButton is true) */
-    triggerProps?: ButtonProps;
-    /** Offset of the menu from the trigger */
-    offset?: number;
-    /** Opens the menu on right-click instead of left-click */
-    triggerOnContextMenu?: boolean;
-} & SelectProps$1 & MenuProps$1 & SelectionProps & OpenStateProps;
-declare const DropdownMenu: {
-    ({ children, position, fixedPosition, trigger, isTriggerButton, triggerProps, triggerOnContextMenu, menuBackground, options, offset, selectionMode, selectedKeys, before, after, open, afterShow, afterHide, onSelectionChange, onOpenChange, ...props }: DropdownMenuProps): react_jsx_runtime.JSX.Element;
-    Item: {
-        ({ id, value, children, header, body, leftElement, rightElement, inline, disabled, checkbox, onClick, ...props }: Props$q): react_jsx_runtime.JSX.Element;
-        displayName: string;
-    };
-    Sub: {
-        ({ children, label, disabled }: SubProps): react_jsx_runtime.JSX.Element;
-        displayName: string;
-    };
-    Section: ({ id, title, children }: {
-        id?: string;
-        title?: string;
-        children: ReactNode;
-    }) => react_jsx_runtime.JSX.Element;
-    Separator: _emotion_styled.StyledComponent<react_aria_components.SeparatorProps & react.RefAttributes<object> & {
-        theme?: _emotion_react.Theme;
-    } & ThemeProp, {}, {}>;
-};
-type SubProps = {
-    children?: ReactNode;
-    /** The text or element to display as the sub menu item's trigger */
-    label: string;
-    /** Prevents the Sub menu from being triggered */
-    disabled?: boolean;
-};
-
-type Option = Omit<ListItem, 'onClick'> & Required<Pick<ListItem, 'id'>>;
-type ElAttributes$6 = Attributes<HTMLDivElement>;
-type Props$p = {
-    label: string;
-    options: ListOption<Option>[];
-    search?: boolean;
-    onChange: (options: Option[]) => void;
-} & Width & Margin & ElAttributes$6;
-declare const DropdownSelect: ({ label, options, width, search, onChange, ...props }: Props$p) => react_jsx_runtime.JSX.Element;
-
-type Props$o = {
-    /** The options to be displayed in the dropdown */
-    options?: ListOption[];
-} & Omit<SelectInputProps, 'options' | 'textOnly'> & OpenStateProps & Omit<ButtonProps, 'ref' | 'isDisabled'>;
-declare const _default$3: (({ children, before, after, open, label, placeholder, options, width, height, value, defaultValue, loading, hideCaret, color, disabled, readOnly, placeholderColor, fontSize, fontWeight, description, errorMessage, position, backgroundColor, menuBackground, iconLeft, leftElement, rightElement, onChange, onOpenChange, afterShow, afterHide, ...props }: Props$o) => react_jsx_runtime.JSX.Element) & {
-    Item: ({ children, id, value, header, body, leftElement, rightElement, inline, disabled, ...props }: {
-        children?: react.ReactNode;
-    } & Partial<SelectItem> & Omit<react_aria_components.GridListItemProps<object>, "id" | "value" | "isDisabled">) => react_jsx_runtime.JSX.Element;
-};
-
-type ElAttributes$5 = Attributes<HTMLDivElement>;
-type Props$n = {
-    children: ReactNode;
-    /** Number of lines to clamp */
-    clampLines?: number;
-    textAlign?: CSSProperties['textAlign'];
-} & MarginPadding & Width & ElAttributes$5;
-declare const Ellipsis: ({ children, ...props }: Props$n) => react_jsx_runtime.JSX.Element;
-
-type CheckboxAttributes = Attributes<HTMLInputElement>;
-
-type GridProps = {
-    /** If a number, rows creates n number rows of an equal size. If a string, rows sets the gridTemplateRows property   */
-    rows?: string | number;
-    /** The amount of pixels between each row */
-    rowGap?: number;
-    /** If a number, columns creates n number columns of an equal size. If a string, columns sets the gridTemplateColumns property   */
-    columns?: string | number;
-    /** The amount of pixels between each column */
-    columnGap?: number;
-    /** Sets the gridGap property */
-    gap?: number;
-    /** Sets the gridTemplate property */
-    template?: string;
-    /** Sets the alignContent property */
-    alignContent?: string;
-    /** Sets the alignItems property */
-    alignItems?: string;
-    /** Sets the justifyContent property */
-    justifyContent?: string;
-    /** Sets the justifyItems property */
-    justifyItems?: string;
-    children?: ReactNode;
-    className?: string;
-} & WidthHeight & MarginPadding;
-type ItemProps$1 = {
-    /** Sets the gridRow property */
-    row?: number;
-    /** Sets the gridRowStart property */
-    rowStart?: number;
-    /** Sets the gridRowEnd property */
-    rowEnd?: number;
-    /** Sets the gridColumn property */
-    column?: number;
-    /** Sets the gridColumnStart property */
-    columnStart?: number;
-    /** Sets the gridColumnEnd property */
-    columnEnd?: number;
-    /** Sets the gridArea property */
-    area?: number;
-    /** Sets the alignSelf property */
-    alignSelf?: string;
-    /** Sets the justifySelf property */
-    justifySelf?: string;
-    /** Sets the placeSelf property */
-    placeSelf?: string;
-    /** Sets the border property */
-    border?: string;
-    className?: string;
-} & MarginPadding;
-declare const _default$2: (({ children, ...props }: GridProps) => react_jsx_runtime.JSX.Element) & {
-    Item: {
-        ({ children, ...props }: ItemProps$1 & {
-            children?: ReactNode;
-        }): react_jsx_runtime.JSX.Element;
-        displayName: string;
-    };
-};
-
-type ElAttributes$4 = Attributes<HTMLFormElement>;
-type FormProps = {
-    children?: ReactNode;
-    /** The function to be run after the form is submitted */
-    onSubmit?: (event: FormEvent) => void;
-} & GridProps & ElAttributes$4;
-declare const Form: {
-    ({ children, rows, columns, rowGap, columnGap, onSubmit, ...rest }: FormProps): react_jsx_runtime.JSX.Element;
-    Group({ children, rows, columns, rowGap, columnGap, disabled, ...rest }: FormGroupProps): react_jsx_runtime.JSX.Element;
-    Field({ children, inline, align, disabled, ...props }: FieldProps$1 & {
-        children?: ReactNode;
-    }): react_jsx_runtime.JSX.Element;
-    Radio: ({ id, label, labelPosition, checked, disabled, margin, marginTop, marginBottom, marginRight, marginLeft, className, readOnly, iconColor, ...props }: {
-        id?: string;
-        label?: string;
-        labelPosition?: "left" | "right";
-        disabled?: boolean;
-        checked?: boolean;
-        className?: string;
-        iconColor?: string;
-    } & Margin & react.HTMLProps<HTMLInputElement> & AsProp) => react_jsx_runtime.JSX.Element;
-    Toggle: ({ id, label, labelPosition, checked, disabled, onChange, margin, marginTop, marginBottom, marginRight, marginLeft, ...props }: {
-        id?: string;
-        label?: string;
-        labelPosition?: "left" | "right";
-        disabled?: boolean;
-        checked?: boolean;
-        onChange: (val: boolean) => void;
-    } & Margin & AsProp & CheckboxAttributes) => react_jsx_runtime.JSX.Element;
-    Checkbox: ({ label, labelPosition, checked, partial, disabled, readOnly, onChange, ...props }: {
-        id?: string;
-        label?: string;
-        labelPosition?: "left" | "right";
-        disabled?: boolean;
-        readOnly?: boolean;
-        checked?: boolean;
-        partial?: boolean;
-        gap?: number;
-        onChange?: (val: boolean) => void;
-    } & Margin & Omit<react_aria_components.CheckboxProps, "value" | "isDisabled" | "isReadOnly" | "isSelected">) => react_jsx_runtime.JSX.Element;
-    Label: ({ children, iconLeft, iconRight, disabled, pill, ...rest }: {
-        children?: ReactNode;
-        iconLeft?: IconType;
-        iconRight?: IconType;
-        pill?: boolean;
-        disabled?: boolean;
-    } & Margin) => react_jsx_runtime.JSX.Element;
-};
-type FormGroupProps = {
-    /** Disables pointer events and reduces the opacity of the Group's contents  */
-    disabled?: boolean;
-    children?: ReactNode;
-} & GridProps;
-type FieldProps$1 = {
-    /** Sets the flexDirection of the Field to 'row' instead of 'column' */
-    inline?: boolean;
-    /** Sets the vertical alignment of the Field's contents */
-    align?: 'top' | 'bottom' | 'center';
-    /** Disables pointer events and reduces the opacity of the Field's contents  */
-    disabled?: boolean;
-} & Margin;
-
-type ElAttributes$3 = Attributes<HTMLDivElement>;
-type ImageViewerProps = {
-    /** Controls whether or not the ImageViewer is open */
-    visible: boolean;
-    /** The function called when the ImageViewer is closed */
-    close: () => void;
-    /** The array of image urls to display */
-    images: string[];
-    /** The index of the images array to initially display */
-    startIndex: number;
-    /** The alt property of the current image */
-    alt?: string;
-    /** The maxWidth of the image inside the ImageViewer */
-    maxWidth?: number | string;
-    /** The maxHeight of the image inside the ImageViewer */
-    maxHeight?: number | string;
-    /** The opacity of the ImageViewer background */
-    opacity?: number;
-} & ElAttributes$3;
-declare const ImageViewer: ({ visible, close, images, startIndex, alt, maxWidth, maxHeight, opacity, ...rest }: ImageViewerProps) => react_jsx_runtime.JSX.Element | null;
-
-declare const InlineCode: _emotion_styled.StyledComponent<{
-    theme?: _emotion_react.Theme;
-    as?: React.ElementType;
-} & ThemeProp, react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
-
-type FocusCallBack = (event?: InputFocusEvent) => void;
-declare const _default$1: {
-    Container: _emotion_styled.StyledComponent<{
-        theme?: _emotion_react.Theme;
-        as?: React.ElementType;
-    } & {
-        backgroundColor?: string;
-        borderRadius?: number | string;
-        borderColor?: string;
-        fontSize?: number | string;
-        placeholderColor?: string;
-        pointer?: boolean;
-        readOnly?: boolean;
-        textOnly?: boolean;
-        focused?: boolean;
-        invalid?: boolean;
-        disabled?: boolean;
-        hasLabel?: boolean;
-    } & Width & Height & Margin & Padding & ThemeProp, react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-    Wrapper: _emotion_styled.StyledComponent<{
-        theme?: _emotion_react.Theme;
-        as?: React.ElementType;
-    } & {
-        readOnly?: boolean;
-    }, react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-    Label: _emotion_styled.StyledComponent<{
-        theme?: _emotion_react.Theme;
-        as?: React.ElementType;
-    } & {
-        filled?: boolean;
-        focused?: boolean;
-        disabled?: boolean;
-    } & ThemeProp, react.DetailedHTMLProps<react.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {}>;
-    Description: _emotion_styled.StyledComponent<{
-        theme?: _emotion_react.Theme;
-        as?: React.ElementType;
-    } & {
-        invalid?: boolean;
-    } & ThemeProp, react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-    useInputFocus: (onFocus?: FocusCallBack, onBlur?: FocusCallBack, focusCondition?: boolean) => {
-        focused: boolean;
-        handleFocus: (event?: InputFocusEvent) => void;
-        handleBlur: (event?: InputFocusEvent) => void;
-    };
-    isInputFilled: (value?: string | number) => boolean;
-};
-
-type PickerProps$1 = Omit<DatePickerProps<DateValue>, 'value' | 'onChange' | 'isOpen' | 'isDisabled' | 'isReadOnly' | 'isInvalid' | 'isRequired'>;
-type Props$m = {
-    value?: Date;
-    onChange: (date: Date) => void;
-    ref?: React.Ref<HTMLInputElement>;
-} & DateInputProps & PickerProps$1;
-declare const DatePicker: ({ value, label, iconLeft, iconRight, loading, fontSize, placeholderColor, disabled, readOnly, invalid, required, description, errorMessage, preventPast, preventFuture, hidePicker, onChange, afterShow, afterHide, ref, ...props }: Props$m) => react_jsx_runtime.JSX.Element;
-
-type PickerProps = Omit<DateRangePickerProps<DateValue>, 'value' | 'onChange' | 'isOpen' | 'isDisabled' | 'isReadOnly' | 'isInvalid' | 'isRequired'>;
-type Props$l = {
-    startValue?: Date;
-    endValue?: Date;
-    onChange: (start: Date, end: Date) => void;
-    ref?: React.Ref<HTMLInputElement>;
-} & DateInputProps & PickerProps;
-declare const DateRangePicker: ({ startValue, endValue, label, iconLeft, iconRight, loading, fontSize, placeholderColor, disabled, readOnly, invalid, required, description, errorMessage, preventPast, preventFuture, hidePicker, onChange, afterShow, afterHide, ref, ...props }: Props$l) => react_jsx_runtime.JSX.Element;
-
-type RangeId = 'today' | 'yesterday' | 'thisWeek' | 'lastWeek' | 'lastMonth' | 'last3Months' | 'last6Months' | 'lastYear' | 'custom';
-type Props$k = {
-    /** The current date range value */
-    value?: {
-        start: Date;
-        end: Date;
-    };
-    /** Callback when the date range changes */
-    onChange: (range: {
-        start: Date;
-        end: Date;
-    }) => void;
-    /** Option(s) to hide from the date range selector */
-    hide?: RangeId | RangeId[];
-} & Omit<SelectInputProps, 'options' | 'onChange' | 'value'> & OpenStateProps & Omit<ButtonProps, 'ref' | 'isDisabled' | 'value'> & Omit<CalendarBaseProps, 'noShadow'>;
-declare const DateRangeSelect: ({ children, open, label, placeholder, width, loading, hideCaret, color, disabled, readOnly, placeholderColor, fontSize, fontWeight, description, errorMessage, position, backgroundColor, iconLeft, value, preventPast, preventFuture, hide, onChange, onOpenChange, afterShow, afterHide, ...props }: Props$k) => react_jsx_runtime.JSX.Element;
-
-type Props$j = TextInputProps & Omit<InputProps$1, 'textOnly'> & Omit<TextFieldProps, 'isDisabled' | 'isReadOnly' | 'isInvalid' | 'isRequired'>;
-declare const InlineInput: ({ value, label, placeholder, iconLeft, iconRight, loading, fontSize, placeholderColor, disabled, readOnly, invalid, required, description, errorMessage, accepts, onChange, onInput, ref, ...props }: Props$j) => react_jsx_runtime.JSX.Element;
-
-type Props$i = {
-    /** Hides the increment/decrement arrow controls */
-    hideControls?: boolean;
-    /** Display a comma separator for large numbers (default true) */
-    separator?: boolean;
-} & InputProps$1 & Omit<NumberFieldProps, 'isDisabled' | 'isReadOnly' | 'isInvalid' | 'isRequired'>;
-declare const NumberInput: ({ value, label, placeholder, iconLeft, iconRight, loading, fontSize, placeholderColor, disabled, readOnly, invalid, required, description, errorMessage, hideControls, separator, onChange, ref, ...props }: Props$i) => react_jsx_runtime.JSX.Element;
-
-type Props$h = {
-    onChange?: (formatted: string, raw: string) => void;
-} & InputProps$1 & Omit<TextFieldProps, 'isDisabled' | 'isReadOnly' | 'isInvalid' | 'isRequired' | 'onChange'>;
-declare const PhoneInput: ({ value, label, placeholder, iconLeft, iconRight, leftElement, rightElement, loading, fontSize, placeholderColor, disabled, readOnly, invalid, required, description, errorMessage, onChange, ref, ...props }: Props$h) => react_jsx_runtime.JSX.Element;
-
-type Props$g = TextInputProps & InputProps$1 & Omit<SearchFieldProps, 'isDisabled' | 'isReadOnly' | 'isInvalid' | 'isRequired'>;
-declare const SearchInput: ({ value, label, placeholder, iconLeft, iconRight, leftElement, rightElement, loading, fontSize, placeholderColor, disabled, readOnly, invalid, required, description, errorMessage, accepts, onChange, onInput, ref, ...props }: Props$g) => react_jsx_runtime.JSX.Element;
-
-type Props$f = TextInputProps & InputProps$1 & Omit<TextFieldProps, 'isDisabled' | 'isReadOnly' | 'isInvalid' | 'isRequired'> & {
-    asTrigger?: boolean;
-};
-declare const TextInput: ({ value, label, placeholder, iconLeft, iconRight, leftElement, rightElement, loading, fontSize, placeholderColor, disabled, readOnly, invalid, required, description, errorMessage, accepts, asTrigger, onChange, onInput, ref, ...props }: Props$f) => react_jsx_runtime.JSX.Element;
-
-type Props$e = TextAreaProps & InputProps$1 & Omit<TextFieldProps, 'isDisabled' | 'isReadOnly' | 'isInvalid' | 'isRequired'> & {
-    asTrigger?: boolean;
-};
-declare const TextAreaComponent: ({ value, label, placeholder, iconLeft, iconRight, loading, fontSize, placeholderColor, disabled, readOnly, invalid, required, description, errorMessage, accepts, asTrigger, height, maxHeight, onChange, onInput, ref, ...props }: Props$e) => react_jsx_runtime.JSX.Element;
-
-type FieldProps = Omit<TimeFieldProps<TimeValue>, 'value' | 'onChange' | 'isDisabled' | 'isReadOnly' | 'isInvalid' | 'isRequired'>;
-type Props$d = {
-    value?: string;
-    onChange: (time: string) => void;
-} & InputProps$1 & FieldProps;
-declare const TimeInput: ({ value, label, iconLeft, iconRight, loading, fontSize, placeholderColor, disabled, readOnly, invalid, required, description, errorMessage, onChange, ref, ...props }: Props$d) => react_jsx_runtime.JSX.Element;
-
-type LabelProps = {
-    children?: ReactNode;
-    /** The name of the icon that should appear on the left side of the input */
-    iconLeft?: IconType;
-    /** The name of the icon that should appear on the right side of the input */
-    iconRight?: IconType;
-    /** Styles the Label as a pill */
-    pill?: boolean;
-    /** Reduces the emphasis of the Pill colors */
-    disabled?: boolean;
-} & Margin;
-declare const Label: ({ children, iconLeft, iconRight, disabled, pill, ...rest }: LabelProps) => react_jsx_runtime.JSX.Element;
-
-type Props$c = {
-    enableLegendToggle?: boolean;
-} & ChartProps;
-declare const LineChart: ({ data, legend, keys, enableLegendToggle, axisColor, tooltipLegendPostfix, ...rest }: Props$c) => react_jsx_runtime.JSX.Element;
-
-type MenuProps = {
-    /** Displays the menu as a vertical, stacked menu */
-    vertical?: boolean;
-    /** If true, a border will be displayed around the menu */
-    border?: boolean;
-    /** If true, a border will be displayed on top of the menu */
-    borderTop?: boolean;
-    /** If true, a border will be displayed on bottom of the menu */
-    borderBottom?: boolean;
-    /** If true, a border will be displayed to the left of the menu */
-    borderLeft?: boolean;
-    /** If true, a border will be displayed to the right of the menu */
-    borderRight?: boolean;
-    /** Sets the borderTopLeftRadius of the menu */
-    borderTopLeftRadius?: number | string;
-    /** Sets the borderTopRightRadius of the menu */
-    borderTopRightRadius?: number | string;
-    /** Sets the borderBottomLeftRadius of the menu */
-    borderBottomLeftRadius?: number | string;
-    /** Sets the borderBottomRightRadius of the menu */
-    borderBottomRightRadius?: number | string;
-    children?: ReactNode;
-    /** Sets the backgroundColor of the menu */
-    backgroundColor?: string;
-    className?: string;
-} & WidthHeight & Padding;
-declare const Menu: {
-    ({ vertical, backgroundColor, children, ...rest }: MenuProps): react_jsx_runtime.JSX.Element;
-    Item: {
-        ({ vertical, selected, disabled, contentPosition, onClick, id, children, indent, ...rest }: MenuItemProps): react_jsx_runtime.JSX.Element;
-        displayName: string;
-    };
-    Group: {
-        ({ label, defaultOpen, vertical, selected, disabled, contentPosition, onClick, id, children, indent, backgroundColor, className, }: MenuGroupProps): react_jsx_runtime.JSX.Element;
-        displayName: string;
-    };
-};
-type MenuItemProps = {
-    children: ReactNode;
-    vertical?: boolean;
-    /** The id of the Menu Item */
-    id?: string;
-    /** Controls whether the Menu Item appears to be active */
-    selected: boolean;
-    /** Prevents the Menu Item from being clicked */
-    disabled?: boolean;
-    /** The flex positioning of the Item contents */
-    contentPosition?: FlexPosition;
-    /** The function to be called when the Menu Item is clicked */
-    onClick: (event: MouseEvent) => void;
-    indent?: number;
-    className?: string;
-};
-type MenuGroupProps = {
-    label: string | ReactNode;
-    defaultOpen?: boolean;
-    backgroundColor?: string;
-} & Partial<MenuItemProps>;
-
-type MessageProps = {
-    children?: ReactNode;
-    /** Sets the colors and icon of the Message */
-    type?: 'info' | 'error' | 'success' | 'warning';
-    /** Sets the text of the button */
-    content?: string;
-    /** Displays a close icon in the top right of the Message */
-    closeIcon?: boolean;
-    /** Whether to use a solid background color */
-    solid?: boolean;
-    className?: string;
-    /** The function called when the Message is closed */
-    onClose?: () => void;
-} & Width & Margin;
-declare const Message: {
-    ({ type, content, closeIcon, onClose, width, children, solid, ...rest }: MessageProps): react_jsx_runtime.JSX.Element;
-    Header: _emotion_styled.StyledComponent<{
-        theme?: _emotion_react.Theme;
-        as?: React.ElementType;
-    } & ThemeProp, react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-    Body: _emotion_styled.StyledComponent<{
-        theme?: _emotion_react.Theme;
-        as?: React.ElementType;
-    } & ThemeProp, react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-};
-
-type SelectProps = Pick<SelectInputProps, 'afterShow' | 'afterHide' | 'position' | 'fixedPosition'>;
-type Props$b = {
-    /** The element that will trigger the opening of the menu */
-    trigger: ReactElement;
-    /** Use if trigger is a Button (aids in adhering to validateDOMNesting)  */
-    isTriggerButton?: boolean;
-    /** Props to pass to the trigger's container (unless isTriggerButton is true) */
-    triggerProps?: ButtonProps;
-    /** Offset of the menu from the trigger */
-    offset?: number;
-} & Omit<PopoverProps, 'trigger' | 'isOpen'> & SelectProps & OpenStateProps;
-declare const Popover: ({ children, position, fixedPosition, trigger, isTriggerButton, triggerProps, offset, afterShow, afterHide, open, onOpenChange, ...props }: Props$b) => react_jsx_runtime.JSX.Element;
-
-type MessageHrProps = {
-    /** The text to be displayed */
-    text: string | number;
-    /** The color of the text displayed */
-    color?: string;
-    /** Sets the style prop of the text */
-    style?: {
-        [key: string]: string | number;
-    };
-    className?: string;
-};
-declare const MessageHr: ({ text, color, style, ...rest }: MessageHrProps) => react_jsx_runtime.JSX.Element;
-
-type ModalContainerAttributes = Attributes<HTMLDivElement>;
-type ModalProps = {
-    children: ReactNode;
-    /** Controls whether or not the Modal is open */
-    visible: boolean;
-    /** The function called when the Modal is closed */
-    onClose: () => void;
-    /** Displays a close icon in the top right of the Modal */
-    closeIcon?: boolean;
-    /** Prevents the Modal from closing if the overlay outside the modal is clicked */
-    preventOverlayClose?: boolean;
-    /** Adjust or disable the blur effect of the modal overlay */
-    overlayBlur?: boolean | number;
-    /** Sets the color of the modal overlay */
-    overlayColor?: string;
-    /** Overrides the backgroundColor of the modal container */
-    backgroundColor?: string;
-    /** Overrides the borderRadius of the modal container */
-    borderRadius?: number | string;
-    /** Overrides the overflow of the modal container */
-    overflow?: CSSProperties['overflow'];
-    /** Styles the Modal as an actionable toast */
-    small?: boolean;
-    /** Removes the overlay background, and allows the modal to be positioned anywhere on the page */
-    noOverlay?: boolean;
-    /** Prevents the modal from being interacted with */
-    inert?: boolean;
-    /** Renders the Modal as a full-height sliding drawer */
-    drawer?: boolean;
-    /** Direction from which the drawer slides */
-    drawerDirection?: 'left' | 'right';
-    /** Renders the Modal scoped inside a container */
-    scopeRef?: RefObject<HTMLElement | null>;
-    /** Centers the horizontal position of the Modal. Used in conjunction with `noOverlay` */
-    centerX?: boolean;
-    /** Centers the vertical position of the Modal. Used in conjunction with `noOverlay` */
-    centerY?: boolean;
-    /** Sets the position of the modal container */
-    position?: PositionType;
-    /** Sets the `top` position of the modal. Used in conjunction with `noOverlay` */
-    top?: number | string;
-    /** Sets the `bottom` position of the modal. Used in conjunction with `noOverlay` */
-    bottom?: number | string;
-    /** Sets the `right` position of the modal. Used in conjunction with `noOverlay` */
-    right?: number | string;
-    /** Sets the `left` position of the modal. Used in conjunction with `noOverlay` */
-    left?: number | string;
-    /** Sets the zIndex of the modal container */
-    zIndex?: number;
-    /** The `aria-label` of the modal */
-    'aria-label'?: string;
-} & WidthHeight & MaxWidthHeight & MinWidthHeight & Padding & ModalContainerAttributes;
-declare const Modal: {
-    ({ children, visible, width, height, onClose, closeIcon, preventOverlayClose, overlayBlur, overlayColor, backgroundColor, small, noOverlay, inert, drawer, drawerDirection, scopeRef, centerX, centerY, position, top, bottom, right, left, zIndex, ...props }: ModalProps): react_jsx_runtime.JSX.Element;
-    Header: {
-        ({ children, ...props }: HeadingProps): react_jsx_runtime.JSX.Element;
-        displayName: string;
-    };
-    Text: _emotion_styled.StyledComponent<{
-        theme?: _emotion_react.Theme;
-        as?: React.ElementType;
-    } & {
-        primary?: boolean;
-        fontSize?: number | string;
-    } & ThemeProp, react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-    Body: _emotion_styled.StyledComponent<{
-        theme?: _emotion_react.Theme;
-        as?: React.ElementType;
-    } & Height & Margin, react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-    Footer: _emotion_styled.StyledComponent<{
-        theme?: _emotion_react.Theme;
-        as?: React.ElementType;
-    } & {
-        justify?: FlexPosition;
-        inline?: boolean;
-        gap?: number | string;
-    } & Margin, react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-};
-
-type TagItem = {
-    id: string;
-    value: string;
-    disabled?: boolean;
-    invalid?: boolean;
-    removable?: boolean;
-    /** The name of the icon that should appear on the left side of the input */
-    iconLeft?: IconType;
-    /** The name of the icon that should appear on the right side of the input */
-    iconRight?: IconType;
-    tooltip?: {
-        content: string;
-        position?: Placement;
-    };
-};
-
-type ElAttributes$2 = Attributes<HTMLDivElement>;
-type MultiSelectProps = {
-    /** The list of dropdown options to display */
-    options: MultiSelectOption[];
-    /** The list of selected options */
-    items: TagItem[];
-    /** Text to display in place of the complete list of items */
-    listLabel?: string;
-    /** Text to display in front of the list of selected items */
-    listText?: string;
-    /** The name of the items list to display (1/5 items) */
-    itemsTitle?: string;
-    /** The maximum number of items allowed to be selected */
-    maxItems?: number;
-    /** Sets the input placeholder text */
-    placeholder?: string;
-    /** Criteria for accepting custom input outside the provided options */
-    accepts?: string | ((text: string) => boolean);
-    /** Disables the Dropdown */
-    disabled?: boolean;
-    /** Hides the maxItems count and the itemsTitle */
-    hideItemsInfo?: boolean;
-    /** Causes the MultiSelect to collapse if listLabel is also present */
-    compact?: boolean;
-    /** Sets the backgroundColor */
-    backgroundColor?: string;
-    /** Removes the bottom border */
-    borderless?: boolean;
-    /** Automatically focuses the input when the component is mounted */
-    autoFocus?: boolean;
-    /** Removes the background color and positions the item list absolutely */
-    embedded?: boolean;
-    ref?: React.Ref<MultiSelectRef>;
-    /** Function called after an item is selected */
-    addItem: (item: MultiSelectItem) => void;
-    /** Function called after an item is removed */
-    removeItem: (item: TagItem) => void;
-    /** Function to be called to add/remove all items */
-    onToggleAllItems?: (all: boolean) => void;
-    /** The function to be called when the input is updated */
-    onTextChange?: (text: string) => void;
-    /** The maxHeight of the items list */
-    maxListHeight?: number;
-    /** The maxHeight of the options list */
-    maxMenuHeight?: number;
-} & Width & Margin & Padding & ElAttributes$2 & Pick<SelectInputProps, 'invalid'>;
-declare const MultiSelect: ({ options, items, listLabel, listText, itemsTitle, maxItems, placeholder, width, accepts, disabled, hideItemsInfo, compact, backgroundColor, borderless, autoFocus, embedded, invalid, maxListHeight, maxMenuHeight, onToggleAllItems, addItem, removeItem, onTextChange, ref, ...props }: MultiSelectProps) => react_jsx_runtime.JSX.Element;
-
-type PaginationProps = {
-    /** The callback function that responds with the active page */
-    onPageNav: (page: number) => void;
-    /** The number of page items */
-    totalPages: number;
-    /** The current page the component should display */
-    page?: number;
-    /** The max number of page items to display */
-    maxVisibleNumbers?: number;
-} & Margin & Width;
-declare const Pagination: ({ onPageNav, page, totalPages, maxVisibleNumbers, width, ...props }: PaginationProps) => react_jsx_runtime.JSX.Element;
-
-type ChartData = {
-    name: string;
-    value: number;
-    color?: string;
-};
-type ElAttributes$1 = Omit<Attributes<HTMLDivElement>, 'data'>;
-type Props$a = {
-    /** The chart data array  */
-    data: ChartData[];
-    /** The width & height of the chart */
-    size?: number;
-    /** The radius of the inner circle */
-    innerRadius?: number;
-    /** Displays a gray chart if no data is present */
-    showWhenEmpty?: boolean;
-} & Pick<ChartProps, 'tooltipLegendPostfix'> & Margin & ElAttributes$1;
-declare const PieChart: ({ size, data, innerRadius, showWhenEmpty, tooltipLegendPostfix, ...rest }: Props$a) => react_jsx_runtime.JSX.Element;
-
-type Props$9 = {
-    containerRef: React.RefObject<HTMLElement | null>;
-    children: React.ReactNode;
-};
-declare const PortalScope: ({ containerRef, children }: Props$9) => react_jsx_runtime.JSX.Element;
-
-type CircleProps = ({
-    circle?: false;
-    size?: never;
-} & WidthHeight) | {
-    /** Styles the Progress component as a circle */
-    circle: true;
-    /** The width and height of the circle */
-    size?: number;
-    width?: never;
-    height?: never;
-    goal?: never;
-    borderRadius?: never;
-};
-type ProgressProps = {
-    /** The percent completed (0-100) */
-    percent: number;
-    /** The color of the progress bar */
-    color?: CSSProperties['backgroundColor'];
-    /** The thickness of the bar or circle */
-    thickness?: number;
-    /** The border radius of the bar */
-    borderRadius?: number;
-    /** Adds a dashed line to the specified percentage of the progress bar (0-100) */
-    goal?: number;
-    className?: string;
-} & CircleProps & Margin;
-declare const Progress: ({ percent, color, circle, width, height, size, thickness, borderRadius, goal, ...rest }: ProgressProps) => react_jsx_runtime.JSX.Element;
-
-type ElAttributes = HTMLProps<HTMLInputElement> & AsProp;
-type RadioProps = {
-    /** Id of the input element */
-    id?: string;
-    /** Places a label element beside the radio. The value will set the text of the label */
-    label?: string;
-    /** Sets the label on the left or right of the radio */
-    labelPosition?: 'left' | 'right';
-    /** Disables the radio */
-    disabled?: boolean;
-    /** Controls the checked property of the radio */
-    checked?: boolean;
-    /** Additional class name */
-    className?: string;
-    /** Sets the color of the icon */
-    iconColor?: string;
-} & Margin & ElAttributes;
-declare const Radio: ({ id, label, labelPosition, checked, disabled, margin, marginTop, marginBottom, marginRight, marginLeft, className, readOnly, iconColor, ...props }: RadioProps) => react_jsx_runtime.JSX.Element;
-
-type Props$8 = {
-    /** Optional date the initial selected calendar range should start from. */
-    startDate?: Date;
-    /** Optional date the initial selected calendar range should end on. */
-    endDate?: Date;
-    /** The function to be called when a date range is selected */
-    onChange: (start: Date, end: Date) => void;
-} & CalendarBaseProps & Omit<RangeCalendarProps<CalendarDate>, 'onChange'>;
-declare const RangeCalendar: ({ startDate, endDate, onChange, preventPast, preventFuture, noShadow, ...props }: Props$8) => react_jsx_runtime.JSX.Element;
-
-type Props$7 = SelectInputProps & OpenStateProps & {
-    ref?: React.Ref<HTMLButtonElement>;
-} & Omit<SelectProps$2<SelectItem>, 'children' | 'onSelectionChange' | 'isOpen' | 'isDisabled' | 'isInvalid' | 'isRequired' | 'defaultSelectedKey' | 'selectionMode' | 'value' | 'onChange' | 'validate'>;
-declare const _default: (({ backgroundColor, menuBackground, children, fontSize, fontWeight, color, disabled, invalid, required, readOnly, loading, label, options, placeholder, placeholderColor, description, errorMessage, textOnly, value, defaultValue, width, height, maxHeight, allowRepeatSelection, hideCaret, position, fixedPosition, borderRadius, iconLeft, leftElement, rightElement, before, after, open, onOpenChange, onChange, afterShow, afterHide, ref, ...props }: Props$7) => react_jsx_runtime.JSX.Element) & {
-    Item: ({ id, value, header, body, leftElement, rightElement, inline, disabled, ...props }: SelectItem & Omit<react_aria_components.ListBoxItemProps<object>, "id" | "value" | "isDisabled">) => react_jsx_runtime.JSX.Element;
-    Section: ({ id, title, children }: {
-        id?: string;
-        title?: string;
-        children: react.ReactNode;
-    }) => react_jsx_runtime.JSX.Element;
-};
-
-type SliderProps = {
-    /** The current position of the slider knob */
-    value: number;
-    /** The max value of the slider */
-    max?: number;
-    /** The number by which the slider should increment/decrement */
-    step?: number;
-    /** Disables the slider */
-    disabled?: boolean;
-    className?: string;
-    /** The function that is called when the slider knob is changed */
-    onChange?: (progressValue: number) => void;
-} & WidthHeight & Margin;
-declare const Slider: ({ value, max, step, width, height, disabled, onChange, ...props }: SliderProps) => react_jsx_runtime.JSX.Element;
-
-type SpinnerProps = {
-    /** The size of the loading icon */
-    size?: Sizes | number;
-    /** The color of the loading icon */
-    color?: string;
-    /** Center positions the Spinner absolutely */
-    center?: boolean;
-    /** If center positioned, adds a background overlay behind the spinner */
-    background?: string | boolean;
-    /** If center positioned, specifies the zIndex of the spinner */
-    zIndex?: number;
-    className?: string;
-} & Margin & Position;
-declare const Spinner: ({ size, color, center, background, zIndex, margin, marginTop, marginBottom, marginRight, marginLeft, position, top, bottom, right, left, className, ...props }: SpinnerProps) => react_jsx_runtime.JSX.Element;
-
-type Data = {
-    [key: string]: unknown;
-};
-type SortedChildFunc<DataType> = (data: DataType[]) => ReactNode;
-type Default = {
-    data?: never;
-    children: ReactNode;
-};
-type Sorted<DataType> = {
-    /** The data the table should use to add column sort functionality */
-    data: DataType[];
-    children: SortedChildFunc<DataType>;
-};
-type TableChildren<DataType> = Default | Sorted<DataType>;
-type SortDir = 'asc' | 'desc' | 'inactive';
-
-type Props$6<T> = {
-    /** Background color of the table */
-    backgroundColor?: string;
-    /** How many levels of scale0 the Table is on. Default is 0 */
-    backgroundLevel?: 0 | 1 | 2 | 3 | 4 | 5;
-    /** Enabled Table.Columns to be resizable (using the `resize` prop) */
-    resizable?: boolean;
-} & TableChildren<T> & MarginPadding & MaxHeight & Omit<TableProps, 'children' | 'sortDescriptor' | 'onSortChange' | 'onScroll'>;
-declare const Table: {
-    <DataType extends Data>({ children, data, backgroundColor, backgroundLevel, maxHeight, resizable, selectionMode, ...props }: Props$6<DataType>): react_jsx_runtime.JSX.Element;
-    Header: ({ children, backgroundColor, padding, paddingTop, paddingRight, paddingBottom, paddingLeft, ...rest }: {
-        children: ReactNode;
-        backgroundColor?: string;
-        className?: string;
-    } & Padding) => react_jsx_runtime.JSX.Element;
-    Column: ({ children, sortKey, sorted, onClick, resize, direction, justify, align, gap, ...props }: {
-        children?: ReactNode;
-        resize?: boolean;
-        onClick?: (event: react.MouseEvent) => void;
-        sorted?: SortDir;
-        sortKey?: string;
-    } & Padding & {
-        direction?: FlexDirection;
-        justify?: FlexPosition;
-        align?: FlexPosition;
-        gap?: number | string;
-    } & Omit<react_aria_components.ColumnProps, "children" | "allowsSorting">) => react_jsx_runtime.JSX.Element;
-    Body: ({ children, emptyFallback, fetching, loading, scrollOffset, onLoadMore, ...rest }: {
-        children?: ReactNode;
-        onLoadMore?: () => void;
-        emptyFallback?: ReactNode;
-        loading?: boolean;
-        fetching?: boolean;
-        className?: string;
-    } & Pick<react_aria_components.TableLoadMoreItemProps, "scrollOffset">) => react_jsx_runtime.JSX.Element;
-    Row: ({ children, onClick, disabled, padding, paddingTop, paddingRight, paddingBottom, paddingLeft, ...rest }: {
-        children: ReactNode;
-        id?: string;
-        onClick?: () => void;
-        disabled?: boolean;
-        backgroundColor?: string;
-        emphasis?: boolean | string;
-    } & Padding & Height & {
-        download?: any;
-        key?: react.Key | null | undefined;
-        list?: string | undefined | undefined;
-        rows?: number | undefined | undefined;
-        target?: string | undefined | undefined;
-        type?: string | undefined | undefined;
-        size?: number | undefined | undefined;
-        onClick?: react.MouseEventHandler<HTMLTableRowElement> | undefined;
-        name?: string | undefined | undefined;
-        color?: string | undefined | undefined;
-        className?: string | undefined | undefined;
-        style?: react.CSSProperties | undefined;
-        tabIndex?: number | undefined | undefined;
-        ref?: react.Ref<HTMLTableRowElement> | undefined;
-        cite?: string | undefined | undefined;
-        data?: string | undefined | undefined;
-        form?: string | undefined | undefined;
-        label?: string | undefined | undefined;
-        slot?: string | undefined | undefined;
-        span?: number | undefined | undefined;
-        summary?: string | undefined | undefined;
-        title?: string | undefined | undefined;
-        pattern?: string | undefined | undefined;
-        suppressHydrationWarning?: boolean | undefined | undefined;
-        height?: number | string | undefined | undefined;
-        id?: string | undefined | undefined;
-        lang?: string | undefined | undefined;
-        max?: number | string | undefined | undefined;
-        media?: string | undefined | undefined;
-        method?: string | undefined | undefined;
-        min?: number | string | undefined | undefined;
-        width?: number | string | undefined | undefined;
-        role?: react.AriaRole | undefined;
-        crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
-        href?: string | undefined | undefined;
-        "aria-activedescendant"?: string | undefined | undefined;
-        "aria-atomic"?: (boolean | "true" | "false") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
-        "aria-braillelabel"?: string | undefined | undefined;
-        "aria-brailleroledescription"?: string | undefined | undefined;
-        "aria-busy"?: (boolean | "true" | "false") | undefined;
-        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
-        "aria-colcount"?: number | undefined | undefined;
-        "aria-colindex"?: number | undefined | undefined;
-        "aria-colindextext"?: string | undefined | undefined;
-        "aria-colspan"?: number | undefined | undefined;
-        "aria-controls"?: string | undefined | undefined;
-        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
-        "aria-describedby"?: string | undefined | undefined;
-        "aria-description"?: string | undefined | undefined;
-        "aria-details"?: string | undefined | undefined;
-        "aria-disabled"?: (boolean | "true" | "false") | undefined;
-        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
-        "aria-errormessage"?: string | undefined | undefined;
-        "aria-expanded"?: (boolean | "true" | "false") | undefined;
-        "aria-flowto"?: string | undefined | undefined;
-        "aria-grabbed"?: (boolean | "true" | "false") | undefined;
-        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
-        "aria-hidden"?: (boolean | "true" | "false") | undefined;
-        "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
-        "aria-keyshortcuts"?: string | undefined | undefined;
-        "aria-label"?: string | undefined | undefined;
-        "aria-labelledby"?: string | undefined | undefined;
-        "aria-level"?: number | undefined | undefined;
-        "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
-        "aria-modal"?: (boolean | "true" | "false") | undefined;
-        "aria-multiline"?: (boolean | "true" | "false") | undefined;
-        "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
-        "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
-        "aria-owns"?: string | undefined | undefined;
-        "aria-placeholder"?: string | undefined | undefined;
-        "aria-posinset"?: number | undefined | undefined;
-        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
-        "aria-readonly"?: (boolean | "true" | "false") | undefined;
-        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
-        "aria-required"?: (boolean | "true" | "false") | undefined;
-        "aria-roledescription"?: string | undefined | undefined;
-        "aria-rowcount"?: number | undefined | undefined;
-        "aria-rowindex"?: number | undefined | undefined;
-        "aria-rowindextext"?: string | undefined | undefined;
-        "aria-rowspan"?: number | undefined | undefined;
-        "aria-selected"?: (boolean | "true" | "false") | undefined;
-        "aria-setsize"?: number | undefined | undefined;
-        "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
-        "aria-valuemax"?: number | undefined | undefined;
-        "aria-valuemin"?: number | undefined | undefined;
-        "aria-valuenow"?: number | undefined | undefined;
-        "aria-valuetext"?: string | undefined | undefined;
-        children?: ReactNode;
-        dangerouslySetInnerHTML?: {
-            __html: string | TrustedHTML;
-        } | undefined | undefined;
-        onCopy?: react.ClipboardEventHandler<HTMLTableRowElement> | undefined;
-        onCopyCapture?: react.ClipboardEventHandler<HTMLTableRowElement> | undefined;
-        onCut?: react.ClipboardEventHandler<HTMLTableRowElement> | undefined;
-        onCutCapture?: react.ClipboardEventHandler<HTMLTableRowElement> | undefined;
-        onPaste?: react.ClipboardEventHandler<HTMLTableRowElement> | undefined;
-        onPasteCapture?: react.ClipboardEventHandler<HTMLTableRowElement> | undefined;
-        onCompositionEnd?: react.CompositionEventHandler<HTMLTableRowElement> | undefined;
-        onCompositionEndCapture?: react.CompositionEventHandler<HTMLTableRowElement> | undefined;
-        onCompositionStart?: react.CompositionEventHandler<HTMLTableRowElement> | undefined;
-        onCompositionStartCapture?: react.CompositionEventHandler<HTMLTableRowElement> | undefined;
-        onCompositionUpdate?: react.CompositionEventHandler<HTMLTableRowElement> | undefined;
-        onCompositionUpdateCapture?: react.CompositionEventHandler<HTMLTableRowElement> | undefined;
-        onFocus?: react.FocusEventHandler<HTMLTableRowElement> | undefined;
-        onFocusCapture?: react.FocusEventHandler<HTMLTableRowElement> | undefined;
-        onBlur?: react.FocusEventHandler<HTMLTableRowElement> | undefined;
-        onBlurCapture?: react.FocusEventHandler<HTMLTableRowElement> | undefined;
-        onChangeCapture?: react.FormEventHandler<HTMLTableRowElement> | undefined;
-        onBeforeInput?: react.InputEventHandler<HTMLTableRowElement> | undefined;
-        onBeforeInputCapture?: react.FormEventHandler<HTMLTableRowElement> | undefined;
-        onInput?: react.FormEventHandler<HTMLTableRowElement> | undefined;
-        onInputCapture?: react.FormEventHandler<HTMLTableRowElement> | undefined;
-        onReset?: react.FormEventHandler<HTMLTableRowElement> | undefined;
-        onResetCapture?: react.FormEventHandler<HTMLTableRowElement> | undefined;
-        onSubmit?: react.FormEventHandler<HTMLTableRowElement> | undefined;
-        onSubmitCapture?: react.FormEventHandler<HTMLTableRowElement> | undefined;
-        onInvalid?: react.FormEventHandler<HTMLTableRowElement> | undefined;
-        onInvalidCapture?: react.FormEventHandler<HTMLTableRowElement> | undefined;
-        onLoad?: react.ReactEventHandler<HTMLTableRowElement> | undefined;
-        onLoadCapture?: react.ReactEventHandler<HTMLTableRowElement> | undefined;
-        onError?: react.ReactEventHandler<HTMLTableRowElement> | undefined;
-        onErrorCapture?: react.ReactEventHandler<HTMLTableRowElement> | undefined;
-        onKeyDown?: react.KeyboardEventHandler<HTMLTableRowElement> | undefined;
-        onKeyDownCapture?: react.KeyboardEventHandler<HTMLTableRowElement> | undefined;
-        onKeyPress?: react.KeyboardEventHandler<HTMLTableRowElement> | undefined;
-        onKeyPressCapture?: react.KeyboardEventHandler<HTMLTableRowElement> | undefined;
-        onKeyUp?: react.KeyboardEventHandler<HTMLTableRowElement> | undefined;
-        onKeyUpCapture?: react.KeyboardEventHandler<HTMLTableRowElement> | undefined;
-        onAbort?: react.ReactEventHandler<HTMLTableRowElement> | undefined;
-        onAbortCapture?: react.ReactEventHandler<HTMLTableRowElement> | undefined;
-        onCanPlay?: react.ReactEventHandler<HTMLTableRowElement> | undefined;
-        onCanPlayCapture?: react.ReactEventHandler<HTMLTableRowElement> | undefined;
-        onCanPlayThrough?: react.ReactEventHandler<HTMLTableRowElement> | undefined;
-        onCanPlayThroughCapture?: react.ReactEventHandler<HTMLTableRowElement> | undefined;
-        onDurationChange?: react.ReactEventHandler<HTMLTableRowElement> | undefined;
-        onDurationChangeCapture?: react.ReactEventHandler<HTMLTableRowElement> | undefined;
-        onEmptied?: react.ReactEventHandler<HTMLTableRowElement> | undefined;
-        onEmptiedCapture?: react.ReactEventHandler<HTMLTableRowElement> | undefined;
-        onEncrypted?: react.ReactEventHandler<HTMLTableRowElement> | undefined;
-        onEncryptedCapture?: react.ReactEventHandler<HTMLTableRowElement> | undefined;
-        onEnded?: react.ReactEventHandler<HTMLTableRowElement> | undefined;
-        onEndedCapture?: react.ReactEventHandler<HTMLTableRowElement> | undefined;
-        onLoadedData?: react.ReactEventHandler<HTMLTableRowElement> | undefined;
-        onLoadedDataCapture?: react.ReactEventHandler<HTMLTableRowElement> | undefined;
-        onLoadedMetadata?: react.ReactEventHandler<HTMLTableRowElement> | undefined;
-        onLoadedMetadataCapture?: react.ReactEventHandler<HTMLTableRowElement> | undefined;
-        onLoadStart?: react.ReactEventHandler<HTMLTableRowElement> | undefined;
-        onLoadStartCapture?: react.ReactEventHandler<HTMLTableRowElement> | undefined;
-        onPause?: react.ReactEventHandler<HTMLTableRowElement> | undefined;
-        onPauseCapture?: react.ReactEventHandler<HTMLTableRowElement> | undefined;
-        onPlay?: react.ReactEventHandler<HTMLTableRowElement> | undefined;
-        onPlayCapture?: react.ReactEventHandler<HTMLTableRowElement> | undefined;
-        onPlaying?: react.ReactEventHandler<HTMLTableRowElement> | undefined;
-        onPlayingCapture?: react.ReactEventHandler<HTMLTableRowElement> | undefined;
-        onProgress?: react.ReactEventHandler<HTMLTableRowElement> | undefined;
-        onProgressCapture?: react.ReactEventHandler<HTMLTableRowElement> | undefined;
-        onRateChange?: react.ReactEventHandler<HTMLTableRowElement> | undefined;
-        onRateChangeCapture?: react.ReactEventHandler<HTMLTableRowElement> | undefined;
-        onSeeked?: react.ReactEventHandler<HTMLTableRowElement> | undefined;
-        onSeekedCapture?: react.ReactEventHandler<HTMLTableRowElement> | undefined;
-        onSeeking?: react.ReactEventHandler<HTMLTableRowElement> | undefined;
-        onSeekingCapture?: react.ReactEventHandler<HTMLTableRowElement> | undefined;
-        onStalled?: react.ReactEventHandler<HTMLTableRowElement> | undefined;
-        onStalledCapture?: react.ReactEventHandler<HTMLTableRowElement> | undefined;
-        onSuspend?: react.ReactEventHandler<HTMLTableRowElement> | undefined;
-        onSuspendCapture?: react.ReactEventHandler<HTMLTableRowElement> | undefined;
-        onTimeUpdate?: react.ReactEventHandler<HTMLTableRowElement> | undefined;
-        onTimeUpdateCapture?: react.ReactEventHandler<HTMLTableRowElement> | undefined;
-        onVolumeChange?: react.ReactEventHandler<HTMLTableRowElement> | undefined;
-        onVolumeChangeCapture?: react.ReactEventHandler<HTMLTableRowElement> | undefined;
-        onWaiting?: react.ReactEventHandler<HTMLTableRowElement> | undefined;
-        onWaitingCapture?: react.ReactEventHandler<HTMLTableRowElement> | undefined;
-        onAuxClick?: react.MouseEventHandler<HTMLTableRowElement> | undefined;
-        onAuxClickCapture?: react.MouseEventHandler<HTMLTableRowElement> | undefined;
-        onClickCapture?: react.MouseEventHandler<HTMLTableRowElement> | undefined;
-        onContextMenu?: react.MouseEventHandler<HTMLTableRowElement> | undefined;
-        onContextMenuCapture?: react.MouseEventHandler<HTMLTableRowElement> | undefined;
-        onDoubleClick?: react.MouseEventHandler<HTMLTableRowElement> | undefined;
-        onDoubleClickCapture?: react.MouseEventHandler<HTMLTableRowElement> | undefined;
-        onDrag?: react.DragEventHandler<HTMLTableRowElement> | undefined;
-        onDragCapture?: react.DragEventHandler<HTMLTableRowElement> | undefined;
-        onDragEnd?: react.DragEventHandler<HTMLTableRowElement> | undefined;
-        onDragEndCapture?: react.DragEventHandler<HTMLTableRowElement> | undefined;
-        onDragEnter?: react.DragEventHandler<HTMLTableRowElement> | undefined;
-        onDragEnterCapture?: react.DragEventHandler<HTMLTableRowElement> | undefined;
-        onDragExit?: react.DragEventHandler<HTMLTableRowElement> | undefined;
-        onDragExitCapture?: react.DragEventHandler<HTMLTableRowElement> | undefined;
-        onDragLeave?: react.DragEventHandler<HTMLTableRowElement> | undefined;
-        onDragLeaveCapture?: react.DragEventHandler<HTMLTableRowElement> | undefined;
-        onDragOver?: react.DragEventHandler<HTMLTableRowElement> | undefined;
-        onDragOverCapture?: react.DragEventHandler<HTMLTableRowElement> | undefined;
-        onDragStart?: react.DragEventHandler<HTMLTableRowElement> | undefined;
-        onDragStartCapture?: react.DragEventHandler<HTMLTableRowElement> | undefined;
-        onDrop?: react.DragEventHandler<HTMLTableRowElement> | undefined;
-        onDropCapture?: react.DragEventHandler<HTMLTableRowElement> | undefined;
-        onMouseDown?: react.MouseEventHandler<HTMLTableRowElement> | undefined;
-        onMouseDownCapture?: react.MouseEventHandler<HTMLTableRowElement> | undefined;
-        onMouseEnter?: react.MouseEventHandler<HTMLTableRowElement> | undefined;
-        onMouseLeave?: react.MouseEventHandler<HTMLTableRowElement> | undefined;
-        onMouseMove?: react.MouseEventHandler<HTMLTableRowElement> | undefined;
-        onMouseMoveCapture?: react.MouseEventHandler<HTMLTableRowElement> | undefined;
-        onMouseOut?: react.MouseEventHandler<HTMLTableRowElement> | undefined;
-        onMouseOutCapture?: react.MouseEventHandler<HTMLTableRowElement> | undefined;
-        onMouseOver?: react.MouseEventHandler<HTMLTableRowElement> | undefined;
-        onMouseOverCapture?: react.MouseEventHandler<HTMLTableRowElement> | undefined;
-        onMouseUp?: react.MouseEventHandler<HTMLTableRowElement> | undefined;
-        onMouseUpCapture?: react.MouseEventHandler<HTMLTableRowElement> | undefined;
-        onSelect?: react.ReactEventHandler<HTMLTableRowElement> | undefined;
-        onSelectCapture?: react.ReactEventHandler<HTMLTableRowElement> | undefined;
-        onTouchCancel?: react.TouchEventHandler<HTMLTableRowElement> | undefined;
-        onTouchCancelCapture?: react.TouchEventHandler<HTMLTableRowElement> | undefined;
-        onTouchEnd?: react.TouchEventHandler<HTMLTableRowElement> | undefined;
-        onTouchEndCapture?: react.TouchEventHandler<HTMLTableRowElement> | undefined;
-        onTouchMove?: react.TouchEventHandler<HTMLTableRowElement> | undefined;
-        onTouchMoveCapture?: react.TouchEventHandler<HTMLTableRowElement> | undefined;
-        onTouchStart?: react.TouchEventHandler<HTMLTableRowElement> | undefined;
-        onTouchStartCapture?: react.TouchEventHandler<HTMLTableRowElement> | undefined;
-        onPointerDown?: react.PointerEventHandler<HTMLTableRowElement> | undefined;
-        onPointerDownCapture?: react.PointerEventHandler<HTMLTableRowElement> | undefined;
-        onPointerMove?: react.PointerEventHandler<HTMLTableRowElement> | undefined;
-        onPointerMoveCapture?: react.PointerEventHandler<HTMLTableRowElement> | undefined;
-        onPointerUp?: react.PointerEventHandler<HTMLTableRowElement> | undefined;
-        onPointerUpCapture?: react.PointerEventHandler<HTMLTableRowElement> | undefined;
-        onPointerCancel?: react.PointerEventHandler<HTMLTableRowElement> | undefined;
-        onPointerCancelCapture?: react.PointerEventHandler<HTMLTableRowElement> | undefined;
-        onPointerEnter?: react.PointerEventHandler<HTMLTableRowElement> | undefined;
-        onPointerLeave?: react.PointerEventHandler<HTMLTableRowElement> | undefined;
-        onPointerOver?: react.PointerEventHandler<HTMLTableRowElement> | undefined;
-        onPointerOverCapture?: react.PointerEventHandler<HTMLTableRowElement> | undefined;
-        onPointerOut?: react.PointerEventHandler<HTMLTableRowElement> | undefined;
-        onPointerOutCapture?: react.PointerEventHandler<HTMLTableRowElement> | undefined;
-        onGotPointerCapture?: react.PointerEventHandler<HTMLTableRowElement> | undefined;
-        onGotPointerCaptureCapture?: react.PointerEventHandler<HTMLTableRowElement> | undefined;
-        onLostPointerCapture?: react.PointerEventHandler<HTMLTableRowElement> | undefined;
-        onLostPointerCaptureCapture?: react.PointerEventHandler<HTMLTableRowElement> | undefined;
-        onScroll?: react.UIEventHandler<HTMLTableRowElement> | undefined;
-        onScrollCapture?: react.UIEventHandler<HTMLTableRowElement> | undefined;
-        onScrollEnd?: react.UIEventHandler<HTMLTableRowElement> | undefined;
-        onScrollEndCapture?: react.UIEventHandler<HTMLTableRowElement> | undefined;
-        onWheel?: react.WheelEventHandler<HTMLTableRowElement> | undefined;
-        onWheelCapture?: react.WheelEventHandler<HTMLTableRowElement> | undefined;
-        onAnimationStart?: react.AnimationEventHandler<HTMLTableRowElement> | undefined;
-        onAnimationStartCapture?: react.AnimationEventHandler<HTMLTableRowElement> | undefined;
-        onAnimationEnd?: react.AnimationEventHandler<HTMLTableRowElement> | undefined;
-        onAnimationEndCapture?: react.AnimationEventHandler<HTMLTableRowElement> | undefined;
-        onAnimationIteration?: react.AnimationEventHandler<HTMLTableRowElement> | undefined;
-        onAnimationIterationCapture?: react.AnimationEventHandler<HTMLTableRowElement> | undefined;
-        onToggle?: react.ToggleEventHandler<HTMLTableRowElement> | undefined;
-        onBeforeToggle?: react.ToggleEventHandler<HTMLTableRowElement> | undefined;
-        onTransitionCancel?: react.TransitionEventHandler<HTMLTableRowElement> | undefined;
-        onTransitionCancelCapture?: react.TransitionEventHandler<HTMLTableRowElement> | undefined;
-        onTransitionEnd?: react.TransitionEventHandler<HTMLTableRowElement> | undefined;
-        onTransitionEndCapture?: react.TransitionEventHandler<HTMLTableRowElement> | undefined;
-        onTransitionRun?: react.TransitionEventHandler<HTMLTableRowElement> | undefined;
-        onTransitionRunCapture?: react.TransitionEventHandler<HTMLTableRowElement> | undefined;
-        onTransitionStart?: react.TransitionEventHandler<HTMLTableRowElement> | undefined;
-        onTransitionStartCapture?: react.TransitionEventHandler<HTMLTableRowElement> | undefined;
-        content?: string | undefined | undefined;
-        translate?: "yes" | "no" | undefined | undefined;
-        hidden?: boolean | undefined | undefined;
-        default?: boolean | undefined | undefined;
-        accept?: string | undefined | undefined;
-        acceptCharset?: string | undefined | undefined;
-        action?: string | ((formData: FormData) => void | Promise<void>) | undefined;
-        allowFullScreen?: boolean | undefined | undefined;
-        allowTransparency?: boolean | undefined | undefined;
-        alt?: string | undefined | undefined;
-        async?: boolean | undefined | undefined;
-        autoComplete?: string | undefined | undefined;
-        autoPlay?: boolean | undefined | undefined;
-        capture?: boolean | "user" | "environment" | undefined | undefined;
-        cellPadding?: number | string | undefined | undefined;
-        cellSpacing?: number | string | undefined | undefined;
-        charSet?: string | undefined | undefined;
-        challenge?: string | undefined | undefined;
-        checked?: boolean | undefined | undefined;
-        classID?: string | undefined | undefined;
-        cols?: number | undefined | undefined;
-        colSpan?: number | undefined | undefined;
-        controls?: boolean | undefined | undefined;
-        coords?: string | undefined | undefined;
-        dateTime?: string | undefined | undefined;
-        defer?: boolean | undefined | undefined;
-        disabled?: boolean | undefined | undefined;
-        encType?: string | undefined | undefined;
-        formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
-        formEncType?: string | undefined | undefined;
-        formMethod?: string | undefined | undefined;
-        formNoValidate?: boolean | undefined | undefined;
-        formTarget?: string | undefined | undefined;
-        frameBorder?: number | string | undefined | undefined;
-        headers?: string | undefined | undefined;
-        high?: number | undefined | undefined;
-        hrefLang?: string | undefined | undefined;
-        htmlFor?: string | undefined | undefined;
-        httpEquiv?: string | undefined | undefined;
-        integrity?: string | undefined | undefined;
-        keyParams?: string | undefined | undefined;
-        keyType?: string | undefined | undefined;
-        kind?: string | undefined | undefined;
-        loop?: boolean | undefined | undefined;
-        low?: number | undefined | undefined;
-        manifest?: string | undefined | undefined;
-        marginHeight?: number | undefined | undefined;
-        marginWidth?: number | undefined | undefined;
-        maxLength?: number | undefined | undefined;
-        mediaGroup?: string | undefined | undefined;
-        minLength?: number | undefined | undefined;
-        multiple?: boolean | undefined | undefined;
-        muted?: boolean | undefined | undefined;
-        noValidate?: boolean | undefined | undefined;
-        open?: boolean | undefined | undefined;
-        optimum?: number | undefined | undefined;
-        placeholder?: string | undefined | undefined;
-        playsInline?: boolean | undefined | undefined;
-        poster?: string | undefined | undefined;
-        preload?: string | undefined | undefined;
-        readOnly?: boolean | undefined | undefined;
-        required?: boolean | undefined | undefined;
-        reversed?: boolean | undefined | undefined;
-        rowSpan?: number | undefined | undefined;
-        sandbox?: string | undefined | undefined;
-        scope?: string | undefined | undefined;
-        scoped?: boolean | undefined | undefined;
-        scrolling?: string | undefined | undefined;
-        seamless?: boolean | undefined | undefined;
-        selected?: boolean | undefined | undefined;
-        shape?: string | undefined | undefined;
-        sizes?: string | undefined | undefined;
-        src?: string | undefined | undefined;
-        srcDoc?: string | undefined | undefined;
-        srcLang?: string | undefined | undefined;
-        srcSet?: string | undefined | undefined;
-        start?: number | undefined | undefined;
-        step?: number | string | undefined | undefined;
-        useMap?: string | undefined | undefined;
-        wmode?: string | undefined | undefined;
-        wrap?: string | undefined | undefined;
-        defaultChecked?: boolean | undefined | undefined;
-        defaultValue?: string | number | readonly string[] | undefined;
-        suppressContentEditableWarning?: boolean | undefined | undefined;
-        accessKey?: string | undefined | undefined;
-        autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
-        autoFocus?: boolean | undefined | undefined;
-        contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
-        contextMenu?: string | undefined | undefined;
-        dir?: string | undefined | undefined;
-        draggable?: (boolean | "true" | "false") | undefined;
-        enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-        nonce?: string | undefined | undefined;
-        spellCheck?: (boolean | "true" | "false") | undefined;
-        radioGroup?: string | undefined | undefined;
-        about?: string | undefined | undefined;
-        datatype?: string | undefined | undefined;
-        inlist?: any;
-        prefix?: string | undefined | undefined;
-        property?: string | undefined | undefined;
-        rel?: string | undefined | undefined;
-        resource?: string | undefined | undefined;
-        rev?: string | undefined | undefined;
-        typeof?: string | undefined | undefined;
-        vocab?: string | undefined | undefined;
-        autoCorrect?: string | undefined | undefined;
-        autoSave?: string | undefined | undefined;
-        itemProp?: string | undefined | undefined;
-        itemScope?: boolean | undefined | undefined;
-        itemType?: string | undefined | undefined;
-        itemID?: string | undefined | undefined;
-        itemRef?: string | undefined | undefined;
-        results?: number | undefined | undefined;
-        security?: string | undefined | undefined;
-        unselectable?: "on" | "off" | undefined | undefined;
-        popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
-        popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
-        popoverTarget?: string | undefined | undefined;
-        inert?: boolean | undefined | undefined;
-        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
-        is?: string | undefined | undefined;
-        exportparts?: string | undefined | undefined;
-        part?: string | undefined | undefined;
-    }) => react_jsx_runtime.JSX.Element;
-    Cell: ({ children, defaultValue, direction, justify, align, gap, clampLines, ...props }: {
-        children?: ReactNode;
-        defaultValue?: string;
-        clampLines?: number;
-    } & Padding & {
-        direction?: FlexDirection;
-        justify?: FlexPosition;
-        align?: FlexPosition;
-        gap?: number | string;
-    } & Omit<react_aria_components.CellProps, "children">) => react_jsx_runtime.JSX.Element;
-};
-
-type Props$5 = {
-    children: React.ReactNode;
-    /** Whether the tabs are detached from their panel */
-    detached?: boolean;
-    panelPosition?: 'top' | 'bottom';
-    disabled?: boolean;
-} & Omit<TabsProps, 'children' | 'isDisabled'> & Margin & WidthHeight & MaxWidthHeight;
-declare const Tabs: {
-    ({ children, detached, panelPosition, disabled, ...props }: Props$5): react_jsx_runtime.JSX.Element;
-    List: {
-        ({ tabWidth, borderRadius, padding, paddingTop, paddingBottom, paddingRight, paddingLeft, ...props }: ListProps): react_jsx_runtime.JSX.Element;
-        displayName: string;
-    };
-    Item: {
-        ({ children, icon, iconColor, iconPosition, disabled, ...props }: ItemProps): react_jsx_runtime.JSX.Element;
-        displayName: string;
-    };
-    Panel: {
-        (props: PanelProps): react_jsx_runtime.JSX.Element;
-        displayName: string;
-    };
-};
-type ListProps = TabListProps<any> & {
-    /** Controls whether tabs fill the container width or fit to their content */
-    tabWidth?: 'fit' | 'fill';
-    /** Sets the border radius for the tab items */
-    borderRadius?: number;
-} & Padding;
-type ItemProps = {
-    /** The unique id of the tab */
-    id: string;
-    /** The content of the tab */
-    children: React.ReactNode;
-    /** Positions the content to the right of the tab text */
-    iconPosition?: 'left' | 'right';
-    /** Adds an icon for the specific icon name to the tab */
-    icon?: IconName;
-    /** The color of the icon */
-    iconColor?: string;
-    /** The gap between the icon and the text */
-    gap?: string | number;
-    /** Disables the tab from being selected */
-    disabled?: boolean;
-} & Omit<TabProps, 'children' | 'isDisabled' | 'id'>;
-type PanelProps = {
-    /** The unique id that matches the id of the tab */
-    id: string;
-} & Omit<TabPanelProps, 'id'>;
-
-type WithRemove = {
-    onRemove: (key: string) => void;
-    id: string;
-};
-type WithoutRemove = {
-    onRemove?: never;
-    id?: string;
-};
-type RemoveProps = WithRemove | WithoutRemove;
-type Props$4 = {
-    children?: ReactNode;
-    /** Sets the background color of the Tag */
-    type?: 'error' | 'success' | 'warning';
-    /** Sets the size of the Tag (top/bottom padding) */
-    size?: 'small' | 'medium';
-    className?: string;
-} & RemoveProps & MarginPadding & Partial<TagItem>;
-declare const Tag: ({ children, id, value, iconLeft, iconRight, tooltip, removable, disabled, size, onRemove, ...props }: Props$4) => react_jsx_runtime.JSX.Element;
-
-type Props$3 = {
-    /** The background color of the tree */
-    backgroundColor?: string;
-    /** The currently selected keys in the collection */
-    selectedKeys?: Set<React.Key>;
-    /** Handler that is called when the selection changes */
-    onSelectionChange?: (keys: Set<React.Key>) => void;
-} & WidthHeight & Padding & Omit<TreeProps<object>, 'selectedKeys' | 'onSelectionChange'>;
-declare const Tree: {
-    ({ backgroundColor, expandedKeys: expandedKeysProp, onExpandedChange, defaultExpandedKeys, selectedKeys, onSelectionChange, ...props }: Props$3): react_jsx_runtime.JSX.Element;
-    Item: ({ children, title, id, iconLeft, iconRight, expandOnSelect, indent, content, ...props }: {
-        title: string;
-        children?: react.ReactNode;
-        content?: react.ReactNode;
-        iconLeft?: IconType;
-        iconRight?: IconType;
-        expandOnSelect?: boolean;
-        indent?: number;
-    } & Omit<react_aria_components.TreeItemProps<string>, "children" | "value" | "textValue">) => react_jsx_runtime.JSX.Element;
-};
-
-type ToggleProps = {
-    /** Id of the input element */
-    id?: string;
-    /** Places a label element beside the toggle. The value will set the text of the label */
-    label?: string;
-    /** Sets the label on the left or right of the toggle */
-    labelPosition?: 'left' | 'right';
-    /** Disables the toggle */
-    disabled?: boolean;
-    /** Controls the checked property of the toggle */
-    checked?: boolean;
-    /** The function called with the toggle value after the toggle is changed */
-    onChange: (val: boolean) => void;
-} & Margin & AsProp & CheckboxAttributes;
-declare const Toggle: ({ id, label, labelPosition, checked, disabled, onChange, margin, marginTop, marginBottom, marginRight, marginLeft, ...props }: ToggleProps) => react_jsx_runtime.JSX.Element;
-
-type Props$2 = {
-    /** The unique id of the toggle button */
-    id: string | number;
-    /** The content of the toggle button */
-    children: React.ReactNode;
-    /** Defines the size of the button */
-    size?: Sizes;
-    /** 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;
-    /** Disables the toggle button */
-    disabled?: boolean;
-    /** Adds an icon to the left of the button text */
-    iconLeft?: IconName;
-    /** Adds an icon to the right of the button text */
-    iconRight?: IconName;
-    /** The border radius of the toggle button */
-    borderRadius?: string | number;
-} & Omit<ToggleButtonProps, 'children' | 'id' | 'isDisabled'> & MarginPadding;
-declare const ToggleButton: ({ children, disabled, size, positive, negative, caution, secondary, iconLeft, iconRight, borderRadius, ...props }: Props$2) => react_jsx_runtime.JSX.Element;
-
-type Props$1 = {
-    /** Disables the toggle button group from being selected */
-    disabled?: boolean;
-    /** Defines the size of the buttons in the group */
-    size?: Sizes;
-    /** Displays buttons with secondary colors */
-    secondary?: boolean;
-    /** Displays buttons with red colors */
-    negative?: boolean;
-    /** Displays buttons with green colors */
-    positive?: boolean;
-    /** Displays buttons with yellow colors */
-    caution?: boolean;
-    /** Displays buttons as joined */
-    joined?: boolean;
-    /** The gap between the toggle buttons */
-    gap?: string | number;
-} & Omit<ToggleButtonGroupProps, 'isDisabled'> & MarginPadding & WidthHeight;
-declare const ToggleButtonGroup: ({ disabled, secondary, negative, positive, caution, joined, gap, size, height, ...props }: Props$1) => react_jsx_runtime.JSX.Element;
-
-type Color = ColorNames | CSSProperties['color'];
-type Item = {
-    /** Unique ID of the item */
-    id: number | string;
-    /** The text displayed for the transfer item */
-    label: string;
-    /** Used as the data of the item */
-    value?: unknown;
-    /** If both `header` and `body` are provided, this text will be styled as the transfer item's header */
-    header?: string;
-    /** If both `header` and `body` are provided, this text will be styled as the transfer item's body */
-    body?: string;
-    /** Any element to be displayed to the left of the item's label/header/body */
-    leftElement?: ReactElement;
-    /** Any element to be displayed to the right of the item's label/header/body */
-    rightElement?: ReactElement;
-    /** The left border color of the transfer item */
-    color?: Color;
-    /** Used to preselect an item */
-    selected?: boolean;
-    [key: string]: unknown;
-};
-type Action = 'select' | 'remove';
-type Next = (item?: Item) => void;
-type TransferListProps = {
-    /** Array of objects that will be rendered as individual items in the list */
-    items: Item[];
-    /** The function called when an item is selected or removed. It passes the entire list of selected items. */
-    onChange: (list: Item[]) => void;
-    /** The function called before an item is selected or removed */
-    beforeItemChange?: (item: Item, action: Action, next: Next) => void;
-    /** The header title of the transfer list */
-    listTitle?: string;
-    /** The text to display in a readOnly state where there are no selected items */
-    noItemsMessage?: string;
-    /** Disables moving items and only displays the list of selected items */
-    readOnly?: boolean;
-    /** Hides the select all button */
-    hideSelectAll?: boolean;
-    /** Hides the remove all button */
-    hideRemoveAll?: boolean;
-    className?: string;
-} & Width & Margin;
-declare const TransferList: ({ items, onChange, beforeItemChange, listTitle, noItemsMessage, hideSelectAll, hideRemoveAll, readOnly, width, ...rest }: TransferListProps) => react_jsx_runtime.JSX.Element;
-
-type ResetStylesProps = {
-    /** An array of font families to pass to the font loader */
-    families?: string[];
-    /** The default font family to set */
-    fontFamily?: string;
-};
-declare const ResetStyles: ({ families, fontFamily }: ResetStylesProps) => react_jsx_runtime.JSX.Element;
-
-declare const ScrollbarStyles: () => react_jsx_runtime.JSX.Element;
-
-declare const ToastStyles: () => react_jsx_runtime.JSX.Element;
-
-declare const UnstyledButton: ({ children, ...props }: ButtonProps) => react_jsx_runtime.JSX.Element;
-
-declare const darkScale: {
-    scale0: string;
-    scale1: string;
-    scale2: string;
-    scale3: string;
-    scale4: string;
-    scale5: string;
-    scale6: string;
-    scale7: string;
-    scale8: string;
-    scale9: string;
-    scale10: string;
-    accent: string;
-    accentShade: string;
-    background0: string;
-    background1: string;
-    background2: string;
-    background3: string;
-    background4: string;
-    background5: string;
-};
-
-declare const lightScale: {
-    scale0: string;
-    scale1: string;
-    scale2: string;
-    scale3: string;
-    scale4: string;
-    scale5: string;
-    scale6: string;
-    scale7: string;
-    scale8: string;
-    scale9: string;
-    scale10: string;
-    accent: string;
-    accentShade: string;
-    background0: string;
-    background1: string;
-    background2: string;
-    background3: string;
-    background4: string;
-    background5: string;
-};
-
-type Props = {
-    /** The dialog header */
-    header?: string;
-    /** The dialog body text */
-    text?: string;
-    /** The text of the cancel button */
-    cancelText?: string;
-    /** The text of the confirm button */
-    confirmText?: string;
-    /** Show a text input in the dialog */
-    input?: boolean;
-    /** The label for the text input */
-    inputLabel?: string;
-    /** The placeholder text for the text input */
-    inputPlaceholder?: string;
-    /** The text value of the text input */
-    inputValue?: string;
-    /** The confirm button will be negative (red) */
-    negative?: boolean;
-};
-declare const useConfirm: ({ header, text, cancelText, confirmText, negative, input, inputLabel, inputPlaceholder, inputValue, }?: Props) => readonly [() => Promise<boolean | string>, () => react_jsx_runtime.JSX.Element];
-
-/**
- * A React hook that fires a callback whenever ResizeObserver detects a change to its size
- * @param target A React ref created by useRef()
- * @param callback Invoked with a single HTMLElement any time the target resizes
- */
-declare const useElementObserver: <T extends HTMLElement>(target: React.Ref<T>, callback: (node: T) => void) => void;
-
-type InitialNullRef = {
-    current: null;
-};
-declare const useEventListener: <T extends Event>(
-/** The element to attach the event listener to */
-element: RefObject<HTMLElement> | HTMLElement | Document | Window | InitialNullRef, 
-/** The event type to listen for ('click', 'keydown', etc) */
-type: keyof WindowEventMap, 
-/** The function to be called upon an event */
-listener: (event: T) => void, 
-/** The condition upon which the event listener should be set or removed */
-condition?: boolean, 
-/** An array of dependencies that the eventListener should update for */
-dependencies?: unknown[]) => void;
-
-declare const useOnClickOutside: <T extends HTMLElement>(
-/** The function to be called upon a click occurring outside of the element */
-onClickOutside: () => void, 
-/** The condition upon which the click event listener should be set or removed */
-condition?: boolean, 
-/** A list of css selectors that should not trigger an outside click */
-exclusions?: string[]) => RefObject<T | null>;
-
-declare const usePrevious: <T>(value: T) => T;
-
-type IncomingListItem = {
-    id: number | string;
-};
-declare const useSelectAll: <ListType extends IncomingListItem>(items: ListType[], defaultSelected?: boolean) => {
-    list: (ListType & {
-        selected: boolean;
-    })[];
-    partial: boolean;
-    allSelected: boolean;
-    count: number;
-    onSelectAll: (selectAll: boolean) => void;
-    onChildChange: (val: boolean, id: number | string) => void;
-};
-
-declare const useWindowSize: () => {
-    width: number | null;
-    height: number | null;
-};
-
-declare const useCopy: (delay?: number, resetDelay?: number) => {
-    copy: (text: string) => void;
-    isCopying: boolean;
-    isCopied: boolean;
-};
-
-declare const widthHeightProps: ({ width, height }: WidthHeight) => CSSObject;
-declare const paddingProps: ({ padding, paddingTop, paddingBottom, paddingRight, paddingLeft, }: Padding) => CSSObject;
-declare const marginProps: ({ margin, marginTop, marginBottom, marginRight, marginLeft }: Margin) => CSSObject;
-declare const positionProps: ({ position, top, bottom, right, left }: Position) => CSSObject;
-
-declare const copyToClipboard: (text: string) => void;
-
-type TimeSpec = 'onlyTime' | 'withTime' | 'relative';
-type TimeOptions = {
-    time?: TimeSpec;
-    lowercase?: boolean;
-};
-declare const formatDate: (value: Date, option?: TimeSpec | TimeOptions) => string;
-
-declare const numberWithCommas: (number: number) => string;
-
-export { Accordion, Audio, BarChart, _default$5 as Button, Calendar, Checkbox, Code, _default$4 as ComboBox, CommandMenu, DatePicker, DateRangePicker, DateRangeSelect, Table$1 as DocTable, Dot, DraftEditor, _default$3 as Dropdown, DropdownMenu, DropdownSelect, Editor, Ellipsis, Form, _default$2 as Grid, Icon, ImageViewer, InlineCode, InlineInput, _default$1 as InputUtils, Label, LineChart, Menu, Message, MessageHr, Modal, MultiSelect, NumberInput, Pagination, PhoneInput, PieChart, Popover, PortalScope, Progress, Radio, RangeCalendar, ResetStyles, ScrollbarStyles, SearchInput, _default as Select, Slider, Spinner, Table, Tabs, Tag, TextAreaComponent as TextArea, TextInput, TimeInput, ToastStyles, Toggle, ToggleButton, ToggleButtonGroup, Tooltip, TransferList, Tree, UnstyledButton, colors, copyToClipboard, createEditorContent, darkScale, editorContentToText, formatDate, lightScale, marginProps, numberWithCommas, paddingProps, positionProps, theme, themeClasses, themeOptions, useConfirm, useCopy, useElementObserver, useEventListener, useOnClickOutside, usePrevious, useSelectAll, useWindowSize, widthHeightProps };
-export type { AsProp as As, AudioRef, DotType, DraftEditorRef, EditorRef, EditorValue, FlexPosition, Height, ITheme, IconName, InputRef, ListItem, ListOption, ListSection, Margin, MarginPadding, MaxHeight, MaxWidth, MaxWidthHeight, MinHeight, MinWidth, MinWidthHeight, MultiSelectItem, MultiSelectRef, Padding, Placement, Position, SelectItem, Sizes, TagItem, ThemeOption, ThemeProp, Action as TransferAction, Item as TransferItem, Next as TransferNext, Width, WidthHeight };
+export { default as Accordion } from './components/Accordion';
+export { default as Audio } from './components/Audio';
+export { default as BarChart } from './components/BarChart';
+export { default as Button } from './components/Button';
+export { default as Calendar } from './components/Calendar';
+export { default as Checkbox } from './components/Checkbox';
+export { default as Code } from './components/Code';
+export { default as ComboBox } from './components/ComboBox';
+export { default as CommandMenu } from './components/CommandMenu';
+export { default as DocTable } from './components/DocTable';
+export { default as Dot } from './components/Dot';
+export { default as DraftEditor } from './components/DraftEditor';
+export { default as Editor } from './components/Editor';
+export { default as DropdownMenu } from './components/DropdownMenu';
+export { default as DropdownSelect } from './components/DropdownSelect';
+export { default as Dropdown } from './components/Dropdown';
+export { default as Ellipsis } from './components/Ellipsis';
+export { default as Form } from './components/Form';
+export { default as Grid } from './components/Grid';
+export { default as Icon } from './components/Icon';
+export { default as ImageViewer } from './components/ImageViewer';
+export { default as InlineCode } from './components/InlineCode';
+export { default as InputUtils } from './components/InputHelpers';
+export { default as DatePicker } from './components/Inputs/DatePicker';
+export { default as DateRangePicker } from './components/Inputs/DateRangePicker';
+export { default as DateRangeSelect } from './components/DateRangeSelect';
+export { default as InlineInput } from './components/Inputs/InlineInput';
+export { default as NumberInput } from './components/Inputs/NumberInput';
+export { default as PhoneInput } from './components/Inputs/PhoneInput';
+export { default as SearchInput } from './components/Inputs/SearchInput';
+export { default as TextInput } from './components/Inputs/TextInput';
+export { default as TextArea } from './components/Inputs/TextArea';
+export { default as TimeInput } from './components/Inputs/TimeInput';
+export { default as Label } from './components/Label';
+export { default as LineChart } from './components/LineChart';
+export { default as Menu } from './components/Menu';
+export { default as Message } from './components/Message';
+export { default as Popover } from './components/Popover';
+export { default as MessageHr } from './components/MessageHr';
+export { default as Modal } from './components/Modal';
+export { default as MultiSelect } from './components/MultiSelect';
+export { default as Pagination } from './components/Pagination';
+export { default as PieChart } from './components/PieChart';
+export { default as PortalScope } from './components/PortalScope';
+export { default as Progress } from './components/Progress';
+export { default as Radio } from './components/Radio';
+export { default as RangeCalendar } from './components/RangeCalendar';
+export { default as Select } from './components/Select';
+export { default as Slider } from './components/Slider';
+export { default as Spinner } from './components/Spinner';
+export { default as Table } from './components/Table';
+export { default as Tabs } from './components/Tabs';
+export { default as Tag } from './components/Tag';
+export { default as Tree } from './components/Tree';
+export { default as Toggle } from './components/Toggle';
+export { ToggleButton, ToggleButtonGroup } from './components/ToggleButton';
+export { default as Tooltip } from './components/Tooltip';
+export { default as TransferList } from './components/TransferList';
+export { default as ResetStyles } from './global-styles/ResetStyles';
+export { default as ScrollbarStyles } from './global-styles/ScrollbarStyles';
+export { default as ToastStyles } from './global-styles/ToastStyles';
+export { default as UnstyledButton } from './components/UnstyledButton';
+export { default as theme, themeOptions, themeClasses } from './theme';
+export { default as colors } from './theme/core/colors';
+export { default as darkScale } from './theme/core/dark/darkScale';
+export { default as lightScale } from './theme/core/light/lightScale';
+export type { IconName } from './components/Icon/Icon';
+export type { Action as TransferAction, Item as TransferItem, Next as TransferNext } from './components/TransferList';
+export type { ListItem, ListOption, ListSection, MultiSelectItem, SelectItem, } from './components/typeDefs/selectionTypes';
+export type { TagItem } from './components/typeDefs/tagTypes';
+export type { AsProp as As, AudioRef, DraftEditorRef, EditorRef, FlexPosition, Height, InputRef, Margin, MarginPadding, MaxHeight, MaxWidth, MaxWidthHeight, MinHeight, MinWidth, MinWidthHeight, MultiSelectRef, Padding, Position, Placement, Sizes, Width, WidthHeight, } from './components/types';
+export type { ITheme, ThemeProp } from './theme/ThemeTypes';
+export type { ThemeOption } from './theme';
+export type { EditorValue } from './components/Editor';
+export type { Selection } from 'react-aria-components';
+export type { DotType } from './components/Dot';
+export { default as useConfirm } from './hooks/useConfirm';
+export { default as useElementObserver } from './hooks/useElementObserver';
+export { default as useEventListener } from './hooks/useEventListener';
+export { default as useOnClickOutside } from './hooks/useOnClickOutside';
+export { default as usePrevious } from './hooks/usePrevious';
+export { default as useSelectAll } from './hooks/useSelectAll';
+export { default as useWindowSize } from './hooks/useWindowSize';
+export { default as useCopy } from './hooks/useCopy';
+export { marginProps, paddingProps, positionProps, widthHeightProps } from './components/helpers/styledProps';
+export { default as copyToClipboard } from './utils/copyToClipboard';
+export { default as formatDate } from './utils/formatDate';
+export { default as numberWithCommas } from './utils/numberWithCommas';
+export { createEditorContent, editorContentToText } from './components/Editor';