@cube-dev/ui-kit 0.63.3 → 0.64.1

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

@@ -16,202 +16,21 @@ export interface CubeRadioProps extends BaseProps, AriaRadioProps, FieldBaseProp
  */
 declare const _RadioButton: import("react").ForwardRefExoticComponent<CubeRadioProps & import("react").RefAttributes<unknown>>;
 declare const ButtonGroup: import("react").ComponentType<{
-    value?: any;
-    children?: import("react").ReactNode;
-    ref?: import("react").LegacyRef<unknown> | undefined;
-    hide?: import("../../../tasty").ResponsiveStyleValue<boolean | undefined>;
-    opacity?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.Opacity | 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>;
-    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<boolean | import("csstype").Property.Margin<string | number> | 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<boolean | import("csstype").Property.Padding<string | number> | undefined>;
-    paddingInline?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.PaddingInline<string | number> | undefined>;
-    paddingBlock?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.PaddingBlock<string | number> | undefined>;
-    shadow?: import("../../../tasty").ResponsiveStyleValue<string | boolean | undefined>;
-    border?: import("../../../tasty").ResponsiveStyleValue<boolean | import("csstype").Property.Border<string | number> | undefined>;
-    radius?: import("../../../tasty").ResponsiveStyleValue<string | true | undefined>;
-    overflow?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.Overflow | undefined>;
-    scrollbar?: import("../../../tasty").ResponsiveStyleValue<string | number | boolean | undefined>;
-    outline?: import("../../../tasty").ResponsiveStyleValue<string | boolean | undefined>;
-    textAlign?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.TextAlign | undefined>;
-    width?: import("../../../tasty").ResponsiveStyleValue<boolean | import("csstype").Property.Width<string | number> | undefined>;
-    height?: import("../../../tasty").ResponsiveStyleValue<boolean | 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;
-    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;
-    css?: string | undefined;
-    label?: import("react").ReactNode;
-    className?: string | undefined;
-    role?: import("react").AriaRole | undefined;
-    id?: string | undefined;
-    as?: keyof HTMLElementTagNameMap | undefined;
-    qa?: string | undefined;
-    qaVal?: string | number | undefined;
-    breakpoints?: number[] | undefined;
-    isHidden?: boolean | undefined;
-    isDisabled?: boolean | undefined;
-    styleName?: string | undefined;
-    theme?: (string & {}) | "danger" | "success" | "default" | "special" | undefined;
-    name?: string | undefined;
-    defaultValue?: any;
-    autoFocus?: boolean | undefined;
-    "aria-describedby"?: string | undefined;
-    "aria-details"?: string | undefined;
-    "aria-label"?: string | undefined;
-    "aria-labelledby"?: string | undefined;
-    onChange?: ((value: string) => void) | undefined;
-    description?: import("react").ReactNode;
-    rules?: import("../../../shared").ValidationRule[] | undefined;
-    message?: import("react").ReactNode;
-    key?: import("react").Key | null | undefined;
-    orientation?: "horizontal" | "vertical" | undefined;
-    isLoading?: boolean | undefined;
-    insideForm?: boolean | undefined;
-    isReadOnly?: boolean | undefined;
-    isRequired?: boolean | undefined;
-    validationState?: import("../../../shared").ValidationState | undefined;
-    extra?: import("react").ReactNode;
-    labelPosition?: import("../../../shared").LabelPosition | undefined;
-    necessityIndicator?: import("../../../shared").NecessityIndicator | undefined;
-    fieldProps?: import("../../../tasty").Props | undefined;
-    labelSuffix?: import("react").ReactNode;
-    labelStyles?: Styles | undefined;
-    labelProps?: import("../../../tasty").Props | undefined;
-    requiredMark?: boolean | undefined;
-    necessityLabel?: import("react").ReactNode;
-    messageStyles?: Styles | undefined;
-    validateTrigger?: import("../../../shared").ValidateTrigger | undefined;
-    showValid?: boolean | undefined;
-    idPrefix?: string | undefined;
-    validationDelay?: number | undefined;
-    shouldUpdate?: boolean | ((prevValues: any, nextValues: any) => boolean) | undefined;
-    groupStyles?: Styles | undefined;
-    isSolid?: boolean | undefined;
+    [x: string]: any;
+    [x: number]: any;
+    [x: symbol]: any;
 } & {}>;
 declare const __Radio: import("react").ForwardRefExoticComponent<CubeRadioProps & import("react").RefAttributes<unknown>> & {
     Group: typeof RadioGroup;
     Button: typeof _RadioButton;
     ButtonGroup: typeof ButtonGroup;
 } & {
-    Group: import("react").ForwardRefExoticComponent<Omit<import("./RadioGroup").CubeRadioGroupProps, "value" | "defaultValue"> & {
-        value?: T["value"] | any;
-        defaultValue?: T["defaultValue"] | any;
-    } & import("react").RefAttributes<unknown>>;
+    Group: import("react").ForwardRefExoticComponent<Omit<import("../../../utils/react/nullableValue").WithNullableValue<import("./RadioGroup").CubeRadioGroupProps>, "ref"> & import("react").RefAttributes<unknown>>;
     Button: import("react").ForwardRefExoticComponent<CubeRadioProps & import("react").RefAttributes<unknown>>;
     ButtonGroup: import("react").ComponentType<{
-        value?: any;
-        children?: import("react").ReactNode;
-        ref?: import("react").LegacyRef<unknown> | undefined;
-        hide?: import("../../../tasty").ResponsiveStyleValue<boolean | undefined>;
-        opacity?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.Opacity | 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>;
-        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<boolean | import("csstype").Property.Margin<string | number> | 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<boolean | import("csstype").Property.Padding<string | number> | undefined>;
-        paddingInline?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.PaddingInline<string | number> | undefined>;
-        paddingBlock?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.PaddingBlock<string | number> | undefined>;
-        shadow?: import("../../../tasty").ResponsiveStyleValue<string | boolean | undefined>;
-        border?: import("../../../tasty").ResponsiveStyleValue<boolean | import("csstype").Property.Border<string | number> | undefined>;
-        radius?: import("../../../tasty").ResponsiveStyleValue<string | true | undefined>;
-        overflow?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.Overflow | undefined>;
-        scrollbar?: import("../../../tasty").ResponsiveStyleValue<string | number | boolean | undefined>;
-        outline?: import("../../../tasty").ResponsiveStyleValue<string | boolean | undefined>;
-        textAlign?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.TextAlign | undefined>;
-        width?: import("../../../tasty").ResponsiveStyleValue<boolean | import("csstype").Property.Width<string | number> | undefined>;
-        height?: import("../../../tasty").ResponsiveStyleValue<boolean | 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;
-        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;
-        css?: string | undefined;
-        label?: import("react").ReactNode;
-        className?: string | undefined;
-        role?: import("react").AriaRole | undefined;
-        id?: string | undefined;
-        as?: keyof HTMLElementTagNameMap | undefined;
-        qa?: string | undefined;
-        qaVal?: string | number | undefined;
-        breakpoints?: number[] | undefined;
-        isHidden?: boolean | undefined;
-        isDisabled?: boolean | undefined;
-        styleName?: string | undefined;
-        theme?: (string & {}) | "danger" | "success" | "default" | "special" | undefined;
-        name?: string | undefined;
-        defaultValue?: any;
-        autoFocus?: boolean | undefined;
-        "aria-describedby"?: string | undefined;
-        "aria-details"?: string | undefined;
-        "aria-label"?: string | undefined;
-        "aria-labelledby"?: string | undefined;
-        onChange?: ((value: string) => void) | undefined;
-        description?: import("react").ReactNode;
-        rules?: import("../../../shared").ValidationRule[] | undefined;
-        message?: import("react").ReactNode;
-        key?: import("react").Key | null | undefined;
-        orientation?: "horizontal" | "vertical" | undefined;
-        isLoading?: boolean | undefined;
-        insideForm?: boolean | undefined;
-        isReadOnly?: boolean | undefined;
-        isRequired?: boolean | undefined;
-        validationState?: import("../../../shared").ValidationState | undefined;
-        extra?: import("react").ReactNode;
-        labelPosition?: import("../../../shared").LabelPosition | undefined;
-        necessityIndicator?: import("../../../shared").NecessityIndicator | undefined;
-        fieldProps?: import("../../../tasty").Props | undefined;
-        labelSuffix?: import("react").ReactNode;
-        labelStyles?: Styles | undefined;
-        labelProps?: import("../../../tasty").Props | undefined;
-        requiredMark?: boolean | undefined;
-        necessityLabel?: import("react").ReactNode;
-        messageStyles?: Styles | undefined;
-        validateTrigger?: import("../../../shared").ValidateTrigger | undefined;
-        showValid?: boolean | undefined;
-        idPrefix?: string | undefined;
-        validationDelay?: number | undefined;
-        shouldUpdate?: boolean | ((prevValues: any, nextValues: any) => boolean) | undefined;
-        groupStyles?: Styles | undefined;
-        isSolid?: boolean | undefined;
+        [x: string]: any;
+        [x: number]: any;
+        [x: symbol]: any;
     } & {}>;
 };
 export { __Radio as Radio };

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

@@ -1,7 +1,8 @@
 import { AriaRadioGroupProps } from 'react-aria';
 import { FieldBaseProps } from '../../../shared';
 import { BaseProps, BlockStyleProps, OuterStyleProps, Styles } from '../../../tasty';
-export interface CubeRadioGroupProps extends BaseProps, AriaRadioGroupProps, BlockStyleProps, OuterStyleProps, FieldBaseProps {
+import { WithNullableValue } from '../../../utils/react/nullableValue';
+export interface CubeRadioGroupProps extends BaseProps, Omit<AriaRadioGroupProps, 'errorMessage'>, BlockStyleProps, OuterStyleProps, FieldBaseProps {
     groupStyles?: Styles;
     isSolid?: boolean;
     orientation?: 'horizontal' | 'vertical';
@@ -13,8 +14,5 @@ export interface CubeRadioGroupProps extends BaseProps, AriaRadioGroupProps, Blo
  * Radio groups allow users to select a single option from a list of mutually exclusive options.
  * All possible options are exposed up front for users to compare.
  */
-declare const _RadioGroup: import("react").ForwardRefExoticComponent<Omit<CubeRadioGroupProps, "value" | "defaultValue"> & {
-    value?: T["value"] | any;
-    defaultValue?: T["defaultValue"] | any;
-} & import("react").RefAttributes<unknown>>;
+declare const _RadioGroup: import("react").ForwardRefExoticComponent<Omit<WithNullableValue<CubeRadioGroupProps>, "ref"> & import("react").RefAttributes<unknown>>;
 export { _RadioGroup as RadioGroup };

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

@@ -5,7 +5,7 @@ import { Section as BaseSection, Item, useSelectState } from 'react-stately';
 import { FieldBaseProps } from '../../../shared/index';
 import { BasePropsWithoutChildren, BaseStyleProps, ColorStyleProps, OuterStyleProps, Props, Styles } from '../../../tasty/index';
 export declare const ListBoxElement: React.ComponentType<Omit<Props, "variant"> & import("../../../tasty/tasty").WithVariant<import("../../../tasty/tasty").VariantMap>>;
-export interface CubeSelectBaseProps<T> extends BasePropsWithoutChildren, AriaLabelingProps, BaseStyleProps, OuterStyleProps, ColorStyleProps, FieldBaseProps, CollectionBase<T>, AriaSelectProps<T> {
+export interface CubeSelectBaseProps<T> extends BasePropsWithoutChildren, AriaLabelingProps, BaseStyleProps, OuterStyleProps, ColorStyleProps, FieldBaseProps, CollectionBase<T>, Omit<AriaSelectProps<T>, 'errorMessage'> {
     icon?: ReactElement;
     prefix?: ReactNode;
     suffix?: ReactNode;
@@ -49,7 +49,7 @@ export declare function ListBoxPopup({ state, popoverRef, listBoxRef, listBoxSty
 }): import("react/jsx-runtime").JSX.Element;
 type SectionComponent = typeof BaseSection;
 declare const SelectSectionComponent: SectionComponent;
-declare const __Select: React.ForwardRefExoticComponent<CubeSelectProps<object> & React.RefAttributes<import("@react-types/shared").DOMRefValue<HTMLDivElement>>> & {
+declare const __Select: React.ForwardRefExoticComponent<Omit<CubeSelectProps<object>, "ref"> & React.RefAttributes<import("@react-types/shared").DOMRefValue<HTMLDivElement>>> & {
     Item: typeof Item;
     Section: typeof SelectSectionComponent;
 } & {

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

@@ -12,4 +12,5 @@ export * from './Slider';
 export * from './Switch/Switch';
 export * from './Select';
 export * from './ComboBox';
+export * from './ListBox';
 export * from './TextInputMapper';

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

@@ -24,10 +24,15 @@ export type CubeFieldWrapperProps = {
     extra?: ReactNode;
     necessityLabel?: ReactNode;
     necessityIndicator?: NecessityIndicator;
-    /** Custom message for the field. It will be placed below the label and the input */
+    /**
+     * @deprecated Use `errorMessage` for error messages and `description` for field descriptions instead.
+     * Custom message for the field. It will be placed below the label and the input
+     */
     message?: string | ReactNode;
     /** Styles for the message */
     messageStyles?: Styles;
+    /** Error message for the field. Always displayed in danger state regardless of validation state */
+    errorMessage?: string | ReactNode;
     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/types.d.ts

@@ -11,6 +11,7 @@ export type CubeFieldData<Name extends string, Value> = {
     validating?: boolean;
     validationId?: number;
     status?: 'valid' | 'invalid';
+    validationDetails?: ValidityState;
 };
 export type Fields = Record<keyof FieldTypes, CubeFieldData<string, any>>;
 export type SetFieldsArrType<T extends FieldTypes, Name extends keyof T & string> = CubeFieldData<Name, T[Name]>;

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

@@ -26,8 +26,15 @@ export interface CubeFieldProps<T extends FieldTypes> {
     showValid?: boolean;
     /** On which event perform the validation for the field */
     validateTrigger?: ValidateTrigger;
-    /** Message for the field. Some additional information or error notice */
+    /**
+     * @deprecated Use `errorMessage` for error messages and `description` for field descriptions instead.
+     * Message for the field. Some additional information or error notice
+     */
     message?: ReactNode;
+    /** Description for the field. Will be placed below the label */
+    description?: ReactNode;
+    /** Error message for the field. Always displayed in danger state regardless of validation state */
+    errorMessage?: ReactNode;
     labelProps?: Props;
 }
 export type FieldReturnValue<T extends FieldTypes> = {
@@ -38,7 +45,15 @@ export type FieldReturnValue<T extends FieldTypes> = {
     validationState?: ValidationState;
     form?: CubeFormInstance<T>;
     onChange?: (value: any, dontTouch: boolean, validateTrigger: ValidateTrigger) => void;
+    /**
+     * @deprecated Use `errorMessage` for error messages and `description` for field descriptions instead.
+     * Message for the field. Some additional information or error notice
+     */
     message?: ReactNode;
+    /** Description for the field. Will be placed below the label */
+    description?: ReactNode;
+    /** Error message for the field. Always displayed in danger state regardless of validation state */
+    errorMessage?: ReactNode;
     isRequired?: boolean;
     onBlur: () => void;
     nonInput: boolean;

package/types/components/pickers/Menu/Menu.d.ts

@@ -2,7 +2,7 @@ import { DOMRef, ItemProps, Key } from '@react-types/shared';
 import { ReactElement, ReactNode } from 'react';
 import { AriaMenuProps } from 'react-aria';
 import { Section as BaseSection } from 'react-stately';
-import { BaseProps, BasePropsWithoutChildren, ContainerStyleProps, Styles } from '../../../tasty';
+import { BasePropsWithoutChildren, ContainerStyleProps, Styles } from '../../../tasty';
 import { MenuButtonProps, MenuSelectionType } from './MenuButton';
 export interface CubeMenuProps<T> extends BasePropsWithoutChildren, ContainerStyleProps, AriaMenuProps<T> {
     selectionIcon?: MenuSelectionType;
@@ -12,7 +12,6 @@ export interface CubeMenuProps<T> extends BasePropsWithoutChildren, ContainerSty
     itemStyles?: Styles;
     sectionStyles?: Styles;
     sectionHeadingStyles?: Styles;
-    qa?: BaseProps['qa'];
     /** Keys that should appear disabled */
     disabledKeys?: Iterable<Key>;
     /** Selection mode for the menu: 'single' | 'multiple' */

package/types/icons/ChartBarGroupedHorizontalIcon.d.ts

@@ -0,0 +1,4 @@
+export declare const ChartBarGroupedHorizontalIcon: {
+    (props: import("./Icon").CubeIconProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/types/icons/ChartBarHorizontalIcon.d.ts

@@ -0,0 +1,4 @@
+export declare const ChartBarHorizontalIcon: {
+    (props: import("./Icon").CubeIconProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/types/icons/ChartBarStackedHorizontalIcon.d.ts

@@ -0,0 +1,4 @@
+export declare const ChartBarStackedHorizontalIcon: {
+    (props: import("./Icon").CubeIconProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/types/icons/ChartBarStackedPercentageHorizontalIcon.d.ts

@@ -0,0 +1,4 @@
+export declare const ChartBarStackedPercentageHorizontalIcon: {
+    (props: import("./Icon").CubeIconProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/types/icons/index.d.ts

@@ -11,9 +11,13 @@ export { CalendarEditIcon } from './CalendarEditIcon';
 export { CalendarIcon } from './CalendarIcon';
 export { CaretDownIcon } from './CaretDownIcon';
 export { CaretUpIcon } from './CaretUpIcon';
+export { ChartBarGroupedHorizontalIcon } from './ChartBarGroupedHorizontalIcon';
 export { ChartBarGroupedIcon } from './ChartBarGroupedIcon';
+export { ChartBarHorizontalIcon } from './ChartBarHorizontalIcon';
 export { ChartBarLineIcon } from './ChartBarLineIcon';
+export { ChartBarStackedHorizontalIcon } from './ChartBarStackedHorizontalIcon';
 export { ChartBarStackedIcon } from './ChartBarStackedIcon';
+export { ChartBarStackedPercentageHorizontalIcon } from './ChartBarStackedPercentageHorizontalIcon';
 export { ChartBarStackedPercentageIcon } from './ChartBarStackedPercentageIcon';
 export { ChartBoxPlot2Icon } from './ChartBoxPlot2Icon';
 export { ChartBoxPlotIcon } from './ChartBoxPlotIcon';

package/types/index.d.ts

@@ -61,6 +61,8 @@ export type { CubeBadgeProps } from './components/content/Badge/Badge';
 export { Tag } from './components/content/Tag/Tag';
 export type { CubeTagProps } from './components/content/Tag/Tag';
 export type { CubeSearchInputProps } from './components/fields/SearchInput/SearchInput';
+export type { CubeListBoxProps } from './components/fields/ListBox';
+export { ListBox } from './components/fields/ListBox';
 export { Menu } from './components/pickers/Menu/Menu';
 export type { CubeMenuProps } from './components/pickers/Menu/Menu';
 export { MenuTrigger } from './components/pickers/Menu/MenuTrigger';

package/types/shared/form.d.ts

@@ -1,5 +1,14 @@
 import { ReactNode } from 'react';
 import { Props, Styles } from '../tasty';
+/** ValidationResult type for error message functions */
+export interface ValidationResult {
+    /** Whether the value is invalid */
+    isInvalid: boolean;
+    /** List of validation error messages */
+    validationErrors: string[];
+    /** Native browser validation details */
+    validationDetails: ValidityState;
+}
 /** Where to place label relative to input */
 export type LabelPosition = 'side' | 'top';
 /** The type of necessity indicator */
@@ -28,10 +37,15 @@ export interface FieldBaseProps extends FormBaseProps {
     labelSuffix?: ReactNode;
     /** Custom label props */
     labelProps?: Props;
-    /** Message for the field. Some additional information or error notice */
+    /**
+     * @deprecated Use `errorMessage` for error messages and `description` for field descriptions instead.
+     * Message for the field. Some additional information or error notice
+     */
     message?: ReactNode;
     /** Description for the field. Will be placed below the label */
     description?: ReactNode;
+    /** Error message for the field. Always displayed in danger state regardless of validation state */
+    errorMessage?: ReactNode;
     /** A tooltip that is shown inside the label */
     tooltip?: ReactNode;
     /** Whether the element should receive focus on render */