@cube-dev/ui-kit 0.64.1 → 0.65.1

package/es/tasty/utils/modAttrs.js

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

package/es/tasty/utils/renderStyles.js

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

package/es/tasty/utils/responsive.js

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

package/es/tasty/utils/string.js

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

package/es/tasty/utils/styles.js

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

package/es/tasty/utils/warnings.js

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

package/es/tokens.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.64.1
+ * @cube-dev/ui-kit v0.65.1
  * Released under the MIT license.
  */
 
@@ -41,7 +41,8 @@ const colors = {
     'note-bg': '253 245 233',
     'note-icon': '181 140 44',
     border: '227 227 233',
-    'light-border': '237 237 240',
+    // 'light-border': '237 237 240',
+    'light-border': '227 227 233', // deprecated
 };
 function color(name, opacity = 1) {
     return `rgb(${colors[name]} / ${opacity})`;

package/es/type-checks.js

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

package/es/utils/ResizeSensor.js

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

package/es/utils/modules.js

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

package/es/utils/promise.js

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

package/es/utils/random.js

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

package/es/utils/range.js

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

package/es/utils/react/Slots.js

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

package/es/utils/react/chain.js

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

package/es/utils/react/index.js

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

package/es/utils/react/interactions.js

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

package/es/utils/react/isTextOnly.js

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

package/es/utils/react/mapProps.js

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

package/es/utils/react/mergeProps.js

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

package/es/utils/react/nullableValue.js

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

package/es/utils/react/useCombinedRefs.js

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

package/es/utils/react/useIsDarwin.js

@@ -0,0 +1,42 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.65.1
+ * Released under the MIT license.
+ */
+
+import { useEffect, useState } from 'react';
+/**
+ * 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 function useIsDarwin(defaultValue = true) {
+    const [isDarwin, setIsDarwin] = useState(defaultValue);
+    useEffect(() => {
+        if (typeof navigator === 'undefined')
+            return; // ← running on the server
+        // 1 — Prefer UA-CH (Chromium 89+, Edge 94+, Arc, Opera, Android Chrome)
+        const chPlatform = navigator.userAgentData?.platform;
+        if (chPlatform) {
+            setIsDarwin(/mac|iphone|ipad|ipod/i.test(chPlatform));
+            return;
+        }
+        // 2 — Safari & Firefox: navigator.platform is still reliable
+        if (navigator.platform) {
+            setIsDarwin(/mac|iphone|ipad|ipod/i.test(navigator.platform));
+            return;
+        }
+        // 3 — Last-ditch for very old browsers
+        setIsDarwin(/mac|iphone|ipad|ipod/i.test(navigator.userAgent));
+    }, []);
+    return isDarwin;
+}
+
+        

package/es/utils/react/useKeySymbols.js

@@ -0,0 +1,81 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.65.1
+ * Released under the MIT license.
+ */
+
+import { useMemo } from 'react';
+import { useIsDarwin } from './useIsDarwin';
+/* symbols that are identical on every OS */
+const COMMON = {
+    esc: '⎋',
+    escape: '⎋',
+    enter: '⏎',
+    return: '⏎',
+    space: '␣',
+    backspace: '⌫',
+    delete: '⌦',
+    up: '↑',
+    arrowup: '↑',
+    down: '↓',
+    arrowdown: '↓',
+    left: '←',
+    arrowleft: '←',
+    right: '→',
+    arrowright: '→',
+};
+/* modifiers for macOS / iOS */
+const MAC = {
+    mod: '⌘',
+    meta: '⌘',
+    cmd: '⌘',
+    command: '⌘',
+    ctrl: '⌃',
+    control: '⌃',
+    alt: '⌥',
+    option: '⌥',
+    shift: '⇧',
+};
+/* modifiers for Windows / Linux */
+const PC = {
+    mod: 'Ctrl',
+    ctrl: 'Ctrl',
+    control: 'Ctrl',
+    meta: '⊞',
+    win: '⊞',
+    windows: '⊞',
+    cmd: '⊞',
+    command: '⊞',
+    alt: '⎇',
+    option: '⎇',
+    shift: '⇧',
+};
+/**
+ * useKeySymbols
+ * -------------
+ * Turns an author string such as
+ *   "mod+k, ctrl+k"
+ * into
+ *   [["⌘", "K"], ["Ctrl", "K"]]
+ */
+export function useKeySymbols(combo) {
+    const isDarwin = useIsDarwin(); // ⌘ by default during SSR
+    const modifiers = isDarwin ? MAC : PC;
+    return useMemo(() => {
+        /** split on commas, trim each alternative */
+        return combo
+            .split(',')
+            .map((raw) => raw.trim().toLowerCase())
+            .filter(Boolean) // drop empty fragments
+            .map((alternative) => alternative.split('+').map((part) => {
+            const key = part.trim();
+            return (modifiers[key] ?? // platform-specific modifier
+                COMMON[key] ?? // shared glyphs
+                part.toUpperCase() // plain key
+            );
+        }));
+    }, [combo, modifiers]);
+}
+
+        

package/es/utils/react/useLayoutEffect.js

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

package/es/version.js

@@ -1,13 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.64.1
+ * @cube-dev/ui-kit v0.65.1
  * Released under the MIT license.
  */
 
 "use strict";
 if (typeof window !== 'undefined') {
-    const version = '0.64.1';
+    const version = '0.65.1';
     // 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.64.1",
+  "version": "0.65.1",
   "description": "UIKit for Cube Projects",
   "keywords": [
     "uikit"
@@ -32,6 +32,7 @@
     "@react-spectrum/utils": "^3.12.1",
     "@react-stately/utils": "^3.10.5",
     "@react-types/shared": "^3.27.0",
+    "@sparticuz/chromium": "^137.0.1",
     "@tabler/icons-react": "^3.31.0",
     "@trivago/prettier-plugin-sort-imports": "^5.2.2",
     "@vitejs/plugin-react": "^4.3.2",
@@ -40,16 +41,19 @@
     "diff": "^7.0.0",
     "email-validator": "^2.0.4",
     "globals": "^16.0.0",
+    "playwright-core": "^1.53.2",
     "prism-react-renderer": "^2.4.1",
     "prismjs": "^1.30.0",
     "react-aria": "^3.37.0",
     "react-focus-lock": "^2.13.5",
+    "react-hotkeys-hook": "^5.1.0",
     "react-is": "^18.3.1",
     "react-keyed-flatten-children": "^1.3.0",
     "react-stately": "^3.35.0",
     "react-transition-group": "^4.4.5",
     "react-types": "^0.1.0",
     "remark-gfm": "^4.0.1",
+    "serve-handler": "^6.1.6",
     "tiny-invariant": "^1.3.3",
     "typescript-eslint": "^8.31.0",
     "usehooks-ts": "^3.1.0",

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

@@ -0,0 +1,6 @@
+import { AllBaseProps, ContainerStyleProps } from '../../../tasty';
+export interface CubeHotKeysProps extends AllBaseProps, ContainerStyleProps {
+    keys: string;
+}
+declare const _HotKeys: import("react").ForwardRefExoticComponent<CubeHotKeysProps & import("react").RefAttributes<unknown>>;
+export { _HotKeys as HotKeys };

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

@@ -0,0 +1,2 @@
+export { HotKeys } from './HotKeys';
+export type { CubeHotKeysProps } from './HotKeys';

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

@@ -1,4 +1,4 @@
-import { ForwardedRef, ReactElement, RefObject } from 'react';
+import { ForwardedRef, ReactElement, ReactNode, RefObject } from 'react';
 import { AriaListBoxProps } from 'react-aria';
 import { Section as BaseSection, Item } from 'react-stately';
 import { Styles } from '../../../tasty';
@@ -14,6 +14,8 @@ export interface CubeListBoxProps<T> extends Omit<AriaListBoxProps<T>, 'onSelect
     autoFocus?: boolean;
     /** The filter function used to determine if an option should be included in the filtered list */
     filter?: FilterFn;
+    /** Custom label to display when no results are found after filtering */
+    emptyLabel?: ReactNode;
     /** Custom styles for the search input */
     searchInputStyles?: Styles;
     /** Custom styles for the list container */

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

@@ -1,9 +1,11 @@
-import { DOMRef, ItemProps, Key } from '@react-types/shared';
-import { ReactElement, ReactNode } from 'react';
+import { FocusStrategy, ItemProps } 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 { MenuButtonProps, MenuSelectionType } from './MenuButton';
+import { CubeBlockProps } from '../../Block';
+import { CubeTooltipProviderProps } from '../../overlays/Tooltip/TooltipProvider';
+import { MenuSelectionType } from './MenuItem';
 export interface CubeMenuProps<T> extends BasePropsWithoutChildren, ContainerStyleProps, AriaMenuProps<T> {
     selectionIcon?: MenuSelectionType;
     header?: ReactNode;
@@ -12,22 +14,35 @@ export interface CubeMenuProps<T> extends BasePropsWithoutChildren, ContainerSty
     itemStyles?: Styles;
     sectionStyles?: Styles;
     sectionHeadingStyles?: Styles;
-    /** Keys that should appear disabled */
-    disabledKeys?: Iterable<Key>;
-    /** Selection mode for the menu: 'single' | 'multiple' */
-    selectionMode?: 'single' | 'multiple';
+    /**
+     * Whether keyboard navigation should wrap around when reaching the start/end of the collection.
+     * This directly maps to the `shouldFocusWrap` option supported by React-Aria’s `useMenu` hook.
+     */
+    shouldFocusWrap?: boolean;
+    /**
+     * Whether the menu should automatically receive focus when it mounts.
+     * This directly maps to the `autoFocus` option supported by React-Aria’s `useMenu` hook.
+     */
+    autoFocus?: boolean | FocusStrategy;
 }
-type PartialMenuButton = Partial<MenuButtonProps>;
-type ItemComponent = <T>(props: ItemProps<T> & PartialMenuButton & {
+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> & {
-    ref?: DOMRef<HTMLUListElement>;
-}) => ReactElement) & {
+declare const __Menu: (<T>(props: CubeMenuProps<T> & React.RefAttributes<HTMLUListElement>) => ReactElement) & {
     Item: typeof Item;
     Section: typeof Section;
 } & {

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

@@ -1,7 +1,7 @@
 import { Key, Node } from '@react-types/shared';
 import { TreeState } from 'react-stately';
 import { Styles } from '../../../tasty';
-import { MenuSelectionType } from './MenuButton';
+export type MenuSelectionType = 'checkbox' | 'radio';
 export interface MenuItemProps<T> {
     item: Node<T>;
     state: TreeState<T>;

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;
+};