@cube-dev/ui-kit 0.0.0-canary-5971971 → 0.0.0-canary-7480fe6

package/cjs/_internal/hooks/index.js

@@ -0,0 +1,22 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.0.0-canary-7480fe6
+ * Released under the MIT license.
+ */
+
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./use-deprecation-warning"), exports);
+
+        

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

@@ -0,0 +1,43 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.0.0-canary-7480fe6
+ * Released under the MIT license.
+ */
+
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDeprecationWarning = void 0;
+const react_1 = __importStar(require("react"));
+const warnings_1 = require("../../utils/warnings");
+function useDeprecationWarning(...args) {
+    const didWarn = react_1.default.useRef(false);
+    (0, react_1.useEffect)(() => {
+        if (didWarn.current)
+            return;
+        didWarn.current = true;
+        (0, warnings_1.deprecationWarning)(...args);
+    }, [args[0]]);
+}
+exports.useDeprecationWarning = useDeprecationWarning;
+
+        

package/cjs/_internal/index.js

@@ -0,0 +1,22 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.0.0-canary-7480fe6
+ * Released under the MIT license.
+ */
+
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./hooks"), exports);
+
+        

package/cjs/components/Base.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-5971971
+ * @cube-dev/ui-kit v0.0.0-canary-7480fe6
  * Released under the MIT license.
  */
 
@@ -30,7 +30,7 @@ const INLINE_MAP = {
 };
 const BaseElement = styled_components_1.default.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;
@@ -56,7 +56,7 @@ const Base = function Base(allProps, ref) {
     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));
 };
 /**
- * @deprecated consider using tasty() instead
+ * @deprecated consider using styled() instead
  */
 const _Base = (0, react_1.forwardRef)(Base);
 exports.Base = _Base;

package/cjs/components/Block.js

@@ -1,27 +1,25 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-5971971
+ * @cube-dev/ui-kit v0.0.0-canary-7480fe6
  * Released under the MIT license.
  */
 
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Block = void 0;
+exports.Block = exports.CUBE_BLOCK_STYLES = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const list_1 = require("../styles/list");
 const styles_1 = require("../utils/styles");
 const filterBaseProps_1 = require("../utils/filterBaseProps");
-const tasty_1 = require("../tasty");
-const RawBlock = (0, tasty_1.tasty)({
-    styled: {
-        display: 'block',
-    },
-});
+const Base_1 = require("./Base");
+exports.CUBE_BLOCK_STYLES = {
+    display: 'block',
+};
 exports.Block = (0, react_1.forwardRef)((props, ref) => {
-    const styles = (0, styles_1.extractStyles)(props, list_1.CONTAINER_STYLES);
-    return ((0, jsx_runtime_1.jsx)(RawBlock, { ...(0, filterBaseProps_1.filterBaseProps)(props, { eventProps: true }), styles: styles, ref: ref }, void 0));
+    const styles = (0, styles_1.extractStyles)(props, list_1.CONTAINER_STYLES, exports.CUBE_BLOCK_STYLES);
+    return ((0, jsx_runtime_1.jsx)(Base_1.Base, { ...(0, filterBaseProps_1.filterBaseProps)(props, { eventProps: true }), styles: styles, ref: ref }, void 0));
 });
 
         

package/cjs/components/GlobalStyles.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-5971971
+ * @cube-dev/ui-kit v0.0.0-canary-7480fe6
  * Released under the MIT license.
  */
 

package/cjs/components/GridProvider.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-5971971
+ * @cube-dev/ui-kit v0.0.0-canary-7480fe6
  * Released under the MIT license.
  */
 

package/cjs/components/HiddenInput.js

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

package/cjs/components/actions/Action.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-5971971
+ * @cube-dev/ui-kit v0.0.0-canary-7480fe6
  * Released under the MIT license.
  */
 
@@ -100,7 +100,7 @@ const DEFAULT_STYLES = {
     cursor: 'pointer',
 };
 const STYLE_PROPS = [...list_1.CONTAINER_STYLES, ...list_1.TEXT_STYLES];
-exports.Action = (0, react_1.forwardRef)(({ to, as, htmlType, label, theme, mods, onPress, ...props }, ref) => {
+exports.Action = (0, react_1.forwardRef)(({ to, as, htmlType, label, theme, css, mods, onPress, ...props }, ref) => {
     as = to ? 'a' : as || 'button';
     const router = (0, react_1.useContext)(provider_1.UIKitContext).router;
     const isDisabled = props.isDisabled;
@@ -130,7 +130,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, filterBaseProps_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, filterBaseProps_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, css: css }, void 0));
 });
 
         

package/cjs/components/actions/Button/Button.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-5971971
+ * @cube-dev/ui-kit v0.0.0-canary-7480fe6
  * Released under the MIT license.
  */
 
@@ -253,7 +253,7 @@ const DEFAULT_STYLES = {
     },
 };
 exports.Button = (0, react_1.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;
@@ -291,7 +291,7 @@ exports.Button = (0, react_1.forwardRef)((allProps, ref) => {
         styles.fontSize = '1em';
         styles.lineHeight = '1em';
     }
-    return ((0, jsx_runtime_1.jsxs)(Action_1.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 : (0, jsx_runtime_1.jsx)(icons_1.LoadingOutlined, {}, void 0) : null, children] }, void 0));
+    return ((0, jsx_runtime_1.jsxs)(Action_1.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 : (0, jsx_runtime_1.jsx)(icons_1.LoadingOutlined, {}, void 0) : null, children] }, void 0));
 });
 
         

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-5971971
+ * @cube-dev/ui-kit v0.0.0-canary-7480fe6
  * Released under the MIT license.
  */
 

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

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

package/cjs/components/actions/index.js

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

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-5971971
+ * @cube-dev/ui-kit v0.0.0-canary-7480fe6
  * Released under the MIT license.
  */
 
@@ -14,13 +14,10 @@ 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 list_1 = require("../../../styles/list");
-const styles_1 = require("../../../utils/styles");
-const filterBaseProps_1 = require("../../../utils/filterBaseProps");
-const tasty_1 = require("../../../tasty");
-const RawAlert = (0, tasty_1.tasty)({
-    role: 'alert',
-    qa: 'Alert',
+const styled_1 = require("../../../styled");
+const use_alert_1 = require("./use-alert");
+const RawAlert = (0, styled_1.styled)({
+    name: 'Alert',
     styles: {
         display: 'block',
         flow: 'column',
@@ -46,13 +43,14 @@ const RawAlert = (0, tasty_1.tasty)({
             }, {}),
         },
     },
+    props: {
+        role: 'alert',
+        qa: 'Alert',
+    },
 });
-const STYLE_LIST = [...list_1.CONTAINER_STYLES, ...list_1.TEXT_STYLES];
-exports.Alert = (0, react_1.forwardRef)((allProps, ref) => {
-    let { type, label, isDisabled, ...props } = allProps;
-    type = isDisabled ? 'disabled' : type || 'note';
-    const styles = (0, styles_1.extractStyles)(props, STYLE_LIST);
-    return ((0, jsx_runtime_1.jsx)(RawAlert, { ...(0, filterBaseProps_1.filterBaseProps)(props, { eventProps: true }), "data-type": type, styles: styles, ref: ref }, void 0));
+exports.Alert = (0, react_1.forwardRef)((props, ref) => {
+    const { styles, theme, filteredProps } = (0, use_alert_1.useAlert)(props);
+    return ((0, jsx_runtime_1.jsx)(RawAlert, { ...filteredProps, "data-type": theme, styles: styles, ref: ref }, void 0));
 });
 
         

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

@@ -0,0 +1,22 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.0.0-canary-7480fe6
+ * Released under the MIT license.
+ */
+
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Alert"), exports);
+
+        

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

@@ -0,0 +1,11 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.0.0-canary-7480fe6
+ * Released under the MIT license.
+ */
+
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+
+        

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

@@ -0,0 +1,34 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.0.0-canary-7480fe6
+ * Released under the MIT license.
+ */
+
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAlert = void 0;
+const styles_1 = require("../../../utils/styles");
+const _internal_1 = require("../../../_internal");
+const list_1 = require("../../../styles/list");
+const filterBaseProps_1 = require("../../../utils/filterBaseProps");
+const STYLE_LIST = [...list_1.CONTAINER_STYLES, ...list_1.TEXT_STYLES];
+function useAlert(props) {
+    var _a;
+    const { type, isDisabled = false, theme } = props;
+    const styles = (0, styles_1.extractStyles)(props, STYLE_LIST);
+    (0, _internal_1.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: (0, filterBaseProps_1.filterBaseProps)(props, { eventProps: true }),
+    };
+}
+exports.useAlert = useAlert;
+
+        

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-5971971
+ * @cube-dev/ui-kit v0.0.0-canary-7480fe6
  * Released under the MIT license.
  */
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-5971971
+ * @cube-dev/ui-kit v0.0.0-canary-7480fe6
  * Released under the MIT license.
  */
 
@@ -17,10 +17,10 @@ const themes_1 = __importDefault(require("../../../data/themes"));
 const list_1 = require("../../../styles/list");
 const styles_1 = require("../../../utils/styles");
 const filterBaseProps_1 = require("../../../utils/filterBaseProps");
-const tasty_1 = require("../../../tasty");
-const RawBadge = (0, tasty_1.tasty)({
-    qa: 'Badge',
-    role: 'region',
+const styled_1 = require("../../../styled");
+const RawBadge = (0, styled_1.styled)({
+    name: 'Badge',
+    props: { role: 'region' },
     styles: {
         display: 'inline-flex',
         placeContent: 'center',

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-5971971
+ * @cube-dev/ui-kit v0.0.0-canary-7480fe6
  * Released under the MIT license.
  */
 

package/cjs/components/content/Content.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-5971971
+ * @cube-dev/ui-kit v0.0.0-canary-7480fe6
  * Released under the MIT license.
  */
 
@@ -10,15 +10,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Content = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const tasty_1 = require("../../tasty");
+const styled_1 = require("../../styled");
 const list_1 = require("../../styles/list");
 const styles_1 = require("../../utils/styles");
 const filterBaseProps_1 = require("../../utils/filterBaseProps");
 const react_2 = require("../../utils/react");
 const STYLE_LIST = [...list_1.CONTAINER_STYLES, ...list_1.TEXT_STYLES];
-const RawContent = (0, tasty_1.tasty)({
-    qa: 'Content',
-    as: 'section',
+const RawContent = (0, styled_1.styled)({
+    name: 'Content',
+    tag: 'section',
     styles: {
         gridArea: 'content',
         preset: 'p3',
@@ -29,6 +29,9 @@ const RawContent = (0, tasty_1.tasty)({
         overflow: 'auto',
         styledScrollbar: true,
     },
+    props: {
+        'data-id': 'Content',
+    },
 });
 exports.Content = (0, react_1.forwardRef)((props, ref) => {
     props = (0, react_2.useSlotProps)(props, 'content');

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-5971971
+ * @cube-dev/ui-kit v0.0.0-canary-7480fe6
  * Released under the MIT license.
  */
 
@@ -14,14 +14,14 @@ exports.CopySnippet = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const clipboard_copy_1 = __importDefault(require("clipboard-copy"));
 const actions_1 = require("../../actions");
-const Card_1 = require("../../content/Card/Card");
+const Card_1 = require("../Card/Card");
 const Grid_1 = require("../../layout/Grid");
-const tasty_1 = require("../../../tasty");
+const styled_1 = require("../../../styled");
 const PrismCode_1 = require("../../content/PrismCode/PrismCode");
 const notification_1 = require("../../../services/notification");
 const icons_1 = require("@ant-design/icons");
 const TooltipTrigger_1 = require("../../overlays/Tooltip/TooltipTrigger");
-const Action_1 = require("../../actions/Action");
+const actions_2 = require("../../actions");
 const Tooltip_1 = require("../../overlays/Tooltip/Tooltip");
 const POSITION_ACTION = {
     position: 'absolute',
@@ -29,7 +29,7 @@ const POSITION_ACTION = {
     top: 0,
     zIndex: 1,
 };
-const StyledBlock = (0, tasty_1.tasty)({
+const StyledBlock = (0, styled_1.styled)({
     styles: {
         position: 'relative',
         overflow: {
@@ -50,7 +50,7 @@ const StyledBlock = (0, tasty_1.tasty)({
         },
     },
 });
-const ButtonContainer = (0, tasty_1.tasty)({
+const ButtonContainer = (0, styled_1.styled)({
     styles: {
         position: 'relative',
         '&::after': {
@@ -103,7 +103,7 @@ function CopySnippet(allProps) {
                         },
                     }, style: POSITION_ACTION, onPress: onCopy, icon: (0, jsx_runtime_1.jsx)(icons_1.CopyOutlined, {}, void 0) }, void 0)] }, void 0) }, void 0));
     if (showTooltip) {
-        return ((0, jsx_runtime_1.jsxs)(TooltipTrigger_1.TooltipTrigger, { children: [(0, jsx_runtime_1.jsx)(Action_1.Action, { styles: { display: 'block', cursor: 'default', width: '100%' }, children: Snippet }, void 0), (0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { children: formattedCode }, void 0)] }, void 0));
+        return ((0, jsx_runtime_1.jsxs)(TooltipTrigger_1.TooltipTrigger, { children: [(0, jsx_runtime_1.jsx)(actions_2.Action, { styles: { display: 'block', cursor: 'default', width: '100%' }, children: Snippet }, void 0), (0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { children: formattedCode }, void 0)] }, void 0));
     }
     return Snippet;
 }

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

@@ -0,0 +1,22 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.0.0-canary-7480fe6
+ * Released under the MIT license.
+ */
+
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./CopySnippet"), exports);
+
+        

package/cjs/components/content/Divider.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-5971971
+ * @cube-dev/ui-kit v0.0.0-canary-7480fe6
  * Released under the MIT license.
  */
 

package/cjs/components/content/Footer.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-5971971
+ * @cube-dev/ui-kit v0.0.0-canary-7480fe6
  * Released under the MIT license.
  */
 
@@ -14,16 +14,18 @@ const list_1 = require("../../styles/list");
 const styles_1 = require("../../utils/styles");
 const filterBaseProps_1 = require("../../utils/filterBaseProps");
 const react_2 = require("../../utils/react");
-const tasty_1 = require("../../tasty");
+const styled_1 = require("../../styled");
 const STYLE_LIST = [...list_1.CONTAINER_STYLES, ...list_1.TEXT_STYLES];
-const RawFooter = (0, tasty_1.tasty)({
-    qa: 'Footer',
-    'data-id': 'Footer',
+const RawFooter = (0, styled_1.styled)({
+    name: 'Footer',
     styles: {
         gridArea: 'footer',
         display: 'block',
         flow: 'column',
     },
+    props: {
+        'data-id': 'Footer',
+    },
 });
 exports.Footer = (0, react_1.forwardRef)((props, ref) => {
     props = (0, react_2.useSlotProps)(props, 'footer');