@cube-dev/ui-kit 0.0.0-canary-2aa9c92 → 0.0.0-canary-7507f00

package/types/shared/index.d.ts

@@ -1,4 +1,4 @@
 export * from './form';
-export type Axis = 'top' | 'right' | 'bottom' | 'left';
-export type PlacementAxis = Axis | 'center';
-export type RangeValue<T> = [T, T];
+export declare type Axis = 'top' | 'right' | 'bottom' | 'left';
+export declare type PlacementAxis = Axis | 'center';
+export declare type RangeValue<T> = [T, T];

package/types/stories/components/StyledButton.d.ts

@@ -56,13 +56,13 @@ export declare const StyledButton: import("react").ComponentType<{
     hide?: import("../../tasty").ResponsiveStyleValue<boolean | undefined>;
     shadow?: import("../../tasty").ResponsiveStyleValue<string | undefined>;
     radius?: import("../../tasty").ResponsiveStyleValue<string | true | undefined>;
-    flow?: import("../../tasty").ResponsiveStyleValue<"initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "column" | "column-reverse" | "nowrap" | "row" | "row-reverse" | "wrap" | "wrap-reverse" | "dense" | undefined>;
+    flow?: import("../../tasty").ResponsiveStyleValue<"initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "unset" | "column" | "column-reverse" | "nowrap" | "row" | "row-reverse" | "wrap" | "wrap-reverse" | "dense" | undefined>;
     gridAreas?: import("../../tasty").ResponsiveStyleValue<import("csstype").Property.GridTemplateAreas | undefined>;
     gridColumns?: import("../../tasty").ResponsiveStyleValue<import("csstype").Property.GridTemplateColumns<string | number> | undefined>;
     gridRows?: import("../../tasty").ResponsiveStyleValue<import("csstype").Property.GridTemplateRows<string | number> | undefined>;
     preset?: import("../../tasty").ResponsiveStyleValue<string | undefined>;
-    align?: import("../../tasty").ResponsiveStyleValue<"initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "center" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "start" | "baseline" | "normal" | "stretch" | "space-around" | "space-between" | "space-evenly" | undefined>;
-    justify?: import("../../tasty").ResponsiveStyleValue<"right" | "left" | "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "center" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "start" | "baseline" | "normal" | "stretch" | "space-around" | "space-between" | "space-evenly" | "legacy" | undefined>;
+    align?: import("../../tasty").ResponsiveStyleValue<"initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "unset" | "center" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "start" | "baseline" | "normal" | "stretch" | "space-around" | "space-between" | "space-evenly" | undefined>;
+    justify?: import("../../tasty").ResponsiveStyleValue<"right" | "left" | "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "unset" | "center" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "start" | "baseline" | "normal" | "stretch" | "space-around" | "space-between" | "space-evenly" | "legacy" | undefined>;
     size?: "small" | (string & {}) | "medium" | "large" | undefined;
     block?: boolean | undefined;
     inline?: boolean | undefined;

package/types/styled/styled.d.ts

@@ -1,6 +1,6 @@
 import { ComponentType } from 'react';
 import { Styles, StylesInterface } from '../tasty';
-export type StyledProps<K extends (keyof StylesInterface)[], DefaultProps> = {
+export declare type StyledProps<K extends (keyof StylesInterface)[], DefaultProps> = {
     /** The name of the element. It can be used to override styles in context. */
     name?: string;
     /** The tag name of the element. */
@@ -13,14 +13,14 @@ export type StyledProps<K extends (keyof StylesInterface)[], DefaultProps> = {
     /** The list of styles that can be provided by props */
     styleProps?: K;
 };
-type StyledPropsWithDefaults<Props extends {
+declare type StyledPropsWithDefaults<Props extends {
     styles?: Styles;
 }, DefaultProps extends Partial<Props>> = keyof DefaultProps extends never ? Props : {
     [key in Extract<keyof Props, keyof DefaultProps>]?: Props[key];
 } & {
     [key in keyof Omit<Props, keyof DefaultProps>]: Props[key];
 };
-type EitherLegacyPropsOrInlined<K extends (keyof StylesInterface)[], DefaultProps> = ((Pick<StyledProps<K, DefaultProps>, 'name' | 'tag' | 'styles'> & {
+declare type EitherLegacyPropsOrInlined<K extends (keyof StylesInterface)[], DefaultProps> = ((Pick<StyledProps<K, DefaultProps>, 'name' | 'tag' | 'styles'> & {
     /**
      * @deprecated
      */

package/types/tasty/styles/predefined.d.ts

@@ -1,8 +1,8 @@
 import { RawStyleHandler, StyleHandler } from '../utils/styles';
-type StyleHandlerMap = Record<string, StyleHandler[]>;
+declare type StyleHandlerMap = Record<string, StyleHandler[]>;
 export declare const STYLE_HANDLER_MAP: StyleHandlerMap;
 export declare function defineCustomStyle(names: string[] | StyleHandler, handler?: RawStyleHandler): void;
-type ConverterHandler = (s: string | boolean | number | undefined) => string | undefined;
+declare type ConverterHandler = (s: string | boolean | number | undefined) => string | undefined;
 export declare function defineStyleAlias(styleName: string, cssStyleName?: string, converter?: ConverterHandler): void;
 export declare function predefine(): {
     STYLE_HANDLER_MAP: StyleHandlerMap;

package/types/tasty/styles/types.d.ts

@@ -1,9 +1,9 @@
 import { CSSProperties } from 'react';
 import { ResponsiveStyleValue } from '../utils/styles';
-type NamedColor = 'purple' | 'purple-text' | 'purple-01' | 'purple-02' | 'purple-03' | 'purple-04' | 'dark' | 'dark-01' | 'dark-02' | 'dark-03' | 'dark-04' | 'dark-05' | 'text' | 'primary' | 'disabled' | 'disabled-bg' | 'disabled-text' | 'danger' | 'danger-bg' | 'danger-text' | 'success' | 'success-bg' | 'success-text' | 'note' | 'note-bg' | 'note-text' | 'white' | 'light' | 'light-grey' | 'black' | 'pink' | 'pink-01' | 'pink-02' | 'border' | 'clear' | 'shadow' | 'draft' | 'minor';
-type Digit = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9;
-type OpaquePercentage = '' | `.${Digit}` | `.${Digit}${Digit}` | '.100';
-export type NoType = false | null | undefined;
+declare type NamedColor = 'purple' | 'purple-text' | 'purple-01' | 'purple-02' | 'purple-03' | 'purple-04' | 'dark' | 'dark-01' | 'dark-02' | 'dark-03' | 'dark-04' | 'dark-05' | 'text' | 'primary' | 'disabled' | 'disabled-bg' | 'disabled-text' | 'danger' | 'danger-bg' | 'danger-text' | 'success' | 'success-bg' | 'success-text' | 'note' | 'note-bg' | 'note-text' | 'white' | 'light' | 'light-grey' | 'black' | 'pink' | 'pink-01' | 'pink-02' | 'border' | 'clear' | 'shadow' | 'draft' | 'minor';
+declare type Digit = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9;
+declare type OpaquePercentage = '' | `.${Digit}` | `.${Digit}${Digit}` | '.100';
+export declare type NoType = false | null | undefined;
 export interface StylesInterface extends Omit<CSSProperties, 'color' | 'fill' | 'font' | 'outline' | 'type'> {
     /** Set the background color of the element.
      * ```
@@ -103,13 +103,13 @@ export interface StylesInterface extends Omit<CSSProperties, 'color' | 'fill' |
      */
     justify?: CSSProperties['justifyItems'] | CSSProperties['justifyContent'];
 }
-export type SuffixForSelector = '&' | '.' | 'A' | 'B' | 'C' | 'D' | 'E' | 'F' | 'G' | 'H' | 'I' | 'J' | 'K' | 'L' | 'M' | 'N' | 'O' | 'P' | 'Q' | 'R' | 'S' | 'T' | 'U' | 'V' | 'W' | 'X' | 'Y' | 'Z';
-export type Selector = `${SuffixForSelector}${string}`;
-export type NotSelector = Exclude<string, Selector | keyof StylesInterface>;
-export type StylesWithoutSelectors = {
+export declare type SuffixForSelector = '&' | '.' | 'A' | 'B' | 'C' | 'D' | 'E' | 'F' | 'G' | 'H' | 'I' | 'J' | 'K' | 'L' | 'M' | 'N' | 'O' | 'P' | 'Q' | 'R' | 'S' | 'T' | 'U' | 'V' | 'W' | 'X' | 'Y' | 'Z';
+export declare type Selector = `${SuffixForSelector}${string}`;
+export declare type NotSelector = Exclude<string, Selector | keyof StylesInterface>;
+export declare type StylesWithoutSelectors = {
     [key in keyof StylesInterface]?: ResponsiveStyleValue<StylesInterface[key]>;
 };
-export type Styles = StylesWithoutSelectors & {
+export declare type Styles = StylesWithoutSelectors & {
     [key: string]: ResponsiveStyleValue<string | number | boolean | undefined> | StylesWithoutSelectors;
 };
 export {};

package/types/tasty/tasty.d.ts

@@ -2,10 +2,10 @@ import { ComponentType } from 'react';
 import { AllBaseProps, BaseProps, BaseStyleProps, Props } from './types';
 import { Styles, StylesInterface } from './styles/types';
 import { ResponsiveStyleValue } from './utils/styles';
-type StyleList = readonly (keyof {
+declare type StyleList = readonly (keyof {
     [key in keyof StylesInterface]: StylesInterface[key];
 })[];
-export type TastyProps<K extends StyleList, DefaultProps = Props> = {
+export declare type TastyProps<K extends StyleList, DefaultProps = Props> = {
     /** The tag name of the element. */
     as?: string;
     /** Default styles of the element. */
@@ -17,10 +17,10 @@ export type TastyProps<K extends StyleList, DefaultProps = Props> = {
 export interface GlobalTastyProps {
     breakpoints?: number[];
 }
-export type AllBasePropsWithMods<K extends StyleList> = AllBaseProps & {
+export declare type AllBasePropsWithMods<K extends StyleList> = AllBaseProps & {
     [key in K[number]]?: ResponsiveStyleValue<StylesInterface[key]>;
 } & BaseStyleProps;
-type TastyPropsWithDefaults<Props extends {
+declare type TastyPropsWithDefaults<Props extends {
     styles?: Styles;
 }, DefaultProps extends Partial<Props>> = keyof DefaultProps extends never ? Props : {
     [key in Extract<keyof Props, keyof DefaultProps>]?: Props[key];

package/types/tasty/types.d.ts

@@ -4,7 +4,7 @@ import { BASE_STYLES, BLOCK_STYLES, COLOR_STYLES, CONTAINER_STYLES, DIMENSION_ST
 export interface GlobalStyledProps {
     breakpoints?: number[];
 }
-type Caps = 'A' | 'B' | 'C' | 'D' | 'E' | 'F' | 'G' | 'H' | 'I' | 'J' | 'K' | 'L' | 'M' | 'N' | 'O' | 'P' | 'Q' | 'R' | 'S' | 'T' | 'U' | 'V' | 'W' | 'X' | 'Y' | 'Z';
+declare type Caps = 'A' | 'B' | 'C' | 'D' | 'E' | 'F' | 'G' | 'H' | 'I' | 'J' | 'K' | 'L' | 'M' | 'N' | 'O' | 'P' | 'Q' | 'R' | 'S' | 'T' | 'U' | 'V' | 'W' | 'X' | 'Y' | 'Z';
 export interface BasePropsWithoutChildren extends Pick<AllHTMLAttributes<HTMLElement>, 'className' | 'role' | 'id'> {
     /** QA ID for e2e testing. An alias for `data-qa` attribute. */
     qa?: string;
@@ -44,16 +44,16 @@ export interface BaseProps extends BasePropsWithoutChildren, Pick<AllHTMLAttribu
 export interface AllBaseProps<K extends keyof HTMLElementTagNameMap = 'div'> extends BaseProps, Omit<AllHTMLAttributes<HTMLElementTagNameMap[K]>, 'style' | 'size' | 'disabled' | 'hidden' | 'css' | 'color' | 'height' | 'width'> {
     as?: string;
 }
-export type BaseStyleProps = Pick<Styles, typeof BASE_STYLES[number]>;
-export type PositionStyleProps = Pick<Styles, typeof POSITION_STYLES[number]>;
-export type BlockStyleProps = Pick<Styles, typeof BLOCK_STYLES[number]>;
-export type ColorStyleProps = Pick<Styles, typeof COLOR_STYLES[number]>;
-export type TextStyleProps = Pick<Styles, typeof TEXT_STYLES[number]>;
-export type DimensionStyleProps = Pick<Styles, typeof DIMENSION_STYLES[number]>;
-export type FlowStyleProps = Pick<Styles, typeof FLOW_STYLES[number]>;
-export type ContainerStyleProps = Pick<Styles, typeof CONTAINER_STYLES[number]>;
-export type OuterStyleProps = Pick<Styles, typeof OUTER_STYLES[number]>;
-export type ShortGridStyles = {
+export declare type BaseStyleProps = Pick<Styles, typeof BASE_STYLES[number]>;
+export declare type PositionStyleProps = Pick<Styles, typeof POSITION_STYLES[number]>;
+export declare type BlockStyleProps = Pick<Styles, typeof BLOCK_STYLES[number]>;
+export declare type ColorStyleProps = Pick<Styles, typeof COLOR_STYLES[number]>;
+export declare type TextStyleProps = Pick<Styles, typeof TEXT_STYLES[number]>;
+export declare type DimensionStyleProps = Pick<Styles, typeof DIMENSION_STYLES[number]>;
+export declare type FlowStyleProps = Pick<Styles, typeof FLOW_STYLES[number]>;
+export declare type ContainerStyleProps = Pick<Styles, typeof CONTAINER_STYLES[number]>;
+export declare type OuterStyleProps = Pick<Styles, typeof OUTER_STYLES[number]>;
+export declare type ShortGridStyles = {
     template?: Styles['gridTemplate'];
     columns?: Styles['gridColumns'];
     rows?: Styles['gridRows'];
@@ -62,7 +62,7 @@ export type ShortGridStyles = {
 export interface Props {
     [key: string]: any;
 }
-export type TagName = keyof HTMLElementTagNameMap;
+export declare type TagName = keyof HTMLElementTagNameMap;
 export interface TagNameProps {
     /** The tag name you want to use for the element */
     as?: TagName;

package/types/tasty/utils/styles.d.ts

@@ -1,18 +1,18 @@
 import { Styles } from '../styles/types';
-export type StyleValue<T = string> = T | boolean | number | null | undefined;
-export type StyleValueStateMap<T = string> = {
+export declare type StyleValue<T = string> = T | boolean | number | null | undefined;
+export declare type StyleValueStateMap<T = string> = {
     [key: string]: StyleValue<T>;
 };
-export type ResponsiveStyleValue<T = string> = StyleValue<T> | StyleValue<T>[] | StyleValueStateMap<T> | StyleValueStateMap<T>[];
-export type ComputeModel = string | number;
-export type CSSMap = {
+export declare type ResponsiveStyleValue<T = string> = StyleValue<T> | StyleValue<T>[] | StyleValueStateMap<T> | StyleValueStateMap<T>[];
+export declare type ComputeModel = string | number;
+export declare type CSSMap = {
     $?: string | string[];
 } & {
     [key: string]: string | string[];
 };
-export type StyleHandlerResult = CSSMap | CSSMap[] | void;
-export type RawStyleHandler = (value: StyleValueStateMap, suffix?: string) => StyleHandlerResult;
-export type StyleHandler = RawStyleHandler & {
+export declare type StyleHandlerResult = CSSMap | CSSMap[] | void;
+export declare type RawStyleHandler = (value: StyleValueStateMap, suffix?: string) => StyleHandlerResult;
+export declare type StyleHandler = RawStyleHandler & {
     __lookupStyles: string[];
 };
 export interface StyleStateData {
@@ -37,8 +37,8 @@ export interface ParsedColor {
     name?: string;
     opacity?: number;
 }
-export type StyleStateDataList = StyleStateData[];
-export type StyleStateDataListMap = {
+export declare type StyleStateDataList = StyleStateData[];
+export declare type StyleStateDataListMap = {
     [key: string]: StyleStateDataList;
 };
 /** An object that describes a relation between specific modifiers and style value. **/
@@ -58,23 +58,23 @@ export interface RenderedStyleState {
     /** The value to apply */
     value: string;
 }
-export type ComputeUnit = string | (string | string[])[];
-export type StyleStateList = StyleState[];
-export type RenderedStyleStateList = RenderedStyleState[];
-export type StyleMap = {
+export declare type ComputeUnit = string | (string | string[])[];
+export declare type StyleStateList = StyleState[];
+export declare type RenderedStyleStateList = RenderedStyleState[];
+export declare type StyleMap = {
     [key: string]: ResponsiveStyleValue;
 };
-export type StyleStateMap = {
+export declare type StyleStateMap = {
     [key: string]: StyleState;
 };
-export type RenderedStyleStateMap = {
+export declare type RenderedStyleStateMap = {
     [key: string]: RenderedStyleState;
 };
-export type StyleStateMapList = StyleStateMap[];
-export type RenderedStyleStateMapList = {
+export declare type StyleStateMapList = StyleStateMap[];
+export declare type RenderedStyleStateMapList = {
     [key: string]: RenderedStyleStateMap;
 };
-export type StyleStateListMap = {
+export declare type StyleStateListMap = {
     [key: string]: StyleStateList;
 };
 export declare const CUSTOM_UNITS: {

package/types/test/index.d.ts

@@ -0,0 +1,2 @@
+export * from './utils';
+export * from './render';

package/types/test/render.d.ts

@@ -0,0 +1,64 @@
+import React from 'react';
+import { RenderOptions } from '@testing-library/react';
+import { CubeFormInstance, CubeFormProps } from '../components/forms';
+export declare function renderWithRoot(ui: React.ReactElement, options?: Omit<RenderOptions, 'queries' | 'wrapper'>): import("@testing-library/react").RenderResult<typeof import("@testing-library/dom/types/queries"), HTMLElement>;
+export declare function renderWithForm(ui: React.ReactElement, options?: Omit<RenderOptions, 'queries' | 'wrapper'> & {
+    formProps?: Partial<Omit<CubeFormProps, 'form'>>;
+}): {
+    readonly formInstance: CubeFormInstance<any, import("../components/forms/Form/useForm").CubeFormData<any>>;
+    readonly container: HTMLElement;
+    readonly baseElement: Element;
+    readonly debug: (baseElement?: Element | DocumentFragment | (Element | DocumentFragment)[] | undefined, maxLength?: number | undefined, options?: import("pretty-format").PrettyFormatOptions | undefined) => void;
+    readonly rerender: (ui: React.ReactElement<any, string | React.JSXElementConstructor<any>>) => void;
+    readonly unmount: () => void;
+    readonly asFragment: () => DocumentFragment;
+    readonly getByLabelText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined) => HTMLElement;
+    readonly getAllByLabelText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined) => HTMLElement[];
+    readonly queryByLabelText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined) => HTMLElement | null;
+    readonly queryAllByLabelText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined) => HTMLElement[];
+    readonly findByLabelText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
+    readonly findAllByLabelText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
+    readonly getByPlaceholderText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement;
+    readonly getAllByPlaceholderText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
+    readonly queryByPlaceholderText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement | null;
+    readonly queryAllByPlaceholderText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
+    readonly findByPlaceholderText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
+    readonly findAllByPlaceholderText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
+    readonly getByText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined) => HTMLElement;
+    readonly getAllByText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined) => HTMLElement[];
+    readonly queryByText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined) => HTMLElement | null;
+    readonly queryAllByText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined) => HTMLElement[];
+    readonly findByText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
+    readonly findAllByText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
+    readonly getByAltText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement;
+    readonly getAllByAltText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
+    readonly queryByAltText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement | null;
+    readonly queryAllByAltText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
+    readonly findByAltText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
+    readonly findAllByAltText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
+    readonly getByTitle: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement;
+    readonly getAllByTitle: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
+    readonly queryByTitle: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement | null;
+    readonly queryAllByTitle: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
+    readonly findByTitle: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
+    readonly findAllByTitle: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
+    readonly getByDisplayValue: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement;
+    readonly getAllByDisplayValue: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
+    readonly queryByDisplayValue: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement | null;
+    readonly queryAllByDisplayValue: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
+    readonly findByDisplayValue: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
+    readonly findAllByDisplayValue: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
+    readonly getByRole: (role: import("@testing-library/react").ByRoleMatcher, options?: import("@testing-library/react").ByRoleOptions | undefined) => HTMLElement;
+    readonly getAllByRole: (role: import("@testing-library/react").ByRoleMatcher, options?: import("@testing-library/react").ByRoleOptions | undefined) => HTMLElement[];
+    readonly queryByRole: (role: import("@testing-library/react").ByRoleMatcher, options?: import("@testing-library/react").ByRoleOptions | undefined) => HTMLElement | null;
+    readonly queryAllByRole: (role: import("@testing-library/react").ByRoleMatcher, options?: import("@testing-library/react").ByRoleOptions | undefined) => HTMLElement[];
+    readonly findByRole: (role: import("@testing-library/react").ByRoleMatcher, options?: import("@testing-library/react").ByRoleOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
+    readonly findAllByRole: (role: import("@testing-library/react").ByRoleMatcher, options?: import("@testing-library/react").ByRoleOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
+    readonly getByTestId: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement;
+    readonly getAllByTestId: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
+    readonly queryByTestId: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement | null;
+    readonly queryAllByTestId: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
+    readonly findByTestId: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
+    readonly findAllByTestId: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
+};
+export * from '@testing-library/react';

package/types/test/setup.d.ts

@@ -0,0 +1,3 @@
+import '@testing-library/jest-dom';
+import '@testing-library/jest-dom/extend-expect';
+import 'jest-styled-components';

package/types/test/utils/index.d.ts

@@ -0,0 +1 @@
+export * from './wait';

package/types/test/utils/wait.d.ts

@@ -0,0 +1 @@
+export declare function wait(timeout?: number): Promise<void>;

package/types/utils/react/mergeProps.d.ts

@@ -1,5 +1,10 @@
 import { Props } from '../../tasty';
-type Merge<T> = T extends [infer F, ...infer R] ? F extends undefined ? Merge<R> : F & Merge<R> : T extends [infer L] ? L : unknown;
+declare type TupleTypes<T> = {
+    [P in keyof T]: T[P];
+} extends {
+    [key: number]: infer V;
+} ? V : never;
+declare type UnionToIntersection<U> = (U extends any ? (k: U) => void : never) extends (k: infer I) => void ? I : never;
 /**
  * Merges multiple props objects together. Event handlers are chained,
  * classNames are combined, and ids are deduplicated - different ids
@@ -7,5 +12,5 @@ type Merge<T> = T extends [infer F, ...infer R] ? F extends undefined ? Merge<R>
  * For all other props, the last prop object overrides all previous ones.
  * @param args - Multiple sets of props to merge together.
  */
-export declare function mergeProps<T extends (Props | undefined)[], K = Merge<T>>(...args: T): K;
+export declare function mergeProps<T extends (Props | undefined)[], K = UnionToIntersection<TupleTypes<T>>>(...args: T): K;
 export {};

package/types/utils/react/nullableValue.d.ts

@@ -5,15 +5,15 @@ export declare function castNullableArrayValue<T>(props: T): T;
 export declare function castNullableIsSelected<T>(props: T): T;
 export declare function castNullableSelectedKey<T>(props: T): T;
 export declare function castNullableField<T>(props: T, keys: string[], type?: string, cast?: (k: any) => any): T;
-export type WithNullableValue<T extends Props> = Omit<T, 'value' | 'defaultValue'> & {
+export declare type WithNullableValue<T extends Props> = Omit<T, 'value' | 'defaultValue'> & {
     value?: T['value'] | any;
     defaultValue?: T['defaultValue'] | any;
 };
-export type WithNullableSelected<T extends Props> = Omit<T, 'isSelected' | 'defaultSelected'> & {
+export declare type WithNullableSelected<T extends Props> = Omit<T, 'isSelected' | 'defaultSelected'> & {
     isSelected?: T['isSelected'] | any;
     defaultSelected?: T['defaultSelected'] | any;
 };
-export type WithNullableSelectedKey<T extends Props> = Omit<T, 'selectedKey' | 'defaultSelectedKey'> & {
+export declare type WithNullableSelectedKey<T extends Props> = Omit<T, 'selectedKey' | 'defaultSelectedKey'> & {
     selectedKey?: T['selectedKey'] | any;
     defaultSelectedKey?: T['defaultSelectedKey'] | any;
 };