@cube-dev/ui-kit 0.0.0-canary-5c596c2 → 0.0.0-canary-8b00b99

package/types/components/content/CopySnippet/CopySnippet.d.ts

@@ -64,8 +64,8 @@ declare const ActionButton: import("react").ComponentType<{
     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" | "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>;
+    align?: import("../../../tasty").ResponsiveStyleValue<"center" | "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "unset" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "start" | "baseline" | "normal" | "stretch" | "space-around" | "space-between" | "space-evenly" | undefined>;
+    justify?: import("../../../tasty").ResponsiveStyleValue<"center" | "right" | "left" | "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "unset" | "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;
@@ -83,10 +83,10 @@ declare const ActionButton: import("react").ComponentType<{
     styleName?: string | undefined;
     theme?: (string & {}) | "danger" | "default" | "special" | undefined;
     as?: keyof HTMLElementTagNameMap | undefined;
-    autoFocus?: boolean | undefined;
     href?: string | undefined;
-    rel?: string | undefined;
     target?: string | undefined;
+    autoFocus?: boolean | undefined;
+    rel?: string | undefined;
     "aria-controls"?: string | undefined;
     "aria-describedby"?: string | undefined;
     "aria-details"?: string | undefined;
@@ -102,7 +102,6 @@ declare const ActionButton: import("react").ComponentType<{
     onClick?: import("react").MouseEventHandler<Element> | undefined;
     onMouseEnter?: import("react").MouseEventHandler<Element> | undefined;
     onMouseLeave?: import("react").MouseEventHandler<Element> | undefined;
-    key?: import("react").Key | null | undefined;
     onPress?: ((e: import("@react-types/shared").PressEvent) => void) | undefined;
     onPressStart?: ((e: import("@react-types/shared").PressEvent) => void) | undefined;
     onPressEnd?: ((e: import("@react-types/shared").PressEvent) => void) | undefined;
@@ -110,6 +109,7 @@ declare const ActionButton: import("react").ComponentType<{
     excludeFromTabOrder?: boolean | undefined;
     isLoading?: boolean | undefined;
     isSelected?: boolean | undefined;
+    key?: import("react").Key | null | undefined;
     onPressChange?: ((isPressed: boolean) => void) | undefined;
     onPressUp?: ((e: import("@react-types/shared").PressEvent) => void) | undefined;
     elementType?: "button" | import("react").JSXElementConstructor<any> | undefined;
@@ -141,7 +141,7 @@ export interface CubeCopySnippetProps extends CubeCardProps {
     hideText?: string[] | string | boolean;
     actions?: ReactNode;
 }
-declare function CopySnippet(allProps: CubeCopySnippetProps): JSX.Element;
+declare function CopySnippet(allProps: CubeCopySnippetProps): import("react/jsx-runtime").JSX.Element;
 declare const _CopySnippet: typeof CopySnippet & {
     Button: typeof ActionButton;
 } & {
@@ -207,8 +207,8 @@ declare const _CopySnippet: typeof CopySnippet & {
         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" | "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>;
+        align?: import("../../../tasty").ResponsiveStyleValue<"center" | "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "unset" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "start" | "baseline" | "normal" | "stretch" | "space-around" | "space-between" | "space-evenly" | undefined>;
+        justify?: import("../../../tasty").ResponsiveStyleValue<"center" | "right" | "left" | "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "unset" | "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;
@@ -226,10 +226,10 @@ declare const _CopySnippet: typeof CopySnippet & {
         styleName?: string | undefined;
         theme?: (string & {}) | "danger" | "default" | "special" | undefined;
         as?: keyof HTMLElementTagNameMap | undefined;
-        autoFocus?: boolean | undefined;
         href?: string | undefined;
-        rel?: string | undefined;
         target?: string | undefined;
+        autoFocus?: boolean | undefined;
+        rel?: string | undefined;
         "aria-controls"?: string | undefined;
         "aria-describedby"?: string | undefined;
         "aria-details"?: string | undefined;
@@ -245,7 +245,6 @@ declare const _CopySnippet: typeof CopySnippet & {
         onClick?: import("react").MouseEventHandler<Element> | undefined;
         onMouseEnter?: import("react").MouseEventHandler<Element> | undefined;
         onMouseLeave?: import("react").MouseEventHandler<Element> | undefined;
-        key?: import("react").Key | null | undefined;
         onPress?: ((e: import("@react-types/shared").PressEvent) => void) | undefined;
         onPressStart?: ((e: import("@react-types/shared").PressEvent) => void) | undefined;
         onPressEnd?: ((e: import("@react-types/shared").PressEvent) => void) | undefined;
@@ -253,6 +252,7 @@ declare const _CopySnippet: typeof CopySnippet & {
         excludeFromTabOrder?: boolean | undefined;
         isLoading?: boolean | undefined;
         isSelected?: boolean | undefined;
+        key?: import("react").Key | null | undefined;
         onPressChange?: ((isPressed: boolean) => void) | undefined;
         onPressUp?: ((e: import("@react-types/shared").PressEvent) => void) | undefined;
         elementType?: "button" | import("react").JSXElementConstructor<any> | undefined;

package/types/components/content/Skeleton/Skeleton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CubePlaceholderProps } from '../Placeholder/Placeholder';
 import { CubeGridProps } from '../../layout/Grid';
 import { BaseProps, ContainerStyleProps } from '../../../tasty';
@@ -7,36 +6,36 @@ declare const LAYOUT_MAP: {
         [x: string]: any;
         lines: any;
         children: any;
-    }) => JSX.Element;
+    }) => import("react/jsx-runtime").JSX.Element;
     readonly content: ({ children, lines, ...props }: {
         [x: string]: any;
         children: any;
         lines: any;
-    }) => JSX.Element;
-    readonly topbar: (props: any) => JSX.Element;
+    }) => import("react/jsx-runtime").JSX.Element;
+    readonly topbar: (props: any) => import("react/jsx-runtime").JSX.Element;
     readonly menu: ({ lines, ...props }: {
         [x: string]: any;
         lines: any;
-    }) => JSX.Element;
+    }) => import("react/jsx-runtime").JSX.Element;
     readonly stats: ({ cards, ...props }: {
         [x: string]: any;
         cards: any;
-    }) => JSX.Element;
+    }) => import("react/jsx-runtime").JSX.Element;
     readonly tabs: ({ tabs, children, lines, ...props }: {
         [x: string]: any;
         tabs: any;
         children: any;
         lines: any;
-    }) => JSX.Element;
+    }) => import("react/jsx-runtime").JSX.Element;
     readonly table: ({ rows, columns, ...props }: {
         [x: string]: any;
         rows: any;
         columns: any;
-    }) => JSX.Element;
+    }) => import("react/jsx-runtime").JSX.Element;
     readonly chart: ({ columns, ...props }: {
         [x: string]: any;
         columns: any;
-    }) => JSX.Element;
+    }) => import("react/jsx-runtime").JSX.Element;
 };
 export interface CubeSkeletonProps extends CubeGridProps, CubePlaceholderProps, BaseProps, ContainerStyleProps {
     /** The type of the layout */
@@ -52,5 +51,5 @@ export interface CubeSkeletonProps extends CubeGridProps, CubePlaceholderProps,
     /** The number of cards */
     cards?: number;
 }
-export declare function Skeleton({ layout, ...props }: CubeSkeletonProps): JSX.Element;
+export declare function Skeleton({ layout, ...props }: CubeSkeletonProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/types/components/forms/DatePicker/DatePickerButton.d.ts

@@ -61,8 +61,8 @@ export declare const DatePickerButton: import("react").ComponentType<{
     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" | "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>;
+    align?: import("../../../tasty").ResponsiveStyleValue<"center" | "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "unset" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "start" | "baseline" | "normal" | "stretch" | "space-around" | "space-between" | "space-evenly" | undefined>;
+    justify?: import("../../../tasty").ResponsiveStyleValue<"center" | "right" | "left" | "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "unset" | "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;
@@ -80,10 +80,10 @@ export declare const DatePickerButton: import("react").ComponentType<{
     styleName?: string | undefined;
     theme?: (string & {}) | "danger" | "default" | "special" | undefined;
     as?: keyof HTMLElementTagNameMap | undefined;
-    autoFocus?: boolean | undefined;
     href?: string | undefined;
-    rel?: string | undefined;
     target?: string | undefined;
+    autoFocus?: boolean | undefined;
+    rel?: string | undefined;
     "aria-controls"?: string | undefined;
     "aria-describedby"?: string | undefined;
     "aria-details"?: string | undefined;
@@ -99,7 +99,6 @@ export declare const DatePickerButton: import("react").ComponentType<{
     onClick?: import("react").MouseEventHandler<Element> | undefined;
     onMouseEnter?: import("react").MouseEventHandler<Element> | undefined;
     onMouseLeave?: import("react").MouseEventHandler<Element> | undefined;
-    key?: import("react").Key | null | undefined;
     onPress?: ((e: import("@react-types/shared").PressEvent) => void) | undefined;
     onPressStart?: ((e: import("@react-types/shared").PressEvent) => void) | undefined;
     onPressEnd?: ((e: import("@react-types/shared").PressEvent) => void) | undefined;
@@ -107,6 +106,7 @@ export declare const DatePickerButton: import("react").ComponentType<{
     excludeFromTabOrder?: boolean | undefined;
     isLoading?: boolean | undefined;
     isSelected?: boolean | undefined;
+    key?: import("react").Key | null | undefined;
     onPressChange?: ((isPressed: boolean) => void) | undefined;
     onPressUp?: ((e: import("@react-types/shared").PressEvent) => void) | undefined;
     elementType?: "button" | import("react").JSXElementConstructor<any> | undefined;

package/types/components/forms/DatePicker/DatePickerElement.d.ts

@@ -57,8 +57,8 @@ export declare const DatePickerElement: import("react").ComponentType<{
     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" | "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>;
+    align?: import("../../../tasty").ResponsiveStyleValue<"center" | "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "unset" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "start" | "baseline" | "normal" | "stretch" | "space-around" | "space-between" | "space-evenly" | undefined>;
+    justify?: import("../../../tasty").ResponsiveStyleValue<"center" | "right" | "left" | "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "unset" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "start" | "baseline" | "normal" | "stretch" | "space-around" | "space-between" | "space-evenly" | "legacy" | undefined>;
     block?: boolean | undefined;
     inline?: boolean | undefined;
     element?: `A${string}` | `B${string}` | `C${string}` | `D${string}` | `E${string}` | `F${string}` | `G${string}` | `H${string}` | `I${string}` | `J${string}` | `K${string}` | `L${string}` | `M${string}` | `N${string}` | `O${string}` | `P${string}` | `Q${string}` | `R${string}` | `S${string}` | `T${string}` | `U${string}` | `V${string}` | `W${string}` | `X${string}` | `Y${string}` | `Z${string}` | undefined;

package/types/components/forms/DatePicker/DatePickerInput.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 import { DateValue, SpectrumDatePickerProps } from '@react-types/datepicker';
 interface CubeDatePickerInputProps<T extends DateValue> extends SpectrumDatePickerProps<T> {
     hideValidationIcon?: boolean;
     maxGranularity?: SpectrumDatePickerProps<T>['granularity'];
     useLocale?: boolean;
 }
-export declare function DatePickerInput<T extends DateValue>(props: CubeDatePickerInputProps<T>): JSX.Element;
+export declare function DatePickerInput<T extends DateValue>(props: CubeDatePickerInputProps<T>): import("react/jsx-runtime").JSX.Element;
 export {};

package/types/components/forms/DatePicker/DatePickerSegment.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 import { DateFieldState, DateSegment } from '@react-stately/datepicker';
 import { DatePickerBase, DateValue } from '@react-types/datepicker';
 interface DatePickerSegmentProps extends DatePickerBase<DateValue> {
     segment: DateSegment;
     state: DateFieldState;
 }
-export declare function DatePickerSegment({ segment, state, ...otherProps }: DatePickerSegmentProps): JSX.Element;
+export declare function DatePickerSegment({ segment, state, ...otherProps }: DatePickerSegmentProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/types/components/forms/DatePicker/utils.d.ts

@@ -2,7 +2,7 @@
 import { FocusableRef } from '@react-types/shared';
 import { SpectrumDatePickerBase } from '@react-types/datepicker';
 import { DateSegment } from '@react-stately/datepicker';
-export declare function useFormatHelpText(props: Pick<SpectrumDatePickerBase, 'description' | 'showFormatHelpText'>): {};
+export declare function useFormatHelpText(props: Pick<SpectrumDatePickerBase, 'description' | 'showFormatHelpText'>): string | number | true | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode>;
 export declare function useVisibleMonths(maxVisibleMonths: number): number;
 export declare function useFocusManagerRef(ref: FocusableRef<HTMLElement>): import("react").MutableRefObject<undefined>;
 export declare function formatSegments(segments: DateSegment[]): DateSegment[];

package/types/components/forms/Form/Field.d.ts

@@ -11,5 +11,5 @@ export interface CubeFieldProps<T extends FieldTypes> extends FieldBaseProps {
     /** The form instance */
     form?: CubeFormInstance<T>;
 }
-export declare function Field<T extends FieldTypes>(props: CubeFieldProps<T>): JSX.Element | null;
+export declare function Field<T extends FieldTypes>(props: CubeFieldProps<T>): import("react/jsx-runtime").JSX.Element | null;
 export declare function useInsideLegacyField(): boolean;

package/types/components/forms/Form/SubmitError.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import { CubeAlertProps } from '../../content/Alert';
 /**
  * An alert that shows a form error message received from the onSubmit callback.
  */
-export declare const SubmitError: (props: CubeAlertProps) => JSX.Element | null;
+export declare const SubmitError: (props: CubeAlertProps) => import("react/jsx-runtime").JSX.Element | null;

package/types/components/forms/Form/index.d.ts

@@ -13,7 +13,7 @@ declare const Form: (<T extends import("./types").FieldTypes>(props: import("./F
 } & {
     Item: typeof Field;
     useForm: typeof useForm;
-    SubmitError: (props: CubeAlertProps) => JSX.Element | null;
+    SubmitError: (props: CubeAlertProps) => import("react/jsx-runtime").JSX.Element | null;
 };
 export { useFormProps, Form, Field, useForm, FormContext, SubmitError };
 export { useFieldProps } from './use-field';

package/types/components/forms/NumberInput/StepButton.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 /**
  * Buttons for NumberField.
  */
-export declare function StepButton(props: any): JSX.Element;
+export declare function StepButton(props: any): import("react/jsx-runtime").JSX.Element;

package/types/components/forms/RadioGroup/Radio.d.ts

@@ -39,9 +39,9 @@ declare const ButtonGroup: import("react").ComponentType<{
     isDisabled?: boolean | undefined;
     styleName?: string | undefined;
     theme?: (string & {}) | "danger" | "default" | "special" | undefined;
-    autoFocus?: boolean | undefined;
     name?: string | undefined;
     defaultValue?: any;
+    autoFocus?: boolean | undefined;
     "aria-describedby"?: string | undefined;
     "aria-details"?: string | undefined;
     "aria-errormessage"?: string | undefined;
@@ -49,14 +49,14 @@ declare const ButtonGroup: import("react").ComponentType<{
     "aria-labelledby"?: string | undefined;
     onChange?: ((value: string) => void) | undefined;
     description?: import("react").ReactNode;
-    key?: import("react").Key | null | undefined;
+    rules?: import("../../../shared").ValidationRule[] | undefined;
     message?: import("react").ReactNode;
     insideForm?: boolean | undefined;
     isReadOnly?: boolean | undefined;
     isRequired?: boolean | undefined;
     validationState?: import("@react-types/shared").ValidationState | undefined;
     isLoading?: boolean | undefined;
-    rules?: import("../../../shared").ValidationRule[] | undefined;
+    key?: import("react").Key | null | undefined;
     extra?: import("react").ReactNode;
     orientation?: import("@react-types/shared").Orientation | undefined;
     labelStyles?: Styles | undefined;
@@ -112,9 +112,9 @@ declare const __Radio: import("react").ForwardRefExoticComponent<CubeRadioProps
         isDisabled?: boolean | undefined;
         styleName?: string | undefined;
         theme?: (string & {}) | "danger" | "default" | "special" | undefined;
-        autoFocus?: boolean | undefined;
         name?: string | undefined;
         defaultValue?: any;
+        autoFocus?: boolean | undefined;
         "aria-describedby"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-errormessage"?: string | undefined;
@@ -122,14 +122,14 @@ declare const __Radio: import("react").ForwardRefExoticComponent<CubeRadioProps
         "aria-labelledby"?: string | undefined;
         onChange?: ((value: string) => void) | undefined;
         description?: import("react").ReactNode;
-        key?: import("react").Key | null | undefined;
+        rules?: import("../../../shared").ValidationRule[] | undefined;
         message?: import("react").ReactNode;
         insideForm?: boolean | undefined;
         isReadOnly?: boolean | undefined;
         isRequired?: boolean | undefined;
         validationState?: import("@react-types/shared").ValidationState | undefined;
         isLoading?: boolean | undefined;
-        rules?: import("../../../shared").ValidationRule[] | undefined;
+        key?: import("react").Key | null | undefined;
         extra?: import("react").ReactNode;
         orientation?: import("@react-types/shared").Orientation | undefined;
         labelStyles?: Styles | undefined;

package/types/components/forms/Slider/Gradation.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 import { SliderState } from '@react-stately/slider';
 export type GradationProps = {
     state: SliderState;
     ranges: number[];
     values?: string[];
 };
-export declare function Gradation(props: GradationProps): JSX.Element | null;
+export declare function Gradation(props: GradationProps): import("react/jsx-runtime").JSX.Element | null;

package/types/components/forms/Slider/SliderInput.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SliderState } from '@react-stately/slider';
 import { CubeNumberInputProps } from '../../../';
 export interface RangeInputProps extends CubeNumberInputProps {
@@ -8,4 +7,4 @@ export interface RangeInputProps extends CubeNumberInputProps {
     max?: number;
     width?: string;
 }
-export declare function SliderInput(props: RangeInputProps): JSX.Element;
+export declare function SliderInput(props: RangeInputProps): import("react/jsx-runtime").JSX.Element;

package/types/components/forms/Slider/SliderThumb.d.ts

@@ -7,4 +7,4 @@ export interface SliderThumbProps extends AriaSliderThumbOptions {
     trackRef: RefObject<HTMLElement>;
     inputRef: RefObject<HTMLInputElement>;
 }
-export declare function SliderThumb(props: SliderThumbProps): JSX.Element;
+export declare function SliderThumb(props: SliderThumbProps): import("react/jsx-runtime").JSX.Element;

package/types/components/forms/Slider/SliderTrack.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 import { SliderState } from '@react-stately/slider';
 export type SliderTrackProps = {
     state: SliderState;
     orientation?: 'horizontal' | 'vertical';
     isDisabled?: boolean;
 };
-export declare function SliderTrack(props: SliderTrackProps): JSX.Element;
+export declare function SliderTrack(props: SliderTrackProps): import("react/jsx-runtime").JSX.Element;

package/types/components/forms/wrapper.d.ts

@@ -4,5 +4,5 @@ import { BaseProps, Styles } from '../../tasty';
 interface WrapWithFieldProps extends FieldBaseProps, BaseProps, FormBaseProps {
     styles?: Styles;
 }
-export declare function wrapWithField<T extends WrapWithFieldProps>(component: ReactElement, ref: RefObject<unknown>, props: T): JSX.Element;
+export declare function wrapWithField<T extends WrapWithFieldProps>(component: ReactElement, ref: RefObject<unknown>, props: T): import("react/jsx-runtime").JSX.Element;
 export {};

package/types/components/navigation/LegacyTabs/LegacyTabs.d.ts

@@ -37,7 +37,7 @@ export interface CubeTabsProps extends CubeFlexProps {
     /** Additional content along the tabs */
     extra?: ReactNode;
 }
-export declare function LegacyTabs({ defaultActiveKey, activeKey: activeKeyProp, onTabClick, onTabClose, paneStyles, extra, children, ...props }: CubeTabsProps): JSX.Element;
+export declare function LegacyTabs({ defaultActiveKey, activeKey: activeKeyProp, onTabClick, onTabClose, paneStyles, extra, children, ...props }: CubeTabsProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace LegacyTabs {
-    var TabPane: ({ id, title, qa, isHidden, isDisabled, children, ...props }: LegacyCubeTabProps) => JSX.Element;
+    var TabPane: ({ id, title, qa, isHidden, isDisabled, children, ...props }: LegacyCubeTabProps) => import("react/jsx-runtime").JSX.Element;
 }

package/types/components/organisms/FileTabs/FileTabs.d.ts

@@ -27,9 +27,9 @@ export interface CubeFileTabsProps extends CubeFlexProps {
     isClosable?: boolean;
     children?: ReactNode;
 }
-export declare function FileTabs({ defaultActiveKey, activeKey: activeKeyProp, onTabClick, onTabClose, paneStyles, isClosable, children, ...props }: CubeFileTabsProps): JSX.Element;
+export declare function FileTabs({ defaultActiveKey, activeKey: activeKeyProp, onTabClick, onTabClose, paneStyles, isClosable, children, ...props }: CubeFileTabsProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace FileTabs {
-    var TabPane: (allProps: CubeFileTabProps) => JSX.Element;
+    var TabPane: (allProps: CubeFileTabProps) => import("react/jsx-runtime").JSX.Element;
 }
 export interface CubeFileTabProps extends FileTabProps {
     id: string | number;

package/types/components/organisms/Modal/Modal.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CubeCardProps } from '../../content/Card/Card';
 export interface CubeModalProps extends CubeCardProps {
     title?: string;
@@ -21,7 +20,7 @@ export interface CubeModalProps extends CubeCardProps {
  * Designed after AntD Modal component and almost duplicate its API.
  * Use Dialog component instead
  */
-export declare function Modal(allProps: CubeModalProps): JSX.Element;
+export declare function Modal(allProps: CubeModalProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace Modal {
     var confirm: (options: any) => void;
     var info: (options: any) => void;

package/types/components/organisms/StatsCard/StatsCard.d.ts

@@ -5,4 +5,4 @@ export interface CubeStatsCard extends CubeCardProps {
     value?: string | number | ReactNode;
     suffix?: string | number | ReactNode;
 }
-export declare function StatsCard({ title, value, suffix, ...props }: CubeStatsCard): JSX.Element;
+export declare function StatsCard({ title, value, suffix, ...props }: CubeStatsCard): import("react/jsx-runtime").JSX.Element;

package/types/components/other/Calendar/CalendarCell.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 export declare function CalendarCell({ state, date }: {
     state: any;
     date: any;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

package/types/components/other/Calendar/CalendarGrid.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 export declare function CalendarGrid({ state, ...props }: {
     [x: string]: any;
     state: any;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

package/types/components/overlays/AlertDialog/AlertDialogApiProvider.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { AlertDialogResolveStatus, DialogProps } from './types';
 interface DialogApi {
     open: (dialogProps: DialogProps, params?: DialogApiParams) => Promise<AlertDialogResolveStatus>;
@@ -9,7 +8,7 @@ interface DialogApiParams {
 /**
  * @internal Do not use it in your code!
  */
-export declare function AlertDialogApiProvider(props: any): JSX.Element;
+export declare function AlertDialogApiProvider(props: any): import("react/jsx-runtime").JSX.Element;
 /**
  * Hook gives the ability to open `<AlertDialog />` imperatively.
  *

package/types/components/overlays/Dialog/DialogContainer.d.ts

@@ -24,4 +24,4 @@ export interface CubeDialogContainerProps {
  * Useful in cases where there is no trigger element
  * or when the trigger unmounts while the dialog is open.
  */
-export declare function DialogContainer(props: CubeDialogContainerProps): JSX.Element;
+export declare function DialogContainer(props: CubeDialogContainerProps): import("react/jsx-runtime").JSX.Element;

package/types/components/overlays/Dialog/DialogForm.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CubeFormProps } from '../../forms/Form/Form';
 import { CubeButtonProps } from '../../actions';
 import { FieldTypes } from '../../forms';
@@ -26,4 +25,4 @@ export interface CubeDialogFormRef {
 /**
  * DialogForms are a specific type of Dialog. They contain forms to fill.
  */
-export declare function DialogForm<T extends FieldTypes = FieldTypes>(props: CubeDialogFormProps<T>): JSX.Element;
+export declare function DialogForm<T extends FieldTypes = FieldTypes>(props: CubeDialogFormProps<T>): import("react/jsx-runtime").JSX.Element;

package/types/components/overlays/Dialog/DialogTrigger.d.ts

@@ -30,7 +30,7 @@ export interface CubeDialogTriggerProps extends OverlayTriggerProps, PositionPro
     shouldCloseOnInteractOutside?: (element: Element) => boolean;
     onDismiss?: (action?: string) => void;
 }
-declare function DialogTrigger(props: CubeDialogTriggerProps): JSX.Element;
+declare function DialogTrigger(props: CubeDialogTriggerProps): import("react/jsx-runtime").JSX.Element;
 /**
  * DialogTrigger serves as a wrapper around a Dialog and its associated trigger, linking the Dialog's
  * open state with the trigger's press state. Additionally, it allows you to customize the type and

package/types/components/overlays/Modal/OpenTransition.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 import type { TimeoutProps } from 'react-transition-group/Transition';
 export type OpenTransitionProps = Omit<TimeoutProps<undefined>, 'timeout'>;
 export declare function useOpenTransitionContext(): {
     transitionState: import("react-transition-group").TransitionStatus;
 } | null;
-export declare function OpenTransition(props: OpenTransitionProps): JSX.Element;
+export declare function OpenTransition(props: OpenTransitionProps): import("react/jsx-runtime").JSX.Element;

package/types/components/overlays/Modal/Underlay.d.ts

@@ -2,8 +2,8 @@ import { HTMLAttributes } from 'react';
 export interface CubeUnderlayProps extends HTMLAttributes<HTMLElement> {
     isOpen?: boolean;
 }
-declare let _Underlay: import("react").ForwardRefExoticComponent<Pick<{
+declare let _Underlay: import("react").ForwardRefExoticComponent<Omit<{
     [x: string]: any;
     isOpen: any;
-}, string | number> & import("react").RefAttributes<unknown>>;
+}, "ref"> & import("react").RefAttributes<unknown>>;
 export { _Underlay as Underlay };

package/types/components/overlays/NewNotifications/Dialog/NotificationsDialogTrigger.d.ts

@@ -4,8 +4,8 @@ import { CubeNotifyApiPropsWithID } from '../types';
 export type NotificationsDialogTriggerProps = Omit<CubeDialogTriggerProps, 'type'> & {
     onCloseNotificationInBar?: (props: CubeNotifyApiPropsWithID) => void;
 };
-export declare function NotificationsDialogTrigger(props: NotificationsDialogTriggerProps): JSX.Element;
+export declare function NotificationsDialogTrigger(props: NotificationsDialogTriggerProps): import("react/jsx-runtime").JSX.Element;
 export type NotificationsDialogProps = {
     title?: ReactNode;
 } & CubeDialogProps;
-export declare function NotificationsDialog(props: NotificationsDialogProps): JSX.Element;
+export declare function NotificationsDialog(props: NotificationsDialogProps): import("react/jsx-runtime").JSX.Element;

package/types/components/overlays/NewNotifications/Notification.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CubeNotifyApiProps } from './types';
 export type NotificationProps = {
     /**
@@ -13,7 +12,7 @@ export type NotificationProps = {
  */
 export declare function Notification(props: NotificationProps): null;
 export declare namespace Notification {
-    var Success: (props: NotificationProps) => JSX.Element;
-    var Danger: (props: NotificationProps) => JSX.Element;
-    var Attention: (props: NotificationProps) => JSX.Element;
+    var Success: (props: NotificationProps) => import("react/jsx-runtime").JSX.Element;
+    var Danger: (props: NotificationProps) => import("react/jsx-runtime").JSX.Element;
+    var Attention: (props: NotificationProps) => import("react/jsx-runtime").JSX.Element;
 }

package/types/components/overlays/NewNotifications/NotificationView/NotificationDescription.d.ts

@@ -6,6 +6,4 @@ export type NotificationDescriptionProps = {
 /**
  * @internal This component is unstable and must not be used outside of `NotificationView`.
  */
-export declare const NotificationDescription: import("react").NamedExoticComponent<{
-    description: NotificationProps['description'];
-} & HTMLAttributes<HTMLElement>>;
+export declare const NotificationDescription: import("react").NamedExoticComponent<NotificationDescriptionProps>;

package/types/components/overlays/NewNotifications/NotificationView/NotificationHeader.d.ts

@@ -6,6 +6,4 @@ export type NotificationHeaderProps = {
 /**
  * @internal This component is unstable and must not be used outside of `NotificationView`.
  */
-export declare const NotificationHeader: import("react").NamedExoticComponent<{
-    header: NotificationProps['header'];
-} & HTMLAttributes<HTMLElement>>;
+export declare const NotificationHeader: import("react").NamedExoticComponent<NotificationHeaderProps>;

package/types/components/overlays/NewNotifications/NotificationsList/NotificationsListItem.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import { NotificationListItemProps } from './types';
 /**
  * @internal This component is not intended to be used
  */
-export declare function NotificationListItem(props: NotificationListItemProps): JSX.Element;
+export declare function NotificationListItem(props: NotificationListItemProps): import("react/jsx-runtime").JSX.Element;

package/types/components/overlays/Notification/Notification.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 import { CubeCardProps } from '../../content/Card/Card';
 export interface CubeNotificationProps extends CubeCardProps {
     type?: 'success' | 'note' | 'danger';
     onClose?: () => void;
 }
-export declare function Notification(allProps: CubeNotificationProps): JSX.Element;
+export declare function Notification(allProps: CubeNotificationProps): import("react/jsx-runtime").JSX.Element;

package/types/components/overlays/OverlayWrapper.d.ts

@@ -7,4 +7,4 @@ export interface CubeOverlayWrapperProps {
     minScale?: string;
     container?: HTMLElement | null;
 }
-export declare function OverlayWrapper({ isOpen, placement, minOffset, minScale, children, container, }: CubeOverlayWrapperProps): JSX.Element;
+export declare function OverlayWrapper({ isOpen, placement, minOffset, minScale, children, container, }: CubeOverlayWrapperProps): import("react/jsx-runtime").JSX.Element;

package/types/components/overlays/Toasts/Toast.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CubeToastsApiProps } from './types';
 export type ToastProps = {
     /**
@@ -10,7 +9,7 @@ export type ToastProps = {
 } & CubeToastsApiProps;
 export declare function Toast(props: ToastProps): null;
 export declare namespace Toast {
-    var Success: (props: ToastProps) => JSX.Element;
-    var Danger: (props: ToastProps) => JSX.Element;
-    var Attention: (props: ToastProps) => JSX.Element;
+    var Success: (props: ToastProps) => import("react/jsx-runtime").JSX.Element;
+    var Danger: (props: ToastProps) => import("react/jsx-runtime").JSX.Element;
+    var Attention: (props: ToastProps) => import("react/jsx-runtime").JSX.Element;
 }