@cube-dev/ui-kit 0.0.0-canary-00505d5 → 0.0.0-canary-70220b3

package/es/components/Base.js

@@ -1,16 +1,16 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-00505d5
+ * @cube-dev/ui-kit v0.0.0-canary-70220b3
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef, useContext } from 'react';
 import styled from 'styled-components';
-import { BreakpointsContext } from '../tasty/providers/BreakpointsProvider';
-import { pointsToZones } from '../tasty/utils/responsive';
-import { renderStyles } from '../tasty/utils/renderStyles';
+import { BreakpointsContext } from '../providers/BreakpointsProvider';
+import { pointsToZones } from '../utils/responsive';
+import { renderStyles } from '../utils/renderStyles';
 import { modAttrs } from '../utils/react';
 const BLOCK_MAP = {
     inline: 'block',
@@ -24,7 +24,7 @@ const INLINE_MAP = {
 };
 const BaseElement = styled.div(({ css }) => css);
 /**
- * @deprecated consider using tasty() instead
+ * @deprecated consider using styled() instead
  */
 const Base = function Base(allProps, ref) {
     let { as, styles: originalStyles, breakpoints, block, mods, inline, isHidden, isDisabled, qa, qaVal, css, element, ...props } = allProps;
@@ -50,7 +50,7 @@ const Base = function Base(allProps, ref) {
     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));
 };
 /**
- * @deprecated consider using tasty() instead
+ * @deprecated consider using styled() instead
  */
 const _Base = forwardRef(Base);
 export { _Base as Base };

package/es/components/Block.js

@@ -1,24 +1,22 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-00505d5
+ * @cube-dev/ui-kit v0.0.0-canary-70220b3
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
-import { CONTAINER_STYLES } from '../tasty/styles/list';
-import { extractStyles } from '../tasty/utils/styles';
-import { filterBaseProps } from '../tasty/utils/filterBaseProps';
-import { tasty } from '../tasty';
-const RawBlock = tasty({
-    styled: {
-        display: 'block',
-    },
-});
+import { CONTAINER_STYLES } from '../styles/list';
+import { extractStyles } from '../utils/styles';
+import { filterBaseProps } from '../utils/filterBaseProps';
+import { Base } from './Base';
+export const CUBE_BLOCK_STYLES = {
+    display: 'block',
+};
 export const Block = forwardRef((props, ref) => {
-    const styles = extractStyles(props, CONTAINER_STYLES);
-    return (_jsx(RawBlock, { ...filterBaseProps(props, { eventProps: true }), styles: styles, ref: ref }, void 0));
+    const styles = extractStyles(props, CONTAINER_STYLES, CUBE_BLOCK_STYLES);
+    return (_jsx(Base, { ...filterBaseProps(props, { eventProps: true }), styles: styles, ref: ref }, void 0));
 });
 
         

package/es/components/GlobalStyles.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-00505d5
+ * @cube-dev/ui-kit v0.0.0-canary-70220b3
  * Released under the MIT license.
  */
 

package/es/components/GridProvider.js

@@ -1,13 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-00505d5
+ * @cube-dev/ui-kit v0.0.0-canary-70220b3
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef, useCallback, useEffect, useState } from 'react';
-import { filterBaseProps } from '../tasty/utils/filterBaseProps';
+import { filterBaseProps } from '../utils/filterBaseProps';
 import { useCombinedRefs } from '../utils/react';
 import { Base } from './Base';
 const DEFAULT_STYLES = {
@@ -24,9 +24,9 @@ export const GridProvider = forwardRef((props, outerRef) => {
         if (!el)
             return;
         const computedStyle = getComputedStyle(el);
-        const containerWidth = el.clientWidth -
-            parseFloat(computedStyle.paddingLeft) -
-            parseFloat(computedStyle.paddingRight);
+        const containerWidth = el.clientWidth
+            - parseFloat(computedStyle.paddingLeft)
+            - parseFloat(computedStyle.paddingRight);
         setWidth(`${containerWidth}px`);
     }, [ref, columns, gap]);
     useEffect(() => {

package/es/components/HiddenInput.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-00505d5
+ * @cube-dev/ui-kit v0.0.0-canary-70220b3
  * 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.0.0-canary-00505d5
+ * @cube-dev/ui-kit v0.0.0-canary-70220b3
  * Released under the MIT license.
  */
 

package/es/components/Root.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-00505d5
+ * @cube-dev/ui-kit v0.0.0-canary-70220b3
  * Released under the MIT license.
  */
 
@@ -10,9 +10,9 @@ import { useEffect, useRef, useState } from 'react';
 import { GlobalStyles } from './GlobalStyles';
 import { Base } from './Base';
 import { PortalProvider } from './portal';
-import { BASE_STYLES, BLOCK_STYLES } from '../tasty/styles/list';
-import { extractStyles } from '../tasty/utils/styles';
-import { filterBaseProps } from '../tasty/utils/filterBaseProps';
+import { BASE_STYLES, BLOCK_STYLES } from '../styles/list';
+import { extractStyles } from '../utils/styles';
+import { filterBaseProps } from '../utils/filterBaseProps';
 import { Provider } from '../provider';
 import { ModalProvider } from '@react-aria/overlays';
 import { StyleSheetManager } from 'styled-components';

package/es/components/actions/Action.js

@@ -1,20 +1,20 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-00505d5
+ * @cube-dev/ui-kit v0.0.0-canary-70220b3
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef, useContext, useCallback } from 'react';
-import { CONTAINER_STYLES, TEXT_STYLES } from '../../tasty/styles/list';
+import { CONTAINER_STYLES, TEXT_STYLES } from '../../styles/list';
 import { Base } from '../Base';
 import { useHover } from '@react-aria/interactions';
-import { useFocus } from '../../utils/react/interactions';
+import { useFocus } from '../../utils/interactions';
 import { useButton } from '@react-aria/button';
 import { mergeProps } from '../../utils/react';
-import { extractStyles } from '../../tasty/utils/styles';
-import { filterBaseProps } from '../../tasty/utils/filterBaseProps';
+import { extractStyles } from '../../utils/styles';
+import { filterBaseProps } from '../../utils/filterBaseProps';
 import { UIKitContext } from '../../provider';
 import { useFocusableRef } from '@react-spectrum/utils';
 const FILTER_OPTIONS = { propNames: new Set(['onMouseEnter', 'onMouseLeave']) };
@@ -94,7 +94,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(({ to, as, htmlType, label, theme, css, mods, onPress, ...props }, ref) => {
     as = to ? 'a' : as || 'button';
     const router = useContext(UIKitContext).router;
     const isDisabled = props.isDisabled;
@@ -124,7 +124,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)), type: htmlType || 'button', rel: as === 'a' && newTab ? 'rel="noopener noreferrer"' : undefined, ref: domRef, as: as, isDisabled: isDisabled, styles: styles, target: target, href: href, css: css }, void 0));
 });
 
         

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-00505d5
+ * @cube-dev/ui-kit v0.0.0-canary-70220b3
  * Released under the MIT license.
  */
 
@@ -9,7 +9,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import { Action } from '../Action';
 import { LoadingOutlined } from '@ant-design/icons';
-import { useContextStyles } from '../../../tasty/providers/StylesProvider';
+import { useContextStyles } from '../../../providers/StylesProvider';
 import { accessibilityWarning } from '../../../utils/warnings';
 export function provideStyles({ size, type, theme, isLoading, icon, children, label, }) {
     children = children || icon ? children : label;
@@ -249,7 +249,7 @@ const DEFAULT_STYLES = {
     },
 };
 export const Button = forwardRef((allProps, ref) => {
-    let { type, size, label, styles, children, theme, icon, mods, ...props } = allProps;
+    let { type, size, label, styles, children, theme, css, icon, mods, ...props } = allProps;
     const isDisabled = props.isDisabled;
     const isLoading = props.isLoading;
     const isSelected = props.isSelected;
@@ -287,7 +287,7 @@ export const Button = forwardRef((allProps, ref) => {
         styles.fontSize = '1em';
         styles.lineHeight = '1em';
     }
-    return (_jsxs(Action, { as: props.to ? 'a' : undefined, ...props, ref: ref, isDisabled: isLoading || isDisabled, theme: theme, "data-type": type, "data-is-loading": isLoading ? '' : undefined, "data-is-selected": isSelected ? '' : undefined, "data-size": size, mods: mods, styles: styles, label: label, children: [icon || isLoading ? !isLoading ? icon : _jsx(LoadingOutlined, {}, void 0) : null, children] }, void 0));
+    return (_jsxs(Action, { as: props.to ? 'a' : undefined, css: css, ...props, ref: ref, isDisabled: isLoading || isDisabled, theme: theme, "data-type": type, "data-is-loading": isLoading ? '' : undefined, "data-is-selected": isSelected ? '' : undefined, "data-size": size, mods: mods, styles: styles, label: label, children: [icon || isLoading ? !isLoading ? icon : _jsx(LoadingOutlined, {}, void 0) : null, children] }, void 0));
 });
 
         

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-00505d5
+ * @cube-dev/ui-kit v0.0.0-canary-70220b3
  * Released under the MIT license.
  */
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-00505d5
+ * @cube-dev/ui-kit v0.0.0-canary-70220b3
  * 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.0.0-canary-00505d5
+ * @cube-dev/ui-kit v0.0.0-canary-70220b3
  * Released under the MIT license.
  */
 
@@ -9,7 +9,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import { useSlotProps } from '../../../utils/react';
 import { Space } from '../../layout/Space';
-import { useContextStyles } from '../../../tasty/providers/StylesProvider';
+import { useContextStyles } from '../../../providers/StylesProvider';
 export const ButtonGroup = forwardRef((props, ref) => {
     let { styles, ...otherProps } = useSlotProps(props, 'buttonGroup');
     const contextStyles = useContextStyles('ButtonGroup', otherProps);

package/es/components/actions/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-00505d5
+ * @cube-dev/ui-kit v0.0.0-canary-70220b3
  * Released under the MIT license.
  */
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-00505d5
+ * @cube-dev/ui-kit v0.0.0-canary-70220b3
  * Released under the MIT license.
  */
 
@@ -9,13 +9,13 @@ 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, TEXT_STYLES } from '../../../tasty/styles/list';
+import { CONTAINER_STYLES, TEXT_STYLES } from '../../../styles/list';
 import { Base } from '../../Base';
-import { extractStyles } from '../../../tasty/utils/styles';
-import { filterBaseProps } from '../../../tasty/utils/filterBaseProps';
+import { extractStyles } from '../../../utils/styles';
+import { filterBaseProps } from '../../../utils/filterBaseProps';
 import { useFocusableRef } from '@react-spectrum/utils';
 import { useFocusable } from '@react-aria/focus';
-import { useFocus } from '../../../utils/react/interactions';
+import { useFocus } from '../../../utils/interactions';
 const DEFAULT_STYLES = {
     display: 'inline-block',
     position: 'relative',

package/es/components/{organisms → content}/Alert/Alert.js

@@ -1,20 +1,17 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-00505d5
+ * @cube-dev/ui-kit v0.0.0-canary-70220b3
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import THEMES from '../../../data/themes';
-import { CONTAINER_STYLES, TEXT_STYLES } from '../../../tasty/styles/list';
-import { extractStyles } from '../../../tasty/utils/styles';
-import { filterBaseProps } from '../../../tasty/utils/filterBaseProps';
-import { tasty } from '../../../tasty';
-const RawAlert = tasty({
-    role: 'alert',
-    qa: 'Alert',
+import { styled } from '../../../styled';
+import { useAlert } from './use-alert';
+const RawAlert = styled({
+    name: 'Alert',
     styles: {
         display: 'block',
         flow: 'column',
@@ -40,13 +37,14 @@ const RawAlert = tasty({
             }, {}),
         },
     },
+    props: {
+        role: 'alert',
+        qa: 'Alert',
+    },
 });
-const STYLE_LIST = [...CONTAINER_STYLES, ...TEXT_STYLES];
-export const Alert = forwardRef((allProps, ref) => {
-    let { type, label, isDisabled, ...props } = allProps;
-    type = isDisabled ? 'disabled' : type || 'note';
-    const styles = extractStyles(props, STYLE_LIST);
-    return (_jsx(RawAlert, { ...filterBaseProps(props, { eventProps: true }), "data-type": type, styles: styles, ref: ref }, void 0));
+export const Alert = forwardRef(function Alert(props, ref) {
+    const { styles, theme, filteredProps } = useAlert(props);
+    return (_jsx(RawAlert, { ...filteredProps, "data-type": theme, styles: styles, ref: ref }, void 0));
 });
 
         

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

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

package/es/{tasty → components/content/Alert}/types.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-00505d5
+ * @cube-dev/ui-kit v0.0.0-canary-70220b3
  * Released under the MIT license.
  */
 

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

@@ -0,0 +1,30 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.0.0-canary-70220b3
+ * Released under the MIT license.
+ */
+
+import { extractStyles } from '../../../utils/styles';
+import { useDeprecationWarning } from '../../../_internal';
+import { CONTAINER_STYLES, TEXT_STYLES } from '../../../styles/list';
+import { filterBaseProps } from '../../../utils/filterBaseProps';
+const STYLE_LIST = [...CONTAINER_STYLES, ...TEXT_STYLES];
+export function useAlert(props) {
+    var _a;
+    const { type, isDisabled = false, theme } = props;
+    const styles = extractStyles(props, STYLE_LIST);
+    useDeprecationWarning(typeof type === 'undefined', {
+        property: 'type',
+        name: 'Alert',
+        betterAlternative: 'theme',
+    });
+    const _theme = isDisabled ? 'disabled' : (_a = theme !== null && theme !== void 0 ? theme : type) !== null && _a !== void 0 ? _a : 'note'; //?
+    return {
+        styles,
+        theme: _theme,
+        filteredProps: filterBaseProps(props, { eventProps: true }),
+    };
+}
+
+        

package/es/components/content/Avatar/Avatar.js

@@ -1,16 +1,16 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-00505d5
+ * @cube-dev/ui-kit v0.0.0-canary-70220b3
  * Released under the MIT license.
  */
 
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import { Base } from '../../Base';
-import { CONTAINER_STYLES } from '../../../tasty/styles/list';
-import { extractStyles } from '../../../tasty/utils/styles';
-import { filterBaseProps } from '../../../tasty/utils/filterBaseProps';
+import { CONTAINER_STYLES } from '../../../styles/list';
+import { extractStyles } from '../../../utils/styles';
+import { filterBaseProps } from '../../../utils/filterBaseProps';
 const DEFAULT_STYLES = {
     display: 'grid',
     gap: '1x',

package/es/components/content/Badge/Badge.js

@@ -1,20 +1,20 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-00505d5
+ * @cube-dev/ui-kit v0.0.0-canary-70220b3
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import THEMES from '../../../data/themes';
-import { CONTAINER_STYLES } from '../../../tasty/styles/list';
-import { extractStyles } from '../../../tasty/utils/styles';
-import { filterBaseProps } from '../../../tasty/utils/filterBaseProps';
-import { tasty } from '../../../tasty';
-const RawBadge = tasty({
-    qa: 'Badge',
-    role: 'region',
+import { CONTAINER_STYLES } from '../../../styles/list';
+import { extractStyles } from '../../../utils/styles';
+import { filterBaseProps } from '../../../utils/filterBaseProps';
+import { styled } from '../../../styled';
+const RawBadge = styled({
+    name: 'Badge',
+    props: { role: 'region' },
     styles: {
         display: 'inline-flex',
         placeContent: 'center',

package/es/components/content/Card/Card.js

@@ -1,16 +1,16 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-00505d5
+ * @cube-dev/ui-kit v0.0.0-canary-70220b3
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import { Base } from '../../Base';
-import { CONTAINER_STYLES } from '../../../tasty/styles/list';
-import { extractStyles } from '../../../tasty/utils/styles';
-import { filterBaseProps } from '../../../tasty/utils/filterBaseProps';
+import { CONTAINER_STYLES } from '../../../styles/list';
+import { extractStyles } from '../../../utils/styles';
+import { filterBaseProps } from '../../../utils/filterBaseProps';
 const DEFAULT_STYLES = {
     display: 'block',
     flow: 'column',

package/es/components/content/Content.js

@@ -1,21 +1,21 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-00505d5
+ * @cube-dev/ui-kit v0.0.0-canary-70220b3
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
-import { tasty } from '../../tasty';
-import { CONTAINER_STYLES, TEXT_STYLES } from '../../tasty/styles/list';
-import { extractStyles } from '../../tasty/utils/styles';
-import { filterBaseProps } from '../../tasty/utils/filterBaseProps';
+import { styled } from '../../styled';
+import { CONTAINER_STYLES, TEXT_STYLES } from '../../styles/list';
+import { extractStyles } from '../../utils/styles';
+import { filterBaseProps } from '../../utils/filterBaseProps';
 import { useSlotProps } from '../../utils/react';
 const STYLE_LIST = [...CONTAINER_STYLES, ...TEXT_STYLES];
-const RawContent = tasty({
-    qa: 'Content',
-    as: 'section',
+const RawContent = styled({
+    name: 'Content',
+    tag: 'section',
     styles: {
         gridArea: 'content',
         preset: 'p3',
@@ -26,6 +26,9 @@ const RawContent = tasty({
         overflow: 'auto',
         styledScrollbar: true,
     },
+    props: {
+        'data-id': 'Content',
+    },
 });
 export const Content = forwardRef((props, ref) => {
     props = useSlotProps(props, 'content');

package/es/components/{organisms → content}/CopySnippet/CopySnippet.js

@@ -1,21 +1,21 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-00505d5
+ * @cube-dev/ui-kit v0.0.0-canary-70220b3
  * Released under the MIT license.
  */
 
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import copy from 'clipboard-copy';
 import { Button } from '../../actions';
-import { Card } from '../../content/Card/Card';
+import { Card } from '../Card/Card';
 import { Grid } from '../../layout/Grid';
-import { tasty } from '../../../tasty';
+import { styled } from '../../../styled';
 import { PrismCode, } from '../../content/PrismCode/PrismCode';
 import { notification } from '../../../services/notification';
 import { CopyOutlined } from '@ant-design/icons';
 import { TooltipTrigger } from '../../overlays/Tooltip/TooltipTrigger';
-import { Action } from '../../actions/Action';
+import { Action } from '../../actions';
 import { Tooltip } from '../../overlays/Tooltip/Tooltip';
 const POSITION_ACTION = {
     position: 'absolute',
@@ -23,7 +23,7 @@ const POSITION_ACTION = {
     top: 0,
     zIndex: 1,
 };
-const StyledBlock = tasty({
+const StyledBlock = styled({
     styles: {
         position: 'relative',
         overflow: {
@@ -44,7 +44,7 @@ const StyledBlock = tasty({
         },
     },
 });
-const ButtonContainer = tasty({
+const ButtonContainer = styled({
     styles: {
         position: 'relative',
         '&::after': {

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

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

package/es/components/content/Divider.js

@@ -1,16 +1,16 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-00505d5
+ * @cube-dev/ui-kit v0.0.0-canary-70220b3
  * Released under the MIT license.
  */
 
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import { Base } from '../Base';
-import { OUTER_STYLES, BASE_STYLES, COLOR_STYLES, } from '../../tasty/styles/list';
-import { extractStyles } from '../../tasty/utils/styles';
-import { filterBaseProps } from '../../tasty/utils/filterBaseProps';
+import { OUTER_STYLES, BASE_STYLES, COLOR_STYLES } from '../../styles/list';
+import { extractStyles } from '../../utils/styles';
+import { filterBaseProps } from '../../utils/filterBaseProps';
 import { useSlotProps } from '../../utils/react';
 const STYLE_LIST = [...OUTER_STYLES, ...BASE_STYLES, ...COLOR_STYLES];
 const DEFAULT_STYLES = {

package/es/components/content/Footer.js

@@ -1,26 +1,28 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-00505d5
+ * @cube-dev/ui-kit v0.0.0-canary-70220b3
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
-import { CONTAINER_STYLES, TEXT_STYLES } from '../../tasty/styles/list';
-import { extractStyles } from '../../tasty/utils/styles';
-import { filterBaseProps } from '../../tasty/utils/filterBaseProps';
+import { CONTAINER_STYLES, TEXT_STYLES } from '../../styles/list';
+import { extractStyles } from '../../utils/styles';
+import { filterBaseProps } from '../../utils/filterBaseProps';
 import { useSlotProps } from '../../utils/react';
-import { tasty } from '../../tasty';
+import { styled } from '../../styled';
 const STYLE_LIST = [...CONTAINER_STYLES, ...TEXT_STYLES];
-const RawFooter = tasty({
-    qa: 'Footer',
-    'data-id': 'Footer',
+const RawFooter = styled({
+    name: 'Footer',
     styles: {
         gridArea: 'footer',
         display: 'block',
         flow: 'column',
     },
+    props: {
+        'data-id': 'Footer',
+    },
 });
 export const Footer = forwardRef((props, ref) => {
     props = useSlotProps(props, 'footer');