npm - @cube-dev/ui-kit - Versions diffs - 0.59.8 → 0.59.10 - Mend

@cube-dev/ui-kit 0.59.8 → 0.59.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (509) hide show

package/types/components/fields/DatePicker/DatePickerInput.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { DateValue, AriaDatePickerProps } from 'react-aria';
+import { AriaDatePickerProps, DateValue } from 'react-aria';
 import { DateFieldBase, Granularity } from './types';
 interface CubeDatePickerInputProps<T extends DateValue> extends AriaDatePickerProps<T>, DateFieldBase<T> {
     hideValidationIcon?: boolean;

package/types/components/fields/DatePicker/DatePickerSegment.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import { DateFieldState, DateSegment } from 'react-stately';
 import { DateValue } from 'react-aria';
+import { DateFieldState, DateSegment } from 'react-stately';
 import { DateFieldBase } from './types';
 interface DatePickerSegmentProps extends DateFieldBase<DateValue> {
     segment: DateSegment;

package/types/components/fields/DatePicker/DateRangePicker.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 import { FocusableRef } from '@react-types/shared';
 import { AriaDateRangePickerProps, DateValue } from 'react-aria';
-import { BaseProps, ContainerStyleProps, Styles } from '../../../tasty';
 import { FieldBaseProps, ValidationState } from '../../../shared';
+import { BaseProps, ContainerStyleProps, Styles } from '../../../tasty';
 import { DateFieldBase } from './types';
 export interface CubeDateRangePickerProps<T extends DateValue = DateValue> extends AriaDateRangePickerProps<T>, BaseProps, DateFieldBase<T>, ContainerStyleProps, FieldBaseProps {
     wrapperStyles?: Styles;

package/types/components/fields/DatePicker/DateRangeSeparatedPicker.d.ts CHANGED Viewed

@@ -1,8 +1,8 @@
-import { ReactElement } from 'react';
 import { FocusableRef } from '@react-types/shared';
+import { ReactElement } from 'react';
 import { AriaDateRangePickerProps, DateValue } from 'react-aria';
-import { BaseProps, ContainerStyleProps, Styles } from '../../../tasty';
 import { FieldBaseProps, ValidationState } from '../../../shared';
+import { BaseProps, ContainerStyleProps, Styles } from '../../../tasty';
 import { DateFieldBase } from './types';
 export interface CubeDateRangeSeparatedPickerProps<T extends DateValue = DateValue> extends AriaDateRangePickerProps<T>, BaseProps, ContainerStyleProps, DateFieldBase<T>, FieldBaseProps {
     wrapperStyles?: Styles;

package/types/components/fields/DatePicker/TimeInput.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import { AriaTimeFieldProps, DateValue, TimeValue } from 'react-aria';
-import { BaseProps, ContainerStyleProps, Styles } from '../../../tasty';
 import { FieldBaseProps, ValidationState } from '../../../shared';
+import { BaseProps, ContainerStyleProps, Styles } from '../../../tasty';
 import { Granularity } from './types';
 export interface CubeTimeInputProps<T extends TimeValue = TimeValue> extends AriaTimeFieldProps<T>, BaseProps, ContainerStyleProps, FieldBaseProps {
     wrapperStyles?: Styles;

package/types/components/fields/DatePicker/props.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
-import { DateValue, AriaDatePickerProps } from 'react-aria';
+import { AriaDatePickerProps, DateValue } from 'react-aria';
 export declare const DEFAULT_DATE_PROPS: Partial<AriaDatePickerProps<DateValue>>;
 export declare const DEFAULT_TIME_PROPS: Partial<AriaDatePickerProps<DateValue>>;

package/types/components/fields/FileInput/FileInput.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import { RefObject } from 'react';
-import { BaseProps, BlockStyleProps, ContainerStyleProps, PositionStyleProps, Props, Styles } from '../../../tasty';
 import { FieldBaseProps } from '../../../shared';
+import { BaseProps, BlockStyleProps, ContainerStyleProps, PositionStyleProps, Props, Styles } from '../../../tasty';
 import type { AriaTextFieldProps } from 'react-aria';
 export interface CubeFileInputProps extends BaseProps, PositionStyleProps, ContainerStyleProps, BlockStyleProps, AriaTextFieldProps, FieldBaseProps {
     /**

package/types/components/fields/Input/Input.d.ts CHANGED Viewed

@@ -1,8 +1,8 @@
-import { TextInput } from '../TextInput';
-import { PasswordInput } from '../PasswordInput/PasswordInput';
-import { NumberInput } from '../NumberInput/NumberInput';
 import { FileInput } from '../FileInput/FileInput';
+import { NumberInput } from '../NumberInput/NumberInput';
+import { PasswordInput } from '../PasswordInput/PasswordInput';
 import { TextArea } from '../TextArea/TextArea';
+import { TextInput } from '../TextInput';
 type CubeInput = typeof TextInput & {
     Text: typeof TextInput;
     Password: typeof PasswordInput;

package/types/components/fields/NumberInput/NumberInput.d.ts CHANGED Viewed

@@ -1,13 +1,13 @@
 import { AriaNumberFieldProps } from 'react-aria';
-import { CubeTextInputBaseProps } from '../TextInput';
 import { WithNullableValue } from '../../../utils/react/nullableValue';
+import { CubeTextInputBaseProps } from '../TextInput';
 export interface CubeNumberInputProps extends Omit<CubeTextInputBaseProps, 'defaultValue' | 'value' | 'onChange'>, Omit<AriaNumberFieldProps, 'validate'> {
     /** Whether or to hide stepper */
     hideStepper?: boolean;
 }
 /**
- * NumberFields allow users to enter a number, and increment or decrement the value using stepper buttons.
+ * NumberFields allow users to enter a number and increment or decrement the value using stepper buttons.
  */
-declare const _NumberInput: import("react").ForwardRefExoticComponent<Omit<WithNullableValue<CubeNumberInputProps>, "ref"> & import("react").RefAttributes<unknown>>;
+declare const _NumberInput: import("react").ForwardRefExoticComponent<Omit<WithNullableValue<CubeNumberInputProps>, "ref"> & import("react").RefAttributes<HTMLElement>>;
 export { _NumberInput as NumberInput };
 export type { AriaNumberFieldProps };

package/types/components/fields/PasswordInput/PasswordInput.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import { CubeTextInputBaseProps } from '../TextInput';
 import { WithNullableValue } from '../../../utils/react/nullableValue';
+import { CubeTextInputBaseProps } from '../TextInput';
 export interface CubePasswordInputProps extends WithNullableValue<CubeTextInputBaseProps> {
 }
 /**
@@ -7,5 +7,5 @@ export interface CubePasswordInputProps extends WithNullableValue<CubeTextInputB
  * with a keyboard. Various decorations can be displayed around the field to
  * communicate the entry requirements.
  */
-declare const _PasswordInput: import("react").ForwardRefExoticComponent<Omit<CubePasswordInputProps, "ref"> & import("react").RefAttributes<unknown>>;
+declare const _PasswordInput: import("react").ForwardRefExoticComponent<Omit<CubePasswordInputProps, "ref"> & import("react").RefAttributes<HTMLElement>>;
 export { _PasswordInput as PasswordInput };

package/types/components/fields/RadioGroup/Radio.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import { useRadio } from 'react-aria';
-import { BaseProps, OuterStyleProps, Styles } from '../../../tasty';
 import { FieldBaseProps } from '../../../shared';
+import { BaseProps, OuterStyleProps, Styles } from '../../../tasty';
 import { RadioGroup } from './RadioGroup';
 import type { AriaRadioProps } from 'react-aria';
 export { AriaRadioProps };
@@ -19,44 +19,44 @@ declare const ButtonGroup: import("react").ComponentType<{
     value?: any;
     children?: import("react").ReactNode;
     ref?: import("react").LegacyRef<unknown> | undefined;
-    mods?: {
-        [key: string]: boolean | null | undefined;
-    } | undefined;
-    outline?: import("../../../tasty").ResponsiveStyleValue<boolean | import("csstype").Property.FontFamily | undefined>;
-    alignSelf?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.AlignSelf | undefined>;
-    flexBasis?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.FlexBasis<string | number> | undefined>;
-    flexGrow?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.FlexGrow | undefined>;
-    flexShrink?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.FlexShrink | undefined>;
-    height?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.Height<string | number> | undefined>;
-    justifySelf?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.JustifySelf | undefined>;
+    hide?: import("../../../tasty").ResponsiveStyleValue<boolean | undefined>;
     opacity?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.Opacity | undefined>;
-    order?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.Order | undefined>;
-    position?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.Position | undefined>;
-    textAlign?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.TextAlign | undefined>;
-    width?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.Width<string | number> | undefined>;
-    zIndex?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.ZIndex | undefined>;
-    border?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.Border<string | number> | undefined>;
-    flex?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.Flex<string | number> | undefined>;
     gridArea?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.GridArea | undefined>;
+    order?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.Order | undefined>;
     gridColumn?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.GridColumn | undefined>;
     gridRow?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.GridRow | undefined>;
-    inset?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.Inset<string | number> | undefined>;
+    placeSelf?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.PlaceSelf | undefined>;
+    alignSelf?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.AlignSelf | undefined>;
+    justifySelf?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.JustifySelf | undefined>;
+    zIndex?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.ZIndex | undefined>;
     margin?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.Margin<string | number> | undefined>;
-    overflow?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.Overflow | undefined>;
+    inset?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.Inset<string | number> | undefined>;
+    position?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.Position | undefined>;
+    reset?: import("../../../tasty").ResponsiveStyleValue<"input" | "button" | undefined>;
     padding?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.Padding<string | number> | undefined>;
-    paddingBlock?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.PaddingBlock<string | number> | undefined>;
     paddingInline?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.PaddingInline<string | number> | undefined>;
-    placeSelf?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.PlaceSelf | undefined>;
-    reset?: import("../../../tasty").ResponsiveStyleValue<"input" | "button" | undefined>;
-    styledScrollbar?: import("../../../tasty").ResponsiveStyleValue<boolean | undefined>;
-    hide?: import("../../../tasty").ResponsiveStyleValue<boolean | undefined>;
+    paddingBlock?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.PaddingBlock<string | number> | undefined>;
     shadow?: import("../../../tasty").ResponsiveStyleValue<string | undefined>;
+    border?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.Border<string | number> | undefined>;
     radius?: import("../../../tasty").ResponsiveStyleValue<string | true | undefined>;
+    overflow?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.Overflow | undefined>;
+    styledScrollbar?: import("../../../tasty").ResponsiveStyleValue<boolean | undefined>;
+    outline?: import("../../../tasty").ResponsiveStyleValue<boolean | import("csstype").Property.FontFamily | undefined>;
+    textAlign?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.TextAlign | undefined>;
+    width?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.Width<string | number> | undefined>;
+    height?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.Height<string | number> | undefined>;
+    flexBasis?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.FlexBasis<string | number> | undefined>;
+    flexGrow?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.FlexGrow | undefined>;
+    flexShrink?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.FlexShrink | undefined>;
+    flex?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.Flex<string | number> | undefined>;
+    mods?: {
+        [key: string]: boolean | null | undefined;
+    } | undefined;
     block?: boolean | undefined;
+    inline?: boolean | undefined;
     style?: import("react").CSSProperties | (import("react").CSSProperties & {
         [key: string]: string | number | null;
     }) | 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;
     tooltip?: import("react").ReactNode;
     styles?: Styles | undefined;
@@ -84,14 +84,14 @@ declare const ButtonGroup: import("react").ComponentType<{
     description?: import("react").ReactNode;
     rules?: import("../../../shared").ValidationRule[] | undefined;
     message?: import("react").ReactNode;
+    isLoading?: boolean | undefined;
+    key?: import("react").Key | null | undefined;
     insideForm?: boolean | undefined;
     isReadOnly?: boolean | undefined;
     isRequired?: boolean | undefined;
     validationState?: import("../../../shared").ValidationState | undefined;
-    isLoading?: boolean | undefined;
-    key?: import("react").Key | null | undefined;
-    extra?: import("react").ReactNode;
     orientation?: "horizontal" | "vertical" | undefined;
+    extra?: import("react").ReactNode;
     labelPosition?: import("../../../shared").LabelPosition | undefined;
     necessityIndicator?: import("../../../shared").NecessityIndicator | undefined;
     fieldProps?: import("../../../tasty").Props | undefined;
@@ -123,44 +123,44 @@ declare const __Radio: import("react").ForwardRefExoticComponent<CubeRadioProps
         value?: any;
         children?: import("react").ReactNode;
         ref?: import("react").LegacyRef<unknown> | undefined;
-        mods?: {
-            [key: string]: boolean | null | undefined;
-        } | undefined;
-        outline?: import("../../../tasty").ResponsiveStyleValue<boolean | import("csstype").Property.FontFamily | undefined>;
-        alignSelf?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.AlignSelf | undefined>;
-        flexBasis?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.FlexBasis<string | number> | undefined>;
-        flexGrow?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.FlexGrow | undefined>;
-        flexShrink?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.FlexShrink | undefined>;
-        height?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.Height<string | number> | undefined>;
-        justifySelf?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.JustifySelf | undefined>;
+        hide?: import("../../../tasty").ResponsiveStyleValue<boolean | undefined>;
         opacity?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.Opacity | undefined>;
-        order?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.Order | undefined>;
-        position?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.Position | undefined>;
-        textAlign?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.TextAlign | undefined>;
-        width?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.Width<string | number> | undefined>;
-        zIndex?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.ZIndex | undefined>;
-        border?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.Border<string | number> | undefined>;
-        flex?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.Flex<string | number> | undefined>;
         gridArea?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.GridArea | undefined>;
+        order?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.Order | undefined>;
         gridColumn?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.GridColumn | undefined>;
         gridRow?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.GridRow | undefined>;
-        inset?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.Inset<string | number> | undefined>;
+        placeSelf?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.PlaceSelf | undefined>;
+        alignSelf?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.AlignSelf | undefined>;
+        justifySelf?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.JustifySelf | undefined>;
+        zIndex?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.ZIndex | undefined>;
         margin?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.Margin<string | number> | undefined>;
-        overflow?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.Overflow | undefined>;
+        inset?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.Inset<string | number> | undefined>;
+        position?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.Position | undefined>;
+        reset?: import("../../../tasty").ResponsiveStyleValue<"input" | "button" | undefined>;
         padding?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.Padding<string | number> | undefined>;
-        paddingBlock?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.PaddingBlock<string | number> | undefined>;
         paddingInline?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.PaddingInline<string | number> | undefined>;
-        placeSelf?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.PlaceSelf | undefined>;
-        reset?: import("../../../tasty").ResponsiveStyleValue<"input" | "button" | undefined>;
-        styledScrollbar?: import("../../../tasty").ResponsiveStyleValue<boolean | undefined>;
-        hide?: import("../../../tasty").ResponsiveStyleValue<boolean | undefined>;
+        paddingBlock?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.PaddingBlock<string | number> | undefined>;
         shadow?: import("../../../tasty").ResponsiveStyleValue<string | undefined>;
+        border?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.Border<string | number> | undefined>;
         radius?: import("../../../tasty").ResponsiveStyleValue<string | true | undefined>;
+        overflow?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.Overflow | undefined>;
+        styledScrollbar?: import("../../../tasty").ResponsiveStyleValue<boolean | undefined>;
+        outline?: import("../../../tasty").ResponsiveStyleValue<boolean | import("csstype").Property.FontFamily | undefined>;
+        textAlign?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.TextAlign | undefined>;
+        width?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.Width<string | number> | undefined>;
+        height?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.Height<string | number> | undefined>;
+        flexBasis?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.FlexBasis<string | number> | undefined>;
+        flexGrow?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.FlexGrow | undefined>;
+        flexShrink?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.FlexShrink | undefined>;
+        flex?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.Flex<string | number> | undefined>;
+        mods?: {
+            [key: string]: boolean | null | undefined;
+        } | undefined;
         block?: boolean | undefined;
+        inline?: boolean | undefined;
         style?: import("react").CSSProperties | (import("react").CSSProperties & {
             [key: string]: string | number | null;
         }) | 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;
         tooltip?: import("react").ReactNode;
         styles?: Styles | undefined;
@@ -188,14 +188,14 @@ declare const __Radio: import("react").ForwardRefExoticComponent<CubeRadioProps
         description?: import("react").ReactNode;
         rules?: import("../../../shared").ValidationRule[] | undefined;
         message?: import("react").ReactNode;
+        isLoading?: boolean | undefined;
+        key?: import("react").Key | null | undefined;
         insideForm?: boolean | undefined;
         isReadOnly?: boolean | undefined;
         isRequired?: boolean | undefined;
         validationState?: import("../../../shared").ValidationState | undefined;
-        isLoading?: boolean | undefined;
-        key?: import("react").Key | null | undefined;
-        extra?: import("react").ReactNode;
         orientation?: "horizontal" | "vertical" | undefined;
+        extra?: import("react").ReactNode;
         labelPosition?: import("../../../shared").LabelPosition | undefined;
         necessityIndicator?: import("../../../shared").NecessityIndicator | undefined;
         fieldProps?: import("../../../tasty").Props | undefined;

package/types/components/fields/RadioGroup/RadioGroup.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import { AriaRadioGroupProps } from 'react-aria';
-import { BaseProps, BlockStyleProps, OuterStyleProps, Styles } from '../../../tasty';
 import { FieldBaseProps } from '../../../shared';
+import { BaseProps, BlockStyleProps, OuterStyleProps, Styles } from '../../../tasty';
 export interface CubeRadioGroupProps extends BaseProps, AriaRadioGroupProps, BlockStyleProps, OuterStyleProps, FieldBaseProps {
     groupStyles?: Styles;
     isSolid?: boolean;

package/types/components/fields/SearchInput/SearchInput.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
-import { SearchFieldProps, useSearchFieldState } from 'react-stately';
 import { useSearchField } from 'react-aria';
-import { CubeTextInputBaseProps } from '../TextInput';
+import { SearchFieldProps, useSearchFieldState } from 'react-stately';
 import { WithNullableValue } from '../../../utils/react/nullableValue';
+import { CubeTextInputBaseProps } from '../TextInput';
 export { useSearchFieldState, useSearchField };
 export type { SearchFieldProps };
 export interface CubeSearchInputProps extends CubeTextInputBaseProps, SearchFieldProps {

package/types/components/fields/Select/Select.d.ts CHANGED Viewed

@@ -1,9 +1,9 @@
+import { AriaLabelingProps, CollectionBase } from '@react-types/shared';
 import { ReactElement, ReactNode, RefObject } from 'react';
-import { Item, useSelectState } from 'react-stately';
 import { AriaSelectProps } from 'react-aria';
-import { AriaLabelingProps, CollectionBase } from '@react-types/shared';
-import { BasePropsWithoutChildren, BlockStyleProps, OuterStyleProps, Props, Styles } from '../../../tasty/index';
+import { Item, useSelectState } from 'react-stately';
 import { FieldBaseProps } from '../../../shared/index';
+import { BasePropsWithoutChildren, BlockStyleProps, OuterStyleProps, Props, Styles } from '../../../tasty/index';
 export interface CubeSelectBaseProps<T> extends BasePropsWithoutChildren, AriaLabelingProps, OuterStyleProps, FieldBaseProps, BlockStyleProps, CollectionBase<T>, AriaSelectProps<T> {
     icon?: ReactElement;
     prefix?: ReactNode;

package/types/components/fields/Slider/RangeSlider.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import type { CubeSliderBaseProps } from './types';
 import type { RangeValue } from '../../../shared';
+import type { CubeSliderBaseProps } from './types';
 export interface CubeRangeSliderProps extends CubeSliderBaseProps<RangeValue<number>> {
     gradation?: string[];
 }

package/types/components/fields/Slider/SliderBase.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { RefObject, ReactNode } from 'react';
+import { ReactNode, RefObject } from 'react';
 import { useSlider } from 'react-aria';
 import type { SliderState } from 'react-stately';
 import type { CubeSliderBaseProps } from './types';

package/types/components/fields/Slider/types.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import { AriaSliderProps } from 'react-aria';
-import { BasePropsWithoutChildren, BlockStyleProps, OuterStyleProps, Styles } from '../../../tasty';
 import { FieldBaseProps } from '../../../shared';
+import { BasePropsWithoutChildren, BlockStyleProps, OuterStyleProps, Styles } from '../../../tasty';
 export interface CubeSliderBaseProps<T> extends Omit<AriaSliderProps<T>, 'label'>, BasePropsWithoutChildren, OuterStyleProps, FieldBaseProps, BlockStyleProps {
     inputStyles?: Styles;
     gradation?: string[];

package/types/components/fields/Switch/Switch.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
-import { useSwitch, AriaSwitchProps } from 'react-aria';
-import { BaseProps, BlockStyleProps, OuterStyleProps, Styles } from '../../../tasty';
+import { AriaSwitchProps, useSwitch } from 'react-aria';
 import { FieldBaseProps } from '../../../shared';
+import { BaseProps, BlockStyleProps, OuterStyleProps, Styles } from '../../../tasty';
 export interface CubeSwitchProps extends BaseProps, OuterStyleProps, BlockStyleProps, FieldBaseProps, AriaSwitchProps {
     inputStyles?: Styles;
     isLoading?: boolean;

package/types/components/fields/TextArea/TextArea.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import { CubeTextInputBaseProps } from '../TextInput';
 import { WithNullableValue } from '../../../utils/react/nullableValue';
+import { CubeTextInputBaseProps } from '../TextInput';
 export interface CubeTextAreaProps extends CubeTextInputBaseProps {
     /** Whether the textarea should change its size depends on the content */
     autoSize?: boolean;
@@ -14,5 +14,5 @@ export interface CubeTextAreaProps extends CubeTextInputBaseProps {
  * with a keyboard. Various decorations can be displayed around the field to
  * communicate the entry requirements.
  */
-declare const _TextArea: import("react").ForwardRefExoticComponent<Omit<WithNullableValue<CubeTextAreaProps>, "ref"> & import("react").RefAttributes<unknown>>;
+declare const _TextArea: import("react").ForwardRefExoticComponent<Omit<WithNullableValue<CubeTextAreaProps>, "ref"> & import("react").RefAttributes<HTMLElement>>;
 export { _TextArea as TextArea };

package/types/components/fields/TextInput/TextInput.d.ts CHANGED Viewed

@@ -3,4 +3,4 @@ import { WithNullableValue } from '../../../utils/react/nullableValue';
 import { CubeTextInputBaseProps } from './TextInputBase';
 export type CubeTextInputProps = WithNullableValue<CubeTextInputBaseProps>;
 export { useTextField };
-export declare const TextInput: import("react").ForwardRefExoticComponent<Omit<CubeTextInputProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+export declare const TextInput: import("react").ForwardRefExoticComponent<Omit<CubeTextInputProps, "ref"> & import("react").RefAttributes<HTMLElement>>;

package/types/components/fields/TextInput/TextInputBase.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 import { ReactElement, ReactNode, RefObject } from 'react';
 import { AriaNumberFieldProps, AriaTextFieldProps } from 'react-aria';
-import { BaseProps, BlockStyleProps, DimensionStyleProps, PositionStyleProps, Props, Styles } from '../../../tasty';
 import { FieldBaseProps } from '../../../shared';
+import { BaseProps, BlockStyleProps, DimensionStyleProps, PositionStyleProps, Props, Styles } from '../../../tasty';
 export declare const INPUT_WRAPPER_STYLES: Styles;
 export declare const DEFAULT_INPUT_STYLES: Styles;
 export interface CubeTextInputBaseProps extends BaseProps, PositionStyleProps, DimensionStyleProps, BlockStyleProps, Omit<AriaTextFieldProps, 'validate'>, FieldBaseProps {

package/types/components/form/FieldWrapper/types.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { ReactElement, ReactNode } from 'react';
 import { LabelPosition, NecessityIndicator, ValidationState } from '../../../shared/index';
 import { Props, Styles } from '../../../tasty/index';
 import { CubeLabelProps } from '../Label';
@@ -28,7 +28,7 @@ export type CubeFieldWrapperProps = {
     message?: string | ReactNode;
     /** Styles for the message */
     messageStyles?: Styles;
-    Component?: JSX.Element;
+    Component?: ReactElement;
     /** Custom components that should go outside the field and should not be visible by default. For example: Dialogs */
     children?: ReactNode;
 };

package/types/components/form/Form/Field.d.ts CHANGED Viewed

@@ -1,8 +1,8 @@
 import { ReactElement } from 'react';
 import { FieldBaseProps } from '../../../shared/index';
 import { Styles } from '../../../tasty/index';
-import { CubeFormInstance } from './use-form';
 import { FieldTypes } from './types';
+import { CubeFormInstance } from './use-form';
 export interface CubeFieldProps<T extends FieldTypes> extends FieldBaseProps {
     /** The initial value of the input. */
     defaultValue?: any;

package/types/components/form/Form/Form.d.ts CHANGED Viewed

@@ -1,9 +1,9 @@
-import { FormHTMLAttributes } from 'react';
 import { DOMRef } from '@react-types/shared';
-import { BaseProps, ContainerStyleProps, Styles } from '../../../tasty/index';
+import { FormHTMLAttributes } from 'react';
 import { FormBaseProps } from '../../../shared/index';
-import { CubeFormData, CubeFormInstance } from './use-form';
+import { BaseProps, ContainerStyleProps, Styles } from '../../../tasty/index';
 import { FieldTypes } from './types';
+import { CubeFormData, CubeFormInstance } from './use-form';
 export declare const FormContext: import("react").Context<{}>;
 export declare function useFormProps(props: any): any;
 export interface CubeFormProps<T extends FieldTypes = FieldTypes> extends FormBaseProps, BaseProps, ContainerStyleProps, Pick<FormHTMLAttributes<HTMLFormElement>, 'action' | 'autoComplete' | 'encType' | 'method' | 'target'> {

package/types/components/form/Form/index.d.ts CHANGED Viewed

@@ -1,10 +1,10 @@
 import { CubeAlertProps } from '../../content/Alert/index';
 import { Field } from './Field';
+import { FormContext, useFormProps } from './Form';
 import { ResetButton } from './ResetButton';
 import { SubmitButton } from './SubmitButton';
 import { SubmitError } from './SubmitError';
 import { useForm } from './use-form';
-import { useFormProps, FormContext } from './Form';
 declare const Form: (<T extends import("./types").FieldTypes>(props: import("./Form").CubeFormProps<T>, ref: import("@react-types/shared").DOMRef<HTMLFormElement>) => import("react/jsx-runtime").JSX.Element) & {
     Item: typeof Field;
     SubmitError: typeof SubmitError;

package/types/components/form/Form/use-field/types.d.ts CHANGED Viewed

@@ -1,8 +1,8 @@
 import { ReactNode } from 'react';
-import { CubeFieldData, FieldTypes } from '../types';
 import { ValidateTrigger, ValidationRule, ValidationState } from '../../../../shared/index';
-import { CubeFormInstance } from '../use-form';
 import { Props } from '../../../../tasty/index';
+import { CubeFieldData, FieldTypes } from '../types';
+import { CubeFormInstance } from '../use-form';
 export interface CubeFieldProps<T extends FieldTypes> {
     /** The initial value of the input. */
     defaultValue?: any;

package/types/components/form/Form/use-field/use-field-props.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
-import type { CubeFieldProps } from './types';
-import type { FieldTypes } from '../types';
 import type { ValidateTrigger } from '../../../../shared/index';
+import type { FieldTypes } from '../types';
+import type { CubeFieldProps } from './types';
 export type UseFieldPropsParams = {
     valuePropsMapper?: ({ value, onChange }: {
         value: any;

package/types/components/form/Label.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import { BaseProps, ContainerStyleProps, Styles } from '../../tasty/index';
 import { LabelPosition, NecessityIndicator, ValidationState } from '../../shared/index';
+import { BaseProps, ContainerStyleProps, Styles } from '../../tasty/index';
 export declare const INLINE_LABEL_STYLES: Styles;
 export declare const LABEL_STYLES: Styles;
 export interface CubeLabelProps extends BaseProps, ContainerStyleProps {

package/types/components/form/wrapper.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import { ReactElement, RefObject } from 'react';
 import { FocusableRef } from '@react-types/shared';
+import { ReactElement, RefObject } from 'react';
 import { FieldBaseProps, FormBaseProps } from '../../shared/index';
 import { BaseProps, Styles } from '../../tasty/index';
 interface WrapWithFieldProps extends FieldBaseProps, BaseProps, FormBaseProps {

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

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
-import { CubeFlexProps } from '../../layout/Flex';
-import { CubeButtonProps } from '../../actions';
 import { Styles } from '../../../tasty';
+import { CubeButtonProps } from '../../actions';
+import { CubeFlexProps } from '../../layout/Flex';
 export interface CubeTabData {
     id: string | number;
     qa?: string;

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

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
+import { Styles } from '../../../tasty';
 import { CubeActionProps } from '../../actions';
 import { CubeFlexProps } from '../../layout/Flex';
-import { Styles } from '../../../tasty';
 /**
  * @deprecated consider using <Tabs /> instead
  */

package/types/components/overlays/AlertDialog/AlertDialogZone.d.ts CHANGED Viewed

@@ -5,4 +5,4 @@ export interface DialogZoneProps {
 /**
  * @internal Do not use it
  */
-export declare function AlertDialogZone(props: DialogZoneProps): JSX.Element;
+export declare function AlertDialogZone(props: DialogZoneProps): import("react/jsx-runtime").JSX.Element;

package/types/components/overlays/AlertDialog/types.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import { AriaDialogProps } from 'react-aria';
 import { ReactNode } from 'react';
+import { AriaDialogProps } from 'react-aria';
 import { BaseProps, BaseStyleProps, BlockStyleProps, DimensionStyleProps } from '../../../tasty';
 import { CubeDialogContainerProps } from '../Dialog';
 import { CubeAlertDialogProps } from './AlertDialog';

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

@@ -1,5 +1,5 @@
-import { CubeFormProps, FieldTypes } from '../../form';
 import { CubeButtonProps } from '../../actions';
+import { CubeFormProps, FieldTypes } from '../../form';
 import { CubeDialogProps } from './Dialog';
 export interface CubeDialogFormProps<T extends FieldTypes = FieldTypes> extends Omit<CubeDialogProps, 'children'>, Omit<CubeFormProps<T>, 'role' | 'children'> {
     /** Whether the submit button has a `danger` theme */

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

@@ -1,8 +1,8 @@
 import { ReactElement, RefObject } from 'react';
+import { OverlayTriggerProps, Placement, PositionProps } from 'react-aria';
 import { OverlayTriggerState } from 'react-stately';
-import { OverlayTriggerProps, PositionProps, Placement } from 'react-aria';
-import { WithCloseBehavior } from '../Modal';
 import { Styles } from '../../../tasty';
+import { WithCloseBehavior } from '../Modal';
 export type CubeDialogClose = (close: () => void) => ReactElement;
 export interface CubeDialogTriggerProps extends OverlayTriggerProps, PositionProps, WithCloseBehavior {
     /** The Dialog and its trigger element. See the DialogTrigger [Content section](#content) for more information on what to provide as children. */

package/types/components/overlays/Modal/Popover.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 import { HTMLAttributes } from 'react';
 import { OverlayProps } from 'react-aria';
-import { BaseProps } from '../../../tasty';
 import { PlacementAxis } from '../../../shared';
+import { BaseProps } from '../../../tasty';
 import { TransitionState, WithCloseBehavior } from './types';
 export interface CubePopoverProps extends BaseProps, Omit<OverlayProps, 'children' | 'nodeRef'>, WithCloseBehavior, TransitionState {
     container?: HTMLElement;

package/types/components/overlays/NewNotifications/Bar/FloatingNotification.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import { Key } from 'react';
-import { CubeNotifyApiPropsWithID } from '../types';
 import { NotificationItemNode, NotificationsListState } from '../hooks';
+import { CubeNotifyApiPropsWithID } from '../types';
 export type FloatingNotificationProps = {
     id: Key;
     isDisabledTimer: boolean;

package/types/components/overlays/NewNotifications/Bar/NotificationsBar.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import { Key } from 'react';
-import { CubeNotifyApiPropsWithID } from '../types';
 import { CollectionChildren } from '../hooks';
+import { CubeNotifyApiPropsWithID } from '../types';
 export type NotificationsBarProps = {
     items: Iterable<CubeNotifyApiPropsWithID>;
     children: CollectionChildren<CubeNotifyApiPropsWithID>;
@@ -15,7 +15,7 @@ export type NotificationsBarProps = {
 /**
  * @internal Do not use it
  */
-export declare function NotificationsBar(props: NotificationsBarProps): JSX.Element;
+export declare function NotificationsBar(props: NotificationsBarProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace NotificationsBar {
     var Item: (props: CubeNotifyApiPropsWithID) => null;
 }

package/types/components/overlays/NewNotifications/Bar/TransitionComponent.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
 import { PropsWithChildren } from 'react';
 import type { TransitionProps } from 'react-transition-group/Transition';
 export type TransitionComponentProps = PropsWithChildren<Partial<TransitionProps>>;
-export declare function TransitionComponent(props: TransitionComponentProps): JSX.Element;
+export declare function TransitionComponent(props: TransitionComponentProps): import("react/jsx-runtime").JSX.Element;