@stella-source/stellasource-dsl 0.0.22 → 0.0.23

package/dist/cjs/types/components/Button/Button.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { ButtonProps } from "./types";
+declare const Button: ({ disabled, variant, label, startIcon, endIcon, isLoading, className, id, htmlProps, onClick, }: ButtonProps) => React.JSX.Element;
+export default Button;

package/dist/cjs/types/components/Button/Button.stories.d.ts

@@ -0,0 +1,32 @@
+/// <reference types="react" />
+import { ButtonVariant } from "./types";
+import { ButtonIcons, ButtonProps } from "./types";
+declare const _default: {
+    title: string;
+    component: ({ disabled, variant, label, startIcon, endIcon, isLoading, className, id, htmlProps, onClick, }: ButtonProps) => import("react").JSX.Element;
+    tags: string[];
+    parameters: {};
+    argTypes: {
+        variant: {
+            options: ButtonVariant[];
+            control: {
+                type: string;
+            };
+        };
+        startIcon: {
+            options: (ButtonIcons | undefined)[];
+            control: {
+                type: string;
+            };
+        };
+        endIcon: {
+            options: (ButtonIcons | undefined)[];
+            control: {
+                type: string;
+            };
+        };
+    };
+    args: ButtonProps;
+};
+export default _default;
+export declare const Button: {};

package/dist/cjs/types/components/Button/styles.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { ButtonVariant } from "./types";
+export interface ButtonComponentStyles {
+    $variant: `${ButtonVariant}`;
+}
+declare const ButtonComponent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}>, never>, ButtonComponentStyles>> & string;
+export { ButtonComponent };

package/dist/cjs/types/components/Button/types.d.ts

@@ -0,0 +1,22 @@
+import { HTMLAttributes } from "react";
+export declare enum ButtonIcons {
+    ADD = "add",
+    CHEVRON_DOWN = "chevron-down"
+}
+export declare enum ButtonVariant {
+    PRIMARY = "primary",
+    SECONDARY = "secondary",
+    TERTIARY = "tertiary"
+}
+export interface ButtonProps {
+    label: string;
+    onClick: () => void;
+    id?: string;
+    className?: string;
+    isLoading?: boolean;
+    startIcon?: `${ButtonIcons}`;
+    endIcon?: `${ButtonIcons}`;
+    disabled?: boolean;
+    variant?: `${ButtonVariant}`;
+    htmlProps?: HTMLAttributes<HTMLButtonElement>;
+}

package/dist/cjs/types/components/HelperText/HelperText.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { HelperTextProps } from "./types";
+declare const HelperText: ({ id, className, affectLayout, text, type, htmlProps, }: HelperTextProps) => React.JSX.Element;
+export default HelperText;

package/dist/cjs/types/components/HelperText/HelperText.stories.d.ts

@@ -0,0 +1,6 @@
+import HelperTextComponent from "./HelperText";
+import type { Meta, StoryObj } from "@storybook/react";
+declare const meta: Meta<typeof HelperTextComponent>;
+export default meta;
+type Story = StoryObj<typeof HelperTextComponent>;
+export declare const Helpertext: Story;

package/dist/cjs/types/components/HelperText/styles.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+interface WrapperProps {
+    $affectLayout?: boolean;
+}
+interface TextProps {
+    $type?: string;
+}
+declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, WrapperProps>> & string;
+declare const Text: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, TextProps>> & string;
+declare const Icon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export { Wrapper, Icon, Text };

package/dist/cjs/types/components/HelperText/types.d.ts

@@ -0,0 +1,13 @@
+import { HTMLAttributes } from "react";
+export declare enum HelperTextType {
+    ERROR = "error",
+    INFO = "info"
+}
+export interface HelperTextProps {
+    text: string;
+    id?: string;
+    className?: string;
+    affectLayout?: boolean;
+    type?: `${HelperTextType}`;
+    htmlProps?: HTMLAttributes<HTMLDivElement>;
+}

package/dist/cjs/types/components/IconButton/IconButton.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { IconButtonProps } from "./types";
+declare const IconButton: ({ iconName, onClick, disabled, variant, isLoading, ariaLabel, className, id, htmlProps, size, }: IconButtonProps) => React.JSX.Element;
+export default IconButton;

package/dist/cjs/types/components/IconButton/IconButton.stories.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import { IconButtonProps } from "./types";
+import { ButtonVariant } from "../Button/types";
+declare const _default: {
+    title: string;
+    component: ({ iconName, onClick, disabled, variant, isLoading, ariaLabel, className, id, htmlProps, size, }: IconButtonProps) => import("react").JSX.Element;
+    tags: string[];
+    parameters: {};
+    argTypes: {
+        variant: {
+            options: ButtonVariant[];
+            control: {
+                type: string;
+            };
+        };
+    };
+    args: IconButtonProps;
+};
+export default _default;
+export declare const IconButton: {
+    args: {};
+};

package/dist/cjs/types/components/IconButton/styles.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { ButtonComponentStyles } from "../Button/styles";
+declare const IconButtonComponent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}>, never>, "$variant"> & ButtonComponentStyles, ButtonComponentStyles>> & string;
+export { IconButtonComponent };

package/dist/cjs/types/components/IconButton/types.d.ts

@@ -0,0 +1,15 @@
+import { HTMLAttributes } from "react";
+import { ButtonVariant } from "../Button/types";
+import { StellaIconDefinition } from "../StellaIcon/types";
+export interface IconButtonProps {
+    iconName: `${StellaIconDefinition}`;
+    ariaLabel: string;
+    size?: number;
+    onClick: () => void;
+    id?: string;
+    className?: string;
+    isLoading?: boolean;
+    disabled?: boolean;
+    variant?: `${ButtonVariant}`;
+    htmlProps?: HTMLAttributes<HTMLButtonElement>;
+}

package/dist/cjs/types/components/Label/Label.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { LabelProps, LabelWithChildrenProps } from "./types";
+declare const Label: ({ hideLabel, labelValue, required, tooltipText, children, htmlFor, htmlProps, id, className, }: LabelProps | LabelWithChildrenProps) => React.JSX.Element;
+export default Label;

package/dist/cjs/types/components/Label/Label.stories.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { LabelProps, LabelWithChildrenProps } from "./types";
+declare const _default: {
+    title: string;
+    component: ({ hideLabel, labelValue, required, tooltipText, children, htmlFor, htmlProps, id, className, }: LabelProps | LabelWithChildrenProps) => import("react").JSX.Element;
+    tags: string[];
+    parameters: {};
+    args: LabelProps | LabelWithChildrenProps;
+};
+export default _default;
+export declare const Label: {
+    args: {
+        required: boolean;
+    };
+};

package/dist/cjs/types/components/Label/styles.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+interface LabelComponentProps {
+    $hideLabel?: boolean;
+}
+declare const RequiredIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("../StellaIcon/types").StellaIconProps, never>> & string & Omit<({ iconName, size, color, className, id, dataTestId, }: import("../StellaIcon/types").StellaIconProps) => import("react").JSX.Element, keyof import("react").Component<any, {}, any>>;
+declare const ToolTipIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("../Tooltip/types").StellaTooltipProps, never>> & string & Omit<import("react").FC<import("../Tooltip/types").StellaTooltipProps>, keyof import("react").Component<any, {}, any>>;
+declare const LabelComponent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, LabelComponentProps>> & string;
+declare const LabelContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export { LabelComponent, RequiredIcon, ToolTipIcon, LabelContainer };

package/dist/cjs/types/components/Label/types.d.ts

@@ -0,0 +1,23 @@
+import { ReactElement, HTMLAttributes } from "react";
+export interface LabelProps {
+    id: string;
+    className?: string;
+    required?: boolean;
+    labelValue: string;
+    hideLabel?: boolean;
+    tooltipText?: string;
+    children?: never;
+    htmlFor: string;
+    htmlProps?: HTMLAttributes<HTMLLabelElement>;
+}
+export interface LabelWithChildrenProps {
+    id: string;
+    className?: string;
+    required?: boolean;
+    labelValue: string;
+    hideLabel?: boolean;
+    tooltipText?: string;
+    htmlFor?: never;
+    children: ReactElement;
+    htmlProps?: HTMLAttributes<HTMLLabelElement>;
+}

package/dist/cjs/types/components/Loader/Loader.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { LoaderProps } from "./types";
+declare const Loader: ({ size, dataTestId, color }: LoaderProps) => React.JSX.Element;
+export default Loader;

package/dist/cjs/types/components/Loader/Loader.stories.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { LoaderProps } from "./types";
+declare const _default: {
+    title: string;
+    component: ({ size, dataTestId, color }: LoaderProps) => import("react").JSX.Element;
+    tags: string[];
+    parameters: {};
+    argTypes: {};
+    args: LoaderProps;
+};
+export default _default;

package/dist/cjs/types/components/Loader/styles.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+declare const CustomLoader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("@phosphor-icons/react").IconProps, "ref"> & {
+    ref?: ((instance: SVGSVGElement | null) => void) | import("react").RefObject<SVGSVGElement> | null | undefined;
+}, never>> & string & Omit<import("@phosphor-icons/react").Icon, keyof import("react").Component<any, {}, any>>;
+export { CustomLoader };

package/dist/cjs/types/components/Loader/types.d.ts

@@ -0,0 +1,5 @@
+export interface LoaderProps {
+    size?: number;
+    dataTestId?: string;
+    color?: string;
+}

package/dist/cjs/types/components/StellaIcon/StellaIcon.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { StellaIconProps } from "./types";
+declare const StellaIcon: ({ iconName, size, color, className, id, dataTestId, }: StellaIconProps) => React.JSX.Element;
+export default StellaIcon;

package/dist/cjs/types/components/StellaIcon/StellaIcon.stories.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import { StellaIconProps } from "./types";
+declare const _default: {
+    title: string;
+    component: ({ iconName, size, color, className, id, dataTestId, }: StellaIconProps) => import("react").JSX.Element;
+    tags: string[];
+    parameters: {};
+    argTypes: {
+        color: {
+            control: {
+                type: string;
+            };
+        };
+    };
+    args: StellaIconProps;
+};
+export default _default;
+export declare const StellaIcon: {
+    args: {};
+};

package/dist/cjs/types/components/StellaIcon/helpers.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { StellaIcon, StellaIconDefinition } from "./types";
+export declare const selectIcon: (iconName: StellaIconDefinition) => {
+    icon: import("@phosphor-icons/react").Icon;
+    color: string;
+} | {
+    icon: ({ size, color, id, className, dataTestId }: StellaIcon) => React.JSX.Element;
+    color: string;
+};
+export declare const getFill: (iconName: StellaIconDefinition) => "bold" | "fill";

package/dist/cjs/types/components/StellaIcon/types.d.ts

@@ -0,0 +1,16 @@
+export type StellaIconDefinition = "search" | "required" | "help" | "info" | "kebab-menu" | "error" | "warning" | "filter" | "sort" | "close" | "add" | "stella-logo" | "chevron-right" | "chevron-down" | "caret-right" | "caret-down" | "success" | "in-progress" | "complete" | "calendar" | "unlocked" | "locked" | "settings" | "preferences" | "account-settings" | "user" | "company-details" | "collapse" | "expand" | "star-filled" | "star-outline" | "dashboard" | "shopping-cart" | "calculator" | "pricing-strategies" | "stella-finance" | "resource-center" | "line-item-pricing" | "basket-pricing" | "paperclip" | "thumbs-up" | "thumbs-down" | "send" | "palette";
+export interface StellaIconProps {
+    iconName: StellaIconDefinition;
+    size?: number;
+    color?: string;
+    className?: string;
+    dataTestId?: string;
+    id?: string;
+}
+export interface StellaIcon {
+    size: number;
+    color: string;
+    className?: string;
+    dataTestId?: string;
+    id?: string;
+}

package/dist/cjs/types/components/TextField(UC)/TextField.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { TextFieldProps } from "./types";
+declare const TextField: ({ id, className, htmlProps, type, textAlign, leftCategory, rightCategory, label, placeholder, onChange, onBlur, isRequired, disabled, maxLength, tooltipText, isLoading, helperText, helperTextAffectLayout, isTruncated, endIcon, hasError, size, ariaDescribedBy, }: TextFieldProps) => React.JSX.Element;
+export default TextField;

package/dist/cjs/types/components/TextField(UC)/TextField.stories.d.ts

@@ -0,0 +1,6 @@
+import TextFieldComponent from "./TextField";
+import type { Meta, StoryObj } from "@storybook/react";
+declare const meta: Meta<typeof TextFieldComponent>;
+export default meta;
+type Story = StoryObj<typeof TextFieldComponent>;
+export declare const TextField: Story;

package/dist/cjs/types/components/TextField(UC)/styles.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+interface TextFieldInputProps {
+    $textAlign?: "left" | "center" | "right";
+    $isTruncated: boolean;
+}
+declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const TextFieldWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const TextFieldInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, TextFieldInputProps>> & string;
+declare const Category: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export { Wrapper, TextFieldWrapper, TextFieldInput, Category };

package/dist/cjs/types/components/TextField(UC)/types.d.ts

@@ -0,0 +1,57 @@
+import { HTMLAttributes } from "react";
+import { StellaIconDefinition } from "../StellaIcon/types";
+export declare enum TextFieldAlignments {
+    LEFT = "left",
+    CENTER = "center",
+    RIGHT = "right"
+}
+export declare enum TextFieldLeftCategory {
+    US_CURRENCY = "$"
+}
+export declare enum TextFieldRightCategory {
+    FEET = "ft",
+    CENTIMETERS = "cm",
+    INCHES = "in",
+    FULL_INCHES = "inches",
+    PERCENTAGE = "%",
+    POUNDS_FEET = "lbs/ft",
+    HUNDREDWEIGHT = "CWT",
+    DPH = "$/hr",
+    MINUTES = "min",
+    HOURS = "hr"
+}
+export declare enum TextFieldSize {
+    SMALL = "small",
+    MEDIUM = "medium",
+    LARGE = "large"
+}
+export declare enum TextFieldType {
+    TEXT = "text",
+    NUMBER = "number",
+    PASSWORD = "password"
+}
+export interface TextFieldProps {
+    id: string;
+    className?: string;
+    label: string;
+    placeholder?: string;
+    type?: `${TextFieldType}`;
+    onChange: () => void;
+    onBlur: () => void;
+    isRequired: boolean;
+    disabled: boolean;
+    maxLength: number;
+    tooltipText: string;
+    isLoading: boolean;
+    helperText?: string;
+    helperTextAffectLayout?: boolean;
+    isTruncated: boolean;
+    endIcon: `${StellaIconDefinition}`;
+    hasError: boolean;
+    size?: `${TextFieldSize}`;
+    textAlign?: `${TextFieldAlignments}`;
+    leftCategory?: `${TextFieldLeftCategory}`;
+    rightCategory?: `${TextFieldRightCategory}`;
+    ariaDescribedBy?: string;
+    htmlProps?: HTMLAttributes<HTMLInputElement>;
+}

package/dist/cjs/types/components/Tooltip/Tooltip.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import { StellaTooltipProps } from "./types";
+import "./styles.css";
+declare const StellaTooltip: React.FC<StellaTooltipProps>;
+export default StellaTooltip;

package/dist/cjs/types/components/Tooltip/Tooltip.stories.d.ts

@@ -0,0 +1,23 @@
+import React from "react";
+import { TooltipIconType, StellaTooltipProps } from "./types";
+declare const _default: {
+    title: string;
+    component: React.FC<StellaTooltipProps>;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+    argTypes: {
+        type: {
+            options: TooltipIconType[];
+            control: {
+                type: string;
+            };
+        };
+    };
+    args: StellaTooltipProps;
+};
+export default _default;
+export declare const Tooltip: {
+    args: {};
+};

package/dist/cjs/types/components/Tooltip/types.d.ts

@@ -0,0 +1,15 @@
+import { TooltipProps } from "antd";
+export declare enum TooltipIconType {
+    WARNING = "warning",
+    INFO = "info"
+}
+export interface StellaTooltipProps {
+    title: string;
+    placement: "top" | "bottom" | "left" | "right" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom";
+    type?: `${TooltipIconType}`;
+    ariaLabel?: string;
+    iconSize?: number;
+    id?: string;
+    className?: string;
+    htmlProps?: TooltipProps;
+}

package/dist/cjs/types/images/StellaIcon.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+interface StellaIconProps {
+    size: number;
+    color: string;
+    id?: string;
+    className?: string;
+    dataTestId?: string;
+}
+declare const StellaIcon: ({ size, color, id, className, dataTestId, }: StellaIconProps) => React.JSX.Element;
+export default StellaIcon;

package/dist/cjs/types/index.d.ts

@@ -0,0 +1,2 @@
+import Label from "./components/Label/Label";
+export { Label };

package/dist/cjs/types/shared/tokens/color.d.ts

@@ -0,0 +1,18 @@
+declare const colorTokens: {
+    charcoal: string;
+    red: string;
+    smoke: string;
+    shadow: string;
+    grey50: string;
+    paleGrey: string;
+    yellow: string;
+    green: string;
+    branding: {
+        primary: string;
+        secondary: string;
+        tertiary: string;
+        quaternary: string;
+        accent: string;
+    };
+};
+export default colorTokens;

package/dist/cjs/types/shared/tokens/index.d.ts

@@ -0,0 +1,20 @@
+declare const Styles: {
+    color: {
+        charcoal: string;
+        red: string;
+        smoke: string;
+        shadow: string;
+        grey50: string;
+        paleGrey: string;
+        yellow: string;
+        green: string;
+        branding: {
+            primary: string;
+            secondary: string;
+            tertiary: string;
+            quaternary: string;
+            accent: string;
+        };
+    };
+};
+export { Styles };

package/dist/cjs/types/shared/utils/testing.d.ts

@@ -0,0 +1,61 @@
+/// <reference types="react" />
+import { queries } from "@testing-library/react";
+import { Options } from "@testing-library/user-event";
+declare const setup: (jsx: JSX.Element, setupOptions?: Options) => {
+    container: HTMLElement;
+    baseElement: HTMLElement;
+    debug: (baseElement?: any, maxLength?: number | undefined, options?: import("pretty-format").PrettyFormatOptions | undefined) => void;
+    rerender: (ui: import("react").ReactNode) => void;
+    unmount: () => void;
+    asFragment: () => DocumentFragment;
+    getByLabelText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined) => HTMLElement;
+    getAllByLabelText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined) => HTMLElement[];
+    queryByLabelText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined) => HTMLElement | null;
+    queryAllByLabelText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined) => HTMLElement[];
+    findByLabelText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
+    findAllByLabelText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
+    getByPlaceholderText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement;
+    getAllByPlaceholderText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
+    queryByPlaceholderText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement | null;
+    queryAllByPlaceholderText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
+    findByPlaceholderText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
+    findAllByPlaceholderText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
+    getByText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined) => HTMLElement;
+    getAllByText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined) => HTMLElement[];
+    queryByText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined) => HTMLElement | null;
+    queryAllByText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined) => HTMLElement[];
+    findByText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
+    findAllByText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
+    getByAltText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement;
+    getAllByAltText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
+    queryByAltText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement | null;
+    queryAllByAltText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
+    findByAltText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
+    findAllByAltText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
+    getByTitle: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement;
+    getAllByTitle: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
+    queryByTitle: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement | null;
+    queryAllByTitle: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
+    findByTitle: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
+    findAllByTitle: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
+    getByDisplayValue: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement;
+    getAllByDisplayValue: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
+    queryByDisplayValue: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement | null;
+    queryAllByDisplayValue: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
+    findByDisplayValue: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
+    findAllByDisplayValue: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
+    getByRole: (role: import("@testing-library/react").ByRoleMatcher, options?: queries.ByRoleOptions | undefined) => HTMLElement;
+    getAllByRole: (role: import("@testing-library/react").ByRoleMatcher, options?: queries.ByRoleOptions | undefined) => HTMLElement[];
+    queryByRole: (role: import("@testing-library/react").ByRoleMatcher, options?: queries.ByRoleOptions | undefined) => HTMLElement | null;
+    queryAllByRole: (role: import("@testing-library/react").ByRoleMatcher, options?: queries.ByRoleOptions | undefined) => HTMLElement[];
+    findByRole: (role: import("@testing-library/react").ByRoleMatcher, options?: queries.ByRoleOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
+    findAllByRole: (role: import("@testing-library/react").ByRoleMatcher, options?: queries.ByRoleOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
+    getByTestId: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement;
+    getAllByTestId: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
+    queryByTestId: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement | null;
+    queryAllByTestId: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
+    findByTestId: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
+    findAllByTestId: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
+    user: import("@testing-library/user-event").UserEvent;
+};
+export { setup };