@cube-dev/ui-kit 0.27.2 → 0.28.0

package/cjs/components/forms/Slider/SliderBase.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.27.2
+ * @cube-dev/ui-kit v0.28.0
  * Released under the MIT license.
  */
 
@@ -11,9 +11,8 @@ exports.SliderBase = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const utils_1 = require("@react-spectrum/utils");
-const slider_1 = require("@react-stately/slider");
-const slider_2 = require("@react-aria/slider");
-const i18n_1 = require("@react-aria/i18n");
+const react_stately_1 = require("react-stately");
+const react_aria_1 = require("react-aria");
 const FieldWrapper_1 = require("../FieldWrapper");
 const tasty_1 = require("../../../tasty");
 const Form_1 = require("../Form");
@@ -51,8 +50,8 @@ function SliderBase(allProps, ref) {
             formatOptions = { signDisplay: 'exceptZero' };
         }
     }
-    const formatter = (0, i18n_1.useNumberFormatter)(formatOptions);
-    const state = (0, slider_1.useSliderState)({
+    const formatter = (0, react_aria_1.useNumberFormatter)(formatOptions);
+    const state = (0, react_stately_1.useSliderState)({
         ...props,
         orientation,
         numberFormatter: formatter,
@@ -60,7 +59,7 @@ function SliderBase(allProps, ref) {
         maxValue,
     });
     const trackRef = (0, react_1.useRef)(null);
-    let { groupProps, trackProps, labelProps, outputProps } = (0, slider_2.useSlider)(props, state, trackRef);
+    let { groupProps, trackProps, labelProps, outputProps } = (0, react_aria_1.useSlider)(props, state, trackRef);
     const inputRef = (0, react_1.useRef)(null);
     let domRef = (0, utils_1.useFocusableRef)(ref, inputRef);
     let displayValue = '';

package/cjs/components/forms/Slider/SliderInput.js

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

package/cjs/components/forms/Slider/SliderThumb.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.27.2
+ * @cube-dev/ui-kit v0.28.0
  * Released under the MIT license.
  */
 
@@ -10,26 +10,24 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SliderThumb = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const slider_1 = require("@react-aria/slider");
-const interactions_1 = require("@react-aria/interactions");
-const visually_hidden_1 = require("@react-aria/visually-hidden");
+const react_aria_1 = require("react-aria");
 const react_2 = require("../../../utils/react");
 const elements_1 = require("./elements");
 function SliderThumb(props) {
     let { state, inputRef, isDisabled } = props;
     const backupRef = (0, react_1.useRef)(null);
     inputRef = inputRef || backupRef;
-    const { thumbProps, inputProps, isDragging, isFocused } = (0, slider_1.useSliderThumb)({
+    const { thumbProps, inputProps, isDragging, isFocused } = (0, react_aria_1.useSliderThumb)({
         ...props,
         inputRef,
     }, state);
-    const { hoverProps, isHovered } = (0, interactions_1.useHover)({ isDisabled });
+    const { hoverProps, isHovered } = (0, react_aria_1.useHover)({ isDisabled });
     return ((0, jsx_runtime_1.jsx)(elements_1.SliderThumbElement, { mods: {
             hovered: isHovered,
             dragged: isDragging,
             focused: !isDragging && isFocused,
             disabled: isDisabled,
-        }, ...(0, react_2.mergeProps)(thumbProps, hoverProps), role: "presentation", children: (0, jsx_runtime_1.jsx)(visually_hidden_1.VisuallyHidden, { children: (0, jsx_runtime_1.jsx)("input", { ref: inputRef, ...inputProps }) }) }));
+        }, ...(0, react_2.mergeProps)(thumbProps, hoverProps), role: "presentation", children: (0, jsx_runtime_1.jsx)(react_aria_1.VisuallyHidden, { children: (0, jsx_runtime_1.jsx)("input", { ref: inputRef, ...inputProps }) }) }));
 }
 exports.SliderThumb = SliderThumb;
 

package/cjs/components/forms/Slider/SliderTrack.js

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

package/cjs/components/forms/Slider/elements.js

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

package/cjs/components/forms/Slider/index.js

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

package/cjs/components/forms/Slider/types.js

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

package/cjs/components/forms/Switch/Switch.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.27.2
+ * @cube-dev/ui-kit v0.28.0
  * Released under the MIT license.
  */
 
@@ -11,20 +11,19 @@ exports.Switch = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const utils_1 = require("@react-spectrum/utils");
-const switch_1 = require("@react-aria/switch");
-const interactions_1 = require("@react-aria/interactions");
-const toggle_1 = require("@react-stately/toggle");
+const react_aria_1 = require("react-aria");
+const react_stately_1 = require("react-stately");
 const icons_1 = require("@ant-design/icons");
 const provider_1 = require("../../../provider");
 const tasty_1 = require("../../../tasty");
-const interactions_2 = require("../../../utils/react/interactions");
+const interactions_1 = require("../../../utils/react/interactions");
 const react_2 = require("../../../utils/react");
 const HiddenInput_1 = require("../../HiddenInput");
 const Label_1 = require("../Label");
 const Text_1 = require("../../content/Text");
-const FieldWrapper_1 = require("../FieldWrapper");
 const nullableValue_1 = require("../../../utils/react/nullableValue");
 const Form_1 = require("../Form");
+const wrapper_1 = require("../wrapper");
 const SwitchWrapperElement = (0, tasty_1.tasty)({
     qa: 'SwitchWrapper',
     styles: {
@@ -35,6 +34,7 @@ const SwitchWrapperElement = (0, tasty_1.tasty)({
             'side-label': 'baseline stretch',
         },
         gap: '1x',
+        width: 'max max-content',
     },
 });
 const SwitchLabelElement = (0, tasty_1.tasty)({
@@ -56,9 +56,8 @@ const SwitchElement = (0, tasty_1.tasty)({
     qa: 'Switch',
     styles: {
         position: 'relative',
-        display: 'grid',
         verticalAlign: 'baseline',
-        placeItems: 'center',
+        placeSelf: 'center',
         radius: 'round',
         fill: {
             '': '#dark.50',
@@ -81,10 +80,6 @@ const SwitchElement = (0, tasty_1.tasty)({
         },
         transition: 'theme',
         cursor: 'pointer',
-        placeSelf: {
-            '': null,
-            'inside-form & side-label': 'start',
-        },
         Thumb: {
             position: 'absolute',
             width: {
@@ -124,52 +119,43 @@ function Switch(props, ref) {
             onChange: onChange,
         }),
     });
-    let { qa, isDisabled = false, autoFocus, children, label, extra, labelProps, labelStyles, isLoading, insideForm, validationState, message, description, labelPosition, inputStyles, requiredMark = true, tooltip, labelSuffix, size = 'large', ...otherProps } = props;
+    let { qa, isDisabled = false, children, label, labelProps, labelStyles, insideForm, isLoading, labelPosition, inputStyles, validationState, size = 'large', ...otherProps } = props;
     let styles = (0, tasty_1.extractStyles)(props, tasty_1.OUTER_STYLES);
     inputStyles = (0, tasty_1.extractStyles)(props, tasty_1.BLOCK_STYLES, inputStyles);
     labelStyles = (0, react_1.useMemo)(() => ({
         ...(insideForm ? Label_1.LABEL_STYLES : Label_1.INLINE_LABEL_STYLES),
         ...labelStyles,
     }), [insideForm, labelStyles]);
-    let { isFocused, focusProps } = (0, interactions_2.useFocus)({ isDisabled }, true);
-    let { hoverProps, isHovered } = (0, interactions_1.useHover)({ isDisabled });
+    let { isFocused, focusProps } = (0, interactions_1.useFocus)({ isDisabled }, true);
+    let { hoverProps, isHovered } = (0, react_aria_1.useHover)({ isDisabled });
     let inputRef = (0, react_1.useRef)(null);
     let domRef = (0, utils_1.useFocusableRef)(ref, inputRef);
     // eslint-disable-next-line react-hooks/rules-of-hooks
-    let { inputProps } = (0, switch_1.useSwitch)({
+    let { inputProps } = (0, react_aria_1.useSwitch)({
         ...props,
         ...(typeof label === 'string' && label.trim()
             ? { 'aria-label': label }
             : {}),
-    }, (0, toggle_1.useToggleState)(props), inputRef);
+    }, (0, react_stately_1.useToggleState)(props), inputRef);
     const mods = {
-        'inside-form': insideForm,
-        'side-label': labelPosition === 'side',
         checked: inputProps.checked,
         disabled: isDisabled,
         hovered: isHovered,
         focused: isFocused,
+        invalid: validationState === 'invalid',
+        valid: validationState === 'valid',
+        'inside-form': insideForm,
+        'side-label': labelPosition === 'side',
     };
     const switchField = ((0, jsx_runtime_1.jsxs)(SwitchWrapperElement, { mods: mods, "data-size": size, children: [(0, jsx_runtime_1.jsx)(HiddenInput_1.HiddenInput, { "data-qa": "HiddenInput", ...(0, react_2.mergeProps)(inputProps, focusProps), ref: inputRef }), (0, jsx_runtime_1.jsx)(SwitchElement, { qa: qa || 'Switch', mods: mods, "data-size": size, styles: inputStyles, children: (0, jsx_runtime_1.jsx)("div", { "data-element": "Thumb", "aria-hidden": "true" }) }), children ? (0, jsx_runtime_1.jsx)(Text_1.Text, { nowrap: true, children: children }) : null] }));
     if (insideForm) {
-        return ((0, jsx_runtime_1.jsx)(FieldWrapper_1.FieldWrapper, { ...{
-                as: 'label',
-                labelPosition,
-                label,
-                extra,
-                styles,
-                labelStyles,
-                labelProps,
-                isDisabled,
-                validationState,
-                message,
-                description,
-                requiredMark,
-                tooltip,
-                labelSuffix,
-                Component: switchField,
-                ref: domRef,
-            } }));
+        return (0, wrapper_1.wrapWithField)(switchField, domRef, {
+            ...props,
+            children: null,
+            labelStyles,
+            inputStyles,
+            styles,
+        });
     }
     return ((0, jsx_runtime_1.jsxs)(SwitchLabelElement, { styles: styles, mods: mods, ...hoverProps, ...(0, tasty_1.filterBaseProps)(otherProps), ref: domRef, children: [switchField, label ? ((0, jsx_runtime_1.jsxs)(tasty_1.Element, { styles: labelStyles, mods: {
                     disabled: isDisabled,

package/cjs/components/forms/TextArea/TextArea.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.27.2
+ * @cube-dev/ui-kit v0.28.0
  * Released under the MIT license.
  */
 
@@ -11,7 +11,7 @@ exports.TextArea = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const utils_1 = require("@react-stately/utils");
-const textfield_1 = require("@react-aria/textfield");
+const react_aria_1 = require("react-aria");
 const TextInputBase_1 = require("../TextInput/TextInputBase");
 const provider_1 = require("../../../provider");
 const nullableValue_1 = require("../../../utils/react/nullableValue");
@@ -52,7 +52,7 @@ function TextArea(props, ref) {
             onHeightChange();
         }
     }, [onHeightChange, inputValue, inputRef]);
-    let { labelProps, inputProps } = (0, textfield_1.useTextField)({
+    let { labelProps, inputProps } = (0, react_aria_1.useTextField)({
         ...props,
         onChange: (0, react_2.chain)(onChange, setInputValue),
         inputElementType: 'textarea',

package/cjs/components/forms/TextInput/TextInput.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.27.2
+ * @cube-dev/ui-kit v0.28.0
  * Released under the MIT license.
  */
 
@@ -10,7 +10,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.TextInput = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const textfield_1 = require("@react-aria/textfield");
+const react_aria_1 = require("react-aria");
 const provider_1 = require("../../../provider");
 const nullableValue_1 = require("../../../utils/react/nullableValue");
 const Form_1 = require("../Form");
@@ -26,7 +26,7 @@ exports.TextInput = (0, react_1.forwardRef)(function TextInput(props, ref) {
         }),
     });
     let inputRef = (0, react_1.useRef)(null);
-    let { labelProps, inputProps } = (0, textfield_1.useTextField)(props, inputRef);
+    let { labelProps, inputProps } = (0, react_aria_1.useTextField)(props, inputRef);
     return ((0, jsx_runtime_1.jsx)(TextInputBase_1.TextInputBase, { ...props, ref: ref, labelProps: labelProps, inputProps: inputProps, inputRef: inputRef }));
 });
 /**

package/cjs/components/forms/TextInput/TextInputBase.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.27.2
+ * @cube-dev/ui-kit v0.28.0
  * Released under the MIT license.
  */
 
@@ -12,11 +12,11 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const icons_1 = require("@ant-design/icons");
 const utils_1 = require("@react-spectrum/utils");
 const react_1 = require("react");
-const interactions_1 = require("@react-aria/interactions");
+const react_aria_1 = require("react-aria");
 const Form_1 = require("../Form");
 const provider_1 = require("../../../provider");
 const tasty_1 = require("../../../tasty");
-const interactions_2 = require("../../../utils/react/interactions");
+const interactions_1 = require("../../../utils/react/interactions");
 const react_2 = require("../../../utils/react");
 const wrapper_1 = require("../wrapper");
 const InvalidIcon_1 = require("../../shared/InvalidIcon");
@@ -152,8 +152,8 @@ function TextInputBase(props, ref) {
     let type = otherProps.type;
     inputStyles = (0, tasty_1.extractStyles)(otherProps, INPUT_STYLE_PROPS_LIST, inputStyles);
     let ElementType = multiLine ? 'textarea' : 'input';
-    let { isFocused, focusProps } = (0, interactions_2.useFocus)({ isDisabled });
-    let { hoverProps, isHovered } = (0, interactions_1.useHover)({ isDisabled });
+    let { isFocused, focusProps } = (0, interactions_1.useFocus)({ isDisabled });
+    let { hoverProps, isHovered } = (0, react_aria_1.useHover)({ isDisabled });
     let domRef = (0, react_1.useRef)(null);
     let defaultInputRef = (0, react_1.useRef)(null);
     inputRef = inputRef || defaultInputRef;

package/cjs/components/forms/index.js

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

package/cjs/components/forms/wrapper.js

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

package/cjs/components/layout/Flex.js

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

package/cjs/components/layout/Flow.js

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

package/cjs/components/layout/Grid.js

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

package/cjs/components/layout/Prefix.js

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

package/cjs/components/layout/Space.js

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

package/cjs/components/layout/Suffix.js

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

package/cjs/components/navigation/LegacyTabs/LegacyTabs.js

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

package/cjs/components/navigation/Link/Link.js

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

package/cjs/components/organisms/FileTabs/FileTabs.js

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

package/cjs/components/organisms/Modal/Modal.js

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

package/cjs/components/organisms/StatsCard/StatsCard.js

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

package/cjs/components/other/Base64Upload/Base64Upload.js

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

package/cjs/components/other/Calendar/Calendar.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.27.2
+ * @cube-dev/ui-kit v0.28.0
  * Released under the MIT license.
  */
 
@@ -10,10 +10,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Calendar = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const calendar_1 = require("@react-aria/calendar");
-const calendar_2 = require("@react-stately/calendar");
+const react_aria_1 = require("react-aria");
+const react_stately_1 = require("react-stately");
 const date_1 = require("@internationalized/date");
-const i18n_1 = require("@react-aria/i18n");
 const utils_1 = require("@react-spectrum/utils");
 const icons_1 = require("@ant-design/icons");
 const actions_1 = require("../../actions");
@@ -37,8 +36,8 @@ const CalendarHeaderElement = (0, tasty_1.tasty)({
 });
 function Calendar(props, ref) {
     props = (0, provider_1.useProviderProps)(props);
-    let { locale } = (0, i18n_1.useLocale)();
-    let state = (0, calendar_2.useCalendarState)({
+    let { locale } = (0, react_aria_1.useLocale)();
+    let state = (0, react_stately_1.useCalendarState)({
         ...props,
         locale,
         createCalendar: date_1.createCalendar,
@@ -50,7 +49,7 @@ function Calendar(props, ref) {
             state.setFocused(true);
         },
     }));
-    let { calendarProps, prevButtonProps, nextButtonProps, title } = (0, calendar_1.useCalendar)(props, state);
+    let { calendarProps, prevButtonProps, nextButtonProps, title } = (0, react_aria_1.useCalendar)(props, state);
     return ((0, jsx_runtime_1.jsxs)(CalendarElement, { ...calendarProps, children: [(0, jsx_runtime_1.jsxs)(CalendarHeaderElement, { children: [(0, jsx_runtime_1.jsx)(Title_1.Title, { level: 6, preset: "h6", children: title }), (0, jsx_runtime_1.jsxs)(actions_1.Button.Group, { gap: ".5x", children: [(0, jsx_runtime_1.jsx)(actions_1.Button, { size: "small", ...prevButtonProps, icon: (0, jsx_runtime_1.jsx)(icons_1.LeftOutlined, {}) }), (0, jsx_runtime_1.jsx)(actions_1.Button, { size: "small", ...nextButtonProps, icon: (0, jsx_runtime_1.jsx)(icons_1.RightOutlined, {}) })] })] }), (0, jsx_runtime_1.jsx)(CalendarGrid_1.CalendarGrid, { state: state })] }));
 }
 const _Calendar = (0, react_1.forwardRef)(Calendar);

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.27.2
+ * @cube-dev/ui-kit v0.28.0
  * Released under the MIT license.
  */
 
@@ -10,7 +10,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.CalendarCell = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const calendar_1 = require("@react-aria/calendar");
+const react_aria_1 = require("react-aria");
 const tasty_1 = require("../../../tasty");
 const CalendarCellElement = (0, tasty_1.tasty)({
     as: 'td',
@@ -54,7 +54,7 @@ const CalendarButtonElement = (0, tasty_1.tasty)({
 });
 function CalendarCell({ state, date }) {
     let ref = (0, react_1.useRef)(null);
-    let { cellProps, buttonProps, isSelected, isPressed, isFocused, isInvalid, isOutsideVisibleRange, isDisabled, isUnavailable, formattedDate, } = (0, calendar_1.useCalendarCell)({ date }, state, ref);
+    let { cellProps, buttonProps, isSelected, isPressed, isFocused, isInvalid, isOutsideVisibleRange, isDisabled, isUnavailable, formattedDate, } = (0, react_aria_1.useCalendarCell)({ date }, state, ref);
     return ((0, jsx_runtime_1.jsx)(CalendarCellElement, { ...cellProps, children: (0, jsx_runtime_1.jsx)(CalendarButtonElement, { ...buttonProps, ref: ref, hidden: isOutsideVisibleRange, mods: {
                 selected: isSelected,
                 pressed: isPressed,

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.27.2
+ * @cube-dev/ui-kit v0.28.0
  * Released under the MIT license.
  */
 
@@ -9,9 +9,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CalendarGrid = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const calendar_1 = require("@react-aria/calendar");
+const react_aria_1 = require("react-aria");
 const date_1 = require("@internationalized/date");
-const i18n_1 = require("@react-aria/i18n");
 const tasty_1 = require("../../../tasty");
 const CalendarCell_1 = require("./CalendarCell");
 const TableElement = (0, tasty_1.tasty)({
@@ -21,8 +20,8 @@ const TableElement = (0, tasty_1.tasty)({
     },
 });
 function CalendarGrid({ state, ...props }) {
-    let { locale } = (0, i18n_1.useLocale)();
-    let { gridProps, headerProps, weekDays } = (0, calendar_1.useCalendarGrid)(props, state);
+    let { locale } = (0, react_aria_1.useLocale)();
+    let { gridProps, headerProps, weekDays } = (0, react_aria_1.useCalendarGrid)(props, state);
     // Get the number of weeks in the month, so we can render the proper number of rows.
     let weeksInMonth = (0, date_1.getWeeksInMonth)(state.visibleRange.start, locale);
     return ((0, jsx_runtime_1.jsxs)(TableElement, { ...gridProps, children: [(0, jsx_runtime_1.jsx)("thead", { "data-element": "Head", ...headerProps, children: (0, jsx_runtime_1.jsx)("tr", { "data-element": "HeadRow", children: weekDays.map((day, index) => ((0, jsx_runtime_1.jsx)("th", { children: day }, index))) }) }), (0, jsx_runtime_1.jsx)("tbody", { "data-element": "Body", children: [...new Array(weeksInMonth).keys()].map((weekIndex) => ((0, jsx_runtime_1.jsx)("tr", { "data-element": "Row", children: state

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.27.2
+ * @cube-dev/ui-kit v0.28.0
  * Released under the MIT license.
  */
 
@@ -10,10 +10,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.RangeCalendar = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const calendar_1 = require("@react-aria/calendar");
-const calendar_2 = require("@react-stately/calendar");
+const react_aria_1 = require("react-aria");
+const react_stately_1 = require("react-stately");
 const date_1 = require("@internationalized/date");
-const i18n_1 = require("@react-aria/i18n");
 const utils_1 = require("@react-spectrum/utils");
 const icons_1 = require("@ant-design/icons");
 const actions_1 = require("../../actions");
@@ -37,8 +36,8 @@ const CalendarHeaderElement = (0, tasty_1.tasty)({
 });
 function RangeCalendar(props, ref) {
     props = (0, provider_1.useProviderProps)(props);
-    let { locale } = (0, i18n_1.useLocale)();
-    let state = (0, calendar_2.useRangeCalendarState)({
+    let { locale } = (0, react_aria_1.useLocale)();
+    let state = (0, react_stately_1.useRangeCalendarState)({
         ...props,
         locale,
         createCalendar: date_1.createCalendar,
@@ -50,7 +49,7 @@ function RangeCalendar(props, ref) {
             state.setFocused(true);
         },
     }));
-    let { calendarProps, prevButtonProps, nextButtonProps, title } = (0, calendar_1.useRangeCalendar)(props, state, domRef);
+    let { calendarProps, prevButtonProps, nextButtonProps, title } = (0, react_aria_1.useRangeCalendar)(props, state, domRef);
     return ((0, jsx_runtime_1.jsxs)(CalendarElement, { ref: domRef, ...calendarProps, children: [(0, jsx_runtime_1.jsxs)(CalendarHeaderElement, { children: [(0, jsx_runtime_1.jsx)(Title_1.Title, { level: 6, preset: "h6", children: title }), (0, jsx_runtime_1.jsxs)(actions_1.Button.Group, { gap: ".5x", children: [(0, jsx_runtime_1.jsx)(actions_1.Button, { size: "small", ...prevButtonProps, icon: (0, jsx_runtime_1.jsx)(icons_1.LeftOutlined, {}) }), (0, jsx_runtime_1.jsx)(actions_1.Button, { size: "small", ...nextButtonProps, icon: (0, jsx_runtime_1.jsx)(icons_1.RightOutlined, {}) })] })] }), (0, jsx_runtime_1.jsx)(CalendarGrid_1.CalendarGrid, { state: state })] }));
 }
 const _RangeCalendar = (0, react_1.forwardRef)(RangeCalendar);

package/cjs/components/other/CloudLogo/CloudLogo.js

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