@cube-dev/ui-kit 0.66.1 → 0.68.0

package/es/components/actions/Menu/MenuSection.js

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

package/es/components/actions/Menu/MenuTrigger.js

@@ -1,48 +1,58 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.66.1
+ * @cube-dev/ui-kit v0.68.0
  * Released under the MIT license.
  */
 
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { PressResponder } from '@react-aria/interactions';
 import { useDOMRef, useIsMobileDevice } from '@react-spectrum/utils';
-import { forwardRef, Fragment, useRef } from 'react';
+import { forwardRef, Fragment, useEffect, useMemo, useRef, } from 'react';
 import { DismissButton, useMenuTrigger, useOverlayPosition, } from 'react-aria';
 import { useMenuTriggerState } from 'react-stately';
+import { generateRandomId } from '../../../utils/random';
 import { SlotProvider } from '../../../utils/react';
+import { useEventBus } from '../../../utils/react/useEventBus';
 import { Popover, Tray } from '../../overlays/Modal';
 import { MenuContext } from './context';
 function MenuTrigger(props, ref) {
     const menuPopoverRef = useRef(null);
     const triggerRef = useRef();
     const domRef = useDOMRef(ref);
-    const menuTriggerRef = domRef || triggerRef;
+    const menuTriggerRef = props.targetRef || domRef || triggerRef;
     const menuRef = useRef(null);
-    const { children, align = 'start', shouldFlip = true, direction = 'bottom', closeOnSelect, trigger = 'press', isDisabled, } = props;
+    const { children, shouldFlip = true, closeOnSelect, trigger = 'press', isDisabled, isDummy, } = props;
+    // Generate a unique ID for this menu instance
+    const menuId = useMemo(() => generateRandomId(), []);
+    // Get event bus for menu synchronization
+    const { emit, on } = useEventBus();
     if (!Array.isArray(children) || children.length > 2) {
         throw new Error('MenuTrigger must have exactly 2 children');
     }
     let [menuTrigger, menu] = children;
     const state = useMenuTriggerState(props);
+    // Listen for other menus opening and close this one if needed
+    useEffect(() => {
+        const unsubscribe = on('menu:open', (data) => {
+            // If another menu is opening and this menu is open, close this one
+            if (data.menuId !== menuId && state.isOpen && !isDummy) {
+                state.close();
+            }
+        });
+        return unsubscribe;
+    }, [on, menuId, state]);
+    // Emit event when this menu opens
+    useEffect(() => {
+        if (state.isOpen && !isDummy) {
+            emit('menu:open', { menuId });
+        }
+    }, [state.isOpen, emit, menuId, isDummy]);
     if (typeof menuTrigger === 'function') {
         menuTrigger = menuTrigger(state);
     }
     const { menuTriggerProps, menuProps } = useMenuTrigger({ isDisabled }, state, menuTriggerRef);
-    let initialPlacement;
-    switch (direction) {
-        case 'left':
-        case 'right':
-        case 'start':
-        case 'end':
-            initialPlacement = `${direction} ${align === 'end' ? 'bottom' : 'top'}`;
-            break;
-        case 'bottom':
-        case 'top':
-        default:
-            initialPlacement = `${direction} ${align}`;
-    }
+    let initialPlacement = props.placement ?? 'bottom start';
     const isMobile = useIsMobileDevice();
     const { overlayProps: positionProps, placement } = useOverlayPosition({
         targetRef: menuTriggerRef,
@@ -53,8 +63,8 @@ function MenuTrigger(props, ref) {
         isOpen: state.isOpen && !isMobile,
         onClose: state.close,
         containerPadding: props.containerPadding,
-        offset: props.offset || 8,
-        crossOffset: props.crossOffset,
+        offset: props.offset ?? 8,
+        crossOffset: props.crossOffset ?? 0,
     });
     const menuContext = {
         ...menuProps,
@@ -80,9 +90,26 @@ function MenuTrigger(props, ref) {
         overlay = (_jsx(Tray, { isOpen: state.isOpen, onClose: state.close, children: contents }));
     }
     else {
-        overlay = (_jsx(Popover, { ref: menuPopoverRef, hideArrow: true, isNonModal: true, isOpen: state.isOpen, style: positionProps.style, placement: placement, onClose: state.close, children: contents }));
+        overlay = (_jsx(Popover, { ref: menuPopoverRef, hideArrow: true, isNonModal: true, isOpen: state.isOpen, style: positionProps.style, placement: placement, shouldCloseOnInteractOutside: (el) => {
+                const menuTriggerEl = el.closest('[data-menu-trigger]');
+                // If no menu trigger was clicked, allow closing
+                if (!menuTriggerEl)
+                    return true;
+                // For dummy triggers (like useAnchoredMenu), check if the clicked element
+                // is the target element or its descendant
+                if (isDummy &&
+                    (menuTriggerEl === menuTriggerRef.current ||
+                        menuTriggerRef.current?.contains(el))) {
+                    return true;
+                }
+                // If the same trigger that opened this menu was clicked, allow closing
+                if (menuTriggerEl === menuTriggerRef.current)
+                    return true;
+                // Otherwise, don't close (let event mechanism handle it)
+                return false;
+            }, onClose: state.close, children: contents }));
     }
-    return (_jsxs(Fragment, { children: [_jsx(SlotProvider, { slots: { actionButton: { holdAffordance: trigger === 'longPress' } }, children: _jsx(PressResponder, { ...menuTriggerProps, ref: menuTriggerRef, isPressed: state.isOpen, children: menuTrigger }) }), _jsx(MenuContext.Provider, { value: menuContext, children: overlay })] }));
+    return (_jsxs(Fragment, { children: [_jsx(SlotProvider, { slots: { actionButton: { holdAffordance: trigger === 'longPress' } }, children: !isDummy ? (_jsx(PressResponder, { ...menuTriggerProps, ref: menuTriggerRef, "data-menu-trigger": true, isPressed: state.isOpen, children: menuTrigger })) : null }), _jsx(MenuContext.Provider, { value: menuContext, children: overlay })] }));
 }
 /**
  * The MenuTrigger serves as a wrapper around a Menu and its associated trigger,

package/es/components/actions/Menu/context.js

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

package/es/components/actions/Menu/index.js

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

package/es/components/actions/Menu/styled.js

@@ -1,16 +1,38 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.66.1
+ * @cube-dev/ui-kit v0.68.0
  * Released under the MIT license.
  */
 
 import { DEFAULT_BUTTON_STYLES, DEFAULT_NEUTRAL_STYLES } from '..';
 import { tasty } from '../../../tasty';
 import { Space } from '../../layout/Space';
+export const StyledMenuWrapper = tasty({
+    qa: 'Menu',
+    styles: {
+        display: 'grid',
+        gridRows: 'max-content 1sf max-content',
+        fill: '#white',
+        margin: 0,
+        padding: 0,
+        border: true,
+        radius: '(1cr + 1bw)',
+        shadow: {
+            '': '',
+            'popover | tray': '0px 5px 15px #dark.05',
+        },
+        height: {
+            '': 'initial',
+            popover: 'initial max-content (50vh - 4x)',
+            tray: 'initial max-content (100vh - 4x)',
+        },
+        boxSizing: 'border-box',
+    },
+});
 export const StyledMenu = tasty({
     as: 'ul',
-    qa: 'Menu',
+    qa: 'MenuList',
     styles: {
         display: 'flex',
         flow: 'column',
@@ -18,7 +40,7 @@ export const StyledMenu = tasty({
             '': '1bw',
             sections: false,
         },
-        fill: '#white',
+        boxSizing: 'border-box',
         margin: 0,
         padding: {
             '': '0.5x',
@@ -28,15 +50,6 @@ export const StyledMenu = tasty({
             '': 'auto',
             section: '',
         },
-        border: {
-            '': '#border',
-            section: false,
-        },
-        radius: '(1cr + 1bw)',
-        boxShadow: {
-            '': '',
-            popover: '0px 5px 15px #dark.05',
-        },
         scrollbar: 'styled',
     },
 });
@@ -56,28 +69,40 @@ export const StyledDivider = tasty({
 export const StyledHeader = tasty(Space, {
     qa: 'Header',
     as: 'div',
+    role: 'heading',
+    'aria-level': 3,
     styles: {
         color: '#dark-02',
         preset: 't3',
         placeContent: 'space-between',
         placeItems: 'center',
         whiteSpace: 'nowrap',
-        padding: '.5x 1x',
-        height: 'min 4x',
+        padding: '.5x 1.5x',
+        height: {
+            '': 'min 4x',
+            '[data-size="medium"]': 'min 5x',
+        },
+        boxSizing: 'border-box',
+        border: 'bottom',
     },
 });
 export const StyledFooter = tasty(Space, {
     qa: 'Footer',
     as: 'div',
+    role: 'footer',
     styles: {
         color: '#dark-02',
         preset: 't3',
-        border: '#border top',
         placeContent: 'space-between',
         placeItems: 'center',
         whiteSpace: 'nowrap',
-        padding: '.5x 1x',
-        height: 'min 4x',
+        padding: '.5x 1.5x',
+        height: {
+            '': 'min 4x',
+            '[data-size="medium"]': 'min 5x',
+        },
+        boxSizing: 'border-box',
+        border: 'top',
     },
 });
 export const StyledSection = tasty({
@@ -114,9 +139,9 @@ export const StyledItem = tasty({
         fill: {
             '': '#clear',
             focused: '#dark.03',
-            selected: '#dark.06',
-            'selected & focused': '#dark.09',
-            pressed: '#dark.06',
+            selected: '#dark.09',
+            'selected & focused': '#dark.12',
+            pressed: '#dark.09',
             disabled: '#clear',
         },
         color: {
@@ -125,8 +150,8 @@ export const StyledItem = tasty({
             disabled: '#dark-04',
         },
         cursor: {
-            '': 'pointer',
-            disabled: 'default',
+            '': 'default',
+            disabled: 'not-allowed',
         },
         shadow: '#clear',
         padding: {

package/es/components/actions/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.66.1
+ * @cube-dev/ui-kit v0.68.0
  * Released under the MIT license.
  */
 
@@ -13,6 +13,8 @@ export * from './Action/Action';
 export * from './Menu';
 export * from './CommandMenu';
 export * from './use-action';
+export * from './use-anchored-menu';
+export * from './use-context-menu';
 export { Button, ButtonGroup };
 
         

package/es/components/actions/use-action.js

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

package/es/components/actions/use-anchored-menu.js

@@ -0,0 +1,98 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.68.0
+ * Released under the MIT license.
+ */
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Pressable } from '@react-aria/interactions';
+import { useEffect, useMemo, useRef, useState, } from 'react';
+import { VisuallyHidden } from 'react-aria';
+import { useEvent } from '../../_internal';
+import { generateRandomId } from '../../utils/random';
+import { mergeProps } from '../../utils/react';
+import { useEventBus } from '../../utils/react/useEventBus';
+import { MenuTrigger } from './Menu';
+/**
+ * Generic hook to manage an anchored menu component.
+ *
+ * @param Component - A React component that represents the menu content (Menu or CommandMenu).
+ * @param defaultTriggerProps - Default props to pass to the MenuTrigger.
+ * @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 function useAnchoredMenu(Component, defaultTriggerProps) {
+    const [isOpen, setIsOpen] = useState(false);
+    const [componentProps, setComponentProps] = useState(null);
+    const [triggerProps, setTriggerProps] = useState(null);
+    const anchorRef = useRef(null);
+    const setupRef = useRef(false);
+    useEffect(() => {
+        const el = anchorRef.current;
+        if (el) {
+            el.dataset.menuTrigger = '';
+            return () => {
+                delete el.dataset.menuTrigger;
+            };
+        }
+    }, []);
+    // Generate a unique ID for this menu instance
+    const menuId = useMemo(() => generateRandomId(), []);
+    // Get event bus for menu synchronization
+    const { emit, on } = useEventBus();
+    // Listen for other menus opening and close this one if needed
+    useEffect(() => {
+        const unsubscribe = on('menu:open', (data) => {
+            // If another menu is opening and this menu is open, close this one
+            if (data.menuId !== menuId && isOpen) {
+                setIsOpen(false);
+            }
+        });
+        return unsubscribe;
+    }, [on, menuId, isOpen]);
+    // Emit event when this menu opens
+    useEffect(() => {
+        if (isOpen) {
+            emit('menu:open', { menuId });
+        }
+    }, [isOpen, emit, menuId]);
+    function setupCheck() {
+        if (!setupRef.current) {
+            throw new Error('useAnchoredMenu: MenuTrigger must be rendered. Use `rendered` property to include it in your component tree.');
+        }
+    }
+    // 'open' accepts props required by the Component and opens the menu
+    const open = useEvent((props, triggerProps) => {
+        setupCheck();
+        setComponentProps(props);
+        setTriggerProps(triggerProps ?? null);
+        setIsOpen(true);
+    });
+    const update = useEvent((props, triggerProps) => {
+        setupCheck();
+        setComponentProps(props);
+        setTriggerProps(triggerProps ?? null);
+    });
+    const close = useEvent(() => {
+        setIsOpen(false);
+    });
+    // Render the menu only when componentProps is set
+    const renderedMenu = useMemo(() => {
+        if (!componentProps)
+            return null;
+        return (_jsxs(MenuTrigger, { isDummy: true, isOpen: isOpen, targetRef: anchorRef, placement: "bottom start", onOpenChange: setIsOpen, ...mergeProps(defaultTriggerProps, triggerProps || undefined), children: [_jsx(VisuallyHidden, { children: _jsx(Pressable, { children: _jsx("button", { "aria-label": "context-menu" }) }) }), _jsx(Component, { ...componentProps })] }));
+    }, [componentProps, triggerProps, isOpen, defaultTriggerProps]);
+    return {
+        anchorRef,
+        open,
+        update,
+        close,
+        isOpen,
+        get rendered() {
+            setupRef.current = true;
+            return renderedMenu;
+        },
+    };
+}
+
+        

package/es/components/actions/use-context-menu.js

@@ -0,0 +1,206 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.68.0
+ * Released under the MIT license.
+ */
+
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Pressable } from '@react-aria/interactions';
+import { useEffect, useMemo, useRef, useState, } from 'react';
+import { VisuallyHidden } from 'react-aria';
+import { useEvent } from '../../_internal';
+import { generateRandomId } from '../../utils/random';
+import { mergeProps } from '../../utils/react';
+import { useEventBus } from '../../utils/react/useEventBus';
+import { MenuTrigger } from './Menu';
+/**
+ * Generic hook to manage a context menu component that opens at pointer coordinates.
+ *
+ * @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 `targetRef` to attach to the container element, `open` function to open the menu at event coordinates, `close` function to close the menu, and `rendered` JSX element to include in your component tree.
+ */
+export function useContextMenu(Component, defaultTriggerProps, defaultMenuProps) {
+    const [isOpen, setIsOpen] = useState(false);
+    const [componentProps, setComponentProps] = useState(null);
+    const [triggerProps, setTriggerProps] = useState(null);
+    const [anchorPosition, setAnchorPosition] = useState(null);
+    const targetRef = useRef(null);
+    const invisibleAnchorRef = useRef(null);
+    const setupRef = useRef(false);
+    // Generate a unique ID for this menu instance
+    const menuId = useMemo(() => generateRandomId(), []);
+    // Get event bus for menu synchronization
+    const { emit, on } = useEventBus();
+    // Listen for other menus opening and close this one if needed
+    useEffect(() => {
+        const unsubscribe = on('menu:open', (data) => {
+            // If another menu is opening and this menu is open, close this one
+            if (data.menuId !== menuId && isOpen) {
+                setIsOpen(false);
+                setAnchorPosition(null);
+            }
+        });
+        return unsubscribe;
+    }, [on, menuId, isOpen]);
+    // Emit event when this menu opens
+    useEffect(() => {
+        if (isOpen) {
+            emit('menu:open', { menuId });
+        }
+    }, [isOpen, emit, menuId]);
+    function setupCheck() {
+        if (!setupRef.current) {
+            throw new Error('useContextMenu: MenuTrigger must be rendered. Use `rendered` property to include it in your component tree.');
+        }
+    }
+    // Helper function to calculate position relative to targetRef, taking the
+    // element's scroll offset into account. Without the scroll offset the menu
+    // would be rendered at the wrong place inside scrollable containers.
+    const calculatePosition = (event) => {
+        const container = targetRef.current;
+        // If no event is provided, position at the center of the element
+        if (!event) {
+            if (!container) {
+                return { x: 0, y: 0 };
+            }
+            const containerRect = container.getBoundingClientRect();
+            const scrollLeft = container.scrollLeft;
+            const scrollTop = container.scrollTop;
+            const computed = window.getComputedStyle(container);
+            const borderLeft = parseFloat(computed.borderLeftWidth) || 0;
+            const borderTop = parseFloat(computed.borderTopWidth) || 0;
+            // Position at the center of the element's content area
+            const x = container.clientWidth / 2 + scrollLeft;
+            const y = container.clientHeight / 2 + scrollTop;
+            // Clamp to the full scroll size
+            const clampedX = Math.max(0, Math.min(x, container.scrollWidth));
+            const clampedY = Math.max(0, Math.min(y, container.scrollHeight));
+            return { x: clampedX, y: clampedY };
+        }
+        // If the target reference is missing, fall back to viewport coordinates.
+        if (!container) {
+            const { clientX = 0, clientY = 0 } = event;
+            return { x: clientX, y: clientY };
+        }
+        const containerRect = container.getBoundingClientRect();
+        // Get coordinates from the event (viewport-relative)
+        const { clientX, clientY } = event;
+        // Take the element's scroll offset into account so that the coordinates are
+        // relative to the **content** box, not the visible viewport of the
+        // element.
+        const scrollLeft = container.scrollLeft;
+        const scrollTop = container.scrollTop;
+        const computed = window.getComputedStyle(container);
+        const borderLeft = parseFloat(computed.borderLeftWidth) || 0;
+        const borderTop = parseFloat(computed.borderTopWidth) || 0;
+        const x = clientX - containerRect.left - borderLeft + scrollLeft;
+        const y = clientY - containerRect.top - borderTop + scrollTop;
+        // Clamp to the full scroll size so that the invisible anchor always stays
+        // inside the element regardless of the scroll position.
+        const clampedX = Math.max(0, Math.min(x, container.scrollWidth));
+        const clampedY = Math.max(0, Math.min(y, container.scrollHeight));
+        return { x: clampedX, y: clampedY };
+    };
+    // 'open' accepts props, trigger props, and optional event for positioning, then opens the menu
+    const open = useEvent((props, triggerProps, event) => {
+        setupCheck();
+        // Ensure the target element can serve as a positioning context for the
+        // invisible target element. If the consumer hasn't explicitly set
+        // `position: relative | absolute | fixed | sticky` we switch it to
+        // `relative` so that absolutely-positioned children are laid out correctly.
+        if (targetRef.current) {
+            const computedStyle = window.getComputedStyle(targetRef.current);
+            if (computedStyle.position === 'static') {
+                targetRef.current.style.position = 'relative';
+            }
+        }
+        // Prevent default context menu if it's a context menu event
+        if (event &&
+            'preventDefault' in event &&
+            typeof event.preventDefault === 'function') {
+            event.preventDefault();
+        }
+        const { x, y } = calculatePosition(event);
+        setAnchorPosition({ x, y });
+        // Merge defaultMenuProps with provided props
+        const finalProps = defaultMenuProps
+            ? { ...defaultMenuProps, ...props }
+            : props;
+        setComponentProps(finalProps);
+        setTriggerProps(triggerProps ?? null);
+        setIsOpen(true);
+    });
+    const update = useEvent((props, triggerProps) => {
+        setupCheck();
+        // Merge defaultMenuProps with provided props
+        const finalProps = defaultMenuProps
+            ? { ...defaultMenuProps, ...props }
+            : props;
+        setComponentProps(finalProps);
+        setTriggerProps(triggerProps ?? null);
+    });
+    const close = useEvent(() => {
+        setIsOpen(false);
+        setAnchorPosition(null);
+    });
+    // Context menu event handler
+    const onContextMenu = useEvent((event) => {
+        event.preventDefault();
+        if (isOpen) {
+            const pos = calculatePosition(event);
+            setAnchorPosition(pos);
+        }
+        else {
+            open(defaultMenuProps, undefined, event);
+        }
+    });
+    // Bind the onContextMenu event to targetRef
+    useEffect(() => {
+        const element = targetRef.current;
+        if (!element)
+            return;
+        element.addEventListener('contextmenu', onContextMenu);
+        return () => {
+            element.removeEventListener('contextmenu', onContextMenu);
+        };
+    }, [onContextMenu]);
+    // Render the menu only when componentProps is set
+    const renderedMenu = useMemo(() => {
+        if (!componentProps || !anchorPosition)
+            return null;
+        return (_jsxs(_Fragment, { children: [_jsx("span", { ref: invisibleAnchorRef, style: {
+                        position: 'absolute',
+                        left: `${anchorPosition.x}px`,
+                        top: `${anchorPosition.y}px`,
+                        width: '0px',
+                        height: '0px',
+                        lineHeight: '0',
+                        pointerEvents: 'none',
+                        visibility: 'hidden',
+                    } }), _jsxs(MenuTrigger, { isDummy: true, isOpen: isOpen, targetRef: invisibleAnchorRef, offset: 0, crossOffset: 0, placement: triggerProps?.placement ||
+                        defaultTriggerProps?.placement ||
+                        'bottom start', onOpenChange: setIsOpen, ...mergeProps(defaultTriggerProps, triggerProps || undefined), children: [_jsx(VisuallyHidden, { children: _jsx(Pressable, { children: _jsx("button", { "aria-label": "Open context menu" }) }) }), _jsx(Component, { ...componentProps })] })] }));
+    }, [
+        componentProps,
+        triggerProps,
+        isOpen,
+        defaultTriggerProps,
+        anchorPosition,
+    ]);
+    return {
+        targetRef,
+        open,
+        update,
+        close,
+        isOpen,
+        get rendered() {
+            setupRef.current = true;
+            return renderedMenu;
+        },
+    };
+}
+
+        

package/es/components/content/ActiveZone/ActiveZone.js

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

package/es/components/content/Alert/Alert.js

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

package/es/components/content/Alert/index.js

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

package/es/components/content/Alert/types.js

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

package/es/components/content/Alert/use-alert.js

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

package/es/components/content/Avatar/Avatar.js

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