@cube-dev/ui-kit 0.72.2 → 0.73.0

package/es/components/content/HotKeys/HotKeys.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.
  */
 
@@ -10,7 +10,6 @@ import { forwardRef, Fragment } from 'react';
 import { CONTAINER_STYLES, extractStyles, filterBaseProps, tasty, } from '../../../tasty';
 import { useKeySymbols } from '../../../utils/react/useKeySymbols';
 import { Space } from '../../layout/Space';
-import { Tag } from '../Tag/Tag';
 import { Text } from '../Text';
 const StyledHotKeys = tasty(Space, {
     qa: 'HotKeys',
@@ -20,13 +19,43 @@ const StyledHotKeys = tasty(Space, {
         display: 'inline-flex',
         flow: 'row',
         gap: '1x',
+        placeSelf: 'center',
+    },
+});
+const KeyElement = tasty({
+    as: 'kbd',
+    role: 'text',
+    styles: {
+        display: 'inline-flex',
+        placeContent: 'center',
+        placeItems: 'center start',
+        radius: '1r',
+        preset: 'tag',
+        boxSizing: 'border-box',
+        width: '2.5x max-content max-content',
+        height: 'min-content',
+        textAlign: 'left',
+        whiteSpace: 'nowrap',
+        padding: '0 (.5x - 1bw)',
+        color: {
+            '': '#dark.65',
+            '[data-type="primary"]': '#white',
+        },
+        fill: {
+            '': '#dark.04',
+            '[data-type="primary"]': '#clear',
+        },
+        border: {
+            '': true,
+            '[data-type="primary"]': '#white',
+        },
     },
 });
 function HotKeys(props, ref) {
-    const { children: keys, ...otherProps } = props;
+    const { children: keys, type, ...otherProps } = props;
     const parsedKeys = useKeySymbols(keys);
     const styles = extractStyles(otherProps, CONTAINER_STYLES);
-    return (_jsx(StyledHotKeys, { qa: "HotKeys", ...filterBaseProps(otherProps, { eventProps: true, labelable: true }), ref: ref, styles: styles, children: parsedKeys.map((keyGroup, groupIndex) => (_jsxs(Fragment, { children: [groupIndex > 0 && (_jsx(Text, { color: "#dark-03", role: "separator", "aria-hidden": "true", children: "or" })), _jsx(Space, { flow: "row", gap: "0.25x", role: "group", "aria-label": `Key combination ${groupIndex + 1}`, children: keyGroup.map((key, keyIndex) => (_jsx(Tag, { as: "kbd", role: "text", "aria-label": `Key ${key}`, children: key }, keyIndex))) })] }, groupIndex))) }));
+    return (_jsx(StyledHotKeys, { qa: "HotKeys", ...filterBaseProps(otherProps, { eventProps: true, labelable: true }), ref: ref, styles: styles, children: parsedKeys.map((keyGroup, groupIndex) => (_jsxs(Fragment, { children: [groupIndex > 0 && (_jsx(Text, { color: "#dark-03", role: "separator", "aria-hidden": "true", children: "or" })), _jsx(Space, { flow: "row", gap: "0.25x", role: "group", "aria-label": `Key combination ${groupIndex + 1}`, children: keyGroup.map((key, keyIndex) => (_jsx(KeyElement, { "data-type": type, as: "kbd", role: "text", "aria-label": `Key ${key}`, children: key }, keyIndex))) })] }, groupIndex))) }));
 }
 const _HotKeys = forwardRef(HotKeys);
 _HotKeys.displayName = 'HotKeys';

package/es/components/content/HotKeys/index.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/components/content/ItemBase/ItemBase.js

@@ -0,0 +1,342 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.73.0
+ * Released under the MIT license.
+ */
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useMemo, useState, } from 'react';
+import { useFocusable } from 'react-aria';
+import { useHotkeys } from 'react-hotkeys-hook';
+import { DANGER_CLEAR_STYLES, DANGER_ITEM_STYLES, DANGER_LINK_STYLES, DANGER_NEUTRAL_STYLES, DANGER_OUTLINE_STYLES, DANGER_PRIMARY_STYLES, DANGER_SECONDARY_STYLES, DEFAULT_CLEAR_STYLES, DEFAULT_ITEM_STYLES, DEFAULT_LINK_STYLES, DEFAULT_NEUTRAL_STYLES, DEFAULT_OUTLINE_STYLES, DEFAULT_PRIMARY_STYLES, DEFAULT_SECONDARY_STYLES, SPECIAL_CLEAR_STYLES, SPECIAL_ITEM_STYLES, SPECIAL_LINK_STYLES, SPECIAL_NEUTRAL_STYLES, SPECIAL_OUTLINE_STYLES, SPECIAL_PRIMARY_STYLES, SPECIAL_SECONDARY_STYLES, SUCCESS_CLEAR_STYLES, SUCCESS_ITEM_STYLES, SUCCESS_LINK_STYLES, SUCCESS_NEUTRAL_STYLES, SUCCESS_OUTLINE_STYLES, SUCCESS_PRIMARY_STYLES, SUCCESS_SECONDARY_STYLES, } from '../../../data/item-themes';
+import { CheckIcon } from '../../../icons/CheckIcon';
+import { CONTAINER_STYLES, tasty, } from '../../../tasty';
+import { mergeProps, useCombinedRefs, useLayoutEffect, } from '../../../utils/react';
+import { TooltipProvider, } from '../../overlays/Tooltip/TooltipProvider';
+import { HotKeys } from '../HotKeys';
+const DEFAULT_ICON_STYLES = {
+    display: 'grid',
+    placeItems: 'center',
+    placeContent: 'stretch',
+    aspectRatio: '1 / 1',
+    width: '($size - 2bw)',
+    opacity: {
+        '': 1,
+        'checkbox & selected': 1,
+        'checkbox & !selected': 0,
+        'checkbox & !selected & hovered': 0.4,
+    },
+    gridRow: 'span 2',
+};
+const ADDITION_STYLES = {
+    display: 'grid',
+    flow: 'column',
+    placeItems: 'center',
+    placeContent: 'stretch',
+    gridRow: 'span 2',
+};
+const FocusableItemBase = forwardRef(function FocusableItembase(props, ref) {
+    let { focusableProps } = useFocusable(props, ref);
+    return _jsx(ItemBaseElement, { ref: ref, ...mergeProps(props, focusableProps) });
+});
+const ItemBaseElement = tasty({
+    styles: {
+        display: 'inline-grid',
+        flow: 'column dense',
+        gap: 0,
+        placeItems: 'stretch',
+        placeContent: 'stretch',
+        gridColumns: {
+            '': '1sf max-content max-content',
+            'with-icon ^ with-prefix': 'max-content 1sf max-content max-content',
+            'with-icon & with-prefix': 'max-content max-content 1sf max-content max-content',
+        },
+        gridRows: {
+            '': 'auto auto',
+            'with-description-block': 'auto auto auto',
+        },
+        flexShrink: 0,
+        position: 'relative',
+        padding: 0,
+        margin: 0,
+        radius: true,
+        height: {
+            '': 'min $size',
+            '[data-size="inline"]': 'initial',
+        },
+        border: '#clear',
+        fill: {
+            '': '#dark.0',
+            'hovered | focused': '#dark.03',
+            selected: '#dark.09',
+            'selected & (hovered | focused)': '#dark.12',
+            pressed: '#dark.09',
+            '[disabled] | disabled': '#clear',
+        },
+        color: {
+            '': '#dark-02',
+            hovered: '#dark-02',
+            pressed: '#dark',
+            '[disabled] | disabled': '#dark-04',
+        },
+        preset: {
+            '': 't3m',
+            '[data-size="xsmall"]': 't4',
+            '[data-size="xlarge"]': 't2m',
+        },
+        boxSizing: 'border-box',
+        textDecoration: 'none',
+        transition: 'theme',
+        reset: 'button',
+        outlineOffset: 1,
+        cursor: {
+            '': 'default',
+            ':is(button) | :is(a)': 'pointer',
+            '[disabled] | disabled': 'not-allowed',
+        },
+        $size: {
+            '': '$size-md',
+            '[data-size="xsmall"]': '$size-xs',
+            '[data-size="small"]': '$size-sm',
+            '[data-size="medium"]': '$size-md',
+            '[data-size="large"]': '$size-lg',
+            '[data-size="xlarge"]': '$size-xl',
+            '[data-size="inline"]': '',
+        },
+        '$inline-padding': {
+            '': 'max($min-inline-padding, (($size - 1lh - 2bw) / 2 + $inline-compensation))',
+            '[data-size="inline"]': 0,
+        },
+        '$block-padding': {
+            '': '.5x',
+            '[data-size="xsmall"] | [data-size="small"]': '.25x',
+            '[data-size="inline"]': 0,
+        },
+        '$inline-compensation': '.5x',
+        '$min-inline-padding': '(1x - 1bw)',
+        Icon: DEFAULT_ICON_STYLES,
+        RightIcon: DEFAULT_ICON_STYLES,
+        Label: {
+            display: 'block',
+            placeSelf: 'center start',
+            boxSizing: 'border-box',
+            placeContent: 'stretch',
+            whiteSpace: 'nowrap',
+            overflow: 'hidden',
+            textOverflow: 'ellipsis',
+            maxWidth: '100%',
+            padding: {
+                '': '$block-padding $inline-padding',
+                '(with-icon | with-prefix)': '$block-padding $inline-padding $block-padding 0',
+                '(with-right-icon | with-suffix)': '$block-padding 0 $block-padding $inline-padding',
+                '(with-icon | with-prefix) & (with-right-icon | with-suffix)': '$block-padding 0',
+                'with-description & !with-description-block': '$block-padding $inline-padding 0 $inline-padding',
+                'with-description & !with-description-block & (with-icon | with-prefix)': '$block-padding $inline-padding 0 0',
+                'with-description & !with-description-block & (with-right-icon | with-suffix)': '$block-padding 0 0 $inline-padding',
+                'with-description & !with-description-block & (with-icon | with-prefix) & (with-right-icon | with-suffix)': '$block-padding 0 0 0',
+            },
+            gridRow: {
+                '': 'span 2',
+                'with-description': 'span 1',
+                'with-description-block': 'span 2',
+            },
+        },
+        Description: {
+            preset: 't4',
+            color: 'inherit',
+            opacity: 0.75,
+            overflow: 'hidden',
+            whiteSpace: 'nowrap',
+            textOverflow: 'ellipsis',
+            maxWidth: '100%',
+            textAlign: 'left',
+            gridRow: {
+                '': 'span 1',
+                'with-description-block': '3 / span 1',
+            },
+            gridColumn: {
+                '': 'span 1',
+                'with-description-block': '1 / -1',
+            },
+            padding: {
+                '': '0 $inline-padding $block-padding $inline-padding',
+                '(with-icon | with-prefix)': '0 $inline-padding $block-padding 0',
+                '(with-right-icon | with-suffix)': '0 0 $block-padding $inline-padding',
+                '(with-icon | with-prefix) & (with-right-icon | with-suffix)': '0 0 $block-padding 0',
+                'with-description-block': '0 ($inline-padding - $inline-compensation + 1bw) $block-padding ($inline-padding - $inline-compensation + 1bw)',
+                'with-description-block & !with-icon': '0 ($inline-padding - $inline-compensation + 1bw) $block-padding $inline-padding',
+                'with-description-block & !with-right-icon': '0 $inline-padding $block-padding ($inline-padding - $inline-compensation + 1bw)',
+                'with-description-block & !with-right-icon & !with-icon': '0 $inline-padding $block-padding $inline-padding',
+            },
+        },
+        Prefix: {
+            ...ADDITION_STYLES,
+            padding: {
+                '': '$inline-padding left',
+                'with-icon': 0,
+            },
+        },
+        Suffix: {
+            ...ADDITION_STYLES,
+            padding: {
+                '': '$inline-padding right',
+                'with-right-icon': 0,
+            },
+        },
+    },
+    variants: {
+        // Default theme
+        'default.primary': DEFAULT_PRIMARY_STYLES,
+        'default.secondary': DEFAULT_SECONDARY_STYLES,
+        'default.outline': DEFAULT_OUTLINE_STYLES,
+        'default.neutral': DEFAULT_NEUTRAL_STYLES,
+        'default.clear': DEFAULT_CLEAR_STYLES,
+        'default.link': DEFAULT_LINK_STYLES,
+        'default.item': DEFAULT_ITEM_STYLES,
+        // Danger theme
+        'danger.primary': DANGER_PRIMARY_STYLES,
+        'danger.secondary': DANGER_SECONDARY_STYLES,
+        'danger.outline': DANGER_OUTLINE_STYLES,
+        'danger.neutral': DANGER_NEUTRAL_STYLES,
+        'danger.clear': DANGER_CLEAR_STYLES,
+        'danger.link': DANGER_LINK_STYLES,
+        'danger.item': DANGER_ITEM_STYLES,
+        // Success theme
+        'success.primary': SUCCESS_PRIMARY_STYLES,
+        'success.secondary': SUCCESS_SECONDARY_STYLES,
+        'success.outline': SUCCESS_OUTLINE_STYLES,
+        'success.neutral': SUCCESS_NEUTRAL_STYLES,
+        'success.clear': SUCCESS_CLEAR_STYLES,
+        'success.link': SUCCESS_LINK_STYLES,
+        'success.item': SUCCESS_ITEM_STYLES,
+        // Special theme
+        'special.primary': SPECIAL_PRIMARY_STYLES,
+        'special.secondary': SPECIAL_SECONDARY_STYLES,
+        'special.outline': SPECIAL_OUTLINE_STYLES,
+        'special.neutral': SPECIAL_NEUTRAL_STYLES,
+        'special.clear': SPECIAL_CLEAR_STYLES,
+        'special.link': SPECIAL_LINK_STYLES,
+        'special.item': SPECIAL_ITEM_STYLES,
+    },
+    styleProps: CONTAINER_STYLES,
+});
+const ItemBase = (props, ref) => {
+    let { children, size, type = 'item', theme = 'default', mods, icon, rightIcon, prefix, suffix, description, descriptionPlacement = 'inline', labelProps, descriptionProps, keyboardShortcutProps, styles, buttonType, isSelected, hotkeys, tooltip, isDisabled, defaultTooltipPlacement = 'top', ...rest } = props;
+    // Determine if we should show checkbox instead of icon
+    const hasCheckbox = icon === 'checkbox';
+    // Build final suffix: custom suffix or HotKeys hint if provided and no explicit suffix
+    const finalSuffix = suffix ??
+        (hotkeys ? (_jsx(HotKeys, { type: type === 'primary' ? 'primary' : 'default', styles: { padding: '1x left', opacity: isDisabled ? 0.5 : 1 }, children: hotkeys })) : undefined);
+    // Register global hotkey if provided
+    useHotkeys(typeof hotkeys === 'string' ? hotkeys.toLowerCase() : '', () => {
+        if (!hotkeys)
+            return;
+        if (isDisabled)
+            return;
+        // Simulate a click on the element so all existing handlers run
+        if (ref && typeof ref === 'object' && ref.current) {
+            ref.current.click();
+        }
+    }, {
+        enableOnContentEditable: true,
+        enabled: !!hotkeys,
+        preventDefault: true,
+        enableOnFormTags: true,
+    }, [hotkeys, isDisabled]);
+    mods = useMemo(() => {
+        return {
+            'with-icon': !!icon,
+            'with-right-icon': !!rightIcon,
+            'with-prefix': !!prefix,
+            'with-suffix': !!finalSuffix,
+            'with-description': !!description,
+            'with-description-block': !!description && descriptionPlacement === 'block',
+            checkbox: hasCheckbox,
+            selected: isSelected === true,
+            ...mods,
+        };
+    }, [
+        icon,
+        rightIcon,
+        prefix,
+        finalSuffix,
+        description,
+        descriptionPlacement,
+        hasCheckbox,
+        isSelected,
+        mods,
+    ]);
+    // Determine if auto tooltip is enabled
+    const isAutoTooltipEnabled = useMemo(() => {
+        if (tooltip === true)
+            return true;
+        if (typeof tooltip === 'object' && tooltip?.auto)
+            return true;
+        return false;
+    }, [tooltip]);
+    // Track label overflow for auto tooltip (only when enabled)
+    const mergedLabelRef = useCombinedRefs(labelProps?.ref);
+    const [isLabelOverflowed, setIsLabelOverflowed] = useState(false);
+    const checkLabelOverflow = () => {
+        const label = mergedLabelRef.current;
+        if (!label) {
+            setIsLabelOverflowed(false);
+            return;
+        }
+        const hasOverflow = label.scrollWidth > label.clientWidth;
+        setIsLabelOverflowed(hasOverflow);
+    };
+    useLayoutEffect(() => {
+        if (isAutoTooltipEnabled) {
+            checkLabelOverflow();
+        }
+    }, [children, isAutoTooltipEnabled]);
+    useLayoutEffect(() => {
+        if (!isAutoTooltipEnabled)
+            return;
+        const label = mergedLabelRef.current;
+        if (!label)
+            return;
+        // Initial check
+        checkLabelOverflow();
+        // const resizeObserver = new ResizeObserver(checkLabelOverflow);
+        // resizeObserver.observe(label);
+        // return () => resizeObserver.disconnect();
+    }, [mergedLabelRef.current, isAutoTooltipEnabled]);
+    const finalLabelProps = useMemo(() => {
+        return {
+            ...(labelProps || {}),
+            ref: mergedLabelRef,
+        };
+    }, [labelProps, mergedLabelRef]);
+    const Component = tooltip || isDisabled ? FocusableItemBase : ItemBaseElement;
+    const itemElement = (_jsxs(Component, { ref: ref, tabIndex: 0, variant: theme && type ? `${theme}.${type}` : undefined, "data-size": size, "data-type": type, "data-theme": theme, "aria-disabled": isDisabled, "aria-selected": isSelected, mods: mods, styles: styles, type: buttonType, ...rest, children: [icon && (_jsx("div", { "data-element": "Icon", children: hasCheckbox ? _jsx(CheckIcon, {}) : icon })), prefix && _jsx("div", { "data-element": "Prefix", children: prefix }), children || labelProps ? (_jsx("div", { "data-element": "Label", ...finalLabelProps, children: children })) : null, description || descriptionProps ? (_jsx("div", { "data-element": "Description", ...descriptionProps, children: description })) : null, finalSuffix && _jsx("div", { "data-element": "Suffix", children: finalSuffix }), rightIcon && _jsx("div", { "data-element": "RightIcon", children: rightIcon })] }));
+    // Handle tooltip rendering based on tooltip prop type
+    if (tooltip) {
+        // String tooltip - simple case
+        if (typeof tooltip === 'string') {
+            return (_jsx(TooltipProvider, { placement: defaultTooltipPlacement, title: tooltip, children: itemElement }));
+        }
+        // Boolean tooltip - auto tooltip on overflow
+        if (tooltip === true) {
+            if ((children || labelProps) && isLabelOverflowed) {
+                return (_jsx(TooltipProvider, { placement: defaultTooltipPlacement, title: children, children: itemElement }));
+            }
+        }
+        // Object tooltip - advanced configuration
+        if (typeof tooltip === 'object') {
+            const { auto, ...tooltipProps } = tooltip;
+            // If auto is enabled and label is overflowed, show auto tooltip
+            if ((auto && (children || labelProps) && isLabelOverflowed) ||
+                (tooltipProps.title && !auto)) {
+                return (_jsx(TooltipProvider, { placement: defaultTooltipPlacement, title: children, ...tooltipProps, children: itemElement }));
+            }
+        }
+    }
+    return itemElement;
+};
+const _ItemBase = forwardRef(ItemBase);
+export { _ItemBase as ItemBase };
+
+        

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

@@ -0,0 +1,10 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.73.0
+ * Released under the MIT license.
+ */
+
+export * from './ItemBase';
+
+        

package/es/components/content/List/SectionHeading.js

@@ -0,0 +1,23 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.73.0
+ * Released under the MIT license.
+ */
+
+import { tasty } from '../../../tasty';
+import { Space } from '../../layout/Space';
+export const SectionHeading = tasty(Space, {
+    qa: 'SectionHeading',
+    as: 'div',
+    styles: {
+        color: '#dark-04',
+        preset: 'c2',
+        padding: '.5x 1x',
+        height: '3x',
+        placeContent: 'center space-between',
+        align: 'start',
+    },
+});
+
+        

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

@@ -0,0 +1,10 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.73.0
+ * Released under the MIT license.
+ */
+
+export * from './SectionHeading';
+
+        

package/es/components/content/Paragraph.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/components/content/Placeholder/Placeholder.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/components/content/PrismCode/PrismCode.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/components/content/PrismCode/prismSetup.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/components/content/PrismDiffCode/PrismDiffCode.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/components/content/Result/Result.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/components/content/Skeleton/Skeleton.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/components/content/Tag/Tag.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/components/content/Text.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/components/content/Title.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/components/fields/Checkbox/Checkbox.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/components/fields/Checkbox/CheckboxGroup.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/components/fields/Checkbox/context.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/components/fields/Checkbox/index.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/components/fields/ComboBox/ComboBox.js

@@ -1,14 +1,14 @@
 /**
  * @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.
  */
 
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { cloneElement, forwardRef, useEffect, useMemo, } from 'react';
 import { useButton, useComboBox, useFilter, useHover, useOverlayPosition, } from 'react-aria';
-import { Section as BaseSection, Item, useComboBoxState } from 'react-stately';
+import { Section as BaseSection, useComboBoxState } from 'react-stately';
 import { useEvent } from '../../../_internal/index';
 import { DownIcon, LoadingIcon } from '../../../icons';
 import { useProviderProps } from '../../../provider';
@@ -18,6 +18,7 @@ import { mergeProps, useCombinedRefs, useLayoutEffect, } from '../../../utils/re
 import { useFocus } from '../../../utils/react/interactions';
 import { useEventBus } from '../../../utils/react/useEventBus';
 import { useFieldProps, useFormProps, wrapWithField } from '../../form';
+import { Item } from '../../Item';
 import { OverlayWrapper } from '../../overlays/OverlayWrapper';
 import { InvalidIcon } from '../../shared/InvalidIcon';
 import { ValidIcon } from '../../shared/ValidIcon';
@@ -242,7 +243,7 @@ export const ComboBox = forwardRef(function ComboBox(props, ref) {
     let allInputProps = useMemo(() => mergeProps(inputProps, hoverProps, focusProps), [inputProps, hoverProps, focusProps]);
     let comboBoxField = (_jsxs(ComboBoxWrapperElement, { ref: wrapperRef, qa: qa || 'ComboBox', mods: mods, styles: wrapperStyles, style: {
             zIndex: isFocused ? 1 : 'initial',
-        }, "data-size": size, children: [prefix ? _jsx("div", { "data-element": "Prefix", children: prefix }) : null, _jsx(InputElement, { ref: inputRef, qa: "Input", autoFocus: autoFocus, "data-autofocus": autoFocus ? '' : undefined, ...allInputProps, autoComplete: autoComplete, styles: inputStyles, mods: mods, "data-size": size }), _jsxs("div", { "data-element": "Suffix", children: [suffixPosition === 'before' ? suffix : null, validationState || isLoading ? (_jsxs(_Fragment, { children: [validationState && !isLoading ? validation : null, isLoading ? _jsx(LoadingIcon, {}) : null] })) : null, suffixPosition === 'after' ? suffix : null, !hideTrigger ? (_jsx(TriggerElement, { "data-menu-trigger": true, qa: "ComboBoxTrigger", ...mergeProps(buttonProps, triggerFocusProps, triggerHoverProps), ref: triggerRef, mods: {
+        }, "data-size": size, children: [prefix ? _jsx("div", { "data-element": "Prefix", children: prefix }) : null, _jsx(InputElement, { ref: inputRef, qa: "Input", autoFocus: autoFocus, "data-autofocus": autoFocus ? '' : undefined, ...allInputProps, autoComplete: autoComplete, styles: inputStyles, mods: mods, "data-size": size }), _jsxs("div", { "data-element": "Suffix", children: [suffixPosition === 'before' ? suffix : null, validationState || isLoading ? (_jsxs(_Fragment, { children: [validationState && !isLoading ? validation : null, isLoading ? _jsx(LoadingIcon, {}) : null] })) : null, suffixPosition === 'after' ? suffix : null, !hideTrigger ? (_jsx(TriggerElement, { "data-popover-trigger": true, qa: "ComboBoxTrigger", ...mergeProps(buttonProps, triggerFocusProps, triggerHoverProps), ref: triggerRef, mods: {
                             pressed: isTriggerPressed,
                             focused: isTriggerFocused,
                             hovered: isTriggerHovered,

package/es/components/fields/ComboBox/index.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/components/fields/DatePicker/DateInput.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.
  */