@cube-dev/ui-kit 0.0.0-canary-7b7ab98 → 0.0.0-canary-358304d

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 { CollectionItem, CubeCollectionItemProps } from '../../CollectionItem';
+import { CubeItemProps, Item } from '../../Item';
 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,7 +95,7 @@ export interface CubeListBoxProps<T> extends AriaListBoxProps<T>, CollectionBase
     /**
      * Props to apply to the "Select All" option.
      */
-    allValueProps?: Partial<CubeCollectionItemProps<T>>;
+    allValueProps?: Partial<CubeItemProps<T>>;
     /**
      * Filter function to apply to the collection nodes.
      * Takes an iterable of nodes and returns a filtered iterable.
@@ -106,6 +106,6 @@ export interface CubeListBoxProps<T> extends AriaListBoxProps<T>, CollectionBase
 export declare const ListBox: (<T>(props: CubeListBoxProps<T> & {
     ref?: ForwardedRef<HTMLDivElement>;
 }) => ReactElement) & {
-    Item: typeof CollectionItem;
+    Item: typeof Item;
     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 { CubeItemProps } from '../../content/Item';
+import { CubeItemBaseProps } from '../../content/ItemBase';
 import { CubeListBoxProps, ListBox } from '../ListBox/ListBox';
 import type { FieldBaseProps } from '../../../shared';
-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'> {
+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'> {
     /** 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?: CubeItemProps['tooltip'];
+    triggerTooltip?: CubeItemBaseProps['tooltip'];
     /** Description for the trigger button (separate from field description) */
-    triggerDescription?: CubeItemProps['description'];
+    triggerDescription?: CubeItemBaseProps['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 { CubeItemProps } from '../../content/Item/Item';
+import { CubeItemBaseProps } from '../../content/ItemBase/ItemBase';
 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<CubeItemProps['type'], 'secondary'>;
+    buttonType?: Exclude<CubeItemBaseProps['type'], 'secondary'>;
     value?: string;
     isInvalid?: boolean;
-    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'];
+    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'];
 }
 /**
  * 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 { CubeItemProps } from '../../content/Item/Item';
+import { CubeItemBaseProps } from '../../content/ItemBase/ItemBase';
 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<CubeItemProps['size'], 'inline'>;
-    buttonType?: Exclude<CubeItemProps['type'], 'secondary'>;
+    size?: Omit<CubeItemBaseProps['size'], 'inline'>;
+    buttonType?: Exclude<CubeItemBaseProps['type'], 'secondary'>;
     type?: 'radio' | 'button' | 'tabs';
 }
 /**

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

@@ -1,10 +1,10 @@
 import { RadioGroupState } from 'react-stately';
-import { CubeItemProps } from '../../content/Item/Item';
+import { CubeItemBaseProps } from '../../content/ItemBase/ItemBase';
 interface CubeRadioGroupState {
     name?: string;
     state: RadioGroupState;
-    size?: CubeItemProps['size'];
-    buttonType?: CubeItemProps['type'];
+    size?: CubeItemBaseProps['size'];
+    buttonType?: CubeItemBaseProps['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 { CollectionItem } from '../../CollectionItem';
+import { Item } from '../../Item';
 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 CollectionItem;
+    Item: typeof Item;
     Section: typeof SelectSectionComponent;
 } & {
-    Item: (<T>(props: import("../../CollectionItem").CubeCollectionItemProps<T>) => ReactElement) & {
+    Item: (<T>(props: import("../../Item").CubeItemProps<T>) => ReactElement) & {
         Action: React.ForwardRefExoticComponent<Omit<import("../../actions").CubeItemActionProps, "ref"> & React.RefAttributes<import("@react-types/shared").FocusableRefValue<HTMLElement, HTMLElement>>>;
-        Badge: React.ForwardRefExoticComponent<import("../../content/Item").CubeItemBadgeProps & React.RefAttributes<HTMLDivElement>>;
+        Badge: React.ForwardRefExoticComponent<import("../../content/ItemBase").CubeItemBadgeProps & React.RefAttributes<HTMLDivElement>>;
     };
     Section: any;
 };

package/types/index.d.ts

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

package/types/utils/raf.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Chains N requestAnimationFrame calls and returns a cancel function.
+ * Useful for ensuring layout is complete before performing operations.
+ *
+ * @param callback - The function to call after N frames
+ * @param count - Number of RAF cycles to wait (default: 1)
+ * @returns A function to cancel the pending RAF call
+ *
+ * @example
+ * const cancel = chainRaf(() => {
+ *   updatePosition();
+ * }, 3);
+ *
+ * // Later, if needed:
+ * cancel();
+ */
+export declare function chainRaf(callback: () => void, count?: number): () => void;