@cube-dev/ui-kit 0.56.3 → 0.58.0

package/es/tasty/utils/responsive.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
+ * @cube-dev/ui-kit v0.58.0
  * Released under the MIT license.
  */
 

package/es/tasty/utils/string.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
+ * @cube-dev/ui-kit v0.58.0
  * Released under the MIT license.
  */
 

package/es/tasty/utils/styles.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
+ * @cube-dev/ui-kit v0.58.0
  * Released under the MIT license.
  */
 

package/es/tasty/utils/warnings.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
+ * @cube-dev/ui-kit v0.58.0
  * Released under the MIT license.
  */
 

package/es/tokens.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
+ * @cube-dev/ui-kit v0.58.0
  * Released under the MIT license.
  */
 

package/es/type-checks.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
+ * @cube-dev/ui-kit v0.58.0
  * Released under the MIT license.
  */
 

package/es/utils/ResizeSensor.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
+ * @cube-dev/ui-kit v0.58.0
  * Released under the MIT license.
  */
 

package/es/utils/modules.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
+ * @cube-dev/ui-kit v0.58.0
  * Released under the MIT license.
  */
 

package/es/utils/promise.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
+ * @cube-dev/ui-kit v0.58.0
  * Released under the MIT license.
  */
 

package/es/utils/random.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
+ * @cube-dev/ui-kit v0.58.0
  * Released under the MIT license.
  */
 

package/es/utils/range.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
+ * @cube-dev/ui-kit v0.58.0
  * Released under the MIT license.
  */
 

package/es/utils/react/Slots.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
+ * @cube-dev/ui-kit v0.58.0
  * Released under the MIT license.
  */
 

package/es/utils/react/chain.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
+ * @cube-dev/ui-kit v0.58.0
  * Released under the MIT license.
  */
 

package/es/utils/react/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
+ * @cube-dev/ui-kit v0.58.0
  * Released under the MIT license.
  */
 

package/es/utils/react/interactions.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
+ * @cube-dev/ui-kit v0.58.0
  * Released under the MIT license.
  */
 

package/es/utils/react/isTextOnly.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
+ * @cube-dev/ui-kit v0.58.0
  * Released under the MIT license.
  */
 

package/es/utils/react/mapProps.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
+ * @cube-dev/ui-kit v0.58.0
  * Released under the MIT license.
  */
 

package/es/utils/react/mergeProps.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
+ * @cube-dev/ui-kit v0.58.0
  * Released under the MIT license.
  */
 

package/es/utils/react/nullableValue.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
+ * @cube-dev/ui-kit v0.58.0
  * Released under the MIT license.
  */
 

package/es/utils/react/useCombinedRefs.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
+ * @cube-dev/ui-kit v0.58.0
  * Released under the MIT license.
  */
 

package/es/utils/react/useId.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
+ * @cube-dev/ui-kit v0.58.0
  * Released under the MIT license.
  */
 

package/es/utils/react/useLayoutEffect.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
+ * @cube-dev/ui-kit v0.58.0
  * Released under the MIT license.
  */
 

package/es/utils/react/useViewportSize.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
+ * @cube-dev/ui-kit v0.58.0
  * Released under the MIT license.
  */
 

package/es/utils/react/wrapNodeIfPlain.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
+ * @cube-dev/ui-kit v0.58.0
  * Released under the MIT license.
  */
 

package/es/utils/transitions.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
+ * @cube-dev/ui-kit v0.58.0
  * Released under the MIT license.
  */
 

package/es/utils/tree.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
+ * @cube-dev/ui-kit v0.58.0
  * Released under the MIT license.
  */
 

package/es/utils/warnings.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
+ * @cube-dev/ui-kit v0.58.0
  * Released under the MIT license.
  */
 

package/es/version.js

@@ -1,13 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
+ * @cube-dev/ui-kit v0.58.0
  * Released under the MIT license.
  */
 
 "use strict";
 if (typeof window !== 'undefined') {
-    const version = '0.56.3';
+    const version = '0.58.0';
     // Ensure CubeUIKit is defined on window in a way bundlers recognize
     window.CubeUIKit = window.CubeUIKit || { version };
     // Check for multiple versions

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@cube-dev/ui-kit",
-  "version": "0.56.3",
+  "version": "0.58.0",
   "description": "UIKit for Cube Projects",
   "keywords": [
     "uikit"
   ],
   "author": "Cube Dev Team",
   "engines": {
-    "node": ">=18.0.0",
+    "node": ">=18.19.1",
     "pnpm": "^9.0.0"
   },
   "sideEffects": false,
@@ -41,6 +41,7 @@
     "react-stately": "^3.35.0",
     "react-transition-group": "^4.4.5",
     "react-types": "^0.1.0",
+    "remark-gfm": "^4.0.1",
     "tiny-invariant": "^1.3.3",
     "usehooks-ts": "^3.1.0",
     "valid-url": "^1.0.9"

package/types/components/fields/ComboBox/ComboBox.d.ts

@@ -6,6 +6,12 @@ import type { KeyboardDelegate, LoadingState } from '@react-types/shared';
 type FilterFn = (textValue: string, inputValue: string) => boolean;
 export type MenuTriggerAction = 'focus' | 'input' | 'manual';
 export interface CubeComboBoxProps<T> extends Omit<CubeSelectBaseProps<T>, 'onOpenChange' | 'onBlur' | 'onFocus' | 'validate' | 'onSelectionChange'>, AriaComboBoxProps<T>, AriaTextFieldProps {
+    defaultSelectedKey?: string | null;
+    selectedKey?: string | null;
+    onSelectionChange?: (selectedKey: string | null) => void;
+    onInputChange?: (inputValue: string) => void;
+    inputValue?: string;
+    placeholder?: string;
     icon?: ReactElement;
     multiLine?: boolean;
     autoComplete?: string;

package/types/components/fields/DatePicker/DateInput.d.ts

@@ -1,4 +1,3 @@
-import { ReactElement } from 'react';
 import { FocusableRef } from '@react-types/shared';
 import { AriaDateFieldProps, DateValue } from 'react-aria';
 import { BaseProps, ContainerStyleProps, Styles } from '../../../tasty';
@@ -11,11 +10,10 @@ export interface CubeDateInputProps<T extends DateValue = DateValue> extends Ari
     validationState?: ValidationState;
     useLocale?: boolean;
 }
+declare function DateInput<T extends DateValue>(props: CubeDateInputProps<T>, ref: FocusableRef<HTMLElement>): import("react/jsx-runtime").JSX.Element;
 /**
  * DateInputs allow users to enter and edit date and time values using a keyboard.
  * Each part of a date value is displayed in an individually editable segment.
  */
-declare const _DateInput: <T extends DateValue>(props: CubeDateInputProps<T> & {
-    ref?: FocusableRef<HTMLElement>;
-}) => ReactElement;
+declare const _DateInput: typeof DateInput;
 export { _DateInput as DateInput };

package/types/components/fields/DatePicker/DatePicker.d.ts

@@ -1,5 +1,3 @@
-import { ReactElement } from 'react';
-import { FocusableRef } from '@react-types/shared';
 import { AriaDatePickerProps, DateValue } from 'react-aria';
 import { BaseProps, ContainerStyleProps, Styles } from '../../../tasty';
 import { FieldBaseProps, ValidationState } from '../../../shared';
@@ -15,7 +13,5 @@ export interface CubeDatePickerProps<T extends DateValue = DateValue> extends Ar
     shouldFlip?: boolean;
     useLocale?: boolean;
 }
-declare const _DatePicker: <T extends DateValue>(props: CubeDatePickerProps<T> & {
-    ref?: FocusableRef<HTMLElement>;
-}) => ReactElement;
+declare const _DatePicker: import("react").ForwardRefExoticComponent<CubeDatePickerProps<DateValue> & import("react").RefAttributes<import("@react-types/shared").FocusableRefValue<HTMLElement, HTMLElement>>>;
 export { _DatePicker as DatePicker };

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

@@ -1,4 +1,3 @@
-import { ReactElement } from 'react';
 import { FocusableRef } from '@react-types/shared';
 import { AriaDateRangePickerProps, DateValue } from 'react-aria';
 import { BaseProps, ContainerStyleProps, Styles } from '../../../tasty';
@@ -14,7 +13,6 @@ export interface CubeDateRangePickerProps<T extends DateValue = DateValue> exten
     shouldFlip?: boolean;
     useLocale?: boolean;
 }
-declare const _DateRangePicker: <T extends DateValue>(props: CubeDateRangePickerProps<T> & {
-    ref?: FocusableRef<HTMLElement>;
-}) => ReactElement;
+declare function DateRangePicker<T extends DateValue>(props: CubeDateRangePickerProps<T>, ref: FocusableRef<HTMLElement>): import("react/jsx-runtime").JSX.Element;
+declare const _DateRangePicker: typeof DateRangePicker;
 export { _DateRangePicker as DateRangePicker };

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

@@ -1,5 +1,3 @@
-import { ReactElement } from 'react';
-import { FocusableRef } from '@react-types/shared';
 import { AriaTimeFieldProps, DateValue, TimeValue } from 'react-aria';
 import { BaseProps, ContainerStyleProps, Styles } from '../../../tasty';
 import { FieldBaseProps, ValidationState } from '../../../shared';
@@ -34,7 +32,5 @@ export interface CubeTimeInputProps<T extends TimeValue = TimeValue> extends Ari
  * TimeFields allow users to enter and edit time values using a keyboard.
  * Each part of the time is displayed in an individually editable segment.
  */
-declare const _TimeInput: <T extends TimeValue>(props: CubeTimeInputProps<T> & {
-    ref?: FocusableRef<HTMLElement>;
-}) => ReactElement;
+declare const _TimeInput: import("react").ForwardRefExoticComponent<CubeTimeInputProps<TimeValue> & import("react").RefAttributes<import("@react-types/shared").FocusableRefValue<HTMLElement, HTMLElement>>>;
 export { _TimeInput as TimeInput };

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

@@ -22,6 +22,36 @@ declare const ButtonGroup: import("react").ComponentType<{
     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>;
+    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>;
+    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>;
+    margin?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.Margin<string | number> | undefined>;
+    overflow?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.Overflow | 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>;
+    shadow?: import("../../../tasty").ResponsiveStyleValue<string | undefined>;
+    radius?: import("../../../tasty").ResponsiveStyleValue<string | true | undefined>;
     block?: boolean | undefined;
     style?: import("react").CSSProperties | (import("react").CSSProperties & {
         [key: string]: string | number | null;
@@ -96,6 +126,36 @@ declare const __Radio: import("react").ForwardRefExoticComponent<CubeRadioProps
         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>;
+        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>;
+        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>;
+        margin?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.Margin<string | number> | undefined>;
+        overflow?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.Overflow | 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>;
+        shadow?: import("../../../tasty").ResponsiveStyleValue<string | undefined>;
+        radius?: import("../../../tasty").ResponsiveStyleValue<string | true | undefined>;
         block?: boolean | undefined;
         style?: import("react").CSSProperties | (import("react").CSSProperties & {
             [key: string]: string | number | null;

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

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

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

@@ -5,5 +5,6 @@ export interface CubeRangeSliderProps extends CubeSliderBaseProps<RangeValue<num
 }
 declare const __RangeSlider: import("react").ForwardRefExoticComponent<Omit<CubeRangeSliderProps, "ref"> & import("react").RefAttributes<import("@react-types/shared").DOMRefValue<HTMLDivElement>>> & {
     cubeInputType: string;
+    displayName: string;
 };
 export { __RangeSlider as RangeSlider };

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

@@ -4,5 +4,6 @@ export interface CubeSliderProps extends CubeSliderBaseProps<number> {
 }
 declare const __Slider: import("react").ForwardRefExoticComponent<Omit<CubeSliderProps, "ref"> & import("react").RefAttributes<import("@react-types/shared").FocusableRefValue<HTMLDivElement, HTMLDivElement>>> & {
     cubeInputType: string;
+    displayName: string;
 };
 export { __Slider as Slider };

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

@@ -40,6 +40,7 @@ export interface CubeTextInputBaseProps extends BaseProps, PositionStyleProps, D
     resize?: Styles['resize'];
     /** The size of the input */
     size?: 'small' | 'default' | 'large' | (string & {});
+    autocomplete?: string;
 }
 declare const TextInputBase: import("react").ForwardRefExoticComponent<Omit<CubeTextInputBaseProps, "ref"> & import("react").RefAttributes<unknown>>;
 export { TextInputBase };

package/types/components/fields/TextInputMapper/TextInputMapper.d.ts

@@ -5,19 +5,24 @@ export interface CubeTextInputMapperProps extends FieldBaseProps {
     isDisabled?: boolean;
     value?: Record<string, string>;
     onChange?: (value: Record<string, string> | undefined) => void;
+    KeyComponent?: ComponentType<CubeTextInputMapperInputProps>;
     ValueComponent?: ComponentType<CubeTextInputMapperInputProps>;
     keyProps?: Partial<CubeTextInputMapperInputProps>;
     valueProps?: Partial<CubeTextInputMapperInputProps>;
+    allowsCustomValue?: boolean;
 }
 export interface CubeTextInputMapperInputProps {
     id: number;
-    type: 'name' | 'value';
+    fieldType: 'key' | 'value';
+    inputType?: 'input' | 'combobox' | 'password' | 'textarea';
     value?: string;
+    options?: string[];
     placeholder?: string;
     onChange?: (id: number, newValue: string) => void;
     onSubmit?: (id: number) => void;
     isDisabled?: boolean;
     autoFocus?: boolean;
+    allowsCustomValue?: boolean;
 }
 declare const _TextInputMapper: import("react").ForwardRefExoticComponent<CubeTextInputMapperProps & import("react").RefAttributes<HTMLDivElement>>;
 export { _TextInputMapper as TextInputMapper };

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

@@ -23,10 +23,9 @@ export interface CubeFormProps<T extends FieldTypes = FieldTypes> extends FormBa
     labelWidth?: Styles['width'];
     orientation?: 'vertical' | 'horizontal';
 }
+declare function Form<T extends FieldTypes>(props: CubeFormProps<T>, ref: DOMRef<HTMLFormElement>): import("react/jsx-runtime").JSX.Element;
 /**
  * Forms allow users to enter data that can be submitted while providing alignment and styling for form fields.
  */
-declare const _Form: <T extends FieldTypes>(props: CubeFormProps<T> & {
-    ref?: DOMRef<HTMLFormElement>;
-}) => JSX.Element;
+declare const _Form: typeof Form;
 export { _Form as Form };

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

@@ -5,9 +5,7 @@ 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>;
-}) => JSX.Element) & {
+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;
     Submit: typeof SubmitButton;

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

@@ -6,7 +6,6 @@ export type CubeFieldData<Name extends string, Value> = {
     readonly name: Name;
     errors: ReactNode[];
     value?: Value;
-    inputValue?: Value | string | undefined | null;
     touched?: boolean;
     rules?: any[];
     validating?: boolean;

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

@@ -38,7 +38,7 @@ export type FieldReturnValue<T extends FieldTypes> = {
     validationState?: ValidationState;
     form?: CubeFormInstance<T>;
     onChange?: (value: any, dontTouch: boolean, validateTrigger: ValidateTrigger) => void;
-    message?: React.ReactNode;
+    message?: ReactNode;
     isRequired?: boolean;
     onBlur: () => void;
     nonInput: boolean;

package/types/components/form/Form/use-form.d.ts

@@ -17,14 +17,14 @@ export declare class CubeFormInstance<T extends FieldTypes, TFormData extends Cu
     onSubmit: (data: T) => void | Promise<void>;
     constructor(forceReRender?: () => void);
     submit(): Promise<void>;
-    setFieldsValue: (newData: PartialString<T>, touched?: boolean, skipRender?: boolean, inputOnly?: boolean) => void;
+    setFieldsValue: (newData: PartialString<T>, touched?: boolean, skipRender?: boolean) => void;
     getFieldValue<Name extends keyof T & string>(name: Name): T[Name] | undefined;
     getFieldsValue(): PartialString<T>;
     /**
      * Similar to getFieldsValue() but respects '.' notation and creates nested objects.
      */
     getFormData(): T;
-    setFieldValue<Name extends keyof T & string>(name: Name, value: T[Name], isTouched?: boolean, skipRender?: boolean, inputOnly?: boolean): void;
+    setFieldValue<Name extends keyof T & string>(name: Name, value: T[Name], isTouched?: boolean, skipRender?: boolean): void;
     getFieldInstance<Name extends keyof T & string>(name: Name): TFormData[Name];
     setInitialFieldsValue(values: PartialString<T>): void;
     updateInitialFieldsValue(values: FieldTypes): void;

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

@@ -1,5 +1,6 @@
 import { ReactNode } from 'react';
-export interface CubeDialogContainerProps {
+import { WithCloseBehavior } from '../Modal';
+export interface CubeDialogContainerProps extends WithCloseBehavior {
     /** The Dialog to display, if any. */
     children?: ReactNode;
     /** Handler that is called when the 'x' button of a dismissible Dialog is clicked. */

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

@@ -39,11 +39,9 @@ export interface CubeDialogTriggerProps extends OverlayTriggerProps, PositionPro
     defaultOpen?: boolean;
     shouldFlip?: boolean;
 }
-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
  * positioning of the Dialog.
  */
-declare let _DialogTrigger: typeof DialogTrigger;
-export { _DialogTrigger as DialogTrigger };
+export declare function DialogTrigger(props: CubeDialogTriggerProps): import("react/jsx-runtime").JSX.Element;