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

package/cjs/components/pickers/Menu/MenuSection.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/components/pickers/Menu/MenuTrigger.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/components/pickers/Menu/context.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/components/pickers/Menu/styled.js

@@ -1,18 +1,18 @@
 /**
  * @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.StyledMenuSectionHeading = exports.StyledMenuItem = exports.StyledMenuSection = exports.StyledMenuHeader = exports.StyledDivider = exports.StyledMenu = void 0;
-const styled_1 = require("../../../styled");
+const tasty_1 = require("../../../tasty");
 const Space_1 = require("../../layout/Space");
-exports.StyledMenu = (0, styled_1.styled)({
-    tag: 'ul',
-    name: 'Menu',
+exports.StyledMenu = (0, tasty_1.tasty)({
+    as: 'ul',
+    qa: 'Menu',
     styles: {
         display: 'flex',
         flow: 'column',
@@ -39,8 +39,8 @@ exports.StyledMenu = (0, styled_1.styled)({
         },
     },
 });
-exports.StyledDivider = (0, styled_1.styled)({
-    tag: 'li',
+exports.StyledDivider = (0, tasty_1.tasty)({
+    as: 'li',
     styles: {
         display: 'flex',
         flow: 'column',
@@ -50,8 +50,8 @@ exports.StyledDivider = (0, styled_1.styled)({
         height: '1px',
     },
 });
-exports.StyledMenuHeader = (0, styled_1.styled)(Space_1.Space, {
-    tag: 'li',
+exports.StyledMenuHeader = (0, tasty_1.tasty)(Space_1.Space, {
+    as: 'li',
     styles: {
         fill: '#light',
         color: '#dark-02',
@@ -64,8 +64,8 @@ exports.StyledMenuHeader = (0, styled_1.styled)(Space_1.Space, {
         radius: '1r 1r 0 0',
     },
 });
-exports.StyledMenuSection = (0, styled_1.styled)({
-    tag: 'li',
+exports.StyledMenuSection = (0, tasty_1.tasty)({
+    as: 'li',
     styles: {
         display: 'flex',
         flow: 'column',
@@ -80,8 +80,8 @@ exports.StyledMenuSection = (0, styled_1.styled)({
         fill: '#white',
     },
 });
-exports.StyledMenuItem = (0, styled_1.styled)({
-    tag: 'li',
+exports.StyledMenuItem = (0, tasty_1.tasty)({
+    as: 'li',
     styles: {
         display: 'flex',
         flow: 'column',
@@ -96,8 +96,8 @@ exports.StyledMenuItem = (0, styled_1.styled)({
         },
     },
 });
-exports.StyledMenuSectionHeading = (0, styled_1.styled)(Space_1.Space, {
-    tag: 'header',
+exports.StyledMenuSectionHeading = (0, tasty_1.tasty)(Space_1.Space, {
+    as: 'header',
     styles: {
         color: '#dark-03',
         preset: 'c1',

package/cjs/components/pickers/Select/Select.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.
  */
 
@@ -23,10 +23,10 @@ const Form_1 = require("../../forms/Form/Form");
 const interactions_1 = require("@react-aria/interactions");
 const provider_1 = require("../../../provider");
 const Base_1 = require("../../Base");
-const styles_1 = require("../../../utils/styles");
-const list_1 = require("../../../styles/list");
-const interactions_2 = require("../../../utils/interactions");
-const StylesProvider_1 = require("../../../providers/StylesProvider");
+const styles_1 = require("../../../tasty/utils/styles");
+const list_1 = require("../../../tasty/styles/list");
+const interactions_2 = require("../../../utils/react/interactions");
+const StylesProvider_1 = require("../../../tasty/providers/StylesProvider");
 const react_4 = require("../../../utils/react");
 const FieldWrapper_1 = require("../../forms/FieldWrapper");
 const collections_1 = require("@react-stately/collections");

package/cjs/components/portal/Portal.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/components/portal/PortalProvider.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/components/portal/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/cjs/components/portal/storybook/templates/CustomRoot.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/components/portal/storybook/templates/PortalOrder.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/components/portal/storybook/templates/basic.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/components/portal/storybook/templates/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/cjs/components/portal/types.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/components/portal/usePortal.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/components/status/LoadingAnimation/LoadingAnimation.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/components/status/Spin/Spin.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/data/themes.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/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.
  */
 
@@ -21,7 +21,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DialogContainer = exports.DialogTrigger = exports.Dialog = exports.Avatar = exports.NumberInput = exports.ListBoxPopup = exports.Select = exports.MenuTrigger = exports.Menu = exports.ComboBox = exports.Radio = exports.Switch = exports.CheckboxGroup = exports.Checkbox = exports.PasswordInput = exports.FileInput = exports.TextArea = exports.TextInput = exports.Submit = exports.SearchInput = exports.Tag = exports.Badge = exports.CloudLogo = exports.Skeleton = exports.Placeholder = exports.Card = exports.Base64Upload = exports.Spin = exports.LoadingAnimation = exports.FieldWrapper = exports.Result = exports.Footer = exports.Header = exports.Content = exports.GridProvider = exports.Divider = exports.Suffix = exports.Prefix = exports.PrismCode = exports.Root = exports.Flow = exports.Space = exports.Link = exports.Flex = exports.Grid = exports.ActiveZone = exports.Block = exports.Base = exports.Section = exports.Item = void 0;
-exports.copy = exports.ModalProvider = exports.Portal = exports.Provider = exports.StyleProvider = exports.useContextStyles = exports.Paragraph = exports.Title = exports.Text = exports.Typography = exports.notification = exports.useAlertDialogAPI = exports.AlertDialog = exports.StatsCard = exports.Modal = exports.FileTabs = exports.LegacyTabs = exports.TooltipProvider = exports.TooltipTrigger = exports.Tooltip = exports.DialogForm = void 0;
+exports.copy = exports.ModalProvider = exports.Portal = exports.Provider = exports.StyleProvider = exports.useContextStyles = exports.Paragraph = exports.Title = exports.Text = exports.Typography = exports.notification = exports.SearchResults = exports.useAlertDialogAPI = exports.AlertDialog = exports.StatsCard = exports.CopySnippet = exports.Modal = exports.FileTabs = exports.LegacyTabs = exports.DirectoryTree = exports.Alert = exports.TopBar = exports.TooltipProvider = exports.TooltipTrigger = exports.Tooltip = exports.DialogForm = void 0;
 const Text_1 = require("./components/content/Text");
 Object.defineProperty(exports, "Text", { enumerable: true, get: function () { return Text_1.Text; } });
 const Title_1 = require("./components/content/Title");
@@ -38,7 +38,6 @@ var Block_1 = require("./components/Block");
 Object.defineProperty(exports, "Block", { enumerable: true, get: function () { return Block_1.Block; } });
 var ActiveZone_1 = require("./components/content/ActiveZone/ActiveZone");
 Object.defineProperty(exports, "ActiveZone", { enumerable: true, get: function () { return ActiveZone_1.ActiveZone; } });
-__exportStar(require("./components/content/CopySnippet"), exports);
 var Grid_1 = require("./components/layout/Grid");
 Object.defineProperty(exports, "Grid", { enumerable: true, get: function () { return Grid_1.Grid; } });
 var Flex_1 = require("./components/layout/Flex");
@@ -135,30 +134,38 @@ var TooltipTrigger_1 = require("./components/overlays/Tooltip/TooltipTrigger");
 Object.defineProperty(exports, "TooltipTrigger", { enumerable: true, get: function () { return TooltipTrigger_1.TooltipTrigger; } });
 var TooltipProvider_1 = require("./components/overlays/Tooltip/TooltipProvider");
 Object.defineProperty(exports, "TooltipProvider", { enumerable: true, get: function () { return TooltipProvider_1.TooltipProvider; } });
-__exportStar(require("./components/content/CopySnippet"), exports);
-__exportStar(require("./components/content/Alert"), exports);
 // molecules
+var TopBar_1 = require("./components/organisms/TopBar/TopBar");
+Object.defineProperty(exports, "TopBar", { enumerable: true, get: function () { return TopBar_1.TopBar; } });
+var Alert_1 = require("./components/organisms/Alert/Alert");
+Object.defineProperty(exports, "Alert", { enumerable: true, get: function () { return Alert_1.Alert; } });
+var DirectoryTree_1 = require("./components/organisms/DirectoryTree/DirectoryTree");
+Object.defineProperty(exports, "DirectoryTree", { enumerable: true, get: function () { return DirectoryTree_1.DirectoryTree; } });
 var LegacyTabs_1 = require("./components/navigation/LegacyTabs/LegacyTabs");
 Object.defineProperty(exports, "LegacyTabs", { enumerable: true, get: function () { return LegacyTabs_1.LegacyTabs; } });
 var FileTabs_1 = require("./components/organisms/FileTabs/FileTabs");
 Object.defineProperty(exports, "FileTabs", { enumerable: true, get: function () { return FileTabs_1.FileTabs; } });
 var Modal_1 = require("./components/organisms/Modal/Modal");
 Object.defineProperty(exports, "Modal", { enumerable: true, get: function () { return Modal_1.Modal; } });
+var CopySnippet_1 = require("./components/organisms/CopySnippet/CopySnippet");
+Object.defineProperty(exports, "CopySnippet", { enumerable: true, get: function () { return CopySnippet_1.CopySnippet; } });
 var StatsCard_1 = require("./components/organisms/StatsCard/StatsCard");
 Object.defineProperty(exports, "StatsCard", { enumerable: true, get: function () { return StatsCard_1.StatsCard; } });
 var AlertDialog_1 = require("./components/overlays/AlertDialog");
 Object.defineProperty(exports, "AlertDialog", { enumerable: true, get: function () { return AlertDialog_1.AlertDialog; } });
 Object.defineProperty(exports, "useAlertDialogAPI", { enumerable: true, get: function () { return AlertDialog_1.useAlertDialogAPI; } });
+var SearchResults_1 = require("./components/organisms/SearchResults/SearchResults");
+Object.defineProperty(exports, "SearchResults", { enumerable: true, get: function () { return SearchResults_1.SearchResults; } });
 // services
 var notification_1 = require("./services/notification");
 Object.defineProperty(exports, "notification", { enumerable: true, get: function () { return notification_1.notification; } });
-__exportStar(require("./providers/BreakpointsProvider"), exports);
+__exportStar(require("./tasty/providers/BreakpointsProvider"), exports);
 exports.Typography = {
     Text: Text_1.Text,
     Title: Title_1.Title,
     Paragraph: Paragraph_1.Paragraph,
 };
-var StylesProvider_1 = require("./providers/StylesProvider");
+var StylesProvider_1 = require("./tasty/providers/StylesProvider");
 Object.defineProperty(exports, "useContextStyles", { enumerable: true, get: function () { return StylesProvider_1.useContextStyles; } });
 Object.defineProperty(exports, "StyleProvider", { enumerable: true, get: function () { return StylesProvider_1.StyleProvider; } });
 var provider_1 = require("./provider");
@@ -166,13 +173,13 @@ Object.defineProperty(exports, "Provider", { enumerable: true, get: function ()
 var portal_1 = require("./components/portal");
 Object.defineProperty(exports, "Portal", { enumerable: true, get: function () { return portal_1.Portal; } });
 __exportStar(require("./components/forms"), exports);
-__exportStar(require("./styles/types"), exports);
-__exportStar(require("./styles/list"), exports);
-__exportStar(require("./styles/index"), exports);
+__exportStar(require("./tasty/styles/types"), exports);
+__exportStar(require("./tasty/styles/list"), exports);
+__exportStar(require("./tasty/styles/index"), exports);
 var overlays_1 = require("@react-aria/overlays");
 Object.defineProperty(exports, "ModalProvider", { enumerable: true, get: function () { return overlays_1.ModalProvider; } });
 __exportStar(require("./utils/react"), exports);
-__exportStar(require("./styled"), exports);
+__exportStar(require("./tasty"), exports);
 var clipboard_copy_1 = require("clipboard-copy");
 Object.defineProperty(exports, "copy", { enumerable: true, get: function () { return __importDefault(clipboard_copy_1).default; } });
 __exportStar(require("@react-aria/ssr"), exports);

package/cjs/provider.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,8 +10,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useProviderProps = exports.Provider = exports.UIKitContext = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const StylesProvider_1 = require("./providers/StylesProvider");
-const BreakpointsProvider_1 = require("./providers/BreakpointsProvider");
+const StylesProvider_1 = require("./tasty/providers/StylesProvider");
+const BreakpointsProvider_1 = require("./tasty/providers/BreakpointsProvider");
 exports.UIKitContext = (0, react_1.createContext)({});
 function Provider(allProps) {
     let { breakpoints, children, insideForm, isDisabled, isReadOnly, isRequired, validationState, router, styles, root, ref, } = allProps;

package/cjs/services/notification.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/shared/form.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/shared/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/cjs/stories/FormFieldArgs.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/stories/components/ConfirmDeletionDialogForm.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/stories/components/DialogFormApp.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/stories/components/StyledButton.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,15 +9,15 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Block = exports.GlobalStyledHeading = exports.StyledButton = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const styled_1 = require("../../styled");
+const tasty_1 = require("../../tasty");
 const actions_1 = require("../../components/actions");
-exports.StyledButton = (0, styled_1.styled)(actions_1.Button, {
+exports.StyledButton = (0, tasty_1.tasty)(actions_1.Button, {
     styles: {
         padding: '3x 6x',
         preset: 't1',
     },
 });
-exports.GlobalStyledHeading = (0, styled_1.styled)('div.myButton', {
+exports.GlobalStyledHeading = (0, tasty_1.tasty)('div.myButton', {
     display: 'inline-block',
     padding: '1x 2x',
     preset: 't2',

package/cjs/stories/lists/baseProps.js

@@ -1,14 +1,14 @@
 /**
  * @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.baseProps = void 0;
-const list_1 = require("../../styles/list");
+const list_1 = require("../../tasty/styles/list");
 const allStyles = Array.from(new Set([
     ...list_1.BASE_STYLES,
     ...list_1.POSITION_STYLES,

package/cjs/styled/styled.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.
  */
 
@@ -26,19 +26,19 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.tasty = exports.styled = void 0;
+exports.styled = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const styled_components_1 = __importStar(require("styled-components"));
 const react_1 = require("react");
 const react_is_1 = require("react-is");
-const BreakpointsProvider_1 = require("../providers/BreakpointsProvider");
-const react_2 = require("../utils/react");
-const StylesProvider_1 = require("../providers/StylesProvider");
-const renderStyles_1 = require("../utils/renderStyles");
-const responsive_1 = require("../utils/responsive");
-const list_1 = require("../styles/list");
-const mergeStyles_1 = require("../utils/mergeStyles");
-const warnings_1 = require("../utils/warnings");
+const BreakpointsProvider_1 = require("../tasty/providers/BreakpointsProvider");
+const modAttrs_1 = require("../tasty/utils/modAttrs");
+const StylesProvider_1 = require("../tasty/providers/StylesProvider");
+const renderStyles_1 = require("../tasty/utils/renderStyles");
+const responsive_1 = require("../tasty/utils/responsive");
+const list_1 = require("../tasty/styles/list");
+const mergeStyles_1 = require("../tasty/utils/mergeStyles");
+const warnings_1 = require("../tasty/utils/warnings");
 // Implementation
 function styled(Component, options) {
     var _a, _b, _c, _d, _e, _f;
@@ -94,9 +94,10 @@ function styled(Component, options) {
         let allStyles = (0, react_1.useMemo)(() => (0, mergeStyles_1.mergeStyles)(defaultStyles, contextStyles, styles, propStyles), [contextStyles, styles, propStyles]);
         let contextBreakpoints = (0, react_1.useContext)(BreakpointsProvider_1.BreakpointsContext);
         let zones = (0, responsive_1.pointsToZones)(breakpoints !== null && breakpoints !== void 0 ? breakpoints : contextBreakpoints);
-        css = `${typeof defaultCSS === 'function' ? defaultCSS(props) : defaultCSS !== null && defaultCSS !== void 0 ? defaultCSS : ''}${typeof css === 'function' ? css(props) : css !== null && css !== void 0 ? css : ''}${allStyles ? (0, renderStyles_1.renderStyles)(allStyles, zones) : ''}`;
+        let renderedStyles = (0, react_1.useMemo)(() => (0, renderStyles_1.renderStyles)(allStyles, zones), [allStyles, zones]);
+        css = `${defaultCSS !== null && defaultCSS !== void 0 ? defaultCSS : ''}${css !== null && css !== void 0 ? css : ''}${allStyles ? renderedStyles : ''}`;
         if (mods) {
-            Object.assign(props, (0, react_2.modAttrs)(mods));
+            Object.assign(props, (0, modAttrs_1.modAttrs)(mods));
         }
         return ((0, jsx_runtime_1.jsx)(Element, { as: as !== null && as !== void 0 ? as : tag, "data-element": element, "data-qa": qa || defaultQa, "data-qaval": qaVal || defaultQaVal, ...otherDefaultProps, ...props, ref: ref, css: css }, void 0));
     });
@@ -104,7 +105,5 @@ function styled(Component, options) {
     return _StyledComponent;
 }
 exports.styled = styled;
-const tasty = styled;
-exports.tasty = tasty;
 
         

package/cjs/{_internal/hooks → tasty}/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.
  */
 
@@ -17,6 +17,9 @@ 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);
+exports.tasty = void 0;
+__exportStar(require("../styled/styled"), exports);
+var tasty_1 = require("./tasty");
+Object.defineProperty(exports, "tasty", { enumerable: true, get: function () { return tasty_1.tasty; } });
 
         

package/cjs/{providers → tasty/providers}/BreakpointsProvider.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/{providers → tasty/providers}/StylesProvider.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/{styles → tasty/styles}/align.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/{styles → tasty/styles}/border.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/{styles → tasty/styles}/boxShadow.combinator.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/{styles → tasty/styles}/color.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/{styles → tasty/styles}/createStyle.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/{styles → tasty/styles}/dimension.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/{styles → tasty/styles}/display.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.
  */