@cube-dev/ui-kit 0.12.3 → 0.12.4

package/cjs/_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.4
  * Released under the MIT license.
  */
 

package/cjs/_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.4
  * Released under the MIT license.
  */
 

package/cjs/_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.4
  * Released under the MIT license.
  */
 

package/cjs/_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.4
  * Released under the MIT license.
  */
 

package/cjs/_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.4
  * Released under the MIT license.
  */
 

package/cjs/_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.4
  * Released under the MIT license.
  */
 

package/cjs/_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.4
  * Released under the MIT license.
  */
 

package/cjs/_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.4
  * Released under the MIT license.
  */
 

package/cjs/_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.4
  * Released under the MIT license.
  */
 

package/cjs/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.4
  * Released under the MIT license.
  */
 
@@ -29,7 +29,7 @@ const BaseElement = styled_components_1.default.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) {
@@ -50,8 +50,8 @@ const Base = function Base(allProps, ref) {
     if (mods) {
         Object.assign(props, (0, tasty_1.modAttrs)(mods));
     }
-    return ((0, jsx_runtime_1.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 ((0, jsx_runtime_1.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/cjs/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.4
  * Released under the MIT license.
  */
 
@@ -16,9 +16,9 @@ const BlockElement = (0, tasty_1.tasty)({
         display: 'block',
     },
 });
-exports.Block = (0, react_1.forwardRef)((props, ref) => {
+exports.Block = (0, react_1.forwardRef)(function Block(props, ref) {
     const styles = (0, tasty_1.extractStyles)(props, tasty_1.CONTAINER_STYLES);
-    return ((0, jsx_runtime_1.jsx)(BlockElement, { ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), styles: styles, ref: ref }, void 0));
+    return ((0, jsx_runtime_1.jsx)(BlockElement, { ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), ref: ref, styles: styles }, void 0));
 });
 
         

package/cjs/components/GlobalStyles.js

@@ -1,15 +1,15 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.3
+ * @cube-dev/ui-kit v0.12.4
  * Released under the MIT license.
  */
 
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.GlobalStyles = void 0;
-const tokens_1 = require("../tokens");
 const styled_components_1 = require("styled-components");
+const tokens_1 = require("../tokens");
 const BODY_STYLES = {
     'background-color': 'white !important',
     'font-family': 'var(--font)',
@@ -104,8 +104,8 @@ exports.GlobalStyles = (0, styled_components_1.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/cjs/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.4
  * Released under the MIT license.
  */
 
@@ -38,7 +38,7 @@ const GridElement = (0, tasty_2.tasty)({
     },
 });
 const COLUMN_WIDTH = '((@grid-width - (@column-gap * (@columns-amount - 1))) / @columns-amount)';
-exports.GridProvider = (0, react_1.forwardRef)((props, outerRef) => {
+exports.GridProvider = (0, react_1.forwardRef)(function GridProvider(props, outerRef) {
     let ref = (0, react_2.useCombinedRefs)(outerRef);
     let { children, columns = 2, gap = '0', width: forcedWidth, initialWidth, } = props;
     let [width, setWidth] = (0, react_1.useState)(forcedWidth || initialWidth || '100vw');
@@ -75,12 +75,12 @@ exports.GridProvider = (0, react_1.forwardRef)((props, outerRef) => {
             return;
         resizeCallback();
     }, [resizeCallback]);
-    return ((0, jsx_runtime_1.jsx)(GridElement, { ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), styles: {
+    return ((0, jsx_runtime_1.jsx)(GridElement, { ...(0, tasty_1.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/cjs/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.4
  * Released under the MIT license.
  */
 

package/cjs/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.4
  * Released under the MIT license.
  */
 

package/cjs/components/Root.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.3
+ * @cube-dev/ui-kit v0.12.4
  * Released under the MIT license.
  */
 
@@ -10,13 +10,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Root = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const GlobalStyles_1 = require("./GlobalStyles");
-const portal_1 = require("./portal");
-const tasty_1 = require("../tasty");
-const provider_1 = require("../provider");
 const overlays_1 = require("@react-aria/overlays");
 const styled_components_1 = require("styled-components");
+const tasty_1 = require("../tasty");
+const provider_1 = require("../provider");
 const tokens_1 = require("../tokens");
+const portal_1 = require("./portal");
+const GlobalStyles_1 = require("./GlobalStyles");
 const AlertDialog_1 = require("./overlays/AlertDialog");
 const NewNotifications_1 = require("./overlays/NewNotifications");
 const RootElement = (0, tasty_1.tasty)({
@@ -32,7 +32,7 @@ const DEFAULT_STYLES = {
     }, {}),
 };
 const STYLES = [...tasty_1.BASE_STYLES, ...tasty_1.BLOCK_STYLES];
-const Root = (allProps) => {
+function Root(allProps) {
     let { children, 
     /** Raw css styles for body element */
     bodyStyles, fonts, publicUrl, router, font, monospaceFont, applyLegacyTokens, ...props } = allProps;
@@ -46,7 +46,7 @@ const Root = (allProps) => {
     }, []);
     const styles = (0, tasty_1.extractStyles)(props, STYLES, DEFAULT_STYLES);
     return ((0, jsx_runtime_1.jsx)(provider_1.Provider, { router: router, root: rootRef, children: (0, jsx_runtime_1.jsx)(styled_components_1.StyleSheetManager, { disableVendorPrefixes: true, children: (0, jsx_runtime_1.jsxs)(RootElement, { ref: ref, ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), styles: styles, children: [(0, jsx_runtime_1.jsx)(GlobalStyles_1.GlobalStyles, { bodyStyles: bodyStyles, applyLegacyTokens: applyLegacyTokens, publicUrl: publicUrl, fonts: fonts, font: font, monospaceFont: monospaceFont }, void 0), (0, jsx_runtime_1.jsx)(overlays_1.ModalProvider, { children: (0, jsx_runtime_1.jsx)(portal_1.PortalProvider, { value: ref, children: (0, jsx_runtime_1.jsx)(NewNotifications_1.NotificationsProvider, { rootRef: ref, children: (0, jsx_runtime_1.jsx)(AlertDialog_1.AlertDialogApiProvider, { children: children }, void 0) }, void 0) }, void 0) }, void 0)] }, void 0) }, void 0) }, void 0));
-};
+}
 exports.Root = Root;
 
         

package/cjs/components/actions/Action.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.3
+ * @cube-dev/ui-kit v0.12.4
  * Released under the MIT license.
  */
 
@@ -10,13 +10,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Action = exports.performClickHandler = exports.parseTo = exports.openLink = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const tasty_1 = require("../../tasty");
 const interactions_1 = require("@react-aria/interactions");
-const interactions_2 = require("../../utils/react/interactions");
 const button_1 = require("@react-aria/button");
-const react_2 = require("../../utils/react");
-const provider_1 = require("../../provider");
 const utils_1 = require("@react-spectrum/utils");
+const provider_1 = require("../../provider");
+const react_2 = require("../../utils/react");
+const interactions_2 = require("../../utils/react/interactions");
+const tasty_1 = require("../../tasty");
 const FILTER_OPTIONS = { propNames: new Set(['onMouseEnter', 'onMouseLeave']) };
 /**
  * Helper to open link.
@@ -97,7 +97,7 @@ const DEFAULT_STYLES = {
     cursor: 'pointer',
 };
 const STYLE_PROPS = [...tasty_1.CONTAINER_STYLES, ...tasty_1.TEXT_STYLES];
-exports.Action = (0, react_1.forwardRef)(({ to, as, htmlType, label, theme, mods, onPress, ...props }, ref) => {
+exports.Action = (0, react_1.forwardRef)(function Action({ to, as, htmlType, label, theme, mods, onPress, ...props }, ref) {
     as = to ? 'a' : as || 'button';
     const router = (0, react_1.useContext)(provider_1.UIKitContext).router;
     const isDisabled = props.isDisabled;
@@ -127,7 +127,7 @@ exports.Action = (0, react_1.forwardRef)(({ to, as, htmlType, label, theme, mods
             focused: isFocused && !isDisabled,
             disabled: isDisabled,
             ...mods,
-        }, "aria-label": label, "data-theme": theme, ...(0, react_2.mergeProps)(buttonProps, hoverProps, focusProps, customProps, (0, tasty_1.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, ...(0, react_2.mergeProps)(buttonProps, hoverProps, focusProps, customProps, (0, tasty_1.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/cjs/components/actions/Button/Button.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.3
+ * @cube-dev/ui-kit v0.12.4
  * Released under the MIT license.
  */
 
@@ -10,8 +10,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Button = exports.DEFAULT_BUTTON_STYLES = exports.provideButtonStyles = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const Action_1 = require("../Action");
 const icons_1 = require("@ant-design/icons");
+const Action_1 = require("../Action");
 const warnings_1 = require("../../../utils/warnings");
 function provideButtonStyles({ type, theme }) {
     return {
@@ -259,7 +259,7 @@ exports.DEFAULT_BUTTON_STYLES = {
         },
     },
 };
-exports.Button = (0, react_1.forwardRef)((allProps, ref) => {
+exports.Button = (0, react_1.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/cjs/components/actions/Button/Submit.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.3
+ * @cube-dev/ui-kit v0.12.4
  * Released under the MIT license.
  */
 
@@ -10,9 +10,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Submit = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const Button_1 = require("./Button");
 const provider_1 = require("../../../provider");
 const Form_1 = require("../../forms/Form/Form");
+const Button_1 = require("./Button");
 function Submit(props, ref) {
     props = (0, provider_1.useProviderProps)(props);
     props = (0, Form_1.useFormProps)(props);

package/cjs/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.4
  * Released under the MIT license.
  */
 

package/cjs/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.4
  * Released under the MIT license.
  */
 
@@ -19,7 +19,7 @@ const ButtonGroupElement = (0, tasty_1.tasty)(Space_1.Space, {
         gridArea: 'buttonGroup',
     },
 });
-exports.ButtonGroup = (0, react_1.forwardRef)((props, ref) => {
+exports.ButtonGroup = (0, react_1.forwardRef)(function ButtonGroup(props, ref) {
     return ((0, jsx_runtime_1.jsx)(ButtonGroupElement, { ref: ref, ...(0, react_2.useSlotProps)(props, 'buttonGroup') }, void 0));
 });
 

package/cjs/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.4
  * Released under the MIT license.
  */
 

package/cjs/components/content/ActiveZone/ActiveZone.js

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

package/cjs/components/content/Alert/Alert.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.3
+ * @cube-dev/ui-kit v0.12.4
  * Released under the MIT license.
  */
 
@@ -14,8 +14,8 @@ exports.Alert = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const themes_1 = __importDefault(require("../../../data/themes"));
-const use_alert_1 = require("./use-alert");
 const tasty_1 = require("../../../tasty");
+const use_alert_1 = require("./use-alert");
 const AlertElement = (0, tasty_1.tasty)({
     name: 'Alert',
     role: 'alert',
@@ -48,7 +48,7 @@ const AlertElement = (0, tasty_1.tasty)({
 });
 exports.Alert = (0, react_1.forwardRef)(function Alert(props, ref) {
     const { styles, theme, filteredProps } = (0, use_alert_1.useAlert)(props);
-    return ((0, jsx_runtime_1.jsx)(AlertElement, { ...filteredProps, "data-type": theme, styles: styles, ref: ref }, void 0));
+    return ((0, jsx_runtime_1.jsx)(AlertElement, { ...filteredProps, ref: ref, "data-type": theme, styles: styles }, void 0));
 });
 
         

package/cjs/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.4
  * Released under the MIT license.
  */
 

package/cjs/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.4
  * Released under the MIT license.
  */
 

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

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

package/cjs/components/content/Avatar/Avatar.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.3
+ * @cube-dev/ui-kit v0.12.4
  * Released under the MIT license.
  */
 
@@ -25,12 +25,12 @@ const DEFAULT_STYLES = {
     lineHeight: 'calc(@avatar-size / 2)',
     fontWeight: 500,
 };
-exports.Avatar = (0, react_1.forwardRef)(({ size = '4x', icon, children, ...props }, ref) => {
+exports.Avatar = (0, react_1.forwardRef)(function Avatar({ size = '4x', icon, children, ...props }, ref) {
     const styles = (0, tasty_1.extractStyles)(props, tasty_1.CONTAINER_STYLES, {
         ...DEFAULT_STYLES,
         '--avatar-size': size,
     });
-    return ((0, jsx_runtime_1.jsxs)(tasty_1.Element, { ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), styles: styles, ref: ref, "data-theme": "special", children: [icon, children] }, void 0));
+    return ((0, jsx_runtime_1.jsxs)(tasty_1.Element, { ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), ref: ref, styles: styles, "data-theme": "special", children: [icon, children] }, void 0));
 });
 
         

package/cjs/components/content/Badge/Badge.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.3
+ * @cube-dev/ui-kit v0.12.4
  * Released under the MIT license.
  */
 
@@ -43,13 +43,13 @@ const BadgeElement = (0, tasty_1.tasty)({
         },
     },
 });
-exports.Badge = (0, react_1.forwardRef)((allProps, ref) => {
+exports.Badge = (0, react_1.forwardRef)(function Badge(allProps, ref) {
     let { type, children, ...props } = allProps;
     const styles = (0, tasty_1.extractStyles)(props, tasty_1.CONTAINER_STYLES);
-    return ((0, jsx_runtime_1.jsx)(BadgeElement, { ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), "data-type": type, mods: {
+    return ((0, jsx_runtime_1.jsx)(BadgeElement, { ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), ref: ref, "data-type": type, mods: {
             single: typeof children === 'string' && children.length === 1,
             multiple: typeof children === 'string' && children.length === 2,
-        }, styles: styles, ref: ref, children: children }, void 0));
+        }, styles: styles, children: children }, void 0));
 });
 
         

package/cjs/components/content/Card/Card.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.3
+ * @cube-dev/ui-kit v0.12.4
  * Released under the MIT license.
  */
 
@@ -24,9 +24,9 @@ const CardElement = (0, tasty_1.tasty)({
     },
     styleProps: tasty_1.CONTAINER_STYLES,
 });
-exports.Card = (0, react_1.forwardRef)((props, ref) => {
+exports.Card = (0, react_1.forwardRef)(function Card(props, ref) {
     const styles = (0, tasty_1.extractStyles)(props, tasty_1.CONTAINER_STYLES);
-    return ((0, jsx_runtime_1.jsx)(CardElement, { ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), styles: styles, ref: ref }, void 0));
+    return ((0, jsx_runtime_1.jsx)(CardElement, { ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), ref: ref, styles: styles }, void 0));
 });
 
         

package/cjs/components/content/Content.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.3
+ * @cube-dev/ui-kit v0.12.4
  * Released under the MIT license.
  */
 
@@ -27,10 +27,10 @@ const ContentElement = (0, tasty_1.tasty)({
         styledScrollbar: true,
     },
 });
-exports.Content = (0, react_1.forwardRef)((props, ref) => {
+exports.Content = (0, react_1.forwardRef)(function Content(props, ref) {
     props = (0, react_2.useSlotProps)(props, 'content');
     const styles = (0, tasty_1.extractStyles)(props, STYLE_LIST);
-    return ((0, jsx_runtime_1.jsx)(ContentElement, { ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), styles: styles, ref: ref }, void 0));
+    return ((0, jsx_runtime_1.jsx)(ContentElement, { ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), ref: ref, styles: styles }, void 0));
 });
 
         

package/cjs/components/content/CopySnippet/CopySnippet.js

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

package/cjs/components/content/CopySnippet/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.4
  * Released under the MIT license.
  */
 

package/cjs/components/content/Divider.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.12.3
+ * @cube-dev/ui-kit v0.12.4
  * Released under the MIT license.
  */
 
@@ -40,12 +40,12 @@ const DividerElement = (0, tasty_1.tasty)({
     },
     styleProps: [...tasty_1.OUTER_STYLES, ...tasty_1.BASE_STYLES, ...tasty_1.COLOR_STYLES],
 });
-exports.Divider = (0, react_1.forwardRef)((props, ref) => {
+exports.Divider = (0, react_1.forwardRef)(function Divider(props, ref) {
     const { mods, children, styles, ...otherProps } = (0, react_2.useSlotProps)(props, 'divider');
     return ((0, jsx_runtime_1.jsx)(DividerElement, { as: children ? 'div' : 'hr', role: children ? 'separator' : undefined, mods: {
             text: !!children,
             ...mods,
-        }, ...(0, tasty_1.filterBaseProps)(otherProps, { eventProps: true }), styles: styles, ref: ref, children: children && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { "data-element": "Line" }, void 0), (0, jsx_runtime_1.jsx)("div", { children: children }, void 0), (0, jsx_runtime_1.jsx)("div", { "data-element": "Line" }, void 0)] }, void 0)) }, void 0));
+        }, ...(0, tasty_1.filterBaseProps)(otherProps, { eventProps: true }), ref: ref, styles: styles, children: children && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { "data-element": "Line" }, void 0), (0, jsx_runtime_1.jsx)("div", { children: children }, void 0), (0, jsx_runtime_1.jsx)("div", { "data-element": "Line" }, void 0)] }, void 0)) }, void 0));
 });