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

package/cjs/utils/promise.js

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

package/cjs/utils/react/Slots.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-7480fe6
+ * @cube-dev/ui-kit v0.0.0-canary-00505d5
  * Released under the MIT license.
  */
 
@@ -9,7 +9,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ClearSlots = exports.SlotProvider = exports.useSlotProps = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const mergeProps_1 = require("../../utils/react/mergeProps");
+const mergeProps_1 = require("./mergeProps");
 const react_1 = require("react");
 let SlotContext = (0, react_1.createContext)({});
 function useSlotProps(props, defaultSlot) {

package/cjs/utils/react/chain.js

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

package/cjs/utils/react/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-7480fe6
+ * @cube-dev/ui-kit v0.0.0-canary-00505d5
  * Released under the MIT license.
  */
 
@@ -14,7 +14,7 @@ var isTextOnly_1 = require("./isTextOnly");
 Object.defineProperty(exports, "isTextOnly", { enumerable: true, get: function () { return isTextOnly_1.isTextOnly; } });
 var mergeProps_1 = require("./mergeProps");
 Object.defineProperty(exports, "mergeProps", { enumerable: true, get: function () { return mergeProps_1.mergeProps; } });
-var modAttrs_1 = require("./modAttrs");
+var modAttrs_1 = require("../../tasty/utils/modAttrs");
 Object.defineProperty(exports, "modAttrs", { enumerable: true, get: function () { return modAttrs_1.modAttrs; } });
 var Slots_1 = require("./Slots");
 Object.defineProperty(exports, "useSlotProps", { enumerable: true, get: function () { return Slots_1.useSlotProps; } });

package/cjs/utils/{interactions.js → react/interactions.js}

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

package/cjs/utils/react/isTextOnly.js

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

package/cjs/utils/react/mapProps.js

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

package/cjs/utils/react/mergeProps.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-7480fe6
+ * @cube-dev/ui-kit v0.0.0-canary-00505d5
  * Released under the MIT license.
  */
 
@@ -25,23 +25,23 @@ function mergeProps(...args) {
     for (let props of args) {
         for (let key in result) {
             // Chain events
-            if (/^on[A-Z]/.test(key)
-                && typeof result[key] === 'function'
-                && props
-                && typeof props[key] === 'function') {
+            if (/^on[A-Z]/.test(key) &&
+                typeof result[key] === 'function' &&
+                props &&
+                typeof props[key] === 'function') {
                 result[key] = (0, utils_1.chain)(result[key], props[key]);
                 // Merge classnames, sometimes classNames are empty string which eval to false, so we just need to do a type check
             }
-            else if (key === 'className'
-                && typeof result.className === 'string'
-                && props
-                && typeof props.className === 'string') {
+            else if (key === 'className' &&
+                typeof result.className === 'string' &&
+                props &&
+                typeof props.className === 'string') {
                 result[key] = (0, clsx_1.default)(result.className, props.className);
             }
-            else if (key === 'styles'
-                && typeof result.styles === 'object'
-                && props
-                && typeof props.styles === 'object') {
+            else if (key === 'styles' &&
+                typeof result.styles === 'object' &&
+                props &&
+                typeof props.styles === 'object') {
                 result[key] = { ...result.styles, ...props.styles };
             }
             else if (key === 'id' && result.id && (props === null || props === void 0 ? void 0 : props.id)) {
@@ -49,8 +49,8 @@ function mergeProps(...args) {
                 // Override others
             }
             else {
-                result[key]
-                    = props && props[key] !== undefined ? props[key] : result[key];
+                result[key] =
+                    props && props[key] !== undefined ? props[key] : result[key];
             }
         }
         // Add props from b that are not in a

package/cjs/utils/react/nullableValue.js

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

package/cjs/utils/react/useCombinedRefs.js

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

package/cjs/utils/react/useId.js

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

package/cjs/utils/react/useLayoutEffect.js

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

package/cjs/utils/react/wrapNodeIfPlain.js

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

package/cjs/utils/transitions.js

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

package/cjs/utils/tree.js

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

package/cjs/utils/warnings.js

@@ -1,13 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-7480fe6
+ * @cube-dev/ui-kit v0.0.0-canary-00505d5
  * Released under the MIT license.
  */
 
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.deprecationWarning = exports.warn = exports.accessibilityWarning = exports.propDeprecationWarning = void 0;
+exports.warn = exports.accessibilityWarning = exports.propDeprecationWarning = void 0;
 const SUGGESTED_PROP_MAP = {
     disabled: 'isDisabled',
     loading: 'isLoading',
@@ -31,25 +31,5 @@ function warn(...args) {
     console.warn(`${PREFIX}:`, ...args);
 }
 exports.warn = warn;
-function deprecationWarning(
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-condition, { property, name, betterAlternative, reason, }) {
-    if (condition)
-        return;
-    if (process.env.NODE_ENV === 'production') {
-        return warn(`DEPRECATION ${name} "${property}" -> ${typeof betterAlternative === 'function'
-            ? betterAlternative()
-            : betterAlternative}`);
-    }
-    // we can make deprecations even better if we add the md syntax in the console.
-    // anyway, everything down below will be stripped in the production build
-    console.group(`⚠️ ${PREFIX}: Deprecation in ${name}`);
-    warn(`"${property}" is deprecated, consider better alternative: ${typeof betterAlternative === 'function'
-        ? betterAlternative()
-        : betterAlternative}`);
-    reason && warn(`Reason: ${typeof reason === 'function' ? reason() : reason}`);
-    console.groupEnd();
-}
-exports.deprecationWarning = deprecationWarning;
 
         

package/es/components/Base.js

@@ -1,16 +1,16 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-7480fe6
+ * @cube-dev/ui-kit v0.0.0-canary-00505d5
  * 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 '../providers/BreakpointsProvider';
-import { pointsToZones } from '../utils/responsive';
-import { renderStyles } from '../utils/renderStyles';
+import { BreakpointsContext } from '../tasty/providers/BreakpointsProvider';
+import { pointsToZones } from '../tasty/utils/responsive';
+import { renderStyles } from '../tasty/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 styled() instead
+ * @deprecated consider using tasty() 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 styled() instead
+ * @deprecated consider using tasty() instead
  */
 const _Base = forwardRef(Base);
 export { _Base as Base };

package/es/components/Block.js

@@ -1,22 +1,24 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-7480fe6
+ * @cube-dev/ui-kit v0.0.0-canary-00505d5
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
-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',
-};
+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',
+    },
+});
 export const Block = forwardRef((props, ref) => {
-    const styles = extractStyles(props, CONTAINER_STYLES, CUBE_BLOCK_STYLES);
-    return (_jsx(Base, { ...filterBaseProps(props, { eventProps: true }), styles: styles, ref: ref }, void 0));
+    const styles = extractStyles(props, CONTAINER_STYLES);
+    return (_jsx(RawBlock, { ...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-7480fe6
+ * @cube-dev/ui-kit v0.0.0-canary-00505d5
  * 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-7480fe6
+ * @cube-dev/ui-kit v0.0.0-canary-00505d5
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef, useCallback, useEffect, useState } from 'react';
-import { filterBaseProps } from '../utils/filterBaseProps';
+import { filterBaseProps } from '../tasty/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-7480fe6
+ * @cube-dev/ui-kit v0.0.0-canary-00505d5
  * 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-7480fe6
+ * @cube-dev/ui-kit v0.0.0-canary-00505d5
  * 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-7480fe6
+ * @cube-dev/ui-kit v0.0.0-canary-00505d5
  * 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 '../styles/list';
-import { extractStyles } from '../utils/styles';
-import { filterBaseProps } from '../utils/filterBaseProps';
+import { BASE_STYLES, BLOCK_STYLES } from '../tasty/styles/list';
+import { extractStyles } from '../tasty/utils/styles';
+import { filterBaseProps } from '../tasty/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-7480fe6
+ * @cube-dev/ui-kit v0.0.0-canary-00505d5
  * 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 '../../styles/list';
+import { CONTAINER_STYLES, TEXT_STYLES } from '../../tasty/styles/list';
 import { Base } from '../Base';
 import { useHover } from '@react-aria/interactions';
-import { useFocus } from '../../utils/interactions';
+import { useFocus } from '../../utils/react/interactions';
 import { useButton } from '@react-aria/button';
 import { mergeProps } from '../../utils/react';
-import { extractStyles } from '../../utils/styles';
-import { filterBaseProps } from '../../utils/filterBaseProps';
+import { extractStyles } from '../../tasty/utils/styles';
+import { filterBaseProps } from '../../tasty/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, css, mods, onPress, ...props }, ref) => {
+export const Action = forwardRef(({ to, as, htmlType, label, theme, 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, css, mods, o
             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, css: css }, 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 }, 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-7480fe6
+ * @cube-dev/ui-kit v0.0.0-canary-00505d5
  * 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 '../../../providers/StylesProvider';
+import { useContextStyles } from '../../../tasty/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, css, icon, mods, ...props } = allProps;
+    let { type, size, label, styles, children, theme, 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, 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));
+    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));
 });
 
         

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-7480fe6
+ * @cube-dev/ui-kit v0.0.0-canary-00505d5
  * 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-7480fe6
+ * @cube-dev/ui-kit v0.0.0-canary-00505d5
  * 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-7480fe6
+ * @cube-dev/ui-kit v0.0.0-canary-00505d5
  * 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 '../../../providers/StylesProvider';
+import { useContextStyles } from '../../../tasty/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-7480fe6
+ * @cube-dev/ui-kit v0.0.0-canary-00505d5
  * 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-7480fe6
+ * @cube-dev/ui-kit v0.0.0-canary-00505d5
  * 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 '../../../styles/list';
+import { CONTAINER_STYLES, TEXT_STYLES } from '../../../tasty/styles/list';
 import { Base } from '../../Base';
-import { extractStyles } from '../../../utils/styles';
-import { filterBaseProps } from '../../../utils/filterBaseProps';
+import { extractStyles } from '../../../tasty/utils/styles';
+import { filterBaseProps } from '../../../tasty/utils/filterBaseProps';
 import { useFocusableRef } from '@react-spectrum/utils';
 import { useFocusable } from '@react-aria/focus';
-import { useFocus } from '../../../utils/interactions';
+import { useFocus } from '../../../utils/react/interactions';
 const DEFAULT_STYLES = {
     display: 'inline-block',
     position: 'relative',

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-7480fe6
+ * @cube-dev/ui-kit v0.0.0-canary-00505d5
  * 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 '../../../styles/list';
-import { extractStyles } from '../../../utils/styles';
-import { filterBaseProps } from '../../../utils/filterBaseProps';
+import { CONTAINER_STYLES } from '../../../tasty/styles/list';
+import { extractStyles } from '../../../tasty/utils/styles';
+import { filterBaseProps } from '../../../tasty/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-7480fe6
+ * @cube-dev/ui-kit v0.0.0-canary-00505d5
  * 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 '../../../styles/list';
-import { extractStyles } from '../../../utils/styles';
-import { filterBaseProps } from '../../../utils/filterBaseProps';
-import { styled } from '../../../styled';
-const RawBadge = styled({
-    name: 'Badge',
-    props: { role: 'region' },
+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',
     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-7480fe6
+ * @cube-dev/ui-kit v0.0.0-canary-00505d5
  * 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 '../../../styles/list';
-import { extractStyles } from '../../../utils/styles';
-import { filterBaseProps } from '../../../utils/filterBaseProps';
+import { CONTAINER_STYLES } from '../../../tasty/styles/list';
+import { extractStyles } from '../../../tasty/utils/styles';
+import { filterBaseProps } from '../../../tasty/utils/filterBaseProps';
 const DEFAULT_STYLES = {
     display: 'block',
     flow: 'column',