@cube-dev/ui-kit 0.85.1 → 0.86.0

package/es/utils/react/wrapNodeIfPlain.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.85.1
+ * @cube-dev/ui-kit v0.86.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.85.1
+ * @cube-dev/ui-kit v0.86.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.85.1
+ * @cube-dev/ui-kit v0.86.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.85.1
+ * @cube-dev/ui-kit v0.86.0
  * Released under the MIT license.
  */
 
 "use strict";
 if (typeof window !== 'undefined') {
-    const version = '0.85.1';
+    const version = '0.86.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,6 +1,6 @@
 {
   "name": "@cube-dev/ui-kit",
-  "version": "0.85.1",
+  "version": "0.86.0",
   "description": "UIKit for Cube Projects",
   "keywords": [
     "uikit"

package/types/components/{Item.d.ts → CollectionItem.d.ts}

@@ -1,13 +1,13 @@
 import { ReactElement } from 'react';
 import { ItemProps } from 'react-stately';
-import { CubeItemBaseProps } from './content/ItemBase/ItemBase';
-export interface CubeItemProps<T> extends ItemProps<T>, Omit<CubeItemBaseProps, 'children'> {
+import { CubeItemProps } from './content/Item/Item';
+export interface CubeCollectionItemProps<T> extends ItemProps<T>, Omit<CubeItemProps, 'children'> {
     onAction?: () => void;
     wrapper?: (item: ReactElement) => ReactElement;
     [key: string]: any;
 }
-declare const _Item: (<T>(props: CubeItemProps<T>) => ReactElement) & {
+declare const _CollectionItem: (<T>(props: CubeCollectionItemProps<T>) => ReactElement) & {
     Action: import("react").ForwardRefExoticComponent<Omit<import("./actions/ItemAction").CubeItemActionProps, "ref"> & import("react").RefAttributes<import("@react-types/shared").FocusableRefValue<HTMLElement, HTMLElement>>>;
     Badge: import("react").ForwardRefExoticComponent<import("./content/ItemBadge").CubeItemBadgeProps & import("react").RefAttributes<HTMLDivElement>>;
 };
-export { _Item as Item };
+export { _CollectionItem as CollectionItem };

package/types/components/actions/ItemAction/ItemAction.d.ts

@@ -1,7 +1,8 @@
 import { ComponentProps, ReactNode } from 'react';
+import { BaseProps, Styles } from '../../../tasty';
 import { TooltipProvider } from '../../overlays/Tooltip/TooltipProvider';
 import { CubeUseActionProps } from '../use-action';
-export interface CubeItemActionProps extends Omit<CubeUseActionProps, 'as' | 'htmlType'> {
+export interface CubeItemActionProps extends Omit<CubeUseActionProps, 'as' | 'htmlType'>, Omit<BaseProps, 'as'> {
     icon?: ReactNode | 'checkbox';
     children?: ReactNode;
     isLoading?: boolean;
@@ -11,6 +12,7 @@ export interface CubeItemActionProps extends Omit<CubeUseActionProps, 'as' | 'ht
     tooltip?: string | (Omit<ComponentProps<typeof TooltipProvider>, 'children'> & {
         title?: string;
     });
+    styles?: Styles;
 }
 export declare const ItemAction: import("react").ForwardRefExoticComponent<Omit<CubeItemActionProps, "ref"> & import("react").RefAttributes<import("@react-types/shared").FocusableRefValue<HTMLElement, HTMLElement>>>;
 export type { CubeItemActionProps as ItemActionProps };

package/types/components/actions/ItemActionContext.d.ts

@@ -1,11 +1,11 @@
 import { ReactNode } from 'react';
-import { CubeItemBaseProps } from '../content/ItemBase';
+import { CubeItemProps } from '../content/Item';
 interface ItemActionContextValue {
-    type?: CubeItemBaseProps['type'];
+    type?: CubeItemProps['type'];
     theme?: 'default' | 'danger' | 'success' | 'special' | (string & {});
 }
 export interface ItemActionProviderProps {
-    type?: CubeItemBaseProps['type'];
+    type?: CubeItemProps['type'];
     theme?: 'default' | 'danger' | 'success' | 'special' | (string & {});
     children: ReactNode;
 }

package/types/components/actions/ItemButton/ItemButton.d.ts

@@ -1,17 +1,17 @@
 import { ReactNode } from 'react';
 import { Styles } from '../../../tasty';
-import { CubeItemBaseProps } from '../../content/ItemBase';
+import { CubeItemProps } from '../../content/Item';
 import { CubeItemActionProps } from '../ItemAction';
 import { CubeUseActionProps } from '../use-action';
-export interface CubeItemButtonProps extends Omit<CubeItemBaseProps, 'size'>, Omit<CubeUseActionProps, 'as'> {
+export interface CubeItemButtonProps extends Omit<CubeItemProps, 'size'>, Omit<CubeUseActionProps, 'as'> {
     actions?: ReactNode;
-    size?: Omit<CubeItemBaseProps['size'], 'inline'>;
+    size?: Omit<CubeItemProps['size'], 'inline'>;
     wrapperStyles?: Styles;
     showActionsOnHover?: boolean;
 }
 declare const _ItemButton: import("react").ForwardRefExoticComponent<Omit<CubeItemButtonProps, "ref"> & import("react").RefAttributes<import("@react-types/shared").FocusableRefValue<HTMLElement, HTMLElement>>> & {
     Action: import("react").ForwardRefExoticComponent<Omit<CubeItemActionProps, "ref"> & import("react").RefAttributes<import("@react-types/shared").FocusableRefValue<HTMLElement, HTMLElement>>>;
-    Badge: import("react").ForwardRefExoticComponent<import("../../content/ItemBadge").CubeItemBadgeProps & import("react").RefAttributes<HTMLDivElement>>;
+    Badge: import("react").ForwardRefExoticComponent<import("../../content/Item").CubeItemBadgeProps & import("react").RefAttributes<HTMLDivElement>>;
 };
 export { _ItemButton as ItemButton };
 export type { CubeItemButtonProps as ItemButtonProps, CubeItemActionProps as ItemActionProps, };

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

@@ -3,7 +3,7 @@ import React, { ReactElement, ReactNode } from 'react';
 import { AriaMenuProps } from 'react-aria';
 import { Section as BaseSection } from 'react-stately';
 import { BasePropsWithoutChildren, ContainerStyleProps, Styles } from '../../../tasty';
-import { Item } from '../../Item';
+import { CollectionItem } from '../../CollectionItem';
 import { MenuTrigger } from './MenuTrigger';
 import { SubMenuTrigger } from './SubMenuTrigger';
 export interface CubeMenuProps<T> extends BasePropsWithoutChildren, ContainerStyleProps, Omit<AriaMenuProps<T>, 'selectedKeys' | 'defaultSelectedKeys' | 'onSelectionChange'> {
@@ -39,12 +39,12 @@ export interface CubeMenuProps<T> extends BasePropsWithoutChildren, ContainerSty
 type SectionComponent = typeof BaseSection;
 declare const Section: SectionComponent;
 declare const __Menu: (<T>(props: CubeMenuProps<T> & React.RefAttributes<HTMLUListElement>) => ReactElement) & {
-    Item: typeof Item;
+    Item: typeof CollectionItem;
     Section: typeof Section;
     SubMenuTrigger: typeof SubMenuTrigger;
     Trigger: typeof MenuTrigger;
 } & {
-    Item: (<T>(props: import("../../Item").CubeItemProps<T>) => ReactElement) & {
+    Item: (<T>(props: import("../../CollectionItem").CubeCollectionItemProps<T>) => ReactElement) & {
         Action: React.ForwardRefExoticComponent<Omit<import("..").CubeItemActionProps, "ref"> & React.RefAttributes<import("@react-types/shared").FocusableRefValue<HTMLElement, HTMLElement>>>;
         Badge: React.ForwardRefExoticComponent<import("../../..").CubeItemBadgeProps & React.RefAttributes<HTMLDivElement>>;
     };

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

@@ -1,6 +1,8 @@
 import THEMES from '../../../data/themes';
-import { BaseProps, ContainerStyleProps } from '../../../tasty';
-export interface CubeBadgeProps extends BaseProps, ContainerStyleProps {
+import { CubeItemProps } from '../Item';
+export interface CubeBadgeProps extends CubeItemProps {
     type?: keyof typeof THEMES | string;
+    theme?: keyof typeof THEMES | string;
 }
-export declare const Badge: import("react").ForwardRefExoticComponent<CubeBadgeProps & import("react").RefAttributes<unknown>>;
+declare const _Badge: import("react").ForwardRefExoticComponent<CubeBadgeProps & import("react").RefAttributes<unknown>>;
+export { _Badge as Badge };

package/types/components/content/{ItemBase/ItemBase.d.ts → Item/Item.d.ts}

@@ -3,7 +3,7 @@ import { OverlayProps } from 'react-aria';
 import { ItemVariant } from '../../../data/item-themes';
 import { BaseProps, ContainerStyleProps, Props } from '../../../tasty';
 import { CubeTooltipProviderProps } from '../../overlays/Tooltip/TooltipProvider';
-export interface CubeItemBaseProps extends BaseProps, ContainerStyleProps {
+export interface CubeItemProps extends BaseProps, ContainerStyleProps {
     icon?: ReactNode | 'checkbox';
     rightIcon?: ReactNode;
     prefix?: ReactNode;
@@ -72,7 +72,7 @@ export interface CubeItemBaseProps extends BaseProps, ContainerStyleProps {
     labelRef?: RefObject<HTMLElement>;
 }
 export declare function useAutoTooltip({ tooltip, children, labelProps, isDynamicLabel, }: {
-    tooltip: CubeItemBaseProps['tooltip'];
+    tooltip: CubeItemProps['tooltip'];
     children: ReactNode;
     labelProps?: Props;
     isDynamicLabel?: boolean;
@@ -86,8 +86,13 @@ export declare function useAutoTooltip({ tooltip, children, labelProps, isDynami
     hasTooltip: boolean;
     renderWithTooltip: (renderElement: (tooltipTriggerProps?: HTMLAttributes<HTMLElement>, tooltipRef?: RefObject<HTMLElement>) => ReactNode, defaultTooltipPlacement: OverlayProps["placement"]) => string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
 };
-declare const _ItemBase: import("react").ForwardRefExoticComponent<CubeItemBaseProps & import("react").RefAttributes<HTMLElement>> & {
+declare const _Item: import("react").ForwardRefExoticComponent<CubeItemProps & import("react").RefAttributes<HTMLElement>> & {
     Action: import("react").ForwardRefExoticComponent<Omit<import("../../actions/ItemAction").CubeItemActionProps, "ref"> & import("react").RefAttributes<import("@react-types/shared").FocusableRefValue<HTMLElement, HTMLElement>>>;
     Badge: import("react").ForwardRefExoticComponent<import("../ItemBadge").CubeItemBadgeProps & import("react").RefAttributes<HTMLDivElement>>;
 };
-export { _ItemBase as ItemBase };
+export { _Item as Item };
+/**
+ * @deprecated Use `Item` instead. This export will be removed in a future version.
+ */
+export { _Item as ItemBase };
+export type { CubeItemProps as CubeItemBaseProps };

package/types/components/content/{ItemBase → Item}/index.d.ts

@@ -1,2 +1,2 @@
-export * from './ItemBase';
+export * from './Item';
 export * from '../ItemBadge';

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

@@ -1,13 +1,12 @@
-import { ReactNode } from 'react';
 import THEMES from '../../../data/themes';
-import { BaseProps, ContainerStyleProps, Styles } from '../../../tasty';
-export interface CubeTagProps extends BaseProps, ContainerStyleProps {
+import { Styles } from '../../../tasty';
+import { CubeItemProps } from '../Item';
+export interface CubeTagProps extends CubeItemProps {
     type?: keyof typeof THEMES | string;
     theme?: keyof typeof THEMES | string;
     isClosable?: boolean;
     onClose?: () => void;
     closeButtonStyles?: Styles;
-    icon?: ReactNode;
 }
 declare const _Tag: import("react").ForwardRefExoticComponent<CubeTagProps & import("react").RefAttributes<unknown>>;
 export { _Tag as Tag };

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

@@ -3,7 +3,7 @@ import React, { ForwardedRef, ReactElement, ReactNode, RefObject } from 'react';
 import { Section as BaseSection } from 'react-stately';
 import { FieldBaseProps } from '../../../shared';
 import { BasePropsWithoutChildren, BaseStyleProps, ColorStyleProps, OuterStyleProps, Styles } from '../../../tasty';
-import { Item } from '../../Item';
+import { CollectionItem as Item } from '../../CollectionItem';
 type FilterFn = (textValue: string, inputValue: string) => boolean;
 export type PopoverTriggerAction = 'focus' | 'input' | 'manual';
 export interface CubeComboBoxProps<T> extends BasePropsWithoutChildren, BaseStyleProps, OuterStyleProps, ColorStyleProps, FieldBaseProps {

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

@@ -1,8 +1,8 @@
 import { Key } from '@react-types/shared';
 import { ForwardedRef, ReactElement, ReactNode, RefObject } from 'react';
 import { Section as BaseSection, Item } from 'react-stately';
+import { CubeCollectionItemProps } from 'src/components/CollectionItem';
 import { Styles } from '../../../tasty';
-import { CubeItemProps } from '../../Item';
 import { CubeListBoxProps } from '../ListBox/ListBox';
 import type { Collection, Node } from '@react-types/shared';
 import type { FieldBaseProps } from '../../../shared';
@@ -49,12 +49,12 @@ export interface CubeFilterListBoxProps<T> extends Omit<CubeListBoxProps<T>, 'fi
     /**
      * Props to apply to existing custom values (values that are already selected but not in the predefined options).
      */
-    customValueProps?: Partial<CubeItemProps<T>>;
+    customValueProps?: Partial<CubeCollectionItemProps<T>>;
     /**
      * Props to apply to new custom values (values typed in the search input that are about to be added).
      * These are merged with customValueProps for new custom values.
      */
-    newCustomValueProps?: Partial<CubeItemProps<T>>;
+    newCustomValueProps?: Partial<CubeCollectionItemProps<T>>;
     /**
      * Controlled search value. When provided, the search input becomes controlled.
      * Use with `onSearchChange` to manage the search state externally.

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

@@ -2,11 +2,11 @@ import { ForwardedRef, ReactElement, ReactNode, RefObject } from 'react';
 import { Section as BaseSection, ListState } from 'react-stately';
 import { BasePropsWithoutChildren, BaseStyleProps, ColorStyleProps, OuterStyleProps, Styles } from '../../../tasty';
 import { CubeItemButtonProps } from '../../actions';
-import { CubeItemBaseProps } from '../../content/ItemBase';
+import { CubeItemProps } from '../../content/Item';
 import { CubeFilterListBoxProps } from '../FilterListBox/FilterListBox';
 import { ListBox } from '../ListBox';
 import type { FieldBaseProps } from '../../../shared';
-export interface CubeFilterPickerProps<T> extends Omit<CubeFilterListBoxProps<T>, 'size' | 'tooltip'>, Omit<CubeItemBaseProps, 'children' | 'size'>, BasePropsWithoutChildren, BaseStyleProps, OuterStyleProps, ColorStyleProps, Omit<FieldBaseProps, 'tooltip'>, Pick<CubeItemButtonProps, 'type' | 'theme' | 'icon' | 'rightIcon' | 'prefix' | 'suffix' | 'hotkeys'> {
+export interface CubeFilterPickerProps<T> extends Omit<CubeFilterListBoxProps<T>, 'size' | 'tooltip'>, Omit<CubeItemProps, 'children' | 'size'>, BasePropsWithoutChildren, BaseStyleProps, OuterStyleProps, ColorStyleProps, Omit<FieldBaseProps, 'tooltip'>, Pick<CubeItemButtonProps, 'type' | 'theme' | 'icon' | 'rightIcon' | 'prefix' | 'suffix' | 'hotkeys'> {
     /** Placeholder text when no selection is made */
     placeholder?: string;
     /** Size of the picker component */
@@ -22,9 +22,9 @@ export interface CubeFilterPickerProps<T> extends Omit<CubeFilterListBoxProps<T>
     /** Whether to flip the popover placement */
     shouldFlip?: boolean;
     /** Tooltip for the trigger button (separate from field tooltip) */
-    triggerTooltip?: CubeItemBaseProps['tooltip'];
+    triggerTooltip?: CubeItemProps['tooltip'];
     /** Description for the trigger button (separate from field description) */
-    triggerDescription?: CubeItemBaseProps['description'];
+    triggerDescription?: CubeItemProps['description'];
     /**
      * Custom renderer for the summary shown inside the trigger when there is a selection.
      *

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

@@ -2,7 +2,7 @@ import { ForwardedRef, ReactElement, ReactNode, RefObject } from 'react';
 import { AriaListBoxProps } from 'react-aria';
 import { Section as BaseSection } from 'react-stately';
 import { BasePropsWithoutChildren, Styles } from '../../../tasty';
-import { CubeItemProps, Item } from '../../Item';
+import { CollectionItem, CubeCollectionItemProps } from '../../CollectionItem';
 import type { CollectionBase, Key } from '@react-types/shared';
 import type { FieldBaseProps } from '../../../shared';
 export interface CubeListBoxProps<T> extends AriaListBoxProps<T>, CollectionBase<T>, FieldBaseProps, BasePropsWithoutChildren {
@@ -95,17 +95,22 @@ export interface CubeListBoxProps<T> extends AriaListBoxProps<T>, CollectionBase
     /**
      * Props to apply to the "Select All" option.
      */
-    allValueProps?: Partial<CubeItemProps<T>>;
+    allValueProps?: Partial<CubeCollectionItemProps<T>>;
     /**
      * Filter function to apply to the collection nodes.
      * Takes an iterable of nodes and returns a filtered iterable.
      * Useful for implementing search/filter functionality.
      */
     filter?: (nodes: Iterable<any>) => Iterable<any>;
+    /**
+     * Label to display when the list is empty (no items available).
+     * Defaults to "No items".
+     */
+    emptyLabel?: ReactNode;
 }
 export declare const ListBox: (<T>(props: CubeListBoxProps<T> & {
     ref?: ForwardedRef<HTMLDivElement>;
 }) => ReactElement) & {
-    Item: typeof Item;
+    Item: typeof CollectionItem;
     Section: typeof BaseSection;
 };

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

@@ -2,10 +2,10 @@ import { ForwardedRef, MutableRefObject, ReactElement, ReactNode } from 'react';
 import { Section as BaseSection, ListState } from 'react-stately';
 import { BasePropsWithoutChildren, BaseStyleProps, ColorStyleProps, OuterStyleProps, Styles } from '../../../tasty';
 import { CubeItemButtonProps } from '../../actions';
-import { CubeItemBaseProps } from '../../content/ItemBase';
+import { CubeItemProps } from '../../content/Item';
 import { CubeListBoxProps, ListBox } from '../ListBox/ListBox';
 import type { FieldBaseProps } from '../../../shared';
-export interface CubePickerProps<T> extends Omit<CubeListBoxProps<T>, 'size' | 'tooltip'>, Omit<CubeItemBaseProps, 'children' | 'size'>, BasePropsWithoutChildren, BaseStyleProps, OuterStyleProps, ColorStyleProps, Omit<FieldBaseProps, 'tooltip'>, Pick<CubeItemButtonProps, 'type' | 'theme' | 'icon' | 'rightIcon' | 'prefix' | 'suffix' | 'hotkeys'> {
+export interface CubePickerProps<T> extends Omit<CubeListBoxProps<T>, 'size' | 'tooltip'>, Omit<CubeItemProps, 'children' | 'size'>, BasePropsWithoutChildren, BaseStyleProps, OuterStyleProps, ColorStyleProps, Omit<FieldBaseProps, 'tooltip'>, Pick<CubeItemButtonProps, 'type' | 'theme' | 'icon' | 'rightIcon' | 'prefix' | 'suffix' | 'hotkeys'> {
     /** Placeholder text when no selection is made */
     placeholder?: string;
     /** Size of the picker component */
@@ -21,9 +21,9 @@ export interface CubePickerProps<T> extends Omit<CubeListBoxProps<T>, 'size' | '
     /** Whether to flip the popover placement */
     shouldFlip?: boolean;
     /** Tooltip for the trigger button (separate from field tooltip) */
-    triggerTooltip?: CubeItemBaseProps['tooltip'];
+    triggerTooltip?: CubeItemProps['tooltip'];
     /** Description for the trigger button (separate from field description) */
-    triggerDescription?: CubeItemBaseProps['description'];
+    triggerDescription?: CubeItemProps['description'];
     /**
      * Custom renderer for the summary shown inside the trigger when there is a selection.
      *

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

@@ -1,24 +1,24 @@
 import { useRadio } from 'react-aria';
 import { FieldBaseProps } from '../../../shared';
 import { BaseProps, OuterStyleProps } from '../../../tasty';
-import { CubeItemBaseProps } from '../../content/ItemBase/ItemBase';
+import { CubeItemProps } from '../../content/Item/Item';
 import { RadioGroup } from './RadioGroup';
 import type { AriaRadioProps } from 'react-aria';
 export { AriaRadioProps };
 export { useRadio };
 export interface CubeRadioProps extends BaseProps, AriaRadioProps, Omit<FieldBaseProps, 'tooltip'>, OuterStyleProps {
     type?: 'button' | 'radio';
-    buttonType?: Exclude<CubeItemBaseProps['type'], 'secondary'>;
+    buttonType?: Exclude<CubeItemProps['type'], 'secondary'>;
     value?: string;
     isInvalid?: boolean;
-    size?: Omit<CubeItemBaseProps['size'], 'inline'>;
-    icon?: CubeItemBaseProps['icon'];
-    rightIcon?: CubeItemBaseProps['rightIcon'];
-    prefix?: CubeItemBaseProps['prefix'];
-    suffix?: CubeItemBaseProps['suffix'];
-    description?: CubeItemBaseProps['description'];
-    tooltip?: CubeItemBaseProps['tooltip'];
-    hotkeys?: CubeItemBaseProps['hotkeys'];
+    size?: Omit<CubeItemProps['size'], 'inline'>;
+    icon?: CubeItemProps['icon'];
+    rightIcon?: CubeItemProps['rightIcon'];
+    prefix?: CubeItemProps['prefix'];
+    suffix?: CubeItemProps['suffix'];
+    description?: CubeItemProps['description'];
+    tooltip?: CubeItemProps['tooltip'];
+    hotkeys?: CubeItemProps['hotkeys'];
 }
 /**
  * Radio buttons allow users to select a single option from a list of mutually exclusive options.

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

@@ -2,7 +2,7 @@ import { AriaRadioGroupProps } from 'react-aria';
 import { FieldBaseProps } from '../../../shared';
 import { BaseProps, ContainerStyleProps, Styles } from '../../../tasty';
 import { WithNullableValue } from '../../../utils/react/nullableValue';
-import { CubeItemBaseProps } from '../../content/ItemBase/ItemBase';
+import { CubeItemProps } from '../../content/Item/Item';
 export interface CubeRadioGroupProps extends BaseProps, Omit<AriaRadioGroupProps, 'errorMessage'>, ContainerStyleProps, FieldBaseProps {
     groupStyles?: Styles;
     orientation?: 'horizontal' | 'vertical';
@@ -10,8 +10,8 @@ export interface CubeRadioGroupProps extends BaseProps, Omit<AriaRadioGroupProps
     defaultValue?: string;
     onChange?: (value: string) => void;
     isInvalid?: boolean;
-    size?: Omit<CubeItemBaseProps['size'], 'inline'>;
-    buttonType?: Exclude<CubeItemBaseProps['type'], 'secondary'>;
+    size?: Omit<CubeItemProps['size'], 'inline'>;
+    buttonType?: Exclude<CubeItemProps['type'], 'secondary'>;
     type?: 'radio' | 'button' | 'tabs';
 }
 /**

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

@@ -1,10 +1,10 @@
 import { RadioGroupState } from 'react-stately';
-import { CubeItemBaseProps } from '../../content/ItemBase/ItemBase';
+import { CubeItemProps } from '../../content/Item/Item';
 interface CubeRadioGroupState {
     name?: string;
     state: RadioGroupState;
-    size?: CubeItemBaseProps['size'];
-    buttonType?: CubeItemBaseProps['type'];
+    size?: CubeItemProps['size'];
+    buttonType?: CubeItemProps['type'];
     type?: 'radio' | 'button' | 'tabs';
     isDisabled?: boolean;
 }

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

@@ -5,7 +5,7 @@ import { Section as BaseSection, useSelectState } from 'react-stately';
 import { CubeTooltipProviderProps } from 'src/components/overlays/Tooltip/TooltipProvider';
 import { FieldBaseProps } from '../../../shared/index';
 import { BasePropsWithoutChildren, BaseStyleProps, ColorStyleProps, OuterStyleProps, Props, Styles } from '../../../tasty/index';
-import { Item } from '../../Item';
+import { CollectionItem } from '../../CollectionItem';
 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, Omit<FieldBaseProps, 'tooltip'>, CollectionBase<T>, Omit<AriaSelectProps<T>, 'errorMessage'> {
     icon?: ReactElement;
@@ -83,12 +83,12 @@ declare const SelectSectionComponent: SectionComponent;
 declare const __Select: (<T extends object>(props: CubeSelectProps<object> & {
     ref?: DOMRef<HTMLDivElement> | undefined;
 }) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>>) & {
-    Item: typeof Item;
+    Item: typeof CollectionItem;
     Section: typeof SelectSectionComponent;
 } & {
-    Item: (<T>(props: import("../../Item").CubeItemProps<T>) => ReactElement) & {
+    Item: (<T>(props: import("../../CollectionItem").CubeCollectionItemProps<T>) => ReactElement) & {
         Action: React.ForwardRefExoticComponent<Omit<import("../../actions").CubeItemActionProps, "ref"> & React.RefAttributes<import("@react-types/shared").FocusableRefValue<HTMLElement, HTMLElement>>>;
-        Badge: React.ForwardRefExoticComponent<import("../../content/ItemBase").CubeItemBadgeProps & React.RefAttributes<HTMLDivElement>>;
+        Badge: React.ForwardRefExoticComponent<import("../../content/Item").CubeItemBadgeProps & React.RefAttributes<HTMLDivElement>>;
     };
     Section: any;
 };

package/types/icons/HierarchyOpenIcon.d.ts

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

package/types/icons/index.d.ts

@@ -66,6 +66,7 @@ export { FolderOpenFilledIcon } from './FolderOpenFilledIcon';
 export { FolderOpenIcon } from './FolderOpenIcon';
 export { ForwardIcon } from './ForwardIcon';
 export { HierarchyIcon } from './HierarchyIcon';
+export { HierarchyOpenIcon } from './HierarchyOpenIcon';
 export { InfoCircleIcon } from './InfoCircleIcon';
 export { InfoIcon } from './InfoIcon';
 export { KeyIcon } from './KeyIcon';

package/types/index.d.ts

@@ -4,11 +4,13 @@ import { CubeTitleProps, Title } from './components/content/Title';
 import './version';
 export { Section } from 'react-stately';
 export * from '@internationalized/date';
-export { Item } from './components/Item';
+export { CollectionItem } from './components/CollectionItem';
 export { Block } from './components/Block';
 export type { CubeBlockProps } from './components/Block';
-export { ItemBase } from './components/content/ItemBase/ItemBase';
-export type { CubeItemBaseProps } from './components/content/ItemBase/ItemBase';
+export { Item } from './components/content/Item/Item';
+export type { CubeItemProps } from './components/content/Item/Item';
+export { ItemBase } from './components/content/Item/Item';
+export type { CubeItemBaseProps } from './components/content/Item/Item';
 export { ItemBadge } from './components/content/ItemBadge/ItemBadge';
 export type { CubeItemBadgeProps } from './components/content/ItemBadge/ItemBadge';
 export { ActiveZone } from './components/content/ActiveZone/ActiveZone';