@cube-dev/ui-kit 0.72.2 → 0.73.0

package/es/utils/react/useControlledFocusVisible.js

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

package/es/utils/react/useEventBus.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.72.2
+ * @cube-dev/ui-kit v0.73.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.72.2
+ * @cube-dev/ui-kit v0.73.0
  * Released under the MIT license.
  */
 

package/es/utils/react/useIsDarwin.js

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

package/es/utils/react/useKeySymbols.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.72.2
+ * @cube-dev/ui-kit v0.73.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.72.2
+ * @cube-dev/ui-kit v0.73.0
  * Released under the MIT license.
  */
 

package/es/utils/react/useQaProps.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.72.2
+ * @cube-dev/ui-kit v0.73.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.72.2
+ * @cube-dev/ui-kit v0.73.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.72.2
+ * @cube-dev/ui-kit v0.73.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.72.2
+ * @cube-dev/ui-kit v0.73.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.72.2
+ * @cube-dev/ui-kit v0.73.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.72.2
+ * @cube-dev/ui-kit v0.73.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.72.2
+ * @cube-dev/ui-kit v0.73.0
  * Released under the MIT license.
  */
 
 "use strict";
 if (typeof window !== 'undefined') {
-    const version = '0.72.2';
+    const version = '0.73.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.72.2",
+  "version": "0.73.0",
   "description": "UIKit for Cube Projects",
   "keywords": [
     "uikit"

package/types/components/Item.d.ts

@@ -0,0 +1,18 @@
+import { ReactElement, ReactNode } from 'react';
+import { ItemProps } from 'react-stately';
+import { Styles } from '../tasty';
+export interface CubeItemProps<T> extends ItemProps<T> {
+    qa?: string;
+    description?: ReactNode;
+    descriptionPlacement?: 'inline' | 'block' | 'auto';
+    icon?: ReactNode | 'checkbox';
+    prefix?: ReactNode;
+    suffix?: ReactNode;
+    rightIcon?: ReactNode;
+    styles?: Styles;
+    onAction?: () => void;
+    wrapper?: (item: ReactElement) => ReactElement;
+    [key: string]: any;
+}
+declare const _Item: <T>(props: CubeItemProps<T>) => ReactElement;
+export { _Item as Item };

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

@@ -1,5 +1,4 @@
 import { ReactElement } from 'react';
-import { Styles } from '../../../tasty';
 import { CubeActionProps } from '../Action/Action';
 export interface CubeButtonProps extends CubeActionProps {
     icon?: ReactElement;
@@ -85,28 +84,4 @@ export declare const DEFAULT_BUTTON_STYLES: {
         readonly placeSelf: "center end";
     };
 };
-export declare const DEFAULT_PRIMARY_STYLES: Styles;
-export declare const DEFAULT_SECONDARY_STYLES: Styles;
-export declare const DEFAULT_OUTLINE_STYLES: Styles;
-export declare const DEFAULT_NEUTRAL_STYLES: Styles;
-export declare const DEFAULT_CLEAR_STYLES: Styles;
-export declare const DEFAULT_LINK_STYLES: Styles;
-export declare const DANGER_PRIMARY_STYLES: Styles;
-export declare const DANGER_SECONDARY_STYLES: Styles;
-export declare const DANGER_OUTLINE_STYLES: Styles;
-export declare const DANGER_NEUTRAL_STYLES: Styles;
-export declare const DANGER_CLEAR_STYLES: Styles;
-export declare const DANGER_LINK_STYLES: Styles;
-export declare const SUCCESS_PRIMARY_STYLES: Styles;
-export declare const SUCCESS_SECONDARY_STYLES: Styles;
-export declare const SUCCESS_OUTLINE_STYLES: Styles;
-export declare const SUCCESS_NEUTRAL_STYLES: Styles;
-export declare const SUCCESS_CLEAR_STYLES: Styles;
-export declare const SUCCESS_LINK_STYLES: Styles;
-export declare const SPECIAL_PRIMARY_STYLES: Styles;
-export declare const SPECIAL_SECONDARY_STYLES: Styles;
-export declare const SPECIAL_OUTLINE_STYLES: Styles;
-export declare const SPECIAL_NEUTRAL_STYLES: Styles;
-export declare const SPECIAL_CLEAR_STYLES: Styles;
-export declare const SPECIAL_LINK_STYLES: Styles;
 export declare const Button: import("react").ForwardRefExoticComponent<Omit<CubeButtonProps, "ref"> & import("react").RefAttributes<import("@react-types/shared").FocusableRefValue<HTMLElement, HTMLElement>>>;

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

@@ -0,0 +1,6 @@
+import { CubeItemBaseProps } from '../../content/ItemBase';
+import { CubeUseActionProps } from '../use-action';
+export interface CubeItemButtonProps extends Omit<CubeItemBaseProps, 'buttonType' | 'as'>, Omit<CubeUseActionProps, 'type' | 'as'> {
+}
+export declare const ItemButton: import("react").ForwardRefExoticComponent<Omit<CubeItemButtonProps, "ref"> & import("react").RefAttributes<import("@react-types/shared").FocusableRefValue<HTMLElement, HTMLElement>>>;
+export type { CubeItemButtonProps as ItemButtonProps };

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

@@ -0,0 +1 @@
+export * from './ItemButton';

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

@@ -1,15 +1,12 @@
-import { FocusStrategy, ItemProps } from '@react-types/shared';
+import { FocusStrategy } from '@react-types/shared';
 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 { CubeBlockProps } from '../../Block';
-import { CubeTooltipProviderProps } from '../../overlays/Tooltip/TooltipProvider';
-import { MenuSelectionType } from './MenuItem';
+import { Item } from '../../Item';
 import { MenuTrigger } from './MenuTrigger';
 import { SubMenuTrigger } from './SubMenuTrigger';
 export interface CubeMenuProps<T> extends BasePropsWithoutChildren, ContainerStyleProps, Omit<AriaMenuProps<T>, 'selectedKeys' | 'defaultSelectedKeys' | 'onSelectionChange'> {
-    selectionIcon?: MenuSelectionType;
     header?: ReactNode;
     footer?: ReactNode;
     menuStyles?: Styles;
@@ -39,22 +36,7 @@ export interface CubeMenuProps<T> extends BasePropsWithoutChildren, ContainerSty
     /** Handler for selection changes */
     onSelectionChange?: (keys: string[]) => void;
 }
-type ItemComponent = <T>(props: ItemProps<T> & CubeBlockProps & {
-    /** Keyboard shortcut string, e.g. "Ctrl+C" */
-    hotkeys?: string;
-    description?: ReactNode;
-    postfix?: ReactNode;
-    selectionIcon?: MenuSelectionType;
-    isSelectable?: boolean;
-    isSelected?: boolean;
-    icon?: ReactElement;
-    onAction?: () => void;
-    wrapper?: (item: ReactElement) => ReactElement;
-    /** Tooltip configuration - can be a string for simple tooltip or object for advanced options */
-    tooltip?: string | Omit<CubeTooltipProviderProps, 'children'>;
-}) => ReactElement;
 type SectionComponent = typeof BaseSection;
-declare const Item: ItemComponent;
 declare const Section: SectionComponent;
 declare const __Menu: (<T>(props: CubeMenuProps<T> & React.RefAttributes<HTMLUListElement>) => ReactElement) & {
     Item: typeof Item;
@@ -62,10 +44,7 @@ declare const __Menu: (<T>(props: CubeMenuProps<T> & React.RefAttributes<HTMLULi
     SubMenuTrigger: typeof SubMenuTrigger;
     Trigger: typeof MenuTrigger;
 } & {
-    Item: (props: {
-        description?: ReactNode;
-        [key: string]: any;
-    }) => ReactElement;
+    Item: <T>(props: import("../../Item").CubeItemProps<T>) => ReactElement;
     Section: any;
     SubMenuTrigger: typeof SubMenuTrigger;
     Trigger: React.ForwardRefExoticComponent<any>;

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

@@ -6,7 +6,6 @@ export interface MenuItemProps<T> {
     item: Node<T>;
     state: TreeState<T>;
     styles?: Styles;
-    selectionIcon?: MenuSelectionType;
     isVirtualized?: boolean;
     isDisabled?: boolean;
     onAction?: (key: Key) => void;

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

@@ -6,6 +6,7 @@ declare const Button: import("react").ForwardRefExoticComponent<Omit<import("./B
 };
 export * from './Button';
 export * from './Action/Action';
+export * from './ItemButton';
 export * from './Menu';
 export * from './CommandMenu';
 export * from './use-action';

package/types/components/actions/use-anchored-menu.d.ts

@@ -8,7 +8,7 @@ export interface UseAnchoredMenuReturn<P, T> {
      * @param props - Props to pass to the menu component
      * @param triggerProps - Additional props for MenuTrigger (merged with defaultTriggerProps)
      */
-    open(props: P, triggerProps?: T): void;
+    open(props?: P, triggerProps?: T): void;
     /**
      * Updates the props of the currently open menu.
      * Props are merged if defaults are provided.
@@ -29,6 +29,7 @@ export interface UseAnchoredMenuReturn<P, T> {
  *
  * @param Component - A React component that represents the menu content (Menu or CommandMenu).
  * @param defaultTriggerProps - Default props to pass to the MenuTrigger.
+ * @param defaultMenuProps - Default props to pass to the Menu component.
  * @returns An object with `anchorRef` to position the menu, `open` function to open the menu with provided props, `close` function to close the menu, and `rendered` JSX element to include in your component tree.
  */
-export declare function useAnchoredMenu<P, T = ComponentProps<typeof MenuTrigger>>(Component: ComponentType<P>, defaultTriggerProps?: Omit<ComponentProps<typeof MenuTrigger>, 'children' | 'isOpen' | 'onOpenChange' | 'targetRef'>): UseAnchoredMenuReturn<P, T>;
+export declare function useAnchoredMenu<P, T = ComponentProps<typeof MenuTrigger>>(Component: ComponentType<P>, defaultTriggerProps?: Omit<ComponentProps<typeof MenuTrigger>, 'children' | 'isOpen' | 'onOpenChange' | 'targetRef'>, defaultMenuProps?: P): UseAnchoredMenuReturn<P, T>;

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

@@ -1,6 +1,7 @@
 import { BasePropsWithoutChildren, ContainerStyleProps } from '../../../tasty';
 export interface CubeHotKeysProps extends BasePropsWithoutChildren, ContainerStyleProps {
     children: string;
+    type?: 'default' | 'primary';
 }
 declare const _HotKeys: import("react").ForwardRefExoticComponent<CubeHotKeysProps & import("react").RefAttributes<unknown>>;
 export { _HotKeys as HotKeys };

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

@@ -0,0 +1,45 @@
+import { ReactNode } from 'react';
+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 {
+    icon?: ReactNode | 'checkbox';
+    rightIcon?: ReactNode;
+    prefix?: ReactNode;
+    suffix?: ReactNode;
+    description?: ReactNode;
+    descriptionPlacement?: 'inline' | 'block' | 'auto';
+    isSelected?: boolean;
+    size?: 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | 'inline' | (string & {});
+    type?: 'item' | 'primary' | 'secondary' | 'outline' | 'neutral' | 'clear' | 'link' | (string & {});
+    theme?: 'default' | 'danger' | 'success' | 'special' | (string & {});
+    variant?: ItemVariant;
+    /** Keyboard shortcut that triggers the element when pressed */
+    hotkeys?: string;
+    /**
+     * Tooltip content and configuration:
+     * - string: simple tooltip text
+     * - true: auto tooltip on overflow (shows children as tooltip when truncated)
+     * - object: advanced configuration with optional auto property
+     */
+    tooltip?: string | boolean | (Omit<CubeTooltipProviderProps, 'children'> & {
+        auto?: boolean;
+    });
+    /**
+     * HTML button type to avoid implicit form submission when used as `as="button"`.
+     * Kept separate from visual `type` prop.
+     */
+    buttonType?: 'button' | 'submit' | 'reset';
+    labelProps?: Props;
+    descriptionProps?: Props;
+    keyboardShortcutProps?: Props;
+    /**
+     * @private
+     * Default tooltip placement for the item.
+     * @default "top"
+     */
+    defaultTooltipPlacement?: OverlayProps['placement'];
+}
+declare const _ItemBase: import("react").ForwardRefExoticComponent<CubeItemBaseProps & import("react").RefAttributes<HTMLElement>>;
+export { _ItemBase as ItemBase };

package/types/components/content/ItemBase/index.d.ts

@@ -0,0 +1 @@
+export * from './ItemBase';