@cube-dev/ui-kit 0.74.3 → 0.76.0

package/CHANGELOG.md

@@ -1,5 +1,33 @@
 # @cube-dev/ui-kit
 
+## 0.76.0
+
+### Minor Changes
+
+- [#773](https://github.com/cube-js/cube-ui-kit/pull/773) [`d79517e8`](https://github.com/cube-js/cube-ui-kit/commit/d79517e82614fe3fe7c4e0d388ec4ef96ad00c88) Thanks [@tenphi](https://github.com/tenphi)! - Improved debug tools with better DX and simpler API.
+
+### Patch Changes
+
+- [#773](https://github.com/cube-js/cube-ui-kit/pull/773) [`d79517e8`](https://github.com/cube-js/cube-ui-kit/commit/d79517e82614fe3fe7c4e0d388ec4ef96ad00c88) Thanks [@tenphi](https://github.com/tenphi)! - Fix cleanup of style in the new style injector.
+
+- [#773](https://github.com/cube-js/cube-ui-kit/pull/773) [`d79517e8`](https://github.com/cube-js/cube-ui-kit/commit/d79517e82614fe3fe7c4e0d388ec4ef96ad00c88) Thanks [@tenphi](https://github.com/tenphi)! - Optimize rule generation by sorting in cache keys.
+
+- [#773](https://github.com/cube-js/cube-ui-kit/pull/773) [`d79517e8`](https://github.com/cube-js/cube-ui-kit/commit/d79517e82614fe3fe7c4e0d388ec4ef96ad00c88) Thanks [@tenphi](https://github.com/tenphi)! - Improve cache cleanup logic and cache checks.
+
+## 0.75.0
+
+### Minor Changes
+
+- [#767](https://github.com/cube-js/cube-ui-kit/pull/767) [`a43815d8`](https://github.com/cube-js/cube-ui-kit/commit/a43815d8f2f660fd89b5fa7950574204e77158e4) Thanks [@tenphi](https://github.com/tenphi)! - A brand new style injector. Drop `styled-components` dependency.
+
+### Patch Changes
+
+- [#767](https://github.com/cube-js/cube-ui-kit/pull/767) [`a43815d8`](https://github.com/cube-js/cube-ui-kit/commit/a43815d8f2f660fd89b5fa7950574204e77158e4) Thanks [@tenphi](https://github.com/tenphi)! - Add @property definition support via `property` method.
+
+- [#767](https://github.com/cube-js/cube-ui-kit/pull/767) [`a43815d8`](https://github.com/cube-js/cube-ui-kit/commit/a43815d8f2f660fd89b5fa7950574204e77158e4) Thanks [@tenphi](https://github.com/tenphi)! - Fix MenuItem prop passing.
+
+- [#767](https://github.com/cube-js/cube-ui-kit/pull/767) [`a43815d8`](https://github.com/cube-js/cube-ui-kit/commit/a43815d8f2f660fd89b5fa7950574204e77158e4) Thanks [@tenphi](https://github.com/tenphi)! - Add `tastyDebug` tool for debugging.
+
 ## 0.74.3
 
 ### Patch Changes

package/es/_internal/hooks/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.74.3
+ * @cube-dev/ui-kit v0.76.0
  * Released under the MIT license.
  */
 

package/es/_internal/hooks/use-chained-callback.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.74.3
+ * @cube-dev/ui-kit v0.76.0
  * Released under the MIT license.
  */
 

package/es/_internal/hooks/use-debounced-value.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.74.3
+ * @cube-dev/ui-kit v0.76.0
  * Released under the MIT license.
  */
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.74.3
+ * @cube-dev/ui-kit v0.76.0
  * Released under the MIT license.
  */
 

package/es/_internal/hooks/use-effect-once.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.74.3
+ * @cube-dev/ui-kit v0.76.0
  * Released under the MIT license.
  */
 

package/es/_internal/hooks/use-event.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.74.3
+ * @cube-dev/ui-kit v0.76.0
  * Released under the MIT license.
  */
 

package/es/_internal/hooks/use-is-first-render.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.74.3
+ * @cube-dev/ui-kit v0.76.0
  * Released under the MIT license.
  */
 

package/es/_internal/hooks/use-sync-ref.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.74.3
+ * @cube-dev/ui-kit v0.76.0
  * Released under the MIT license.
  */
 

package/es/_internal/hooks/use-timer/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.74.3
+ * @cube-dev/ui-kit v0.76.0
  * Released under the MIT license.
  */
 

package/es/_internal/hooks/use-timer/timer.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.74.3
+ * @cube-dev/ui-kit v0.76.0
  * Released under the MIT license.
  */
 

package/es/_internal/hooks/use-timer/use-timer.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.74.3
+ * @cube-dev/ui-kit v0.76.0
  * Released under the MIT license.
  */
 

package/es/_internal/hooks/use-update-effect.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.74.3
+ * @cube-dev/ui-kit v0.76.0
  * Released under the MIT license.
  */
 

package/es/_internal/hooks/use-warn.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.74.3
+ * @cube-dev/ui-kit v0.76.0
  * Released under the MIT license.
  */
 

package/es/_internal/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.74.3
+ * @cube-dev/ui-kit v0.76.0
  * Released under the MIT license.
  */
 

package/es/components/Block.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.74.3
+ * @cube-dev/ui-kit v0.76.0
  * Released under the MIT license.
  */
 

package/es/components/GlobalStyles.js

@@ -1,12 +1,12 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.74.3
+ * @cube-dev/ui-kit v0.76.0
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
-import { createGlobalStyle } from 'styled-components';
+import { createGlobalStyle } from '../tasty';
 import { TOKENS } from '../tokens';
 const BODY_STYLES = {
     'overscroll-behavior-y': 'none',
@@ -22,12 +22,6 @@ const BODY_STYLES = {
     'letter-spacing': '0.02em',
     'font-weight': '400',
 };
-const fontsProvider = ({ publicUrl = '', fontDisplay = 'swap' }) => `
-  @font-face {
-    font-family: text-security-disc;
-    src: url(data:font/woff2;base64,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) format('woff2');
-  }
-`;
 const GlobalStylesElement = createGlobalStyle `
   body {
     ${({ $applyLegacyTokens }) => {
@@ -53,6 +47,11 @@ const GlobalStylesElement = createGlobalStyle `
 }}
   }
 
+  @font-face {
+    font-family: text-security-disc;
+    src: url(data:font/woff2;base64,d09GMgABAAAAAAjoAAsAAAAAMGgAAAidAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFQGVgDWYgpQdQE2AiQDCAsGAAQgBYUOBy4bvi8lYxtWw7BxAPB87x5FmeAMlf3/96RzDN74RcXUcjTKmrJ3T2VDSShiPhfiIJxxS7DiLkHFfQV33CM4427mAred74pWur/J3dyVsKy7coREA8fzvPvpfUk+tB3R8YTCzE0SCLepejmJ2u1yqp+kC7W4Rc/tDTs3GpNJ8ttRPOSTPhsXlwbi4kVYWQmAcXmlrqYHMMsBwP/zHMz7fkF1gijOKuFQIxjwlGa2lkARhYaBxFHT54IOgBMQADi3LipIMAA3geO41EUkBTCO2gkxnOwnKYBx1E6p5WS+QUCMq50rNch6MwUCAAiAcdgttYVSIfPJ5kn6ApRFQ6I88BxLvvIC/maHUHS3TIoKiwLbbM8nEFWgE1oDz3woSxpagWbBXcQWhKtPeIlg6tK+7vX57QOszwU3sGUJrA7h2Mx1IWCNr9BKxsYo+pzS/OCO0OG9mwBkx337+lcuSxRdBcc+fJxlcAjK/zCfdgtBzuxQcTqfY4Yn6EB/Az3JS/RMu5f6B8wrn55S0IxdlLn+4Yb/ctIT+ocWYPcGAOvxSjEjpSiVMqSgFWVjzpCCXjAIRirTABpEQ2gYjaBRNIbG0QSaRFNoGs2gWTSH5tECWkRLaBmtoFW0htbRBtpEW2gb7aBdtIf20QE6REdFDlkZEh2jE3SKztA5ukCX6Apdoxt0i+7QPXpAj+gJPaMX9Ire0Dv6QJ/oC/qKvqHv6Af6iX6h3+gP+ov+of+I+ECMxETMiDmxIJbEilgTG2JL7Ig9cSCOxIk4ExfiStyIO/EgnsSLeBMf4kv8iD/taQANoiE0jEbQKBpD42gCTaIpNI1m0CyaQ/NoAS2iJbSMVtAqWkPraANtoi20jXbQLtpD++gAHaIjdIxO0Ck6Q+foAl2iK3SNbtAtukP36AE9oif0jF7QK3pD79B79AF9RJ/QZ/QFfUXf0Hf0A/1Ev9Bv9Af9Rf/Qf9DQABpEQ2gYjaBRNIbG0QSaRFNoGs2gWTSH5tECWkRLaBmtoFW0htbRBtpEW2gb7aBdtIf20QE6REfoGJ2gU3SGztEFukRX6BrdoFt0h+7RA3pET+gZvaBX9Aa9Re/Qe/QBfUSf0Gf0BX1F39B39AP9RL/Qb/QH/UX/0P8l9vq9gXwDIUCliyAhRAgTIoQoIUaIExKEJCFFSBMyhCwhR8gTCoQioUQoEyqEKqFGqBMahCahRWgTOoQuoUfoEwaEIWFEGBMmhClhRpgTFoQlYUVYEzaELWFH2BMOhGPCCeGUcEY4J1wQLglXhGvCDeGWcEe4JzwQHglPhGfCC+GV8EZ4J3wQPglfhG/CD+GX8Ef4p9sdgoQQIUyIEKKEGCFOSBCShBQhTcgQsoQcIU8oEIqEEqFMqBCqhBqhTmgkNBGaCS2EVkIboZ3QQegkdBG6CT2EXkIfoZ8wQBgkDBGGCSOEUcIYYZwwQZgkTBGmCTOEWcIcYZ6wQFgkLBGWCSuEVcIaYZ2wQdgkbBG2CTuEXcIeYZ9wQDgkHBGOCSeEU8IZ4ZxwQbgkXBGuCTeEW8Id4Z7wQHgkPBGeCS+EV8Ib4Z3wQfgkfBG+CT+EX8If4Z8AZpAQIoQJEUKUECPECQlCkpAipAkZQpaQI+QJBUKRUCKUCRVClVAj1AkNQpPQIrQJHUKX0CP0CQPCkDAijAkTwpQwI8wJC8KSsCKsCRvClrAj7AkHwpFwIpwJF8IV4ZpwQ7gl3BHuCQ+ER8IT4ZnwQnglvBHeCR+ET8IX4ZvwQ/gl/BH+lzv+AmMkTYAmSBOiCdNEaKI0MZo4TYImSZOiSdNkaLI0OZo8TYGmSFOiKdNUaKo0NZo6TYOmSdOiadN0aLo0PZo+zYBmSDOiGdNMaKY0M5o5zYJmSbOiWdNsaLY0O5o9zYHmmOaE5pTmjOac5oLmkuaK5prmhuaW5o7mnuaB5pHmieaZ5oXmleaN5p3mg+aT5ovmm+aH5pfmj2ZRAqCCoEKgwqAioKKgYqDioBKgkqBSoNKgMqCyoHKg8qAKoIqgSqDKoCqgqqBqoOqgGkE1gWoG1QKqFVQbqHZQHaA6QXWB6gbVA6oXVB+oflADoAZBDYH+uxaEWDBiIYiFIhaGWDhiEYhFIhaFWDRiMYjFIhaHWDxiCYglIpaEWDJiKYilIpaGWDpiGYhlIpaFWDZiOYjlIpaHWD5iBYgVIlaEWDFiJYiVIlaGWDliFYhVIlaFWDViNYjVIlaHWD1iDYg1ItaEWDNiLYi1ItaGWDtiHYh1ItaFWDdiPYj1ItaHWD9iA4gNIjaE2DBiI4iNIjaG2DhiE4hNIjaF2DRiM4jNIjaH2DxiC4gtIraE2DJiK4itIraG2DpiG4htIraF2DZiO4jtIraH2D5iB4gdInaE2DFiJ4idInaG2DliF4hdInaF2DViN4jdInaH2D1iD4g9IvaE2DNiL4i9IvaG2DvE3iP2AbGPiH1C7DNiXxD7itg3xL4j9gOxn4j9Quw3Yn8Q+4vYP8T+M6cIDBz9EXfeUHR1JyygPL/++I3R1cRvdDr+E12Jfh3Q0EN/fHn2mXptpJxUkIqu/Cs2egM33OjSLcT33I82+B9nP37X/c0W52623s45CYCo03QIBCVrAFAycnSYSqvO4YJt/NP73YqA/giNZhJ6sBbmql+0SQZaxNOZudJbc2nqxNvpM+veq7Sz2LUgFEu+VLs+Ay3yp7MVertp6i23v2Rmv5gmHDhSQ6t5GmTaqTsqhpWwmbOk3uKJrNOmwSSMC17jghqygilDOUU3KlLmHHNrajw3DVNVGWytGZDisM/cbkdRnvfIUJkaGJlgAYcoQ5bGptTmGc1R7pBC3XhFsLXnXR54qrMc+dGNBkqE4laBi4KmZYGom8vIy0lTyBkppBjLoTndMmrofIRORirsNlCbXzCgulmo36KztS2iV8rrNoRUL5VdkMSGoSXroC1KOQAA) format('woff2');
+  }
+
   html {
     overscroll-behavior-y: none;
     --font: ${({ $font }) => $font
@@ -159,13 +158,9 @@ const GlobalStylesElement = createGlobalStyle `
     font-family: var(--monospace-font);
   }
 
-  ${({ $fonts, $publicUrl, $fontDisplay }) => $fonts === false
-    ? ''
-    : fontsProvider({
-        publicUrl: $publicUrl,
-        ...($fontDisplay ? { fontDisplay: $fontDisplay } : {}),
-    })}
-    // Prism Code
+  
+
+  // Prism Code
   code[class*="language-"],
   pre[class*="language-"] {
     color: var(--dark-color);

package/es/components/GridProvider.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.74.3
+ * @cube-dev/ui-kit v0.76.0
  * Released under the MIT license.
  */
 

package/es/components/HiddenInput.js

@@ -1,32 +1,33 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.74.3
+ * @cube-dev/ui-kit v0.76.0
  * Released under the MIT license.
  */
 
-import styled from 'styled-components';
-export const HiddenInput = styled.input `
-  &&&&& {
-    display: block;
-    font-family: inherit;
-    font-size: 100%;
-    line-height: 1.15;
-    margin: 0;
-    overflow: visible;
-    box-sizing: border-box;
-    padding: 0;
-    position: absolute;
-    top: 0;
-    right: 0;
-    left: 0;
-    bottom: 0;
-    opacity: 0.0001;
-    z-index: 1;
-    width: 100%;
-    height: 100%;
-    cursor: ${({ $isButton }) => ($isButton ? 'pointer' : 'default')};
-  }
-`;
+import { tasty } from '../tasty';
+export const HiddenInput = tasty({
+    as: 'input',
+    styles: {
+        display: 'block',
+        fontFamily: 'inherit',
+        fontSize: '100%',
+        lineHeight: '1.15',
+        margin: '0',
+        overflow: 'visible',
+        boxSizing: 'border-box',
+        padding: '0',
+        position: 'absolute',
+        inset: '0',
+        opacity: '0.0001',
+        zIndex: '1',
+        width: '100%',
+        height: '100%',
+        cursor: {
+            '': 'default',
+            button: 'pointer',
+        },
+    },
+});
 
         

package/es/components/Item.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.74.3
+ * @cube-dev/ui-kit v0.76.0
  * 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.74.3
+ * @cube-dev/ui-kit v0.76.0
  * 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.74.3
+ * @cube-dev/ui-kit v0.76.0
  * Released under the MIT license.
  */
 
@@ -21,7 +21,7 @@ import { NotificationsProvider } from './overlays/NewNotifications/Notifications
 import { PortalProvider } from './portal';
 const RootElement = tasty({
     id: 'cube-ui-kit-root',
-    className: 'root',
+    // className: 'root',
 });
 const DEFAULT_STYLES = {
     display: 'block',

package/es/components/actions/Action/Action.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.74.3
+ * @cube-dev/ui-kit v0.76.0
  * Released under the MIT license.
  */
 
@@ -9,31 +9,27 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import { CONTAINER_STYLES, extractStyles, tasty, TEXT_STYLES, } from '../../../tasty';
 import { useAction } from '../use-action';
-const DEFAULT_ACTION_STYLES = {
-    reset: 'button',
-    position: 'relative',
-    margin: 0,
-    preset: 'inherit',
-    border: 0,
-    padding: 0,
-    outline: {
-        '': '#purple-03.0',
-        focused: '#purple-03',
-    },
-    transition: 'theme',
-    cursor: 'pointer',
-    textDecoration: 'none',
-    fill: '#clear',
-};
 const ActionElement = tasty({
     as: 'button',
-    styles: DEFAULT_ACTION_STYLES,
+    styles: {
+        reset: 'button',
+        position: 'relative',
+        margin: 0,
+        preset: 'inherit',
+        border: 0,
+        padding: 0,
+        outline: 0,
+        transition: 'theme',
+        cursor: 'pointer',
+        textDecoration: 'none',
+        fill: '#clear',
+    },
 });
 const STYLE_PROPS = [...CONTAINER_STYLES, ...TEXT_STYLES];
 export const Action = forwardRef(function Action({ to, as, download, htmlType, label, theme, mods, onPress, ...props }, ref) {
     const { actionProps } = useAction({ to, as, htmlType, label, onPress, mods, ...props }, ref);
     const styles = extractStyles(props, STYLE_PROPS);
-    return (_jsx(ActionElement, { "data-theme": theme, download: download, ...actionProps, isDisabled: undefined, styles: styles }));
+    return (_jsx(ActionElement, { "data-theme": theme, download: download, ...actionProps, styles: styles }));
 });
 
         

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.74.3
+ * @cube-dev/ui-kit v0.76.0
  * Released under the MIT license.
  */
 
@@ -45,6 +45,7 @@ export const DEFAULT_BUTTON_STYLES = {
     textDecoration: 'none',
     transition: 'theme',
     reset: 'button',
+    outline: 0,
     outlineOffset: 1,
     padding: {
         '': '.5x (1.5x - 1bw)',

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

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

package/es/components/actions/CommandMenu/CommandMenu.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.74.3
+ * @cube-dev/ui-kit v0.76.0
  * Released under the MIT license.
  */
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.74.3
+ * @cube-dev/ui-kit v0.76.0
  * Released under the MIT license.
  */
 

package/es/components/actions/CommandMenu/styled.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.74.3
+ * @cube-dev/ui-kit v0.76.0
  * Released under the MIT license.
  */
 

package/es/components/actions/ItemButton/ItemButton.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.74.3
+ * @cube-dev/ui-kit v0.76.0
  * Released under the MIT license.
  */
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.74.3
+ * @cube-dev/ui-kit v0.76.0
  * Released under the MIT license.
  */
 

package/es/components/actions/Menu/Menu.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.74.3
+ * @cube-dev/ui-kit v0.76.0
  * Released under the MIT license.
  */
 

package/es/components/actions/Menu/MenuItem.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.74.3
+ * @cube-dev/ui-kit v0.76.0
  * Released under the MIT license.
  */
 
@@ -10,7 +10,6 @@ import { useContext, useRef } from 'react';
 import { FocusRing, useMenuItem } from 'react-aria';
 import { RightIcon } from '../../../icons';
 import { mergeProps } from '../../../utils/react';
-import { HotKeys } from '../../content/HotKeys';
 import { ItemBase } from '../../content/ItemBase/ItemBase';
 import { useMenuContext } from './context';
 import { SubmenuTriggerContext } from './SubmenuTriggerContext';
@@ -39,11 +38,7 @@ export function MenuItem(props) {
         onAction: submenuContext?.onAction || onAction,
     }, state, elementRef);
     // Destructure presentation-related props from cleanItemProps so they are not spread onto DOM element
-    const { suffix, description, icon, tooltip, mods: itemMods, qa: itemQa, textValue, ...restCleanProps } = cleanItemProps;
-    // Build final suffix: submenu icon, custom suffix or HotKeys hint
-    const finalSuffix = submenuContext
-        ? suffix ?? _jsx(RightIcon, {})
-        : suffix ?? (hotkeys ? _jsx(HotKeys, { children: hotkeys }) : undefined);
+    const { suffix, description, icon, rightIcon, prefix, tooltip, mods: itemMods, qa: itemQa, textValue, ...restCleanProps } = cleanItemProps;
     // Selection indicator will be handled by ItemBase component
     const isVirtualFocused = state.selectionManager.focusedKey === key;
     const mods = {
@@ -78,7 +73,7 @@ export function MenuItem(props) {
                     : menuItemProps.onKeyDown,
                 onMouseEnter: submenuContext?.onMouseEnter || menuItemProps.onMouseEnter,
                 onMouseLeave: submenuContext?.onMouseLeave || menuItemProps.onMouseLeave,
-            }), ref: elementRef, icon: icon, suffix: finalSuffix, description: description, hotkeys: hotkeys, tooltip: tooltip, defaultTooltipPlacement: "right", isSelected: isSelectable ? isSelected : undefined, isDisabled: isDisabled, size: size === 'small' ? 'small' : 'medium', children: rendered }) }));
+            }), ref: elementRef, icon: icon, rightIcon: submenuContext ? _jsx(RightIcon, {}) : rightIcon, prefix: prefix, suffix: suffix, description: description, hotkeys: hotkeys, tooltip: tooltip, defaultTooltipPlacement: "right", isSelected: isSelectable ? isSelected : undefined, isDisabled: isDisabled, size: size === 'small' ? 'small' : 'medium', children: rendered }) }));
 }
 
         

package/es/components/actions/Menu/MenuSection.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.74.3
+ * @cube-dev/ui-kit v0.76.0
  * Released under the MIT license.
  */
 

package/es/components/actions/Menu/MenuTrigger.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.74.3
+ * @cube-dev/ui-kit v0.76.0
  * Released under the MIT license.
  */
 

package/es/components/actions/Menu/SubMenuTrigger.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.74.3
+ * @cube-dev/ui-kit v0.76.0
  * Released under the MIT license.
  */
 

package/es/components/actions/Menu/SubmenuTriggerContext.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.74.3
+ * @cube-dev/ui-kit v0.76.0
  * Released under the MIT license.
  */
 

package/es/components/actions/Menu/context.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.74.3
+ * @cube-dev/ui-kit v0.76.0
  * Released under the MIT license.
  */
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.74.3
+ * @cube-dev/ui-kit v0.76.0
  * Released under the MIT license.
  */
 

package/es/components/actions/Menu/styled.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.74.3
+ * @cube-dev/ui-kit v0.76.0
  * Released under the MIT license.
  */
 

package/es/components/actions/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.74.3
+ * @cube-dev/ui-kit v0.76.0
  * Released under the MIT license.
  */
 

package/es/components/actions/use-action.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.74.3
+ * @cube-dev/ui-kit v0.76.0
  * Released under the MIT license.
  */