@cube-dev/ui-kit 0.12.3 → 0.12.6

package/cjs/utils/react/chain.js

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

package/cjs/utils/react/index.js

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

package/cjs/utils/react/interactions.js

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

package/cjs/utils/react/isTextOnly.js

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

package/cjs/utils/react/mapProps.js

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

package/cjs/utils/react/mergeProps.js

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

package/cjs/utils/react/nullableValue.js

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

package/cjs/utils/react/useCombinedRefs.js

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

package/cjs/utils/react/useId.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.3
+ * @cube-dev/ui-kit v0.12.6
  * Released under the MIT license.
  */
 
@@ -9,8 +9,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useSlotId = exports.mergeIds = exports.useId = void 0;
 const react_1 = require("react");
-const useLayoutEffect_1 = require("./useLayoutEffect");
 const ssr_1 = require("@react-aria/ssr");
+const useLayoutEffect_1 = require("./useLayoutEffect");
 let idsUpdaterMap = new Map();
 /**
  * If a default is not provided, generate an id.
@@ -22,6 +22,7 @@ function useId(defaultId) {
     let [value, setValue] = (0, react_1.useState)(defaultId);
     let nextId = (0, react_1.useRef)(null);
     // don't memo this, we want it new each render so that the Effects always run
+    // eslint-disable-next-line react-hooks/exhaustive-deps
     let updateValue = (val) => {
         if (!isRendering.current) {
             setValue(val);
@@ -32,7 +33,7 @@ function useId(defaultId) {
     };
     (0, useLayoutEffect_1.useLayoutEffect)(() => {
         isRendering.current = false;
-    }, [updateValue]);
+    });
     (0, react_1.useEffect)(() => {
         let newId = nextId.current;
         if (newId) {

package/cjs/utils/react/useLayoutEffect.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.3
+ * @cube-dev/ui-kit v0.12.6
  * Released under the MIT license.
  */
 
@@ -31,6 +31,6 @@ const React = __importStar(require("react"));
 // During SSR, React emits a warning when calling useLayoutEffect.
 // Since neither useLayoutEffect nor useEffect run on the server,
 // we can suppress this by replace it with a noop on the server.
-exports.useLayoutEffect = typeof window !== 'undefined' ? React.useLayoutEffect : () => { };
+exports.useLayoutEffect = typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;
 
         

package/cjs/utils/react/wrapNodeIfPlain.js

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

package/cjs/utils/transitions.js

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

package/cjs/utils/tree.js

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

package/cjs/utils/warnings.js

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

package/es/_internal/hooks/index.js

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

package/es/_internal/hooks/use-chained-callback.js

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

package/es/_internal/hooks/use-deprecation-warning.js

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

package/es/_internal/hooks/use-event.js

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

package/es/_internal/hooks/use-sync-ref.js

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

package/es/_internal/hooks/use-timer/index.js

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

package/es/_internal/hooks/use-timer/timer.js

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

package/es/_internal/hooks/use-timer/use-timer.js

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

package/es/_internal/index.js

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

package/es/components/Base.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.3
+ * @cube-dev/ui-kit v0.12.6
  * Released under the MIT license.
  */
 
@@ -23,7 +23,7 @@ const BaseElement = styled.div(({ css }) => css);
 /**
  * @deprecated consider using tasty() instead
  */
-const Base = function Base(allProps, ref) {
+function Base(allProps, ref) {
     let { as, styles: originalStyles, breakpoints, block, mods, inline, isHidden, isDisabled, qa, qaVal, css, element, ...props } = allProps;
     const styles = { ...originalStyles };
     if (block) {
@@ -44,8 +44,8 @@ const Base = function Base(allProps, ref) {
     if (mods) {
         Object.assign(props, modAttrs(mods));
     }
-    return (_jsx(BaseElement, { as: as, "data-element": element, "data-qa": qa, "data-qaval": qaVal, ...props, hidden: isHidden, disabled: isDisabled, ref: ref, css: css }, void 0));
-};
+    return (_jsx(BaseElement, { as: as, "data-element": element, "data-qa": qa, "data-qaval": qaVal, ...props, ref: ref, hidden: isHidden, disabled: isDisabled, css: css }, void 0));
+}
 /**
  * @deprecated consider using tasty() instead
  */

package/es/components/Block.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.3
+ * @cube-dev/ui-kit v0.12.6
  * Released under the MIT license.
  */
 
@@ -13,9 +13,9 @@ const BlockElement = tasty({
         display: 'block',
     },
 });
-export const Block = forwardRef((props, ref) => {
+export const Block = forwardRef(function Block(props, ref) {
     const styles = extractStyles(props, CONTAINER_STYLES);
-    return (_jsx(BlockElement, { ...filterBaseProps(props, { eventProps: true }), styles: styles, ref: ref }, void 0));
+    return (_jsx(BlockElement, { ...filterBaseProps(props, { eventProps: true }), ref: ref, styles: styles }, void 0));
 });
 
         

package/es/components/GlobalStyles.js

@@ -1,12 +1,12 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.3
+ * @cube-dev/ui-kit v0.12.6
  * Released under the MIT license.
  */
 
-import { TOKENS } from '../tokens';
 import { createGlobalStyle } from 'styled-components';
+import { TOKENS } from '../tokens';
 const BODY_STYLES = {
     'background-color': 'white !important',
     'font-family': 'var(--font)',
@@ -101,8 +101,8 @@ export const GlobalStyles = createGlobalStyle `
   }
 
   html {
-    --font: ${({ font }) => font
-    || 'Inter'}, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+    --font: ${({ font }) => font ||
+    'Inter'}, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
     --monospace-font: ${({ monospaceFont }) => `${monospaceFont ? `${monospaceFont}, ` : ''}Menlo, Monaco, Consolas, 'Courier New', monospace;}`}
 
   .cube-notification-container {

package/es/components/GridProvider.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.3
+ * @cube-dev/ui-kit v0.12.6
  * Released under the MIT license.
  */
 
@@ -16,7 +16,7 @@ const GridElement = tasty({
     },
 });
 const COLUMN_WIDTH = '((@grid-width - (@column-gap * (@columns-amount - 1))) / @columns-amount)';
-export const GridProvider = forwardRef((props, outerRef) => {
+export const GridProvider = forwardRef(function GridProvider(props, outerRef) {
     let ref = useCombinedRefs(outerRef);
     let { children, columns = 2, gap = '0', width: forcedWidth, initialWidth, } = props;
     let [width, setWidth] = useState(forcedWidth || initialWidth || '100vw');
@@ -54,12 +54,12 @@ export const GridProvider = forwardRef((props, outerRef) => {
             return;
         resizeCallback();
     }, [resizeCallback]);
-    return (_jsx(GridElement, { ...filterBaseProps(props, { eventProps: true }), styles: {
+    return (_jsx(GridElement, { ...filterBaseProps(props, { eventProps: true }), ref: ref, styles: {
             '--grid-width': width,
             '--columns-amount': columns,
             '--column-gap': gap,
             '--column-width': COLUMN_WIDTH,
-        }, ref: ref, children: children }, void 0));
+        }, children: children }, void 0));
 });
 
         

package/es/components/HiddenInput.js

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

package/es/components/OpenTrasition.js

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

package/es/components/Root.js

@@ -1,19 +1,19 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.3
+ * @cube-dev/ui-kit v0.12.6
  * Released under the MIT license.
  */
 
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from 'react';
-import { GlobalStyles } from './GlobalStyles';
-import { PortalProvider } from './portal';
-import { BASE_STYLES, BLOCK_STYLES, extractStyles, filterBaseProps, tasty, } from '../tasty';
-import { Provider } from '../provider';
 import { ModalProvider } from '@react-aria/overlays';
 import { StyleSheetManager } from 'styled-components';
+import { BASE_STYLES, BLOCK_STYLES, extractStyles, filterBaseProps, tasty, } from '../tasty';
+import { Provider } from '../provider';
 import { TOKENS } from '../tokens';
+import { PortalProvider } from './portal';
+import { GlobalStyles } from './GlobalStyles';
 import { AlertDialogApiProvider } from './overlays/AlertDialog';
 import { NotificationsProvider } from './overlays/NewNotifications';
 const RootElement = tasty({
@@ -29,7 +29,7 @@ const DEFAULT_STYLES = {
     }, {}),
 };
 const STYLES = [...BASE_STYLES, ...BLOCK_STYLES];
-export const Root = (allProps) => {
+export function Root(allProps) {
     let { children, 
     /** Raw css styles for body element */
     bodyStyles, fonts, publicUrl, router, font, monospaceFont, applyLegacyTokens, ...props } = allProps;
@@ -43,6 +43,6 @@ export const Root = (allProps) => {
     }, []);
     const styles = extractStyles(props, STYLES, DEFAULT_STYLES);
     return (_jsx(Provider, { router: router, root: rootRef, children: _jsx(StyleSheetManager, { disableVendorPrefixes: true, children: _jsxs(RootElement, { ref: ref, ...filterBaseProps(props, { eventProps: true }), styles: styles, children: [_jsx(GlobalStyles, { bodyStyles: bodyStyles, applyLegacyTokens: applyLegacyTokens, publicUrl: publicUrl, fonts: fonts, font: font, monospaceFont: monospaceFont }, void 0), _jsx(ModalProvider, { children: _jsx(PortalProvider, { value: ref, children: _jsx(NotificationsProvider, { rootRef: ref, children: _jsx(AlertDialogApiProvider, { children: children }, void 0) }, void 0) }, void 0) }, void 0)] }, void 0) }, void 0) }, void 0));
-};
+}
 
         

package/es/components/actions/Action.js

@@ -1,19 +1,19 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.3
+ * @cube-dev/ui-kit v0.12.6
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef, useCallback, useContext } from 'react';
-import { CONTAINER_STYLES, extractStyles, filterBaseProps, TEXT_STYLES, Element, } from '../../tasty';
 import { useHover } from '@react-aria/interactions';
-import { useFocus } from '../../utils/react/interactions';
 import { useButton } from '@react-aria/button';
-import { mergeProps } from '../../utils/react';
-import { UIKitContext } from '../../provider';
 import { useFocusableRef } from '@react-spectrum/utils';
+import { UIKitContext } from '../../provider';
+import { mergeProps } from '../../utils/react';
+import { useFocus } from '../../utils/react/interactions';
+import { CONTAINER_STYLES, extractStyles, filterBaseProps, TEXT_STYLES, Element, } from '../../tasty';
 const FILTER_OPTIONS = { propNames: new Set(['onMouseEnter', 'onMouseLeave']) };
 /**
  * Helper to open link.
@@ -91,7 +91,7 @@ const DEFAULT_STYLES = {
     cursor: 'pointer',
 };
 const STYLE_PROPS = [...CONTAINER_STYLES, ...TEXT_STYLES];
-export const Action = forwardRef(({ to, as, htmlType, label, theme, mods, onPress, ...props }, ref) => {
+export const Action = forwardRef(function Action({ to, as, htmlType, label, theme, mods, onPress, ...props }, ref) {
     as = to ? 'a' : as || 'button';
     const router = useContext(UIKitContext).router;
     const isDisabled = props.isDisabled;
@@ -121,7 +121,7 @@ export const Action = forwardRef(({ to, as, htmlType, label, theme, mods, onPres
             focused: isFocused && !isDisabled,
             disabled: isDisabled,
             ...mods,
-        }, "aria-label": label, "data-theme": theme, ...mergeProps(buttonProps, hoverProps, focusProps, customProps, filterBaseProps(props, FILTER_OPTIONS)), type: htmlType || 'button', rel: as === 'a' && newTab ? 'rel="noopener noreferrer"' : undefined, ref: domRef, as: as, isDisabled: isDisabled, styles: styles, target: target, href: href }, void 0));
+        }, "aria-label": label, "data-theme": theme, ...mergeProps(buttonProps, hoverProps, focusProps, customProps, filterBaseProps(props, FILTER_OPTIONS)), ref: domRef, type: htmlType || 'button', rel: as === 'a' && newTab ? 'rel="noopener noreferrer"' : undefined, as: as, isDisabled: isDisabled, styles: styles, target: target, href: href }, void 0));
 });
 
         

package/es/components/actions/Button/Button.js

@@ -1,14 +1,14 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.3
+ * @cube-dev/ui-kit v0.12.6
  * Released under the MIT license.
  */
 
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cloneElement, forwardRef, useMemo } from 'react';
-import { Action } from '../Action';
 import { LoadingOutlined } from '@ant-design/icons';
+import { Action } from '../Action';
 import { accessibilityWarning } from '../../../utils/warnings';
 export function provideButtonStyles({ type, theme }) {
     return {
@@ -255,7 +255,7 @@ export const DEFAULT_BUTTON_STYLES = {
         },
     },
 };
-export const Button = forwardRef((allProps, ref) => {
+export const Button = forwardRef(function Button(allProps, ref) {
     let { type, size, label, styles, children, theme, icon, rightIcon, mods, ...props } = allProps;
     const isDisabled = props.isDisabled;
     const isLoading = props.isLoading;

package/es/components/actions/Button/Submit.js

@@ -1,15 +1,15 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.3
+ * @cube-dev/ui-kit v0.12.6
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
-import { Button } from './Button';
 import { useProviderProps } from '../../../provider';
 import { useFormProps } from '../../forms/Form/Form';
+import { Button } from './Button';
 function Submit(props, ref) {
     props = useProviderProps(props);
     props = useFormProps(props);

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

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

package/es/components/actions/ButtonGroup/ButtonGroup.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.3
+ * @cube-dev/ui-kit v0.12.6
  * Released under the MIT license.
  */
 
@@ -16,7 +16,7 @@ const ButtonGroupElement = tasty(Space, {
         gridArea: 'buttonGroup',
     },
 });
-export const ButtonGroup = forwardRef((props, ref) => {
+export const ButtonGroup = forwardRef(function ButtonGroup(props, ref) {
     return (_jsx(ButtonGroupElement, { ref: ref, ...useSlotProps(props, 'buttonGroup') }, void 0));
 });
 

package/es/components/actions/index.js

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

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

@@ -1,17 +1,17 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.3
+ * @cube-dev/ui-kit v0.12.6
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import { useHover } from '@react-aria/interactions';
-import { mergeProps } from '../../../utils/react';
-import { CONTAINER_STYLES, Element, extractStyles, filterBaseProps, TEXT_STYLES, } from '../../../tasty';
 import { useFocusableRef } from '@react-spectrum/utils';
 import { useFocusable } from '@react-aria/focus';
+import { mergeProps } from '../../../utils/react';
+import { CONTAINER_STYLES, Element, extractStyles, filterBaseProps, TEXT_STYLES, } from '../../../tasty';
 import { useFocus } from '../../../utils/react/interactions';
 const DEFAULT_STYLES = {
     display: 'inline-block',
@@ -23,15 +23,15 @@ const DEFAULT_STYLES = {
     transition: 'theme',
 };
 const STYLE_PROPS = [...CONTAINER_STYLES, ...TEXT_STYLES];
-const ActiveZone = ({ as, label, onClick, ...props }, ref) => {
+function ActiveZone({ as, label, onClick, ...props }, ref) {
     const isDisabled = props.isDisabled;
     const styles = extractStyles(props, STYLE_PROPS, DEFAULT_STYLES);
     const domRef = useFocusableRef(ref);
     let { hoverProps, isHovered } = useHover({ isDisabled });
     let { focusProps, isFocused } = useFocus({ isDisabled });
     let { focusableProps } = useFocusable(props, domRef);
-    return (_jsx(Element, { "data-is-hovered": isHovered && !isDisabled ? '' : null, "data-is-focused": isFocused && !isDisabled ? '' : null, "data-is-disabled": isDisabled || null, "aria-label": label, ...mergeProps(hoverProps, focusProps, focusableProps, { onClick }, filterBaseProps(props, { eventProps: true })), tabIndex: props.excludeFromTabOrder || isDisabled ? -1 : 0, as: as, styles: styles, ref: domRef }, void 0));
-};
+    return (_jsx(Element, { "data-is-hovered": isHovered && !isDisabled ? '' : null, "data-is-focused": isFocused && !isDisabled ? '' : null, "data-is-disabled": isDisabled || null, "aria-label": label, ...mergeProps(hoverProps, focusProps, focusableProps, { onClick }, filterBaseProps(props, { eventProps: true })), ref: domRef, tabIndex: props.excludeFromTabOrder || isDisabled ? -1 : 0, as: as, styles: styles }, void 0));
+}
 const _ActiveZone = forwardRef(ActiveZone);
 export { _ActiveZone as ActiveZone };
 

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

@@ -1,15 +1,15 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.3
+ * @cube-dev/ui-kit v0.12.6
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import THEMES from '../../../data/themes';
-import { useAlert } from './use-alert';
 import { tasty } from '../../../tasty';
+import { useAlert } from './use-alert';
 const AlertElement = tasty({
     name: 'Alert',
     role: 'alert',
@@ -42,7 +42,7 @@ const AlertElement = tasty({
 });
 export const Alert = forwardRef(function Alert(props, ref) {
     const { styles, theme, filteredProps } = useAlert(props);
-    return (_jsx(AlertElement, { ...filteredProps, "data-type": theme, styles: styles, ref: ref }, void 0));
+    return (_jsx(AlertElement, { ...filteredProps, ref: ref, "data-type": theme, styles: styles }, void 0));
 });
 
         

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

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