@cube-dev/ui-kit 0.9.1 → 0.9.4

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

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

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

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

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

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

package/dist/es/components/overlays/Modal/Modal.js

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

package/dist/es/components/overlays/Modal/OpenTransition.js

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

package/dist/es/components/overlays/Modal/Overlay.js

@@ -1,26 +1,26 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.1
+ * @cube-dev/ui-kit v0.9.4
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
 import { OpenTransition } from './OpenTransition';
-import { forwardRef, useCallback, useRef, useState } from 'react';
-import { Provider } from '../../../provider';
-import { Portal } from '../../portal';
+import { forwardRef, useCallback, useState } from 'react';
+import { Provider, useProviderProps } from '../../../provider';
+import { createPortal } from 'react-dom';
 function Overlay(props, ref) {
     let { children, isOpen, container = null, onEnter, onEntering, onEntered, onExit, onExiting, onExited, } = props;
     let [exited, setExited] = useState(!isOpen);
-    let containerRef = useRef(container);
+    let { root } = useProviderProps({});
     let handleEntered = useCallback(() => {
         setExited(false);
-        onEntered?.();
+        onEntered === null || onEntered === void 0 ? void 0 : onEntered();
     }, [onEntered]);
     let handleExited = useCallback(() => {
         setExited(true);
-        onExited?.();
+        onExited === null || onExited === void 0 ? void 0 : onExited();
     }, [onExited]);
     // Don't un-render the overlay while it's transitioning out.
     let mountOverlay = isOpen || !exited;
@@ -28,8 +28,8 @@ function Overlay(props, ref) {
         // Don't bother showing anything if we don't have to.
         return null;
     }
-    // UNSAFE_style={{background: 'transparent', isolation: 'isolate'}}
-    return (_jsx(Portal, { root: containerRef, children: _jsx(Provider, { ref: ref, children: _jsx(OpenTransition, { in: isOpen, appear: true, onExit: onExit, onExiting: onExiting, onExited: handleExited, onEnter: onEnter, onEntering: onEntering, onEntered: handleEntered, children: children }, void 0) }, void 0) }, void 0));
+    let contents = (_jsx(Provider, { ref: ref, children: _jsx(OpenTransition, { in: isOpen, appear: true, onExit: onExit, onExiting: onExiting, onExited: handleExited, onEnter: onEnter, onEntering: onEntering, onEntered: handleEntered, children: children }, void 0) }, void 0));
+    return createPortal(contents, container || root || document.body);
 }
 let _Overlay = forwardRef(Overlay);
 export { _Overlay as Overlay };

package/dist/es/components/overlays/Modal/Popover.js

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

package/dist/es/components/overlays/Modal/Tray.js

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

package/dist/es/components/overlays/Modal/Underlay.js

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

package/dist/es/components/overlays/Modal/index.js

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

package/dist/es/components/overlays/Notification/Notification.js

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

package/dist/es/components/overlays/OverlayWrapper.js

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

package/dist/es/components/overlays/Tooltip/Tooltip.js

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

package/dist/es/components/overlays/Tooltip/TooltipProvider.js

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

package/dist/es/components/overlays/Tooltip/TooltipTrigger.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.1
+ * @cube-dev/ui-kit v0.9.4
  * Released under the MIT license.
  */
 
@@ -43,7 +43,8 @@ function TooltipTrigger(props) {
         return _jsx(Block, { children: trigger }, void 0);
     }
     function onClick(e) {
-        e?.currentTarget?.parentNode.click();
+        var _a;
+        (_a = e === null || e === void 0 ? void 0 : e.currentTarget) === null || _a === void 0 ? void 0 : _a.parentNode.click();
     }
     return (_jsxs(FocusableProvider, { ...triggerProps, ref: tooltipTriggerRef, children: [activeWrap ? (_jsx(ActiveZone, { onClick: onClick, children: trigger }, void 0)) : (trigger), _jsx(TooltipContext.Provider, { value: {
                     state,

package/dist/es/components/overlays/Tooltip/context.js

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

package/dist/es/components/pickers/ComboBox/ComboBox.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.1
+ * @cube-dev/ui-kit v0.9.4
  * Released under the MIT license.
  */
 
@@ -58,6 +58,7 @@ const TRIGGER_STYLES = {
     cursor: 'pointer',
 };
 function ComboBox(props, ref) {
+    var _a;
     props = useProviderProps(props);
     props = useFormProps(props);
     let { qa, label, labelPosition = 'top', labelStyles, isRequired, necessityIndicator, validationState, prefix, isDisabled, multiLine, autoFocus, inputRef, triggerRef, popoverRef, listBoxRef, isLoading, loadingIndicator, overlayOffset = 8, inputStyles, optionStyles, triggerStyles, suffix, listBoxStyles, overlayStyles, hideTrigger, message, description, size, autoComplete = 'off', direction = 'bottom', shouldFlip = true, requiredMark = true, menuTrigger = 'input', loadingState, filter, styles, ...otherProps } = props;
@@ -121,7 +122,7 @@ function ComboBox(props, ref) {
     let isInvalid = validationState === 'invalid';
     let validationIcon = isInvalid ? (_jsx(WarningOutlined, { style: { color: 'var(--danger-color)' } }, void 0)) : (_jsx(CheckOutlined, { style: { color: 'var(--success-color)' } }, void 0));
     let validation = cloneElement(validationIcon);
-    let comboBoxWidth = inputRef?.current?.offsetWidth;
+    let comboBoxWidth = (_a = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _a === void 0 ? void 0 : _a.offsetWidth;
     let comboBoxField = (_jsxs(Base, { ref: ref, qa: "ComboBoxWrapper", ...modAttrs({
             invalid: isInvalid,
             valid: validationState === 'valid',

package/dist/es/components/pickers/Select/Select.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.1
+ * @cube-dev/ui-kit v0.9.4
  * Released under the MIT license.
  */
 
@@ -115,6 +115,7 @@ const OPTION_STYLES = {
     preset: 't3m',
 };
 function Select(props, ref) {
+    var _a;
     props = useProviderProps(props);
     props = useFormProps(props);
     let { qa, label, labelPosition = 'top', labelStyles, isRequired, necessityIndicator, validationState, prefix, isDisabled, autoFocus, inputProps, triggerRef, popoverRef, listBoxRef, isLoading, loadingIndicator, overlayOffset = 8, inputStyles, optionStyles, suffix, listBoxStyles, overlayStyles, message, description, direction = 'bottom', shouldFlip = true, requiredMark = true, placeholder, tooltip, size, styles, ...otherProps } = props;
@@ -154,7 +155,7 @@ function Select(props, ref) {
     let isInvalid = validationState === 'invalid';
     let validationIcon = isInvalid ? (_jsx(WarningOutlined, { style: { color: 'var(--danger-color)' } }, void 0)) : (_jsx(CheckOutlined, { style: { color: 'var(--success-color)' } }, void 0));
     let validation = cloneElement(validationIcon);
-    let triggerWidth = triggerRef?.current?.offsetWidth;
+    let triggerWidth = (_a = triggerRef === null || triggerRef === void 0 ? void 0 : triggerRef.current) === null || _a === void 0 ? void 0 : _a.offsetWidth;
     let selectField = (_jsxs(Base, { qa: "SelectWrapper", mods: {
             invalid: isInvalid,
             valid: validationState === 'valid',

package/dist/es/components/portal/Portal.js

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

package/dist/es/components/portal/PortalProvider.js

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

package/dist/es/components/portal/index.js

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

package/dist/es/components/portal/storybook/templates/basic.js

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

package/dist/es/components/portal/storybook/templates/index.js

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

package/dist/es/components/portal/types.js

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

package/dist/es/components/portal/usePortal.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.1
+ * @cube-dev/ui-kit v0.9.4
  * Released under the MIT license.
  */
 
@@ -18,17 +18,19 @@ export function usePortal(props) {
     const [mountRoot, setMountRoot] = useState(null);
     onMountRef.current = onMount;
     useEffect(() => {
+        var _a, _b;
         if (!isDisabled) {
             const contextRoot = portalContext.root;
-            const currentRoot = root?.current ?? null;
-            const currentContextRoot = contextRoot?.current ?? null;
+            const currentRoot = (_a = root === null || root === void 0 ? void 0 : root.current) !== null && _a !== void 0 ? _a : null;
+            const currentContextRoot = (_b = contextRoot === null || contextRoot === void 0 ? void 0 : contextRoot.current) !== null && _b !== void 0 ? _b : null;
             invariant(!(contextRoot === null && currentRoot === null), 'Before using Portal, you need to specify a root, where the component should be mounted or put the component under the <Root /> component');
-            setMountRoot(currentRoot ?? currentContextRoot);
+            setMountRoot(currentRoot !== null && currentRoot !== void 0 ? currentRoot : currentContextRoot);
         }
     }, [root, portalContext.root, isDisabled]);
     useEffect(() => {
+        var _a;
         if (isDisabled || mountRoot) {
-            onMountRef.current?.();
+            (_a = onMountRef.current) === null || _a === void 0 ? void 0 : _a.call(onMountRef);
         }
     }, [isDisabled, mountRoot]);
     return {

package/dist/es/components/status/LoadingAnimation/LoadingAnimation.js

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

package/dist/es/components/status/Spin/Spin.js

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

package/dist/es/components/types.js

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

package/dist/es/data/themes.js

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

package/dist/es/index.js

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

package/dist/es/provider.js

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

package/dist/es/providers/BreakpointsProvider.js

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

package/dist/es/providers/StylesProvider.js

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

package/dist/es/services/notification.js

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

package/dist/es/shared/form.js

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

package/dist/es/shared/index.js

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

package/dist/es/stories/FormFieldArgs.js

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

package/dist/es/stories/components/ConfirmDeletionDialogForm.js

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

package/dist/es/stories/components/DialogFormApp.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.1
+ * @cube-dev/ui-kit v0.9.4
  * Released under the MIT license.
  */
 
@@ -17,7 +17,7 @@ export function DialogFormApp() {
     function onDismiss() {
         console.log('Deletion is cancelled');
     }
-    return (_jsxs(_Fragment, { children: [_jsx(Button, { onPress: () => ConfirmDeletionDialogFormRef?.current?.open(), children: "Delete the instance" }, void 0), _jsx(ConfirmDeletionDialogForm, { ref: ConfirmDeletionDialogFormRef, name: "instanceName", onSubmit: onConfirm, onDismiss: onDismiss }, void 0)] }, void 0));
+    return (_jsxs(_Fragment, { children: [_jsx(Button, { onPress: () => { var _a; return (_a = ConfirmDeletionDialogFormRef === null || ConfirmDeletionDialogFormRef === void 0 ? void 0 : ConfirmDeletionDialogFormRef.current) === null || _a === void 0 ? void 0 : _a.open(); }, children: "Delete the instance" }, void 0), _jsx(ConfirmDeletionDialogForm, { ref: ConfirmDeletionDialogFormRef, name: "instanceName", onSubmit: onConfirm, onDismiss: onDismiss }, void 0)] }, void 0));
 }
 
         

package/dist/es/stories/components/StyledButton.js

@@ -1,13 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.1
+ * @cube-dev/ui-kit v0.9.4
  * Released under the MIT license.
  */
 
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { styled } from '../../styled';
-import { Button } from '../../components/actions/Button/Button';
+import { Button } from '../../components/actions';
 export const StyledButton = styled(Button, {
     styles: {
         padding: '3x 6x',

package/dist/es/stories/lists/baseProps.js

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

package/dist/es/styled/index.js

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

package/dist/es/styled/styled.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.1
+ * @cube-dev/ui-kit v0.9.4
  * Released under the MIT license.
  */
 
@@ -19,7 +19,8 @@ import { mergeStyles } from '../utils/mergeStyles';
 import { deprecationWarning } from '../utils/warnings';
 // Implementation
 function styled(Component, options) {
-    deprecationWarning(options?.props == null, {
+    var _a, _b, _c, _d, _e, _f;
+    deprecationWarning((options === null || options === void 0 ? void 0 : options.props) == null, {
         property: 'props',
         name: 'styled api',
         betterAlternative: "inline props directly in styled(), eg: styled({ type: 'confirm' })",
@@ -34,11 +35,11 @@ function styled(Component, options) {
             let css = `${styles ? `\n{}${selector}{${renderStyles(styles, zones)}}` : ''}`;
             return _jsx(Element, { css: css }, void 0);
         };
-        _Component.displayName = `CubeStyled(${Element.displayName ?? Element.name ?? Component})`;
+        _Component.displayName = `CubeStyled(${(_b = (_a = Element.displayName) !== null && _a !== void 0 ? _a : Element.name) !== null && _b !== void 0 ? _b : Component})`;
         return _Component;
     }
     if (isValidElementType(Component)) {
-        let { styles: extendStyles, props: legacyDefaultProps, name, tag: extendTag, ...defaultProps } = options ?? {};
+        let { styles: extendStyles, props: legacyDefaultProps, name, tag: extendTag, ...defaultProps } = options !== null && options !== void 0 ? options : {};
         const _StyledComponent = forwardRef((props, ref) => {
             const { styles, styleName, as, ...restProps } = props;
             const mergedStyles = useMemo(() => {
@@ -47,9 +48,9 @@ function styled(Component, options) {
                 }
                 return extendStyles;
             }, [styles]);
-            return (_jsx(Component, { ref: ref, ...legacyDefaultProps, ...defaultProps, ...restProps, styles: mergedStyles, styleName: styleName ?? name, as: as ?? extendTag }, void 0));
+            return (_jsx(Component, { ref: ref, ...legacyDefaultProps, ...defaultProps, ...restProps, styles: mergedStyles, styleName: styleName !== null && styleName !== void 0 ? styleName : name, as: as !== null && as !== void 0 ? as : extendTag }, void 0));
         });
-        _StyledComponent.displayName = `CubeStyled(${Component.displayName ?? Component.name ?? 'Anonymous'})`;
+        _StyledComponent.displayName = `CubeStyled(${(_d = (_c = Component.displayName) !== null && _c !== void 0 ? _c : Component.name) !== null && _d !== void 0 ? _d : 'Anonymous'})`;
         return _StyledComponent;
     }
     options = Component;
@@ -66,17 +67,17 @@ function styled(Component, options) {
             }
             return map;
         }, {}), [props]);
-        let contextStyles = useContextStyles(styleName ?? name, props);
+        let contextStyles = useContextStyles(styleName !== null && styleName !== void 0 ? styleName : name, props);
         let allStyles = useMemo(() => mergeStyles(defaultStyles, contextStyles, styles, propStyles), [contextStyles, styles, propStyles]);
         let contextBreakpoints = useContext(BreakpointsContext);
-        let zones = pointsToZones(breakpoints ?? contextBreakpoints);
-        css = `${typeof defaultCSS === 'function' ? defaultCSS(props) : defaultCSS ?? ''}${typeof css === 'function' ? css(props) : css ?? ''}${allStyles ? renderStyles(allStyles, zones) : ''}`;
+        let zones = pointsToZones(breakpoints !== null && breakpoints !== void 0 ? breakpoints : contextBreakpoints);
+        css = `${typeof defaultCSS === 'function' ? defaultCSS(props) : defaultCSS !== null && defaultCSS !== void 0 ? defaultCSS : ''}${typeof css === 'function' ? css(props) : css !== null && css !== void 0 ? css : ''}${allStyles ? renderStyles(allStyles, zones) : ''}`;
         if (mods) {
             Object.assign(props, modAttrs(mods));
         }
-        return (_jsx(Element, { as: as ?? tag, "data-element": element, "data-qa": qa, "data-qaval": qaVal, ...legacyDefaultProps, ...defaultProps, ...props, ref: ref, css: css }, void 0));
+        return (_jsx(Element, { as: as !== null && as !== void 0 ? as : tag, "data-element": element, "data-qa": qa, "data-qaval": qaVal, ...legacyDefaultProps, ...defaultProps, ...props, ref: ref, css: css }, void 0));
     });
-    _StyledComponent.displayName = `CubeStyled(${Element.displayName ?? Element.name ?? tag})`;
+    _StyledComponent.displayName = `CubeStyled(${(_f = (_e = Element.displayName) !== null && _e !== void 0 ? _e : Element.name) !== null && _f !== void 0 ? _f : tag})`;
     return _StyledComponent;
 }
 export { styled };

package/dist/es/styles/align.js

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

package/dist/es/styles/border.js

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

package/dist/es/styles/boxShadow.combinator.js

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