@cube-dev/ui-kit 0.107.0 → 0.108.1

package/es/components/navigation/Tabs/TabButton.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.107.0
+ * @cube-dev/ui-kit v0.108.1
  * Released under the MIT license.
  */
 
@@ -103,7 +103,7 @@ function isMenuEmpty(menu) {
  */
 export function TabButton({ item, tabData, isLastTab }) {
     // Get shared context
-    const { state, type, size, showActionsOnHover: parentShowActionsOnHover, isEditable: parentIsEditable, menu: parentMenu, menuTriggerProps: parentMenuTriggerProps, menuProps: parentMenuProps, contextMenu: parentContextMenu, onAction: parentOnAction, onDelete, dragState, dropState, editingKey, editValue, setEditValue, startEditing, submitEditing, cancelEditing, } = useTabsContext();
+    const { state, type, size, autoHideActions: parentAutoHideActions, isEditable: parentIsEditable, menu: parentMenu, menuTriggerProps: parentMenuTriggerProps, menuProps: parentMenuProps, contextMenu: parentContextMenu, onAction: parentOnAction, onDelete, dragState, dropState, editingKey, editValue, setEditValue, startEditing, submitEditing, cancelEditing, } = useTabsContext();
     const ref = useRef(null);
     const containerRef = useRef(null);
     const actionsRef = useRef(null);
@@ -159,17 +159,18 @@ export function TabButton({ item, tabData, isLastTab }) {
     const processedMenu = effectiveMenu && !isMenuEmpty(effectiveMenu)
         ? processMenuItems(effectiveMenu, effectiveIsEditable, isDeletable)
         : null;
+    const itemKeyStr = String(item.key);
     const handleDelete = useEvent(() => {
-        onDelete?.(item.key);
+        onDelete?.(itemKeyStr);
     });
     const handleStartEditing = useEvent(() => {
         if (!effectiveIsEditable || isDisabled)
             return;
-        const titleText = typeof tabData.title === 'string' ? tabData.title : String(item.key);
-        startEditing(item.key, titleText);
+        const titleText = typeof tabData.title === 'string' ? tabData.title : itemKeyStr;
+        startEditing(itemKeyStr, titleText);
     });
     const handleSubmitEditing = useEvent(() => {
-        submitEditing(item.key, editValue, tabData.onTitleChange);
+        submitEditing(itemKeyStr, editValue, tabData.onTitleChange);
         // Suppress focus-visible and restore focus to the tab button after editing
         setSuppressFocusVisible(true);
         requestAnimationFrame(() => {
@@ -199,12 +200,12 @@ export function TabButton({ item, tabData, isLastTab }) {
             handleStartEditing();
         }
         if (normalizedAction === 'delete' && isDeletable) {
-            onDelete?.(item.key);
+            onDelete?.(itemKeyStr);
         }
         // Call Tab-level onAction first (with normalized action)
         tabData.onAction?.(normalizedAction);
         // Then call Tabs-level onAction with tab key (with normalized action)
-        parentOnAction?.(normalizedAction, item.key);
+        parentOnAction?.(normalizedAction, itemKeyStr);
     });
     // Keyboard handler for accessibility shortcuts (WAI-ARIA Tabs Pattern)
     const handleKeyDown = useEvent((e) => {
@@ -230,7 +231,7 @@ export function TabButton({ item, tabData, isLastTab }) {
             isDeletable &&
             !isEditing) {
             e.preventDefault();
-            onDelete?.(item.key);
+            onDelete?.(itemKeyStr);
         }
     });
     const mods = useMemo(() => ({
@@ -273,18 +274,15 @@ export function TabButton({ item, tabData, isLastTab }) {
     // Build menu trigger action with controlled state for keyboard accessibility
     const menuAction = menuElement ? (_jsxs(MenuTrigger, { isOpen: isMenuOpen, onOpenChange: setIsMenuOpen, children: [_jsx(ItemAction, { tabIndex: -1, icon: _jsx(MoreIcon, {}), ...effectiveMenuTriggerProps }), menuElement] })) : null;
     // Build delete button (only shown when no menu)
-    const deleteAction = showDeleteButton ? (_jsx(ItemAction, { tabIndex: -1, icon: _jsx(CloseIcon, {}), tooltip: "Delete tab", onPress: handleDelete })) : null;
+    const deleteAction = showDeleteButton ? (_jsx(ItemAction, { tabIndex: -1, icon: _jsx(CloseIcon, {}), tooltip: "Close", onPress: handleDelete })) : null;
     // Order: custom actions → menu trigger → delete button
     const actions = tabData.actions || menuAction || deleteAction ? (_jsxs(_Fragment, { children: [tabData.actions, menuAction, deleteAction] })) : undefined;
     // Measure actions width to pass to Item for proper space allocation
     useLayoutEffect(() => {
         if (actions && actionsRef.current) {
-            const width = Math.round(actionsRef.current.offsetWidth);
-            if (width !== actionsWidth) {
-                setActionsWidth(width);
-            }
+            setActionsWidth(Math.round(actionsRef.current.offsetWidth));
         }
-    }, [actions, actionsWidth]);
+    }, [actions]);
     // Determine effective size
     const effectiveSize = tabData.size ?? size ?? 'medium';
     const itemSize = effectiveType === 'radio'
@@ -295,12 +293,12 @@ export function TabButton({ item, tabData, isLastTab }) {
     // Determine shape - file type uses sharp edges
     const isFileType = effectiveType === 'file';
     const itemShape = isFileType ? 'sharp' : undefined;
-    // Determine showActionsOnHover - tab-level overrides parent-level
-    const effectiveShowActionsOnHover = tabData.showActionsOnHover ?? parentShowActionsOnHover;
+    // Determine autoHideActions - tab-level overrides parent-level
+    const effectiveAutoHideActions = tabData.autoHideActions ?? parentAutoHideActions;
     // Render title with editing support if editable
     const titleContent = effectiveIsEditable ? (_jsx(EditableTitle, { title: tabData.title, isEditing: isEditing, editValue: isEditing ? editValue : '', onEditValueChange: handleEditValueChange, onStartEditing: handleStartEditing, onSubmit: handleSubmitEditing, onCancel: handleCancelEditing })) : (tabData.title);
     // Extract tab-specific props and pass through the rest (style props) to the Item
-    const { title: _title, content: _content, key: _key, isDisabled: _isDisabled, prerender: _prerender, keepMounted: _keepMounted, size: _size, type: _type, actions: _actions, showActionsOnHover: _showActionsOnHover, isEditable: _isEditable, onTitleChange: _onTitleChange, menu: _menu, menuTriggerProps: _menuTriggerProps, menuProps: _menuProps, contextMenu: _contextMenu, onAction: _onAction, qa, qaVal, styles, ...itemStyleProps } = tabData;
+    const { title: _title, content: _content, key: _key, isDisabled: _isDisabled, prerender: _prerender, keepMounted: _keepMounted, size: _size, type: _type, actions: _actions, autoHideActions: _autoHideActions, isEditable: _isEditable, onTitleChange: _onTitleChange, menu: _menu, menuTriggerProps: _menuTriggerProps, menuProps: _menuProps, contextMenu: _contextMenu, onAction: _onAction, qa, qaVal, styles, ...itemStyleProps } = tabData;
     // Use the hook's targetRef when context menu is enabled
     const effectiveContainerRef = effectiveContextMenu && processedMenu
         ? contextMenu.targetRef
@@ -310,9 +308,9 @@ export function TabButton({ item, tabData, isLastTab }) {
     // Mods for TabContainer
     const containerMods = {
         ...mods,
-        'show-actions-on-hover': effectiveShowActionsOnHover,
+        'auto-hide-actions': effectiveAutoHideActions,
     };
-    return (_jsxs(TabContainer, { ref: effectiveContainerRef, "data-size": itemSize, mods: containerMods, tokens: { '$actions-width': `${actionsWidth}px` }, ...effectiveDragProps, children: [isDraggable && dropState && (_jsx(TabDropIndicator, { target: { type: 'item', key: item.key, dropPosition: 'before' }, dropState: dropState, position: "before" })), _jsx(TabElement, { preserveActionsSpace: true, showActionsOnHover: effectiveShowActionsOnHover, as: "button", ...mergeProps(tabProps, hoverProps, focusProps, {
+    return (_jsxs(TabContainer, { ref: effectiveContainerRef, "data-size": itemSize, mods: containerMods, tokens: { '$actions-width': `${actionsWidth}px` }, ...effectiveDragProps, children: [isDraggable && dropState && (_jsx(TabDropIndicator, { target: { type: 'item', key: item.key, dropPosition: 'before' }, dropState: dropState, position: "before" })), _jsx(TabElement, { preserveActionsSpace: true, autoHideActions: effectiveAutoHideActions, as: "button", ...mergeProps(tabProps, hoverProps, focusProps, {
                     onKeyDown: handleKeyDown,
                 }), ...ariaProps, ...itemStyleProps, ref: ref, qa: qa ?? `Tab-${String(item.key)}`, qaVal: qaVal, styles: styles, mods: mods, isSelected: isActive, isDisabled: isDisabled, size: itemSize, type: itemType, shape: itemShape, actions: actions ? true : undefined, children: titleContent }), actions && (_jsx("div", { ref: actionsRef, "data-element": "Actions", ...ACTIONS_EVENT_HANDLERS, children: _jsx(ItemActionProvider, { type: itemType, theme: "default", isDisabled: isDisabled, children: actions }) })), effectiveContextMenu && processedMenu && contextMenu.rendered, isDraggable && dropState && isLastTab && (_jsx(TabDropIndicator, { target: { type: 'item', key: item.key, dropPosition: 'after' }, dropState: dropState, position: "after" }))] }));
 }

package/es/components/navigation/Tabs/TabDropIndicator.js

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

package/es/components/navigation/Tabs/TabPanel.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.107.0
+ * @cube-dev/ui-kit v0.108.1
  * Released under the MIT license.
  */
 
@@ -32,9 +32,7 @@ export function TabPanelRenderer({ tabKey, state, content, prerender, keepMounte
     if (!shouldRenderPanel(isActive, visitedKeys.has(tabKey), effectivePrerender, effectiveKeepMounted)) {
         return null;
     }
-    return (_jsx(TabPanelElement, { ...tabPanelProps, ref: ref, qa: qa ?? 'TabPanel', qaVal: qaVal ?? String(tabKey), styles: panelStyles, style: {
-            display: isActive ? 'contents' : 'none',
-        }, children: content }));
+    return (_jsx(TabPanelElement, { ...tabPanelProps, ref: ref, mods: { active: isActive }, qa: qa ?? 'TabPanel', qaVal: qaVal ?? String(tabKey), styles: panelStyles, children: content }));
 }
 /**
  * Renders panels with content caching for `renderPanel`.

package/es/components/navigation/Tabs/TabPicker.js

@@ -1,12 +1,12 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.107.0
+ * @cube-dev/ui-kit v0.108.1
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
-import { MoreIcon, TrashIcon } from '../../../icons/index.js';
+import { CloseIcon, MoreIcon } from '../../../icons/index.js';
 import { ItemAction } from '../../actions/ItemAction/index.js';
 import { FilterPicker } from '../../fields/FilterPicker/FilterPicker.js';
 // =============================================================================
@@ -36,9 +36,9 @@ export function TabPicker({ tabs, selectedKey, onSelect, onDelete, size, type =
                 : 0,
         }, triggerStyles: { border: 0 }, "aria-label": "Select tab", onSelectionChange: (key) => {
             if (key != null) {
-                onSelect(key);
+                onSelect(String(key));
             }
-        }, children: tabs.map((tab) => (_jsx(FilterPicker.Item, { textValue: typeof tab.title === 'string' ? tab.title : String(tab.key), showActionsOnHover: isDeletable, actions: isDeletable ? (_jsx(ItemAction, { icon: _jsx(TrashIcon, {}), theme: "danger", "aria-label": "Delete tab", onPress: () => {
+        }, children: tabs.map((tab) => (_jsx(FilterPicker.Item, { textValue: typeof tab.title === 'string' ? tab.title : String(tab.key), autoHideActions: isDeletable, actions: isDeletable ? (_jsx(ItemAction, { icon: _jsx(CloseIcon, {}), theme: "danger", "aria-label": "Close", onPress: () => {
                     onDelete(tab.key);
                 } })) : undefined, children: tab.title }, tab.key))) }));
 }

package/es/components/navigation/Tabs/Tabs.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.107.0
+ * @cube-dev/ui-kit v0.108.1
  * Released under the MIT license.
  */
 
@@ -11,8 +11,8 @@ import { useTabList } from 'react-aria';
 import { Item as CollectionItem, useTabListState, } from 'react-stately';
 import { useEvent, useWarn } from '../../../_internal/hooks/index.js';
 import { DirectionIcon } from '../../../icons/index.js';
-import { extractStyles, OUTER_STYLES } from '../../../tasty/index.js';
-import { mergeProps } from '../../../utils/react/index.js';
+import { extractStyles, mergeStyles, OUTER_STYLES } from '../../../tasty/index.js';
+import { mergeProps, useMergeStyles } from '../../../utils/react/index.js';
 import { useTinyScrollbar } from '../../content/Layout/hooks/useTinyScrollbar.js';
 import { DraggableTabList } from './DraggableTabList.js';
 import { TabIndicatorElement, TabsElement } from './styled.js';
@@ -75,9 +75,19 @@ TabList.displayName = 'CubeTabList';
 // Main Tabs Component
 // =============================================================================
 function TabsComponent(props, ref) {
-    const { label = 'Tabs', defaultActiveKey, activeKey, size, type = 'default', onChange, onDelete, onTitleChange, showActionsOnHover, isEditable: parentIsEditable, menu: parentMenu, menuTriggerProps: parentMenuTriggerProps, menuProps: parentMenuProps, contextMenu: parentContextMenu, onAction: parentOnAction, children, prefix, suffix, prerender = false, keepMounted = false, qa = 'Tabs', renderPanel, panelCacheKeys, isReorderable = false, keyOrder, onReorder, showTabPicker = false, showScrollArrows = false, tabPickerPosition = 'suffix', scrollArrowsPosition = 'suffix', ...otherProps } = props;
+    const { label = 'Tabs', defaultActiveKey, activeKey, size, type = 'default', onChange, onDelete, onTitleChange, autoHideActions, isEditable: parentIsEditable, menu: parentMenu, menuTriggerProps: parentMenuTriggerProps, menuProps: parentMenuProps, contextMenu: parentContextMenu, onAction: parentOnAction, children, prefix, suffix, prerender = false, keepMounted = false, qa = 'Tabs', renderPanel, panelCacheKeys, isReorderable = false, keyOrder, onReorder, showTabPicker = false, showScrollArrows = false, tabPickerPosition = 'suffix', scrollArrowsPosition = 'suffix', tabListPadding, tabListStyles, prefixStyles, suffixStyles, ...otherProps } = props;
     // Extract outer styles
-    const combinedStyles = extractStyles(otherProps, OUTER_STYLES);
+    const baseStyles = extractStyles(otherProps, OUTER_STYLES);
+    // Build TabList padding style (memoized)
+    const tabListPaddingStyles = useMemo(() => (tabListPadding ? { padding: `0 ${tabListPadding}` } : undefined), [tabListPadding]);
+    // Merge tabListPaddingStyles with tabListStyles (memoized)
+    const mergedTabListStyles = useMemo(() => mergeStyles(tabListPaddingStyles, tabListStyles), [tabListPaddingStyles, tabListStyles]);
+    // Merge all sub-element styles into baseStyles
+    const combinedStyles = useMergeStyles(baseStyles, {
+        TabList: mergedTabListStyles,
+        Prefix: prefixStyles,
+        Suffix: suffixStyles,
+    });
     // DOM element refs
     const listRef = useRef(null);
     const scrollRef = useRef(null);
@@ -189,10 +199,11 @@ function TabsComponent(props, ref) {
     const disabledKeys = useMemo(() => {
         return new Set(parsedTabs.filter((tab) => tab.isDisabled).map((tab) => tab.key));
     }, [parsedTabs]);
-    // Handle selection change
+    // Handle selection change (converts React Aria's Key to string for our API)
     const handleSelectionChange = useEvent((key) => {
-        visitedKeysRef.current.add(String(key));
-        onChange?.(key);
+        const keyStr = String(key);
+        visitedKeysRef.current.add(keyStr);
+        onChange?.(keyStr);
     });
     // Convert keys to strings for React Aria compatibility
     const selectedKey = activeKey != null ? String(activeKey) : undefined;
@@ -292,7 +303,7 @@ function TabsComponent(props, ref) {
         state,
         type,
         size,
-        showActionsOnHover,
+        autoHideActions,
         isEditable: parentIsEditable,
         menu: parentMenu,
         menuTriggerProps: parentMenuTriggerProps,
@@ -310,7 +321,7 @@ function TabsComponent(props, ref) {
         state,
         type,
         size,
-        showActionsOnHover,
+        autoHideActions,
         parentIsEditable,
         parentMenu,
         parentMenuTriggerProps,
@@ -334,7 +345,7 @@ function TabsComponent(props, ref) {
     // =========================================================================
     // Tab List Content Renderer
     // =========================================================================
-    const renderTabListContent = (contextValue, collectionProps = {}) => (_jsxs("div", { ...mergeProps(tabListProps, collectionProps), ref: listRef, "data-element": "Container", children: [_jsx(TabsProvider, { value: contextValue, children: orderedParsedTabs.map((tab, index) => {
+    const renderTabListContent = (contextValue, collectionProps = {}) => (_jsxs("div", { ...mergeProps(tabListProps, collectionProps), ref: listRef, "data-element": "TabList", children: [_jsx(TabsProvider, { value: contextValue, children: orderedParsedTabs.map((tab, index) => {
                     const item = state.collection.getItem(tab.key);
                     if (!item)
                         return null;

package/es/components/navigation/Tabs/TabsAction.js

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

package/es/components/navigation/Tabs/TabsContext.js

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

package/es/components/navigation/Tabs/index.js

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

package/es/components/navigation/Tabs/styled.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.107.0
+ * @cube-dev/ui-kit v0.108.1
  * Released under the MIT license.
  */
 
@@ -47,6 +47,7 @@ export const TabsElement = tasty({
             'size=large': '1ow',
         },
         Prefix: {
+            $: '>',
             display: 'flex',
             placeItems: 'center',
             placeContent: 'center',
@@ -58,6 +59,7 @@ export const TabsElement = tasty({
             },
         },
         Suffix: {
+            $: '>',
             display: 'flex',
             placeItems: 'center',
             placeContent: 'center',
@@ -70,6 +72,7 @@ export const TabsElement = tasty({
         },
         // Wrapper for scroll area and scrollbar (scrollbar is positioned relative to this)
         ScrollWrapper: {
+            $: '>',
             position: 'relative',
             display: 'flex',
             flexGrow: 1,
@@ -81,6 +84,7 @@ export const TabsElement = tasty({
             },
         },
         Scroll: {
+            $: '> ScrollWrapper >',
             position: 'relative',
             display: 'block',
             overflow: {
@@ -113,7 +117,8 @@ export const TabsElement = tasty({
                 'fade-right': 'rgb(0 0 0 / 0)',
             },
         },
-        Container: {
+        TabList: {
+            $: '> ScrollWrapper > Scroll >',
             position: 'relative',
             display: 'grid',
             gridAutoFlow: 'column',
@@ -144,6 +149,7 @@ export const TabsElement = tasty({
         },
         // Custom horizontal scrollbar (tiny) - positioned relative to ScrollWrapper
         ScrollbarH: {
+            $: '> ScrollWrapper >',
             position: 'absolute',
             bottom: '1px',
             left: '$scrollbar-h-left',
@@ -185,20 +191,25 @@ export const TabElement = tasty(Item, {
             '(type=file | type=radio) & selected': '#white',
         },
         border: {
-            '': '0 #clear',
-            'type=file & selected': '$tab-indicator-size #purple bottom',
+            '': '#clear',
+            'type=file': '0 #clear',
         },
         preset: {
             '': 't3m',
             'size=xsmall': 't4',
         },
         shadow: {
-            '': 'none',
-            'focused & focus-visible': 'inset 0 0 0 1bw #purple-text',
-            editing: 'inset 0 0 0 1bw #purple-text',
+            '': '$selection-shadow',
+            'focused & focus-visible': 'inset 0 0 0 1bw #purple-text, $selection-shadow',
+            editing: 'inset 0 0 0 1bw #purple-text, $selection-shadow',
             'type=radio & selected': '$item-shadow',
             'type=radio & selected & focused & focus-visible': '$item-shadow, inset 0 0 0 1bw #purple-text',
         },
+        '$selection-shadow': {
+            '': 'inset 0 0 0 0 #purple',
+            'type=file & selected': 'inset 0 (-1 * $tab-indicator-size) 0 0 #purple',
+            '!type=file': 'inset 0 0 0 0 #purple.0',
+        },
         // Collapse horizontal padding for narrow type
         '$label-padding-left': {
             '': '$inline-padding',
@@ -262,12 +273,12 @@ export const TabContainer = tasty({
             // Simple CSS opacity for show-on-hover
             opacity: {
                 '': 1,
-                'show-actions-on-hover': 0,
-                'show-actions-on-hover & (active | :hover | :focus-within | :has([data-pressed]))': 1,
+                'auto-hide-actions': 0,
+                'auto-hide-actions & (active | :hover | :focus-within | :has([data-pressed]))': 1,
             },
             transition: 'opacity $transition',
             // Size variables (same as Item)
-            '$action-size': 'min(max((2x + 2bw), ($size - 1x - 2bw)), (4x - 2bw))',
+            '$action-size': 'min(max((2x + 2bw), ($size - 1x - 2bw)), (3x - 2bw))',
             '$side-padding': '(($size - $action-size - 2bw) / 2)',
         },
     },
@@ -308,9 +319,7 @@ export const TabIndicatorElement = tasty({
         left: 0,
         height: '$tab-indicator-size',
         fill: '#purple',
-        transition: 'left, width',
-        transitionDuration: '.2s',
-        transitionTimingFunction: 'ease-out',
+        transition: 'left $tab-transition ease-in-out, width $tab-transition ease-in-out',
         pointerEvents: 'none',
     },
 });
@@ -321,6 +330,10 @@ export const TabPanelElement = tasty({
     as: 'section',
     styles: {
         display: 'contents',
+        hide: {
+            '': true,
+            active: false,
+        },
     },
 });
 // =============================================================================

package/es/components/navigation/Tabs/types.js

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

package/es/components/navigation/Tabs/use-tab-editing.js

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

package/es/components/navigation/Tabs/use-tab-indicator.js

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

package/es/components/navigation/index.js

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

package/es/components/organisms/FileTabs/FileTabs.js

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

package/es/components/organisms/StatsCard/StatsCard.js

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

package/es/components/other/Calendar/Calendar.js

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

package/es/components/other/Calendar/CalendarCell.js

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

package/es/components/other/Calendar/CalendarGrid.js

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

package/es/components/other/Calendar/RangeCalendar.js

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

package/es/components/other/CloudLogo/CloudLogo.js

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

package/es/components/overlays/AlertDialog/AlertDialog.js

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

package/es/components/overlays/AlertDialog/AlertDialogApiProvider.js

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

package/es/components/overlays/AlertDialog/AlertDialogZone.js

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

package/es/components/overlays/AlertDialog/index.js

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

package/es/components/overlays/AlertDialog/types.js

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

package/es/components/overlays/Dialog/Dialog.js

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

package/es/components/overlays/Dialog/DialogContainer.js

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

package/es/components/overlays/Dialog/DialogForm.js

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

package/es/components/overlays/Dialog/DialogTrigger.js

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

package/es/components/overlays/Dialog/context.js

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

package/es/components/overlays/Dialog/index.js

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

package/es/components/overlays/Dialog/use-dialog-container.js

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