@cube-dev/ui-kit 0.0.0-canary-00505d5 → 0.0.0-canary-5bf7ae4

package/cjs/_internal/hooks/index.js

@@ -0,0 +1,22 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.0.0-canary-5bf7ae4
+ * 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-5bf7ae4
+ * 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-5bf7ae4
+ * 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-00505d5
+ * @cube-dev/ui-kit v0.0.0-canary-5bf7ae4
  * Released under the MIT license.
  */
 
@@ -14,10 +14,7 @@ exports.Base = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const styled_components_1 = __importDefault(require("styled-components"));
-const BreakpointsProvider_1 = require("../tasty/providers/BreakpointsProvider");
-const responsive_1 = require("../tasty/utils/responsive");
-const renderStyles_1 = require("../tasty/utils/renderStyles");
-const react_2 = require("../utils/react");
+const tasty_1 = require("../tasty");
 const BLOCK_MAP = {
     inline: 'block',
     'inline-grid': 'grid',
@@ -47,11 +44,11 @@ const Base = function Base(allProps, ref) {
                 ? INLINE_MAP[styles.display || 'block']
                 : 'inline-block';
     }
-    const contextBreakpoints = (0, react_1.useContext)(BreakpointsProvider_1.BreakpointsContext);
-    const zones = (0, responsive_1.pointsToZones)(breakpoints || contextBreakpoints);
-    css = `${css !== null && css !== void 0 ? css : ''}${(0, renderStyles_1.renderStyles)(styles, zones)}`;
+    const contextBreakpoints = (0, react_1.useContext)(tasty_1.BreakpointsContext);
+    const zones = (0, tasty_1.pointsToZones)(breakpoints || contextBreakpoints);
+    css = `${css !== null && css !== void 0 ? css : ''}${(0, tasty_1.renderStyles)(styles, zones)}`;
     if (mods) {
-        Object.assign(props, (0, react_2.modAttrs)(mods));
+        Object.assign(props, (0, tasty_1.modAttrs)(mods));
     }
     return ((0, jsx_runtime_1.jsx)(BaseElement, { as: as, "data-element": element, "data-qa": qa, "data-qaval": qaVal, ...props, hidden: isHidden, disabled: isDisabled, ref: ref, css: css }, void 0));
 };

package/cjs/components/Block.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-5bf7ae4
  * Released under the MIT license.
  */
 
@@ -10,9 +10,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Block = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const list_1 = require("../tasty/styles/list");
-const styles_1 = require("../tasty/utils/styles");
-const filterBaseProps_1 = require("../tasty/utils/filterBaseProps");
 const tasty_1 = require("../tasty");
 const RawBlock = (0, tasty_1.tasty)({
     styled: {
@@ -20,8 +17,8 @@ const RawBlock = (0, tasty_1.tasty)({
     },
 });
 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, tasty_1.extractStyles)(props, tasty_1.CONTAINER_STYLES);
+    return ((0, jsx_runtime_1.jsx)(RawBlock, { ...(0, tasty_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-00505d5
+ * @cube-dev/ui-kit v0.0.0-canary-5bf7ae4
  * 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-00505d5
+ * @cube-dev/ui-kit v0.0.0-canary-5bf7ae4
  * Released under the MIT license.
  */
 
@@ -29,7 +29,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.GridProvider = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const filterBaseProps_1 = require("../tasty/utils/filterBaseProps");
+const tasty_1 = require("../tasty");
 const react_2 = require("../utils/react");
 const Base_1 = require("./Base");
 const DEFAULT_STYLES = {
@@ -73,7 +73,7 @@ exports.GridProvider = (0, react_1.forwardRef)((props, outerRef) => {
             return;
         resizeCallback();
     }, [resizeCallback]);
-    return ((0, jsx_runtime_1.jsx)(Base_1.Base, { ...(0, filterBaseProps_1.filterBaseProps)(props, { eventProps: true }), styles: {
+    return ((0, jsx_runtime_1.jsx)(Base_1.Base, { ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), styles: {
             ...DEFAULT_STYLES,
             '--grid-width': width,
             '--columns-amount': columns,

package/cjs/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-5bf7ae4
  * 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-00505d5
+ * @cube-dev/ui-kit v0.0.0-canary-5bf7ae4
  * 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-00505d5
+ * @cube-dev/ui-kit v0.0.0-canary-5bf7ae4
  * Released under the MIT license.
  */
 
@@ -13,9 +13,7 @@ const react_1 = require("react");
 const GlobalStyles_1 = require("./GlobalStyles");
 const Base_1 = require("./Base");
 const portal_1 = require("./portal");
-const list_1 = require("../tasty/styles/list");
-const styles_1 = require("../tasty/utils/styles");
-const filterBaseProps_1 = require("../tasty/utils/filterBaseProps");
+const tasty_1 = require("../tasty");
 const provider_1 = require("../provider");
 const overlays_1 = require("@react-aria/overlays");
 const styled_components_1 = require("styled-components");
@@ -29,7 +27,7 @@ const DEFAULT_STYLES = {
         return map;
     }, {}),
 };
-const STYLES = [...list_1.BASE_STYLES, ...list_1.BLOCK_STYLES];
+const STYLES = [...tasty_1.BASE_STYLES, ...tasty_1.BLOCK_STYLES];
 const Root = (allProps) => {
     let { children, 
     /** Raw css styles for body element */
@@ -42,8 +40,8 @@ const Root = (allProps) => {
             setRootRef(ref === null || ref === void 0 ? void 0 : ref.current);
         }
     }, []);
-    const styles = (0, styles_1.extractStyles)(props, STYLES, DEFAULT_STYLES);
-    return ((0, jsx_runtime_1.jsx)(provider_1.Provider, { router: router, root: rootRef, children: (0, jsx_runtime_1.jsx)(styled_components_1.StyleSheetManager, { disableVendorPrefixes: true, children: (0, jsx_runtime_1.jsxs)(Base_1.Base, { ref: ref, id: "cube-ui-kit-root", className: "root", ...(0, filterBaseProps_1.filterBaseProps)(props, { eventProps: true }), styles: styles, children: [(0, jsx_runtime_1.jsx)(GlobalStyles_1.GlobalStyles, { bodyStyles: bodyStyles, applyLegacyTokens: applyLegacyTokens, publicUrl: publicUrl, fonts: fonts, font: font, monospaceFont: monospaceFont }, void 0), (0, jsx_runtime_1.jsx)(overlays_1.ModalProvider, { children: (0, jsx_runtime_1.jsx)(portal_1.PortalProvider, { value: ref, children: (0, jsx_runtime_1.jsx)(AlertDialog_1.AlertDialogApiProvider, { children: children }, void 0) }, void 0) }, void 0)] }, void 0) }, void 0) }, void 0));
+    const styles = (0, tasty_1.extractStyles)(props, STYLES, DEFAULT_STYLES);
+    return ((0, jsx_runtime_1.jsx)(provider_1.Provider, { router: router, root: rootRef, children: (0, jsx_runtime_1.jsx)(styled_components_1.StyleSheetManager, { disableVendorPrefixes: true, children: (0, jsx_runtime_1.jsxs)(Base_1.Base, { ref: ref, id: "cube-ui-kit-root", className: "root", ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), styles: styles, children: [(0, jsx_runtime_1.jsx)(GlobalStyles_1.GlobalStyles, { bodyStyles: bodyStyles, applyLegacyTokens: applyLegacyTokens, publicUrl: publicUrl, fonts: fonts, font: font, monospaceFont: monospaceFont }, void 0), (0, jsx_runtime_1.jsx)(overlays_1.ModalProvider, { children: (0, jsx_runtime_1.jsx)(portal_1.PortalProvider, { value: ref, children: (0, jsx_runtime_1.jsx)(AlertDialog_1.AlertDialogApiProvider, { children: children }, void 0) }, void 0) }, void 0)] }, void 0) }, void 0) }, void 0));
 };
 exports.Root = Root;
 

package/cjs/components/actions/Action.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-00505d5
+ * @cube-dev/ui-kit v0.0.0-canary-5bf7ae4
  * Released under the MIT license.
  */
 
@@ -10,14 +10,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Action = exports.performClickHandler = exports.parseTo = exports.openLink = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const list_1 = require("../../tasty/styles/list");
+const tasty_1 = require("../../tasty");
 const Base_1 = require("../Base");
 const interactions_1 = require("@react-aria/interactions");
 const interactions_2 = require("../../utils/react/interactions");
 const button_1 = require("@react-aria/button");
 const react_2 = require("../../utils/react");
-const styles_1 = require("../../tasty/utils/styles");
-const filterBaseProps_1 = require("../../tasty/utils/filterBaseProps");
 const provider_1 = require("../../provider");
 const utils_1 = require("@react-spectrum/utils");
 const FILTER_OPTIONS = { propNames: new Set(['onMouseEnter', 'onMouseLeave']) };
@@ -99,7 +97,7 @@ const DEFAULT_STYLES = {
     transition: 'theme',
     cursor: 'pointer',
 };
-const STYLE_PROPS = [...list_1.CONTAINER_STYLES, ...list_1.TEXT_STYLES];
+const STYLE_PROPS = [...tasty_1.CONTAINER_STYLES, ...tasty_1.TEXT_STYLES];
 exports.Action = (0, react_1.forwardRef)(({ to, as, htmlType, label, theme, mods, onPress, ...props }, ref) => {
     as = to ? 'a' : as || 'button';
     const router = (0, react_1.useContext)(provider_1.UIKitContext).router;
@@ -107,7 +105,7 @@ exports.Action = (0, react_1.forwardRef)(({ to, as, htmlType, label, theme, mods
     const { newTab, href } = parseTo(to);
     const target = newTab ? '_blank' : undefined;
     const domRef = (0, utils_1.useFocusableRef)(ref);
-    const styles = (0, styles_1.extractStyles)(props, STYLE_PROPS, DEFAULT_STYLES);
+    const styles = (0, tasty_1.extractStyles)(props, STYLE_PROPS, DEFAULT_STYLES);
     const customOnPress = (0, react_1.useCallback)((evt) => {
         performClickHandler(evt, router, to, onPress);
     }, [router, to, onPress]);
@@ -130,7 +128,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, tasty_1.filterBaseProps)(props, FILTER_OPTIONS)), type: htmlType || 'button', rel: as === 'a' && newTab ? 'rel="noopener noreferrer"' : undefined, ref: domRef, as: as, isDisabled: isDisabled, styles: styles, target: target, href: href }, void 0));
 });
 
         

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-00505d5
+ * @cube-dev/ui-kit v0.0.0-canary-5bf7ae4
  * Released under the MIT license.
  */
 
@@ -12,7 +12,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const Action_1 = require("../Action");
 const icons_1 = require("@ant-design/icons");
-const StylesProvider_1 = require("../../../tasty/providers/StylesProvider");
+const tasty_1 = require("../../../tasty");
 const warnings_1 = require("../../../utils/warnings");
 function provideStyles({ size, type, theme, isLoading, icon, children, label, }) {
     children = children || icon ? children : label;
@@ -268,7 +268,7 @@ exports.Button = (0, react_1.forwardRef)((allProps, ref) => {
         icon,
         children,
     };
-    const contextStyles = (0, StylesProvider_1.useContextStyles)('Button', propsForStyles);
+    const contextStyles = (0, tasty_1.useContextStyles)('Button', propsForStyles);
     if (!children) {
         if (icon) {
             if (!label) {

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-00505d5
+ * @cube-dev/ui-kit v0.0.0-canary-5bf7ae4
  * 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-00505d5
+ * @cube-dev/ui-kit v0.0.0-canary-5bf7ae4
  * 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-00505d5
+ * @cube-dev/ui-kit v0.0.0-canary-5bf7ae4
  * Released under the MIT license.
  */
 
@@ -12,10 +12,10 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const react_2 = require("../../../utils/react");
 const Space_1 = require("../../layout/Space");
-const StylesProvider_1 = require("../../../tasty/providers/StylesProvider");
+const tasty_1 = require("../../../tasty");
 exports.ButtonGroup = (0, react_1.forwardRef)((props, ref) => {
     let { styles, ...otherProps } = (0, react_2.useSlotProps)(props, 'buttonGroup');
-    const contextStyles = (0, StylesProvider_1.useContextStyles)('ButtonGroup', otherProps);
+    const contextStyles = (0, tasty_1.useContextStyles)('ButtonGroup', otherProps);
     styles = styles
         ? {
             ...contextStyles,

package/cjs/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-5bf7ae4
  * 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-00505d5
+ * @cube-dev/ui-kit v0.0.0-canary-5bf7ae4
  * Released under the MIT license.
  */
 
@@ -12,10 +12,8 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const interactions_1 = require("@react-aria/interactions");
 const react_2 = require("../../../utils/react");
-const list_1 = require("../../../tasty/styles/list");
+const tasty_1 = require("../../../tasty");
 const Base_1 = require("../../Base");
-const styles_1 = require("../../../tasty/utils/styles");
-const filterBaseProps_1 = require("../../../tasty/utils/filterBaseProps");
 const utils_1 = require("@react-spectrum/utils");
 const focus_1 = require("@react-aria/focus");
 const interactions_2 = require("../../../utils/react/interactions");
@@ -28,15 +26,15 @@ const DEFAULT_STYLES = {
     },
     transition: 'theme',
 };
-const STYLE_PROPS = [...list_1.CONTAINER_STYLES, ...list_1.TEXT_STYLES];
+const STYLE_PROPS = [...tasty_1.CONTAINER_STYLES, ...tasty_1.TEXT_STYLES];
 const ActiveZone = ({ as, label, onClick, ...props }, ref) => {
     const isDisabled = props.isDisabled;
-    const styles = (0, styles_1.extractStyles)(props, STYLE_PROPS, DEFAULT_STYLES);
+    const styles = (0, tasty_1.extractStyles)(props, STYLE_PROPS, DEFAULT_STYLES);
     const domRef = (0, utils_1.useFocusableRef)(ref);
     let { hoverProps, isHovered } = (0, interactions_1.useHover)({ isDisabled });
     let { focusProps, isFocused } = (0, interactions_2.useFocus)({ isDisabled });
     let { focusableProps } = (0, focus_1.useFocusable)(props, domRef);
-    return ((0, jsx_runtime_1.jsx)(Base_1.Base, { "data-is-hovered": isHovered && !isDisabled ? '' : null, "data-is-focused": isFocused && !isDisabled ? '' : null, "data-is-disabled": isDisabled || null, "aria-label": label, ...(0, react_2.mergeProps)(hoverProps, focusProps, focusableProps, { onClick }, (0, filterBaseProps_1.filterBaseProps)(props, { eventProps: true })), tabIndex: props.excludeFromTabOrder || isDisabled ? -1 : 0, as: as, styles: styles, ref: domRef }, void 0));
+    return ((0, jsx_runtime_1.jsx)(Base_1.Base, { "data-is-hovered": isHovered && !isDisabled ? '' : null, "data-is-focused": isFocused && !isDisabled ? '' : null, "data-is-disabled": isDisabled || null, "aria-label": label, ...(0, react_2.mergeProps)(hoverProps, focusProps, focusableProps, { onClick }, (0, tasty_1.filterBaseProps)(props, { eventProps: true })), tabIndex: props.excludeFromTabOrder || isDisabled ? -1 : 0, as: as, styles: styles, ref: domRef }, void 0));
 };
 const _ActiveZone = (0, react_1.forwardRef)(ActiveZone);
 exports.ActiveZone = _ActiveZone;

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-00505d5
+ * @cube-dev/ui-kit v0.0.0-canary-5bf7ae4
  * 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("../../../tasty/styles/list");
-const styles_1 = require("../../../tasty/utils/styles");
-const filterBaseProps_1 = require("../../../tasty/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)(function Alert(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-5bf7ae4
+ * 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-5bf7ae4
+ * Released under the MIT license.
+ */
+
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+
+        

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

@@ -0,0 +1,32 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.0.0-canary-5bf7ae4
+ * Released under the MIT license.
+ */
+
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAlert = void 0;
+const tasty_1 = require("../../../tasty");
+const _internal_1 = require("../../../_internal");
+const STYLE_LIST = [...tasty_1.CONTAINER_STYLES, ...tasty_1.TEXT_STYLES];
+function useAlert(props) {
+    var _a;
+    const { type, isDisabled = false, theme } = props;
+    const styles = (0, tasty_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, tasty_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-00505d5
+ * @cube-dev/ui-kit v0.0.0-canary-5bf7ae4
  * Released under the MIT license.
  */
 
@@ -11,9 +11,7 @@ exports.Avatar = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const Base_1 = require("../../Base");
-const list_1 = require("../../../tasty/styles/list");
-const styles_1 = require("../../../tasty/utils/styles");
-const filterBaseProps_1 = require("../../../tasty/utils/filterBaseProps");
+const tasty_1 = require("../../../tasty");
 const DEFAULT_STYLES = {
     display: 'grid',
     gap: '1x',
@@ -29,11 +27,11 @@ const DEFAULT_STYLES = {
     fontWeight: 500,
 };
 exports.Avatar = (0, react_1.forwardRef)(({ size = '4x', icon, children, ...props }, ref) => {
-    const styles = (0, styles_1.extractStyles)(props, list_1.CONTAINER_STYLES, {
+    const styles = (0, tasty_1.extractStyles)(props, tasty_1.CONTAINER_STYLES, {
         ...DEFAULT_STYLES,
         '--avatar-size': size,
     });
-    return ((0, jsx_runtime_1.jsxs)(Base_1.Base, { ...(0, filterBaseProps_1.filterBaseProps)(props, { eventProps: true }), styles: styles, ref: ref, "data-theme": "special", children: [icon, children] }, void 0));
+    return ((0, jsx_runtime_1.jsxs)(Base_1.Base, { ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), styles: styles, ref: ref, "data-theme": "special", children: [icon, children] }, void 0));
 });
 
         

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-00505d5
+ * @cube-dev/ui-kit v0.0.0-canary-5bf7ae4
  * Released under the MIT license.
  */
 
@@ -14,9 +14,6 @@ exports.Badge = 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("../../../tasty/styles/list");
-const styles_1 = require("../../../tasty/utils/styles");
-const filterBaseProps_1 = require("../../../tasty/utils/filterBaseProps");
 const tasty_1 = require("../../../tasty");
 const RawBadge = (0, tasty_1.tasty)({
     qa: 'Badge',
@@ -48,8 +45,8 @@ const RawBadge = (0, tasty_1.tasty)({
 });
 exports.Badge = (0, react_1.forwardRef)((allProps, ref) => {
     let { type, children, ...props } = allProps;
-    const styles = (0, styles_1.extractStyles)(props, list_1.CONTAINER_STYLES);
-    return ((0, jsx_runtime_1.jsx)(RawBadge, { ...(0, filterBaseProps_1.filterBaseProps)(props, { eventProps: true }), "data-type": type, mods: {
+    const styles = (0, tasty_1.extractStyles)(props, tasty_1.CONTAINER_STYLES);
+    return ((0, jsx_runtime_1.jsx)(RawBadge, { ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), "data-type": type, mods: {
             single: typeof children === 'string' && children.length === 1,
             multiple: typeof children === 'string' && children.length === 2,
         }, styles: styles, ref: ref, children: children }, void 0));

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-00505d5
+ * @cube-dev/ui-kit v0.0.0-canary-5bf7ae4
  * Released under the MIT license.
  */
 
@@ -11,9 +11,7 @@ exports.Card = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const Base_1 = require("../../Base");
-const list_1 = require("../../../tasty/styles/list");
-const styles_1 = require("../../../tasty/utils/styles");
-const filterBaseProps_1 = require("../../../tasty/utils/filterBaseProps");
+const tasty_1 = require("../../../tasty");
 const DEFAULT_STYLES = {
     display: 'block',
     flow: 'column',
@@ -24,8 +22,8 @@ const DEFAULT_STYLES = {
     preset: 't3',
 };
 exports.Card = (0, react_1.forwardRef)((props, ref) => {
-    const styles = (0, styles_1.extractStyles)(props, list_1.CONTAINER_STYLES, DEFAULT_STYLES);
-    return ((0, jsx_runtime_1.jsx)(Base_1.Base, { role: "region", ...(0, filterBaseProps_1.filterBaseProps)(props, { eventProps: true }), styles: styles, ref: ref }, void 0));
+    const styles = (0, tasty_1.extractStyles)(props, tasty_1.CONTAINER_STYLES, DEFAULT_STYLES);
+    return ((0, jsx_runtime_1.jsx)(Base_1.Base, { role: "region", ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), styles: styles, ref: ref }, void 0));
 });