@cube-dev/ui-kit 0.64.0 → 0.65.0

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

@@ -16,204 +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;
-    errorMessage?: import("react").ReactNode;
-    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;
-        errorMessage?: import("react").ReactNode;
-        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/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/overlays/NewNotifications/NotificationsContext/NotificationsContext.d.ts

@@ -0,0 +1,5 @@
+import { CubeNotificationsApi, CubeNotifyApiPropsWithID } from '../types';
+export declare const NotificationsContext: import("react").Context<{
+    api: CubeNotificationsApi;
+    addOnDismissListener: (listener: (notification: CubeNotifyApiPropsWithID) => void) => () => void;
+} | null>;

package/types/components/overlays/NewNotifications/NotificationsContext/NotificationsProvider.d.ts

@@ -1,9 +1,4 @@
 import { PropsWithChildren, RefObject } from 'react';
-import { CubeNotificationsApi, CubeNotifyApiPropsWithID } from '../types';
-export declare const NotificationsContext: import("react").Context<{
-    api: CubeNotificationsApi;
-    addOnDismissListener: (listener: (notification: CubeNotifyApiPropsWithID) => void) => () => void;
-} | null>;
 export declare function NotificationsProvider(props: PropsWithChildren<{
     rootRef: RefObject<HTMLElement | null> | null;
 }>): import("react/jsx-runtime").JSX.Element;

package/types/components/overlays/NewNotifications/NotificationsContext/index.d.ts

@@ -1 +1,2 @@
-export { NotificationsProvider, NotificationsContext, } from './NotificationsProvider';
+export { NotificationsProvider } from './NotificationsProvider';
+export { NotificationsContext } from './NotificationsContext';

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

@@ -1,4 +1,4 @@
-export { NotificationsProvider } from './NotificationsContext';
+export { NotificationsProvider, NotificationsContext, } from './NotificationsContext';
 export * from './NotificationsList';
 export * from './hooks';
 export { NotificationAction } from './NotificationView';

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' */
@@ -22,6 +21,8 @@ type PartialMenuButton = Partial<MenuButtonProps>;
 type ItemComponent = <T>(props: ItemProps<T> & PartialMenuButton & {
     description?: ReactNode;
     wrapper?: (item: ReactElement) => ReactElement;
+    /** Keyboard shortcut string, e.g. "Ctrl+C" */
+    hotkeys?: string;
 }) => ReactElement;
 type SectionComponent = typeof BaseSection;
 declare const Item: ItemComponent;

package/types/icons/ChartAreaStackedIcon.d.ts

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

package/types/icons/ChartAreaStackedPercentageIcon.d.ts

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

package/types/icons/ChartFunnelIcon.d.ts

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

package/types/icons/index.d.ts

@@ -11,6 +11,8 @@ export { CalendarEditIcon } from './CalendarEditIcon';
 export { CalendarIcon } from './CalendarIcon';
 export { CaretDownIcon } from './CaretDownIcon';
 export { CaretUpIcon } from './CaretUpIcon';
+export { ChartAreaStackedIcon } from './ChartAreaStackedIcon';
+export { ChartAreaStackedPercentageIcon } from './ChartAreaStackedPercentageIcon';
 export { ChartBarGroupedHorizontalIcon } from './ChartBarGroupedHorizontalIcon';
 export { ChartBarGroupedIcon } from './ChartBarGroupedIcon';
 export { ChartBarHorizontalIcon } from './ChartBarHorizontalIcon';
@@ -23,6 +25,7 @@ export { ChartBoxPlot2Icon } from './ChartBoxPlot2Icon';
 export { ChartBoxPlotIcon } from './ChartBoxPlotIcon';
 export { ChartBubbleIcon } from './ChartBubbleIcon';
 export { ChartDonut2Icon } from './ChartDonut2Icon';
+export { ChartFunnelIcon } from './ChartFunnelIcon';
 export { ChartPie2Icon } from './ChartPie2Icon';
 export { ChartScatterIcon } from './ChartScatterIcon';
 export { CheckCircleFilledIcon } from './CheckCircleFilledIcon';

package/types/index.d.ts

@@ -60,7 +60,10 @@ export { Badge } from './components/content/Badge/Badge';
 export type { CubeBadgeProps } from './components/content/Badge/Badge';
 export { Tag } from './components/content/Tag/Tag';
 export type { CubeTagProps } from './components/content/Tag/Tag';
+export * from './components/content/HotKeys';
 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 */

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

@@ -0,0 +1,12 @@
+/**
+ * useIsDarwin
+ * ----------
+ * @returns true  – if the browser is running on macOS / iOS
+ *          false – otherwise (Windows, Linux, Android…)
+ *
+ * • Safe to call during server-side rendering: it defaults to `true`
+ *   until it can really inspect the client.
+ * • Uses the modern UA-Client-Hints platform field where available,
+ *   then falls back to navigator.platform, then navigator.userAgent.
+ */
+export declare function useIsDarwin(defaultValue?: boolean): boolean;

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

@@ -0,0 +1,9 @@
+/**
+ * useKeySymbols
+ * -------------
+ * Turns an author string such as
+ *   "mod+k, ctrl+k"
+ * into
+ *   [["⌘", "K"], ["Ctrl", "K"]]
+ */
+export declare function useKeySymbols(combo: string): string[][];